{"version":3,"sources":["webpack:///src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue","webpack:///src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue?2494","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue?1b63","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue?91d4","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue?362a","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue?d517","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue?5cc9","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue?b2d6","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue?6353","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue?e30c","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue?d3e9","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue?47f8","webpack:///./src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue?df94"],"names":["mixins","props","eventTrigger","type","default","data","action","selectedCustomAction","emailRecipientOptions","computed","mapGetters","customActions","filteredCustomActions","methods","mapActions","handleAddCustomAction","customAction","show","customActionModel","isDisabled","update","then","model","handleUpdateTemplate","handleUpdate","isUpdate","handleDelete","class","title","body","buttons","response","deleteEventTrigger","actionType","teamCustomActionId","message","catch","showErrorMessage","finally","openSettings","toFilterString","toEmailRecipientTypesText","texts","toStopTypeString","toTimeDelayDesc","m","hours","minutes","toTime","formatted","hasCustomTemplate","showEditTemplateButton","getConditionDesc","mounted","name","required","resolve","form","template","stopMergeFieldsOptions","stopCustomFields","validations","user","eventTriggerNameStatus","statusLabel","mergeFields","getMergeFields","concat","insertMergeField","textarea","temp","getStopCustomFields","handleRequests","key","updateTemplate","result"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyF6C;AACJ;AACb;AACyB;AACP;AAC6C;AAC5B;AACH;AACL;AACD;AACG;AAE1C;EACfA;EACAC;IACAC;MAAAC;MAAAC;IAAA;EACA;EACAC;IACA;MACAC;MACAC;MACAC;IACA;EACA;EACAC,uZACAC;IAAAC;EAAA,KACAD;IACAE;MAAA;MACA,wBACA;MAEA;QAAA;MAAA;IACA;EAAA,EACA;EACAC,mRACAC;IACAC;MAAA;MACA;MAEAC;MACA,YACAC;QACAC;QACAC;QACAC;MACA,GACAC;QAAA;UAAAC;QACA;UACA;QACA;MACA;IACA;IACAC;MACA;QAAAP;MAAA;QACA;MAAA,CACA;IACA;IACAQ;MAAA;MACA;QAAA;MAAA;MAEA,mBACA;MAEA;MACA,YACAP;QACAC;QACAO;MACA,GACAJ;QAAA;UAAAC;QACA;UACA;QACA;MACA;IACA;IACAI;MAAA;MAAA;QAAA;UAAA;YAAA;cACA,mBACAT;gBACAU;gBACAC;gBACAC;gBACAC;cACA,GACAT;gBAAA;kBAAA;oBAAA;sBAAA;wBAAA,MACAU;0BAAA;0BAAA;wBAAA;wBACA;wBAAA;wBAAA,OACA;sBAAA;sBAAA;wBAAA;oBAAA;kBAAA;gBAAA,CAEA;gBAAA;kBAAA;gBAAA;cAAA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAC;MAAA;MAAA;QAAA;UAAA;YAAA;cACA;cAAA;cAAA,OAEA;gBAAAC;gBAAAC;cAAA,GACAb;gBACA;kBACAc;kBACAhC;gBACA;cACA,GACAiC;gBACA;gBACAC;cACA,GACAC;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAC;MAAA;MAAA;QAAA;UAAA;YAAA;cACA,cACAtB;gBACAX;cACA,GACAe;gBAAA;kBAAAC;gBACA;kBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAkB;MACA;QACA;MACA;MACA;IACA;IACAC;MAAA;MACA;QACA;QAAA,8BACA;UACA;YAAA;UAAA;UACA,OACAC;QACA;QAJA;UAAA;QAAA;QAKA;MACA;MACA;IACA;IACAC;MACA;QACA;MACA;MACA;IACA;IACAC;MACA;QACA;MACA;MACA;QACA;MACA;MACA;QACA;QACA;QACAC;UAAAC;UAAAC;QAAA;QACA;MACA;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;MAEA;MAEA;QACAC;MACA;QACAA;MACA;MAEA;QACAA;MACA;QACAA;MACA;MAEA;QACAA;MACA;QACAA;MACA;MAEA;IACA;IACAC;MACA;IACA;IACAC;MACA;MACA;MACA;MACA;IACA;IACAC;MACA;IACA;EAAA,EACA;EACAC;IACA;MAAApB;IAAA;EACA;AACA,CAAC,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACpP4D;AACR;AACD;AACiC;AACvC;AAE/B;EACfqB;EACArD;IACAe;MAAAb;MAAAoD;IAAA;IACAC;MACArD;MACAC;IACA;EACA;EACAJ;EACAK;IACA;MACAoD;QACAC;MACA;MACAC;MACAC;IACA;EACA;EACAC;IACAJ;MACAC;QACAH;MACA;IACA;EACA;EACA9C,oRACAC;IACAoD;EACA;IACAC;MACA;MACA;MACA;QACAC;MACA;MACA;IACA;IACAC;MACA;IACA;EAAA,EACA;EACApD,mRACAC;IACAoD;MACA;QACA,gDACAC,6CACAA,mCACAA;MACA;QACA;MACA;IACA;IACAC;MACA;MAEA;QACA;UACA;QACA;QACA;QACA;QACA,2HACAC,uBACAC,YACA;QAEA;UACAD;UACA;UACA;UACAA;QACA;MACA;IACA;IACAE;MAAA;MACA;MACAC;QACA;UACA;YACAlB;YACAmB;UACA;UACA1C;YACA;cACAuB;cACAmB;YACA;UACA;QACA;QACA;MACA;IACA;IAEAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cACA;cAAA,KACA;gBAAA;gBAAA;cAAA;cAAA;YAAA;cAGA;cAAA;cAGApD;cACAA;cAAA;cAAA,OAEA;gBAAAjB;cAAA;YAAA;cAEA;gBACA8B;gBACAhC;cACA;cAEA;gBAAAwE;cAAA;cAAA;cAAA;YAAA;cAAA;cAAA;cAEAxC;cACAE;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAEA;EAAA,EACA;EACAgB;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;ACjLD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,8BAA8B;AAClD;AACA;AACA,OAAO,qCAAqC;AAC5C;AACA;AACA;AACA;AACA;AACA,oBAAoB,yBAAyB;AAC7C;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA,oBAAoB,6BAA6B;AACjD;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,6DAA6D;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,yCAAyC,qBAAqB;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,+BAA+B;AACpD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kCAAkC,eAAe;AACjD,yBAAyB;AACzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC,+BAA+B;AAC/B,6BAA6B;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,mCAAmC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACvPA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,oBAAoB,iCAAiC;AACrD;AACA;AACA,OAAO,8BAA8B;AACrC;AACA,kBAAkB,6BAA6B;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,4BAA4B;AACnC;AACA;AACA;AACA,WAAW,sCAAsC,yBAAyB,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA,wBAAwB,yBAAyB;AACjD,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA,eAAe,4CAA4C,kBAAkB,EAAE;AAC/E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,gCAAgC,2CAA2C;AAC3E;AACA;AACA;AACA,2BAA2B;AAC3B,yBAAyB;AACzB;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA,yCAAyC,iBAAiB;AAC1D;AACA;AACA;AACA;AACA,iCAAiC,qCAAqC;AACtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC,mCAAmC;AACnC,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,yCAAyC,mBAAmB,EAAE;AAC7E;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,8BAA8B;AACrC;AACA;AACA;AACA;AACA;AACA,iBAAiB,4BAA4B;AAC7C,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACtLA,2BAA2B,mBAAO,CAAC,yGAAwD;AAC3F;;;AAGA;AACA,cAAc,QAAS,wCAAwC,sBAAsB,GAAG,mDAAmD,wBAAwB,sBAAsB,GAAG;;AAE5L;;;;;;;;;;;;ACPA,2BAA2B,mBAAO,CAAC,yGAAwD;AAC3F;;;AAGA;AACA,cAAc,QAAS,sCAAsC,qBAAqB,GAAG,qCAAqC,+BAA+B,GAAG,mCAAmC,gBAAgB,iBAAiB,qBAAqB,uBAAuB,GAAG,0CAA0C,8BAA8B,GAAG,wCAAwC,0BAA0B,2BAA2B,sCAAsC,0BAA0B,iBAAiB,iBAAiB,GAAG,+CAA+C,2BAA2B,2BAA2B,GAAG,kDAAkD,qBAAqB,uBAAuB,GAAG,6DAA6D,6CAA6C,kBAAkB,GAAG,iFAAiF,iCAAiC,GAAG,+EAA+E,iCAAiC,GAAG,8DAA8D,wBAAwB,yBAAyB,GAAG,6DAA6D,yBAAyB,wBAAwB,GAAG,4FAA4F,cAAc,GAAG,gCAAgC,sBAAsB,sBAAsB,GAAG,qDAAqD,gBAAgB,GAAG;;AAEnjD;;;;;;;;;;;;ACPA;;AAEA;AACA,cAAc,mBAAO,CAAC,k2BAAsf;AAC5gB;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,mIAAsE;AACxF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;ACXf;;AAEA;AACA,cAAc,mBAAO,CAAC,o2BAAuf;AAC7gB;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,mIAAsE;AACxF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAA4G;AACvC;AACL;AACsC;;;AAGtG;AACmG;AACnG,gBAAgB,2GAAU;AAC1B,EAAE,uFAAM;AACR,EAAE,wGAAM;AACR,EAAE,iHAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACvCf;AAAA;AAAA,wCAAkU,CAAgB,kVAAG,EAAC,C;;;;;;;;;;;;ACAtV;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAA6G;AACvC;AACL;AACsC;;;AAGvG;AACmG;AACnG,gBAAgB,2GAAU;AAC1B,EAAE,wFAAM;AACR,EAAE,yGAAM;AACR,EAAE,kHAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACvCf;AAAA;AAAA,wCAAmU,CAAgB,mVAAG,EAAC,C;;;;;;;;;;;;ACAvV;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"6.js","sourcesContent":["<template>\r\n    <div class=\"cf-container\">\r\n        <div class=\"cf-action-container\">\r\n            <md-button title=\"Open Settings\" class=\"md-primary md-just-icon md-round\" @click.stop=\"openSettings\">\r\n                <md-icon>settings</md-icon>\r\n            </md-button>\r\n            <md-button\r\n                title=\"Add custom action\"\r\n                class=\"md-primary md-just-icon md-round\"\r\n                @click.stop=\"handleAddCustomAction\"\r\n            >\r\n                <md-icon>add</md-icon>\r\n            </md-button>\r\n        </div>\r\n        <div v-if=\"filteredCustomActions && filteredCustomActions.length\">\r\n            <md-table class=\"context-menu-support custom-paginated-table\">\r\n                <md-table-row>\r\n                    <md-table-head>Event Trigger</md-table-head>\r\n                    <md-table-head>Recipient(s)</md-table-head>\r\n                    <md-table-head>Stop Type(s)</md-table-head>\r\n                    <md-table-head>Time Delay</md-table-head>\r\n                    <md-table-head>Template</md-table-head>\r\n                    <md-table-head>Condition</md-table-head>\r\n                    <md-table-head class=\"end\">Actions</md-table-head>\r\n                </md-table-row>\r\n                <md-table-row v-for=\"item in filteredCustomActions\" :key=\"item.teamCustomActionId\">\r\n                    <md-table-cell>\r\n                        {{\r\n                            ($_isEmptyOrSpaces(item.eventTriggerName) ? item.eventTrigger : item.eventTriggerName) +\r\n                                toFilterString(item)\r\n                        }}\r\n                    </md-table-cell>\r\n                    <md-table-cell>{{ toEmailRecipientTypesText(item.settings.emailRecipientTypes) }}</md-table-cell>\r\n                    <md-table-cell>\r\n                        {{ toStopTypeString(item.filter.stopTypes) }}\r\n                    </md-table-cell>\r\n                    <md-table-cell>\r\n                        {{ toTimeDelayDesc(item.settings.timeDelay) }}\r\n                    </md-table-cell>\r\n                    <md-table-cell>\r\n                        {{ item.settings.useSystemTemplate ? 'Default' : item.settings.emailTemplateId }}\r\n                    </md-table-cell>\r\n                    <md-table-cell>\r\n                        <template v-for=\"(subCond, ndx) in getConditionDesc(item)\">\r\n                            <p :key=\"`var-${subCond.variable}-${ndx}`\">\r\n                                {{ `${subCond.variable} ${subCond.operator} ${subCond.value}` }}\r\n                            </p>\r\n                        </template>\r\n                    </md-table-cell>\r\n                    <md-table-cell align=\"end\" class=\"action-buttons\">\r\n                        <!-- Custom actions that doesn't have any eventTriggerName means they were manually added in the database\r\n                            and is not publicly available as an eventTrigger. So we temporarily remove the ability to edit as to not cause any issues. -->\r\n                        <md-button\r\n                            v-if=\"showEditTemplateButton(item)\"\r\n                            title=\"Update custom template\"\r\n                            class=\"md-info md-just-icon md-round\"\r\n                            @click.stop=\"handleUpdateTemplate(item)\"\r\n                            :data-test-id=\"`btn-update-template-${item.teamCustomActionId}`\"\r\n                        >\r\n                            <md-icon>subject</md-icon>\r\n                        </md-button>\r\n                        <md-button\r\n                            v-if=\"!$_isEmptyOrSpaces(item.eventTriggerName)\"\r\n                            title=\"Update custom action\"\r\n                            class=\"md-warning md-just-icon md-round\"\r\n                            @click.stop=\"handleUpdate(item.teamCustomActionId)\"\r\n                            :data-test-id=\"`btn-update-${item.teamCustomActionId}`\"\r\n                        >\r\n                            <md-icon>edit</md-icon>\r\n                        </md-button>\r\n                        <md-button\r\n                            title=\"Delete custom action\"\r\n                            class=\"md-danger md-just-icon md-round\"\r\n                            @click.stop=\"handleDelete(item.teamCustomActionId)\"\r\n                            :data-test-id=\"`btn-delete-${item.teamCustomActionId}`\"\r\n                        >\r\n                            <md-icon>delete</md-icon>\r\n                        </md-button>\r\n                    </md-table-cell>\r\n                </md-table-row>\r\n            </md-table>\r\n        </div>\r\n        <div v-else>\r\n            <p class=\"no-result-message\">No actions found.</p>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { showErrorMessage } from '@/helpers';\r\nimport cloneDeep from 'lodash/cloneDeep';\r\nimport moment from 'moment';\r\nimport { GeneralMixin } from '@/mixins/GeneralMixin';\r\nimport { mapActions, mapGetters } from 'vuex';\r\nimport { TEAM_CUSTOM_ACTION_EMAIL_RECIPIENT_OPTIONS } from '@/utils/CustomActionConstants';\r\nimport { TEAM_CUSTOM_ACTION_DEFAULTS } from '@/utils/defaults';\r\nimport customActionHelper from '@/utils/customActionHelper';\r\nimport CreateCustomAction from '../CreateCustomAction';\r\nimport EmailTemplateModal from './EmailTemplateModal';\r\nimport ActionLevelSettings from '../ActionLevelSettings';\r\n\r\nexport default {\r\n    mixins: [GeneralMixin],\r\n    props: {\r\n        eventTrigger: { type: String, default: null }\r\n    },\r\n    data() {\r\n        return {\r\n            action: 'Email',\r\n            selectedCustomAction: null,\r\n            emailRecipientOptions: TEAM_CUSTOM_ACTION_EMAIL_RECIPIENT_OPTIONS\r\n        };\r\n    },\r\n    computed: {\r\n        ...mapGetters({ customActions: 'custom-actions/emailCustomActions' }),\r\n        ...mapGetters('team', ['teamRegions', 'customers']),\r\n        filteredCustomActions() {\r\n            if (!this.eventTrigger) \r\n                return this.customActions;\r\n\r\n            return this.customActions.filter((x) => x.eventTrigger === this.eventTrigger);\r\n        }\r\n    },\r\n    methods: {\r\n        ...mapActions('custom-actions', ['FETCH_EVENT_TRIGGERS', 'DELETE_EVENT_TRIGGER']),\r\n        handleAddCustomAction() {\r\n            const customAction = { ...TEAM_CUSTOM_ACTION_DEFAULTS() };\r\n\r\n            customAction.action = this.action;\r\n            this.$modal\r\n                .show(CreateCustomAction, {\r\n                    customActionModel: customAction,\r\n                    isDisabled: true,\r\n                    update: false\r\n                })\r\n                .then(({ result, model }) => {\r\n                    if (result === 'ok') {\r\n                        this.$modal.hide();\r\n                    }\r\n                });\r\n        },\r\n        handleUpdateTemplate(customAction) {\r\n            this.$modal.show(EmailTemplateModal, { customAction }).then((resp) => {\r\n                //\r\n            });\r\n        },\r\n        handleUpdate(teamCustomActionId) {\r\n            const customAction = this.customActions.find((x) => x.teamCustomActionId === teamCustomActionId);\r\n\r\n            if (!customAction) \r\n                return;\r\n\r\n            const customActionModel = cloneDeep(customAction);\r\n            this.$modal\r\n                .show(CreateCustomAction, {\r\n                    customActionModel,\r\n                    isUpdate: true\r\n                })\r\n                .then(({ result, model }) => {\r\n                    if (result === 'ok') {\r\n                        this.$modal.hide();\r\n                    }\r\n                });\r\n        },\r\n        async handleDelete(teamCustomActionId) {\r\n            this.$messageBox\r\n                .show({\r\n                    class: 'sm-modal-container',\r\n                    title: 'Delete Event Trigger',\r\n                    body: 'Are you sure you want to delete this event trigger?',\r\n                    buttons: ['Confirm', 'Cancel']\r\n                })\r\n                .then(async (response) => {\r\n                    if (response.toLowerCase() === 'confirm') {\r\n                        this.isListLoading = true;\r\n                        await this.deleteEventTrigger(teamCustomActionId);\r\n                    }\r\n                });\r\n        },\r\n        async deleteEventTrigger(teamCustomActionId) {\r\n            this.$_handleLoaderState(true, 'DELETING EVENT TRIGGER...');\r\n\r\n            await this.DELETE_EVENT_TRIGGER({ actionType: this.action, teamCustomActionId })\r\n                .then(() => {\r\n                    this.$notify({\r\n                        message: 'Event trigger deleted.',\r\n                        type: 'success'\r\n                    });\r\n                })\r\n                .catch((e) => {\r\n                    const message = 'Could not remove event trigger.';\r\n                    showErrorMessage(this, message, e);\r\n                })\r\n                .finally(() => {\r\n                    this.$_handleLoaderState(false);\r\n                });\r\n        },\r\n        async openSettings() {\r\n            this.$modal\r\n                .show(ActionLevelSettings, {\r\n                    action: this.action\r\n                })\r\n                .then(({ result, model }) => {\r\n                    if (result === 'ok') {\r\n                        this.$modal.hide();\r\n                    }\r\n                });\r\n        },\r\n        toFilterString(item) {\r\n            if (item.filter && item.filter.status && item.filter.status.length) {\r\n                return ` (${item.filter.status.join(', ')})`;\r\n            }\r\n            return '';\r\n        },\r\n        toEmailRecipientTypesText(recipientTypes) {\r\n            if (this.emailRecipientOptions && recipientTypes) {\r\n                const texts = [];\r\n                for (let i = 0; i < recipientTypes.length; i++) {\r\n                    const r = this.emailRecipientOptions.find((x) => x.value === recipientTypes[i]);\r\n                    if (r) \r\n                        texts.push(r.text);\r\n                }\r\n                return texts.join(', ');\r\n            }\r\n            return '-';\r\n        },\r\n        toStopTypeString(stopTypes) {\r\n            if (stopTypes && stopTypes.length) {\r\n                return stopTypes.join(', ');\r\n            }\r\n            return '';\r\n        },\r\n        toTimeDelayDesc(timeDelay) {\r\n            if (timeDelay.type === 'Immediate') {\r\n                return 'Immediate';\r\n            }\r\n            if (timeDelay.type === 'Delayed') {\r\n                return this.$options.filters.timeSpanFormat(timeDelay.delay);\r\n            }\r\n            if (timeDelay.type === 'Specified') {\r\n                const time = timeDelay.specificTime.split(':');\r\n                const m = moment();\r\n                m.set({ hours: time[0], minutes: time[1] });\r\n                return `At ${this.$options.filters.timeFormat(m)}`;\r\n            }\r\n            return '';\r\n        },\r\n        toTime(value) {\r\n            const minutes = Number(value);\r\n            const d = Math.floor(minutes / (60 * 24));\r\n            const h = Math.floor((minutes % (60 * 24)) / 60);\r\n            const m = Math.floor(minutes % 60);\r\n\r\n            let formatted = '';\r\n\r\n            if (d >= 2) {\r\n                formatted = `${d} days`;\r\n            } else if (d === 1) {\r\n                formatted = `${d} day`;\r\n            }\r\n\r\n            if (h >= 2) {\r\n                formatted = `${formatted} ${h} hrs `;\r\n            } else if (h === 1) {\r\n                formatted = `${formatted} ${h} hr `;\r\n            }\r\n\r\n            if (m >= 2) {\r\n                formatted = `${formatted} ${m} mins `;\r\n            } else if (m === 1) {\r\n                formatted = `${formatted} ${m} min `;\r\n            }\r\n\r\n            return formatted.trim();\r\n        },\r\n        hasCustomTemplate(customAction) {\r\n            return customAction.settings.emailTemplateId && customAction.settings.emailTemplateId.length;\r\n        },\r\n        showEditTemplateButton(customAction) {\r\n            // return !customAction.settings.useSystemTemplate\r\n            // Note: currently, we don't support Email Custom Template content\r\n            // eventhough specific Sendgrid Template Id can be customized per customer\r\n            return false;\r\n        },\r\n        getConditionDesc(customAction) {\r\n            return customActionHelper.describeConditions(customAction);\r\n        }\r\n    },\r\n    mounted() {\r\n        this.FETCH_EVENT_TRIGGERS({ actionType: this.action });\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.md-table-head.end {\r\n    text-align: right;\r\n}\r\n::v-deep .md-table-cell.action-buttons {\r\n    padding-right: 30px;\r\n    text-align: right;\r\n}\r\n</style>\r\n","<template>\r\n    <div class=\"modal-container\">\r\n        <div class=\"modal-header\">\r\n            <h4 class=\"modal-title\">Custom Email Template</h4>\r\n            <md-button class=\"md-simple md-just-icon md-round modal-default-button\" @click.stop=\"$modal.hide\">\r\n                <md-icon>clear</md-icon>\r\n            </md-button>\r\n        </div>\r\n        <div class=\"modal-body\">\r\n            <form-wrapper :validator=\"$v.form\" class=\"form-wrapper\">\r\n                <form-group label=\"Event Trigger\" class=\"event-trigger no-underline\">\r\n                    <md-input id=\"custom-template-eventTriggerName-input\" :value=\"eventTriggerNameStatus\" readonly />\r\n                </form-group>\r\n                <form-group label=\"Fields\" class=\"custom-merge-field\">\r\n                    <drop-down>\r\n                        <md-button @click.prevent slot=\"title\" class=\"dropdown-toggle md-info\" data-toggle=\"dropdown\">\r\n                            Insert Merge Field\r\n                        </md-button>\r\n                        <ul class=\"dropdown-menu dropdown-menu-right dropdown-menu-height\">\r\n                            <li v-for=\"field in mergeFields\" :key=\"field.key\">\r\n                                <span\r\n                                    v-if=\"field.key === 'stopcustomfields' || field.key === 'shipmentcustomfields'\"\r\n                                    class=\"custom-field-header\"\r\n                                >\r\n                                    {{ field.name }}\r\n                                </span>\r\n                                <a v-else @click=\"insertMergeField(field.key)\">\r\n                                    {{ field.name }}\r\n                                </a>\r\n                            </li>\r\n                        </ul>\r\n                    </drop-down>\r\n                </form-group>\r\n                <form-group class=\"custom-textarea\" name=\"template\">\r\n                    <md-textarea v-model=\"form.template\" ref=\"template\" />\r\n                </form-group>\r\n            </form-wrapper>\r\n            <br />\r\n        </div>\r\n        <div class=\"modal-footer\">\r\n            <md-button class=\"dialog-button md-primary\" @click=\"updateTemplate\">Save</md-button>\r\n            <md-button class=\"dialog-button md-default\" @click.stop=\"$modal.hide\">Cancel</md-button>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { handleRequests, showErrorMessage } from '@/helpers';\r\nimport { GeneralMixin } from '@/mixins/GeneralMixin';\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { TEAM_CUSTOM_ACTION_STOP_MERGE_FIELDS } from '@/utils/CustomActionConstants';\r\nimport { mapGetters, mapActions } from 'vuex';\r\n\r\nexport default {\r\n    name: 'EmailTemplateModal',\r\n    props: {\r\n        customAction: { type: Object, required: true },\r\n        resolve: {\r\n            type: Function,\r\n            default: () => {}\r\n        }\r\n    },\r\n    mixins: [GeneralMixin],\r\n    data() {\r\n        return {\r\n            form: {\r\n                template: ''\r\n            },\r\n            stopMergeFieldsOptions: [...TEAM_CUSTOM_ACTION_STOP_MERGE_FIELDS],\r\n            stopCustomFields: []\r\n        };\r\n    },\r\n    validations: {\r\n        form: {\r\n            template: {\r\n                required\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters({\r\n            user: 'user/user'\r\n        }),\r\n        eventTriggerNameStatus() {\r\n            const triggerLabel = this.customAction.eventTriggerName;\r\n            let statusLabel = '';\r\n            if (this.customAction.filter && this.customAction.filter.status && this.customAction.filter.status.length) {\r\n                statusLabel = ` - (${this.customAction.filter.status.join(', ')})`;\r\n            }\r\n            return `${triggerLabel}${statusLabel}`;\r\n        },\r\n        mergeFields() {\r\n            return this.stopMergeFieldsOptions || [];\r\n        }\r\n    },\r\n    methods: {\r\n        ...mapActions('custom-actions', ['UPDATE_EVENT_TRIGGER']),\r\n        getMergeFields() {\r\n            if (this.form.stopType === 'Pick Up' || this.form.stopType === 'Drop') {\r\n                this.mergeFields = this.insertMergeFieldOptions\r\n                    .concat(this.insertShipmentMergeFieldOptions)\r\n                    .concat(this.stopCustomMergeFields)\r\n                    .concat(this.shipmentCustomMergeFields);\r\n            } else {\r\n                this.mergeFields = this.insertMergeFieldOptions.concat(this.stopCustomMergeFields);\r\n            }\r\n        },\r\n        insertMergeField(value) {\r\n            const textarea = this.$refs.template.$el;\r\n\r\n            if (value !== 'default') {\r\n                if (!this.form.template) {\r\n                    this.form.template = '';\r\n                }\r\n                const temp = this.form.template || '';\r\n                const currentCursorPosition = textarea.selectionStart;\r\n                this.form.template = `${temp.substring(0, textarea.selectionStart)}{{${value}}}${temp.substring(\r\n                    textarea.selectionEnd,\r\n                    temp.length\r\n                )}`;\r\n\r\n                this.$nextTick(() => {\r\n                    textarea.focus();\r\n                    // The additional + 4 is because we are adding {{}} to the merge field value upon insert.\r\n                    const cursorfocusPos = currentCursorPosition + value.length + 4;\r\n                    textarea.setSelectionRange(cursorfocusPos, cursorfocusPos);\r\n                });\r\n            }\r\n        },\r\n        getStopCustomFields() {\r\n            const api = '/api/teams/custom-fields/stops';\r\n            handleRequests(api).then((response) => {\r\n                if (response.data.length > 0) {\r\n                    this.stopCustomMergeFields.push({\r\n                        name: 'Stop Custom Fields',\r\n                        key: 'stopcustomfields'\r\n                    });\r\n                    response.data.forEach((field) => {\r\n                        this.stopCustomMergeFields.push({\r\n                            name: field.label,\r\n                            key: field.name\r\n                        });\r\n                    });\r\n                }\r\n                this.getMergeFields();\r\n            });\r\n        },\r\n\r\n        async updateTemplate() {\r\n            this.$v.form.$touch();\r\n            if (this.$v.form.$invalid) \r\n                return;\r\n\r\n            this.$_handleLoaderState(true, 'UPDATING EMAIL TEMPLATE...');\r\n\r\n            try {\r\n                const model = { ...this.customAction };\r\n                model.settings.emailTemplateContent = this.form.template || '';\r\n\r\n                await this.UPDATE_EVENT_TRIGGER({ data: model });\r\n\r\n                this.$notify({\r\n                    message: 'Successfully updated an email template.',\r\n                    type: 'success'\r\n                });\r\n\r\n                this.resolve({ result: 'ok' });\r\n            } catch (e) {\r\n                const message = 'Could not update email template.';\r\n                showErrorMessage(this, message, e);\r\n                this.$_handleLoaderState(false);\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.template = this.customAction.settings.emailTemplateContent;\r\n    }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.modal-container {\r\n    max-width: 620px;\r\n}\r\n\r\n.custom-textarea {\r\n    margin-top: 5px !important;\r\n}\r\n\r\n.event-trigger {\r\n    float: left;\r\n    width: 350px;\r\n    margin-top: 29px;\r\n    margin-right: 10px;\r\n    ::v-deep label {\r\n        top: -1.2rem !important;\r\n    }\r\n}\r\n.custom-merge-field {\r\n    justify-content: flex-end;\r\n    margin: 15px 0 0 auto;\r\n    width: 188px;\r\n    float: right;\r\n\r\n    ::v-deep label {\r\n        top: -5px !important;\r\n        font-size: 0.6875rem;\r\n    }\r\n\r\n    .dropdown {\r\n        margin-left: 0;\r\n        margin-top: 12px;\r\n        .md-button {\r\n            background-color: #00bcd4 !important;\r\n            margin: 0;\r\n\r\n            ::v-deep .md-button-content {\r\n                color: #fff !important;\r\n            }\r\n\r\n            ::v-deep .md-ripple:after {\r\n                color: #fff !important;\r\n            }\r\n        }\r\n    }\r\n\r\n    .dropdown-menu-height {\r\n        max-height: 400px;\r\n        overflow-y: scroll;\r\n    }\r\n    .custom-field-header {\r\n        padding-left: 10px;\r\n        font-weight: bold;\r\n    }\r\n}\r\n.custom-merge-field:after,\r\n.custom-merge-field:before {\r\n    height: 0;\r\n}\r\n.modal-body {\r\n    padding-bottom: 0;\r\n    padding-top: 10px;\r\n}\r\n\r\n::v-deep div.md-field.no-underline:after {\r\n    height: 0px;\r\n}\r\n</style>\r\n","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"cf-container\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"cf-action-container\" },\n      [\n        _c(\n          \"md-button\",\n          {\n            staticClass: \"md-primary md-just-icon md-round\",\n            attrs: { title: \"Open Settings\" },\n            on: {\n              click: function ($event) {\n                $event.stopPropagation()\n                return _vm.openSettings($event)\n              },\n            },\n          },\n          [_c(\"md-icon\", [_vm._v(\"settings\")])],\n          1\n        ),\n        _c(\n          \"md-button\",\n          {\n            staticClass: \"md-primary md-just-icon md-round\",\n            attrs: { title: \"Add custom action\" },\n            on: {\n              click: function ($event) {\n                $event.stopPropagation()\n                return _vm.handleAddCustomAction($event)\n              },\n            },\n          },\n          [_c(\"md-icon\", [_vm._v(\"add\")])],\n          1\n        ),\n      ],\n      1\n    ),\n    _vm.filteredCustomActions && _vm.filteredCustomActions.length\n      ? _c(\n          \"div\",\n          [\n            _c(\n              \"md-table\",\n              { staticClass: \"context-menu-support custom-paginated-table\" },\n              [\n                _c(\n                  \"md-table-row\",\n                  [\n                    _c(\"md-table-head\", [_vm._v(\"Event Trigger\")]),\n                    _c(\"md-table-head\", [_vm._v(\"Recipient(s)\")]),\n                    _c(\"md-table-head\", [_vm._v(\"Stop Type(s)\")]),\n                    _c(\"md-table-head\", [_vm._v(\"Time Delay\")]),\n                    _c(\"md-table-head\", [_vm._v(\"Template\")]),\n                    _c(\"md-table-head\", [_vm._v(\"Condition\")]),\n                    _c(\"md-table-head\", { staticClass: \"end\" }, [\n                      _vm._v(\"Actions\"),\n                    ]),\n                  ],\n                  1\n                ),\n                _vm._l(_vm.filteredCustomActions, function (item) {\n                  return _c(\n                    \"md-table-row\",\n                    { key: item.teamCustomActionId },\n                    [\n                      _c(\"md-table-cell\", [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(\n                              (_vm.$_isEmptyOrSpaces(item.eventTriggerName)\n                                ? item.eventTrigger\n                                : item.eventTriggerName) +\n                                _vm.toFilterString(item)\n                            ) +\n                            \"\\n                \"\n                        ),\n                      ]),\n                      _c(\"md-table-cell\", [\n                        _vm._v(\n                          _vm._s(\n                            _vm.toEmailRecipientTypesText(\n                              item.settings.emailRecipientTypes\n                            )\n                          )\n                        ),\n                      ]),\n                      _c(\"md-table-cell\", [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(\n                              _vm.toStopTypeString(item.filter.stopTypes)\n                            ) +\n                            \"\\n                \"\n                        ),\n                      ]),\n                      _c(\"md-table-cell\", [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(\n                              _vm.toTimeDelayDesc(item.settings.timeDelay)\n                            ) +\n                            \"\\n                \"\n                        ),\n                      ]),\n                      _c(\"md-table-cell\", [\n                        _vm._v(\n                          \"\\n                    \" +\n                            _vm._s(\n                              item.settings.useSystemTemplate\n                                ? \"Default\"\n                                : item.settings.emailTemplateId\n                            ) +\n                            \"\\n                \"\n                        ),\n                      ]),\n                      _c(\n                        \"md-table-cell\",\n                        [\n                          _vm._l(\n                            _vm.getConditionDesc(item),\n                            function (subCond, ndx) {\n                              return [\n                                _c(\n                                  \"p\",\n                                  {\n                                    key: \"var-\" + subCond.variable + \"-\" + ndx,\n                                  },\n                                  [\n                                    _vm._v(\n                                      \"\\n                            \" +\n                                        _vm._s(\n                                          subCond.variable +\n                                            \" \" +\n                                            subCond.operator +\n                                            \" \" +\n                                            subCond.value\n                                        ) +\n                                        \"\\n                        \"\n                                    ),\n                                  ]\n                                ),\n                              ]\n                            }\n                          ),\n                        ],\n                        2\n                      ),\n                      _c(\n                        \"md-table-cell\",\n                        {\n                          staticClass: \"action-buttons\",\n                          attrs: { align: \"end\" },\n                        },\n                        [\n                          _vm.showEditTemplateButton(item)\n                            ? _c(\n                                \"md-button\",\n                                {\n                                  staticClass: \"md-info md-just-icon md-round\",\n                                  attrs: {\n                                    title: \"Update custom template\",\n                                    \"data-test-id\":\n                                      \"btn-update-template-\" +\n                                      item.teamCustomActionId,\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      $event.stopPropagation()\n                                      return _vm.handleUpdateTemplate(item)\n                                    },\n                                  },\n                                },\n                                [_c(\"md-icon\", [_vm._v(\"subject\")])],\n                                1\n                              )\n                            : _vm._e(),\n                          !_vm.$_isEmptyOrSpaces(item.eventTriggerName)\n                            ? _c(\n                                \"md-button\",\n                                {\n                                  staticClass:\n                                    \"md-warning md-just-icon md-round\",\n                                  attrs: {\n                                    title: \"Update custom action\",\n                                    \"data-test-id\":\n                                      \"btn-update-\" + item.teamCustomActionId,\n                                  },\n                                  on: {\n                                    click: function ($event) {\n                                      $event.stopPropagation()\n                                      return _vm.handleUpdate(\n                                        item.teamCustomActionId\n                                      )\n                                    },\n                                  },\n                                },\n                                [_c(\"md-icon\", [_vm._v(\"edit\")])],\n                                1\n                              )\n                            : _vm._e(),\n                          _c(\n                            \"md-button\",\n                            {\n                              staticClass: \"md-danger md-just-icon md-round\",\n                              attrs: {\n                                title: \"Delete custom action\",\n                                \"data-test-id\":\n                                  \"btn-delete-\" + item.teamCustomActionId,\n                              },\n                              on: {\n                                click: function ($event) {\n                                  $event.stopPropagation()\n                                  return _vm.handleDelete(\n                                    item.teamCustomActionId\n                                  )\n                                },\n                              },\n                            },\n                            [_c(\"md-icon\", [_vm._v(\"delete\")])],\n                            1\n                          ),\n                        ],\n                        1\n                      ),\n                    ],\n                    1\n                  )\n                }),\n              ],\n              2\n            ),\n          ],\n          1\n        )\n      : _c(\"div\", [\n          _c(\"p\", { staticClass: \"no-result-message\" }, [\n            _vm._v(\"No actions found.\"),\n          ]),\n        ]),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\"div\", { staticClass: \"modal-container\" }, [\n    _c(\n      \"div\",\n      { staticClass: \"modal-header\" },\n      [\n        _c(\"h4\", { staticClass: \"modal-title\" }, [\n          _vm._v(\"Custom Email Template\"),\n        ]),\n        _c(\n          \"md-button\",\n          {\n            staticClass: \"md-simple md-just-icon md-round modal-default-button\",\n            on: {\n              click: function ($event) {\n                $event.stopPropagation()\n                return _vm.$modal.hide($event)\n              },\n            },\n          },\n          [_c(\"md-icon\", [_vm._v(\"clear\")])],\n          1\n        ),\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"modal-body\" },\n      [\n        _c(\n          \"form-wrapper\",\n          { staticClass: \"form-wrapper\", attrs: { validator: _vm.$v.form } },\n          [\n            _c(\n              \"form-group\",\n              {\n                staticClass: \"event-trigger no-underline\",\n                attrs: { label: \"Event Trigger\" },\n              },\n              [\n                _c(\"md-input\", {\n                  attrs: {\n                    id: \"custom-template-eventTriggerName-input\",\n                    value: _vm.eventTriggerNameStatus,\n                    readonly: \"\",\n                  },\n                }),\n              ],\n              1\n            ),\n            _c(\n              \"form-group\",\n              { staticClass: \"custom-merge-field\", attrs: { label: \"Fields\" } },\n              [\n                _c(\n                  \"drop-down\",\n                  [\n                    _c(\n                      \"md-button\",\n                      {\n                        staticClass: \"dropdown-toggle md-info\",\n                        attrs: { slot: \"title\", \"data-toggle\": \"dropdown\" },\n                        on: {\n                          click: function ($event) {\n                            $event.preventDefault()\n                          },\n                        },\n                        slot: \"title\",\n                      },\n                      [\n                        _vm._v(\n                          \"\\n                        Insert Merge Field\\n                    \"\n                        ),\n                      ]\n                    ),\n                    _c(\n                      \"ul\",\n                      {\n                        staticClass:\n                          \"dropdown-menu dropdown-menu-right dropdown-menu-height\",\n                      },\n                      _vm._l(_vm.mergeFields, function (field) {\n                        return _c(\"li\", { key: field.key }, [\n                          field.key === \"stopcustomfields\" ||\n                          field.key === \"shipmentcustomfields\"\n                            ? _c(\n                                \"span\",\n                                { staticClass: \"custom-field-header\" },\n                                [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(field.name) +\n                                      \"\\n                            \"\n                                  ),\n                                ]\n                              )\n                            : _c(\n                                \"a\",\n                                {\n                                  on: {\n                                    click: function ($event) {\n                                      return _vm.insertMergeField(field.key)\n                                    },\n                                  },\n                                },\n                                [\n                                  _vm._v(\n                                    \"\\n                                \" +\n                                      _vm._s(field.name) +\n                                      \"\\n                            \"\n                                  ),\n                                ]\n                              ),\n                        ])\n                      }),\n                      0\n                    ),\n                  ],\n                  1\n                ),\n              ],\n              1\n            ),\n            _c(\n              \"form-group\",\n              { staticClass: \"custom-textarea\", attrs: { name: \"template\" } },\n              [\n                _c(\"md-textarea\", {\n                  ref: \"template\",\n                  model: {\n                    value: _vm.form.template,\n                    callback: function ($$v) {\n                      _vm.$set(_vm.form, \"template\", $$v)\n                    },\n                    expression: \"form.template\",\n                  },\n                }),\n              ],\n              1\n            ),\n          ],\n          1\n        ),\n        _c(\"br\"),\n      ],\n      1\n    ),\n    _c(\n      \"div\",\n      { staticClass: \"modal-footer\" },\n      [\n        _c(\n          \"md-button\",\n          {\n            staticClass: \"dialog-button md-primary\",\n            on: { click: _vm.updateTemplate },\n          },\n          [_vm._v(\"Save\")]\n        ),\n        _c(\n          \"md-button\",\n          {\n            staticClass: \"dialog-button md-default\",\n            on: {\n              click: function ($event) {\n                $event.stopPropagation()\n                return _vm.$modal.hide($event)\n              },\n            },\n          },\n          [_vm._v(\"Cancel\")]\n        ),\n      ],\n      1\n    ),\n  ])\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".md-table-head.end[data-v-43cc0f62] {\\n  text-align: right;\\n}\\n[data-v-43cc0f62] .md-table-cell.action-buttons {\\n  padding-right: 30px;\\n  text-align: right;\\n}\\n\", \"\"]);\n\n// exports\n","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".modal-container[data-v-80cd4ef0] {\\n  max-width: 620px;\\n}\\n.custom-textarea[data-v-80cd4ef0] {\\n  margin-top: 5px !important;\\n}\\n.event-trigger[data-v-80cd4ef0] {\\n  float: left;\\n  width: 350px;\\n  margin-top: 29px;\\n  margin-right: 10px;\\n}\\n.event-trigger[data-v-80cd4ef0]  label {\\n    top: -1.2rem !important;\\n}\\n.custom-merge-field[data-v-80cd4ef0] {\\n  -webkit-box-pack: end;\\n      -ms-flex-pack: end;\\n          justify-content: flex-end;\\n  margin: 15px 0 0 auto;\\n  width: 188px;\\n  float: right;\\n}\\n.custom-merge-field[data-v-80cd4ef0]  label {\\n    top: -5px !important;\\n    font-size: 0.6875rem;\\n}\\n.custom-merge-field .dropdown[data-v-80cd4ef0] {\\n    margin-left: 0;\\n    margin-top: 12px;\\n}\\n.custom-merge-field .dropdown .md-button[data-v-80cd4ef0] {\\n      background-color: #00bcd4 !important;\\n      margin: 0;\\n}\\n.custom-merge-field .dropdown .md-button[data-v-80cd4ef0]  .md-button-content {\\n        color: #fff !important;\\n}\\n.custom-merge-field .dropdown .md-button[data-v-80cd4ef0]  .md-ripple:after {\\n        color: #fff !important;\\n}\\n.custom-merge-field .dropdown-menu-height[data-v-80cd4ef0] {\\n    max-height: 400px;\\n    overflow-y: scroll;\\n}\\n.custom-merge-field .custom-field-header[data-v-80cd4ef0] {\\n    padding-left: 10px;\\n    font-weight: bold;\\n}\\n.custom-merge-field[data-v-80cd4ef0]:after,\\n.custom-merge-field[data-v-80cd4ef0]:before {\\n  height: 0;\\n}\\n.modal-body[data-v-80cd4ef0] {\\n  padding-bottom: 0;\\n  padding-top: 10px;\\n}\\n[data-v-80cd4ef0] div.md-field.no-underline:after {\\n  height: 0px;\\n}\\n\", \"\"]);\n\n// exports\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=style&index=0&id=43cc0f62&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"b96fffe4\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=style&index=0&id=43cc0f62&lang=scss&scoped=true&\", function() {\n     var newContent = require(\"!!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=style&index=0&id=43cc0f62&lang=scss&scoped=true&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=style&index=0&id=80cd4ef0&lang=scss&scoped=true&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"afc40e7e\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=style&index=0&id=80cd4ef0&lang=scss&scoped=true&\", function() {\n     var newContent = require(\"!!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=style&index=0&id=80cd4ef0&lang=scss&scoped=true&\");\n     if(newContent.__esModule) newContent = newContent.default;\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./EmailCustomAction.vue?vue&type=template&id=43cc0f62&scoped=true&\"\nimport script from \"./EmailCustomAction.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailCustomAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmailCustomAction.vue?vue&type=style&index=0&id=43cc0f62&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"43cc0f62\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\a\\\\1\\\\s\\\\Locate2u.AppPortal\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('43cc0f62')) {\n      api.createRecord('43cc0f62', component.options)\n    } else {\n      api.reload('43cc0f62', component.options)\n    }\n    module.hot.accept(\"./EmailCustomAction.vue?vue&type=template&id=43cc0f62&scoped=true&\", function () {\n      api.rerender('43cc0f62', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/pages/TeamSettings/CustomActions/Email/EmailCustomAction.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=style&index=0&id=43cc0f62&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"3a887057-vue-loader-template\\\"}!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailCustomAction.vue?vue&type=template&id=43cc0f62&scoped=true&\"","import { render, staticRenderFns } from \"./EmailTemplateModal.vue?vue&type=template&id=80cd4ef0&scoped=true&\"\nimport script from \"./EmailTemplateModal.vue?vue&type=script&lang=js&\"\nexport * from \"./EmailTemplateModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EmailTemplateModal.vue?vue&type=style&index=0&id=80cd4ef0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"80cd4ef0\",\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"C:\\\\a\\\\1\\\\s\\\\Locate2u.AppPortal\\\\node_modules\\\\vue-hot-reload-api\\\\dist\\\\index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('80cd4ef0')) {\n      api.createRecord('80cd4ef0', component.options)\n    } else {\n      api.reload('80cd4ef0', component.options)\n    }\n    module.hot.accept(\"./EmailTemplateModal.vue?vue&type=template&id=80cd4ef0&scoped=true&\", function () {\n      api.rerender('80cd4ef0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/pages/TeamSettings/CustomActions/Email/EmailTemplateModal.vue\"\nexport default component.exports","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../../node_modules/vue-style-loader/index.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=style&index=0&id=80cd4ef0&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"3a887057-vue-loader-template\\\"}!../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EmailTemplateModal.vue?vue&type=template&id=80cd4ef0&scoped=true&\""],"sourceRoot":""}