{"version":3,"sources":["webpack:///src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue?0720","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue?a1f3","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue?95d0","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue?8704","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue?c5d6","webpack:///./src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.vue?e6fb"],"names":["name","mixins","props","customActionModel","type","default","validator","required","isUpdate","conditionVariables","components","TimePicker","TimeSpanInput","TimeDelayType","CustomConditionBuilderList","data","action","eventTriggers","selectedEventTrigger","actionTypeOptions","stopTypeOptions","nonWebhookStatusFilter","initialUseSmsSystemTemplate","mergeFields","stopMergeFieldsConstants","orderMergeFieldConstants","stopCustomMergeFields","shipmentMergeFieldsContants","shipmentCustomMergeFields","timeDelayValue","customSmsOverLimitTooltip","computed","filteredEventTriggers","filter","sort","currentEventTrigger","filters","stopTypeFilters","showStopTypeFilter","smsRecipientOptions","mergeFieldsOptions","hasStopType","showMergeFields","isCustomSmsOverLimit","watch","stopTypes","methods","insertMergeField","textarea","getStopCustomFields","api","handleRequests","key","response","getShipmentCustomFields","getStartTime","handleTimeDelayChanged","handleTimeDelayTypeChanged","showTemplateName","eventTrigger","mounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8HA;AAKA;AAC2C;AACU;AACX;AACa;AACC;AAC0B;AAEnE;EACfA;EACAC;EACAC;IACAC;MAAAC;MAAAC;QAAA;MAAA;IAAA;IACAC;MAAAF;MAAAG;IAAA;IACAC;MAAAJ;MAAAC;IAAA;IACAI;MAAAL;MAAAC;QAAA;MAAA;IAAA;EACA;EACAK;IAAAC;IAAAC;IAAAC;IAAAC;EAAA;EACAC;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC;MACAC,2BACA;IACA;EACA;EACAC;IACAC;MAAA;MACA,0BACAC;QAAA;MAAA,GACAC;QAAA;MAAA;IACA;IACAC;MAAA;MACA,0CACA;MAEA;QAAA;MAAA;IACA;IACAC;MACA,IACA,4BACA,sCACA,8CACA,qDACA;QACA;MACA;MAEA;IACA;IACAC;MAAA;MACA;QACA;MACA;MAEA;IACA;IACAC;MACA,OACA,+BACA,4BACA,sCACA;IAEA;IACAC;MAAA;QAAA;MACA,+BACA;MAEA;QACA;UAAA,OACA;QAAA,EACA;MACA;;MAEA;MACA;IACA;IACAC;MAAA;MACA;MACA;MACA;MACA;MAEA;QAAA;QACA;QAEA;UACA;UACA;QACA;QAEA,yBACA,2CACA,kDACA;QAEA;UACAjB;QACA;QAEA,IACAkB,sCACA,uFACA;UACAlB;QACA;QAEA;UACAA;QACA;QAEA,IACAkB,sCACA,6FACA;UACAlB;QACA;QAEA;UACAA;QACA;MACA;MAEA;IACA;IACAmB;MACA;IACA;IACAC;MAAA;MACA,iQACA;MACA;IACA;EACA;EACAC;IACA;MACA;QACA;QACA;MACA;MACA;QACA,0SACA;UACAC;QAAA,EACA;MACA;IACA;IACAxB;MACA;IACA;IACA;MACA;QACA;MACA;IACA;IACA;MACA;QACA;QACA;MACA;MAEA;QACA;UACA;QACA;QAEA;UACA;QACA;MACA;IACA;EACA;EACAyB;IACAC;MACA;MAEA;QACA;UACA;QACA;QACA;QACA;QACA,8EACA,GACAC,wBACA;QAEA;UACAA;UACA;UACA;UACAA;QACA;MACA;IACA;IACAC;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cACAC;cAAA;cAAA,OACAC;gBACA;kBACA;oBACAnD;oBACAoD;kBACA;kBACAC;oBACA;sBACArD;sBACAoD;oBACA;kBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAE;MAAA;MAAA;QAAA;QAAA;UAAA;YAAA;cACAJ;cAAA;cAAA,OACAC;gBACA;kBACA;oBACAnD;oBACAoD;kBACA;kBACAC;oBACA;sBACArD;sBACAoD;oBACA;kBACA;gBACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAG;MACA;QACA;QACA;MACA;QACA;MACA;IACA;IACAC;MAAA;MAAA;QAAA;UAAA;YAAA;cACA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAC;MAAA;MAAA;QAAA;UAAA;YAAA;cACA;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IACA;IACAC;MACA,OACAC,iBACAA;IAEA;EACA;EACAC;IACA;IACA;IACA,mCACA;;IAEA;IACA;MACA;MACA;QACA;MACA;IACA;IACA;IACA;IACA;EACA;AACA,CAAC,E;;;;;;;;;;;;AC5ZD;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,SAAS,+CAA+C,EAAE;AACvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,SAAS,yCAAyC,EAAE;AACjE;AACA;AACA;AACA;AACA,0BAA0B,6BAA6B;AACvD;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa,SAAS,kDAAkD,EAAE;AAC1E;AACA;AACA;AACA;AACA,0BAA0B,8CAA8C;AACxE;AACA;AACA;AACA;AACA,qBAAqB;AACrB;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,uBAAuB;AACvB,qBAAqB;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,4DAA4D;AAC9E,SAAS;AACT;AACA;AACA;AACA;AACA,sBAAsB,wCAAwC;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf,aAAa;AACb;AACA;AACA,wBAAwB,gCAAgC;AACxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB;AACnB;AACA,iBAAiB;AACjB,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,SAAS,uDAAuD,EAAE;AAC3E;AACA;AACA,oBAAoB,uDAAuD;AAC3E,iBAAiB,0CAA0C;AAC3D,WAAW;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,mCAAmC;AACzD,aAAa;AACb;AACA;AACA;AACA;AACA,iBAAiB;AACjB,qBAAqB,sCAAsC;AAC3D,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,yDAAyD;AAC/E,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,qBAAqB,iCAAiC;AACtD,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,6CAA6C;AAC/D,SAAS;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA,eAAe;AACf,aAAa;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA,SAAS,oCAAoC;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,aAAa;AACb;AACA;AACA;AACA;AACA;AACA,0BAA0B,2CAA2C;AACrE;AACA;AACA;AACA,qBAAqB;AACrB,mBAAmB;AACnB;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA,mCAAmC,iBAAiB;AACpD;AACA;AACA,oCAAoC,qCAAqC;AACzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,+BAA+B;AAC/B,6BAA6B;AAC7B,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkB,sCAAsC;AACxD,SAAS;AACT;AACA,sBAAsB,8BAA8B;AACpD;AACA;AACA,oBAAoB,sBAAsB;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA,aAAa;AACb,WAAW;AACX;AACA;AACA;AACA;AACA;AACA,SAAS,oDAAoD;AAC7D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qBAAqB,4CAA4C;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;AC9YA,2BAA2B,mBAAO,CAAC,yGAAwD;AAC3F;;;AAGA;AACA,cAAc,QAAS,sCAAsC,qBAAqB,GAAG,wCAAwC,gBAAgB,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,oDAAoD,cAAc,GAAG,4CAA4C,cAAc,GAAG,wCAAwC,0BAA0B,4BAA4B,GAAG,qDAAqD,gBAAgB,GAAG,kCAAkC,oBAAoB,GAAG,mDAAmD,cAAc,GAAG,6CAA6C,kBAAkB,GAAG,mDAAmD,oBAAoB,GAAG,qCAAqC,+BAA+B,mBAAmB,GAAG,8CAA8C,kBAAkB,mCAAmC,GAAG,kCAAkC,mBAAmB,GAAG,gDAAgD,qBAAqB,oBAAoB,qBAAqB,2BAA2B,sBAAsB,+BAA+B,GAAG,+BAA+B,2BAA2B,GAAG,wDAAwD,eAAe,eAAe,iBAAiB,uBAAuB,GAAG;;AAEl1E;;;;;;;;;;;;ACPA;;AAEA;AACA,cAAc,mBAAO,CAAC,41BAAof;AAC1gB;AACA,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,mIAAsE;AACxF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACXf;AAAA;AAAA;AAAA;AAAA;AAA0G;AACvC;AACL;AACsC;;;AAGpG;AACmG;AACnG,gBAAgB,2GAAU;AAC1B,EAAE,qFAAM;AACR,EAAE,sGAAM;AACR,EAAE,+GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACvCf;AAAA;AAAA,wCAAgU,CAAgB,gVAAG,EAAC,C;;;;;;;;;;;;ACApV;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"10.js","sourcesContent":["<template>\r\n    <div>\r\n        <form-group v-if=\"showTemplateName(customActionModel.eventTrigger)\" label=\"Name\" name=\"settings.templateName\">\r\n            <md-input v-model=\"customActionModel.settings.templateName\" />\r\n        </form-group>\r\n        <form-group v-if=\"filters && filters.length > 0\" name=\"filter.status\" label=\"Filter\">\r\n            <md-select id=\"filter-status-select\" v-model=\"nonWebhookStatusFilter\">\r\n                <md-option\r\n                    v-for=\"item in filters\"\r\n                    :key=\"item\"\r\n                    :value=\"item\"\r\n                    :data-test-id=\"`create-sms-action-filter-${item}`\"\r\n                >\r\n                    {{ item }}\r\n                </md-option>\r\n            </md-select>\r\n        </form-group>\r\n        <form-group v-if=\"showStopTypeFilter\" name=\"filter.stopTypes\" label=\"Stop Type(s)\">\r\n            <md-select id=\"filter-stop-type-select\" multiple v-model=\"customActionModel.filter.stopTypes\">\r\n                <md-option\r\n                    v-for=\"item in stopTypeFilters\"\r\n                    :key=\"item.value\"\r\n                    :value=\"item.value\"\r\n                    :data-test-id=\"`create-sms-action-stop-type-filter-${item.value}`\"\r\n                >\r\n                    {{ item.text }}\r\n                </md-option>\r\n            </md-select>\r\n        </form-group>\r\n        <form-group name=\"settings.smsRecipientTypes\" label=\"Recipient(s)\">\r\n            <md-select id=\"smsRecipientTypes\" multiple v-model=\"customActionModel.settings.smsRecipientTypes\">\r\n                <md-option\r\n                    v-for=\"item in smsRecipientOptions\"\r\n                    :key=\"item.value\"\r\n                    :value=\"item.value\"\r\n                    :data-test-id=\"`create-sms-action-recipient-types-${item.value}`\"\r\n                >\r\n                    {{ item.text }}\r\n                </md-option>\r\n            </md-select>\r\n        </form-group>\r\n        <form-group\r\n            v-if=\"\r\n                customActionModel.settings.smsRecipientTypes &&\r\n                    customActionModel.settings.smsRecipientTypes.includes('Specified')\r\n            \"\r\n            name=\"settings.recipientSmsNumbers\"\r\n            label=\"Sms number(s)\"\r\n        >\r\n            <md-input id=\"recipient-numbers-input\" v-model=\"customActionModel.settings.recipientSmsNumbers\" />\r\n        </form-group>\r\n        <form-group name=\"settings.timeDelay.type\" label=\"Time Delay\">\r\n            <TimeDelayType :value=\"customActionModel.settings.timeDelay.type\" @changed=\"handleTimeDelayTypeChanged\" />\r\n        </form-group>\r\n        <form-group\r\n            class=\"form-group-no-underline\"\r\n            v-if=\"customActionModel.settings.timeDelay.type === 'Delayed'\"\r\n            name=\"settings.timeDelay.delay\"\r\n        >\r\n            <TimeSpanInput :value=\"customActionModel.settings.timeDelay.delay\" @changed=\"handleTimeDelayChanged\" />\r\n        </form-group>\r\n        <form-group\r\n            v-if=\"customActionModel.settings.timeDelay.type === 'Specified'\"\r\n            name=\"settings.timeDelay.specificTime\"\r\n            label=\"Time\"\r\n        >\r\n            <TimePicker\r\n                :time=\"customActionModel.settings.timeDelay.specificTime\"\r\n                :all-time-options=\"false\"\r\n                :clear-none=\"true\"\r\n                @selectedTime=\"getStartTime\"\r\n            />\r\n        </form-group>\r\n        <form-group name=\"settings.skipWhenRecipientHasEmail\" class=\"no-underline\">\r\n            <md-checkbox v-model=\"customActionModel.settings.skipWhenRecipientHasEmail\">\r\n                Skip Sms when recipient has an email.\r\n            </md-checkbox>\r\n        </form-group>\r\n        <CustomConditionBuilderList\r\n            v-if=\"conditionVariables.length\"\r\n            :custom-action-model=\"customActionModel\"\r\n            :validator=\"validator\"\r\n            :condition-variables=\"conditionVariables\"\r\n        />\r\n        <form-group class=\"custom-merge-field\">\r\n            <drop-down v-show=\"showMergeFields\">\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=\"event in mergeFieldsOptions\" :key=\"event.key\">\r\n                        <span\r\n                            v-if=\"event.key === 'stopcustomfields' || event.key === 'shipmentcustomfields'\"\r\n                            class=\"custom-field-header\"\r\n                        >\r\n                            {{ event.name }}\r\n                        </span>\r\n                        <a v-else @click=\"insertMergeField(event.key)\">\r\n                            {{ event.name }}\r\n                        </a>\r\n                    </li>\r\n                </ul>\r\n            </drop-down>\r\n        </form-group>\r\n        <form-group name=\"settings.smsTemplateContent\" class=\"custom-textarea\">\r\n            <span class=\"custom-label\">Template</span>\r\n            <md-textarea v-model=\"customActionModel.settings.smsTemplateContent\" ref=\"template\" md-counter=\"160\" />\r\n        </form-group>\r\n        <md-icon class=\"custom-sms-over-limit-warning-icon\">\r\n            warning\r\n            <md-tooltip>{{ customSmsOverLimitTooltip }}</md-tooltip>\r\n        </md-icon>\r\n        <div class=\"custom-sms-over-limit-text\" v-if=\"isCustomSmsOverLimit\">\r\n            Your SMS will be sent across multiple segments and could impact your SMS usage costs. Please reduce your\r\n            character count to 160 or less.\r\n        </div>\r\n        <br v-if=\"!isCustomSmsOverLimit\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n    TEAM_CUSTOM_ACTION_EVENT_TRIGGERS,\r\n    TEAM_CUSTOM_ACTION_SMS_RECIPIENT_OPTIONS,\r\n    TEAM_CUSTOM_ACTION_TYPE_OPTIONS,\r\n    TEAM_CUSTOM_ACTION_STOP_TYPE_OPTIONS\r\n} from '@/utils/CustomActionConstants';\r\nimport {\r\n    INSERT_MERGE_FIELDS_CONSTANTS,\r\n    INSERT_SHIPMENT_MERGE_FIELDS_CONSTANTS,\r\n    INSERT_ORDER_MERGE_FIELDS_CONSTANTS\r\n} from '@/utils/constants';\r\nimport { handleRequests } from '@/helpers';\r\nimport { GeneralMixin } from '@/mixins/GeneralMixin';\r\nimport { TimePicker } from '@/components';\r\nimport TimeSpanInput from '@/components/TimeSpanInput';\r\nimport TimeDelayType from '../components/TimeDelayType';\r\nimport CustomConditionBuilderList from '../components/CustomConditionBuilderList';\r\n\r\nexport default {\r\n    name: 'ManageSmsAction',\r\n    mixins: [GeneralMixin],\r\n    props: {\r\n        customActionModel: { type: Object, default: () => null },\r\n        validator: { type: Object, required: true },\r\n        isUpdate: { type: Boolean, default: false },\r\n        conditionVariables: { type: Array, default: () => [] }\r\n    },\r\n    components: { TimePicker, TimeSpanInput, TimeDelayType, CustomConditionBuilderList },\r\n    data() {\r\n        return {\r\n            action: 'Sms',\r\n            eventTriggers: TEAM_CUSTOM_ACTION_EVENT_TRIGGERS,\r\n            selectedEventTrigger: null,\r\n            actionTypeOptions: TEAM_CUSTOM_ACTION_TYPE_OPTIONS,\r\n            stopTypeOptions: TEAM_CUSTOM_ACTION_STOP_TYPE_OPTIONS,\r\n            nonWebhookStatusFilter: null,\r\n            initialUseSmsSystemTemplate: true,\r\n            mergeFields: [],\r\n            stopMergeFieldsConstants: [...INSERT_MERGE_FIELDS_CONSTANTS],\r\n            orderMergeFieldConstants: [...INSERT_ORDER_MERGE_FIELDS_CONSTANTS],\r\n            stopCustomMergeFields: [],\r\n            shipmentMergeFieldsContants: [...INSERT_SHIPMENT_MERGE_FIELDS_CONSTANTS],\r\n            shipmentCustomMergeFields: [],\r\n            timeDelayValue: null,\r\n            customSmsOverLimitTooltip:\r\n                'Note: Using merge fields will affect the SMS character count (e.g. If you use the {{Address}} merge field and a stop/shipment address has 60 characters, then your SMS character count will be down to 100)'\r\n        };\r\n    },\r\n    computed: {\r\n        filteredEventTriggers() {\r\n            return this.eventTriggers\r\n                .filter((x) => x.supportedActions.includes(this.action))\r\n                .sort((a, b) => (a.displayText > b.displayText ? 1 : -1));\r\n        },\r\n        currentEventTrigger() {\r\n            if (!this.customActionModel.eventTrigger) \r\n                return null;\r\n\r\n            return this.eventTriggers.find((x) => x.eventTrigger === this.customActionModel.eventTrigger);\r\n        },\r\n        filters() {\r\n            if (\r\n                this.currentEventTrigger &&\r\n                this.currentEventTrigger.smsConfig &&\r\n                this.currentEventTrigger.smsConfig.filters &&\r\n                this.currentEventTrigger.smsConfig.filters.statuses\r\n            ) {\r\n                return [...this.currentEventTrigger.smsConfig.filters.statuses];\r\n            }\r\n\r\n            return [];\r\n        },\r\n        stopTypeFilters() {\r\n            if (this.currentEventTrigger && this.currentEventTrigger.smsConfig?.hasStopType) {\r\n                return this.stopTypeOptions;\r\n            }\r\n\r\n            return [];\r\n        },\r\n        showStopTypeFilter() {\r\n            return (\r\n                this.stopTypeFilters.length &&\r\n                this.currentEventTrigger &&\r\n                this.currentEventTrigger.smsConfig &&\r\n                !this.currentEventTrigger.smsConfig.hideStopTypeFilter\r\n            );\r\n        },\r\n        smsRecipientOptions() {\r\n            if (!this.currentEventTrigger) \r\n                return [];\r\n\r\n            if (this.currentEventTrigger.smsConfig?.limitRecipients) {\r\n                return TEAM_CUSTOM_ACTION_SMS_RECIPIENT_OPTIONS.filter((x) =>\r\n                    this.currentEventTrigger.smsConfig.limitRecipients.includes(x.value)\r\n                );\r\n            }\r\n\r\n            // if no recipient defined, means all is available\r\n            return TEAM_CUSTOM_ACTION_SMS_RECIPIENT_OPTIONS;\r\n        },\r\n        mergeFieldsOptions() {\r\n            // Note: The logic to show/hide the OTP merge field was not migrated from the original Sms implementation into Custom Action (Sms)\r\n            // because the latest PoD/OTP settings is now on a per-customer basis\r\n            // but Sms is still applicable to all customers\r\n            let mergeFields = [];\r\n\r\n            if (this.currentEventTrigger && this.currentEventTrigger.smsConfig?.allowedMergeFields) {\r\n                const { hasStopType } = this.currentEventTrigger.smsConfig;\r\n\r\n                if (hasStopType && !this.customActionModel.filter.stopTypes?.length) {\r\n                    // force to select stopType first\r\n                    return [];\r\n                }\r\n\r\n                const hasRegularStopType =\r\n                    this.customActionModel.filter.stopTypes &&\r\n                    this.customActionModel.filter.stopTypes.length &&\r\n                    this.customActionModel.filter.stopTypes.includes('No Stop Type');\r\n\r\n                if (this.currentEventTrigger.smsConfig.allowedMergeFields.includes('StopMergeFields')) {\r\n                    mergeFields = mergeFields.concat(this.stopMergeFieldsConstants);\r\n                }\r\n\r\n                if (\r\n                    (hasStopType && !hasRegularStopType) ||\r\n                    this.currentEventTrigger.smsConfig.allowedMergeFields.includes('ShipmentMergeFields')\r\n                ) {\r\n                    mergeFields = mergeFields.concat(this.shipmentMergeFieldsContants);\r\n                }\r\n\r\n                if (this.currentEventTrigger.smsConfig.allowedMergeFields.includes('StopCustomMergeFields')) {\r\n                    mergeFields = mergeFields.concat(this.stopCustomMergeFields);\r\n                }\r\n\r\n                if (\r\n                    (hasStopType && !hasRegularStopType) ||\r\n                    this.currentEventTrigger.smsConfig.allowedMergeFields.includes('ShipmentCustomMergeFields')\r\n                ) {\r\n                    mergeFields = mergeFields.concat(this.shipmentCustomMergeFields);\r\n                }\r\n\r\n                if (this.currentEventTrigger.smsConfig.allowedMergeFields.includes('OrderMergeFields')) {\r\n                    mergeFields = mergeFields.concat(this.orderMergeFieldConstants);\r\n                }\r\n            }\r\n\r\n            return mergeFields;\r\n        },\r\n        showMergeFields() {\r\n            return this.mergeFieldsOptions.length;\r\n        },\r\n        isCustomSmsOverLimit() {\r\n            if (!this.customActionModel?.settings?.smsTemplateContent) \r\n                return false;\r\n            return this.customActionModel.settings.smsTemplateContent.length > 160;\r\n        }\r\n    },\r\n    watch: {\r\n        'customActionModel.eventTrigger': function(newVal, oldVal) {\r\n            if (oldVal) {\r\n                this.nonWebhookStatusFilter = null;\r\n                this.customActionModel.settings.smsRecipientTypes = [];\r\n            }\r\n            if (!newVal || !this.showStopTypeFilter) {\r\n                this.customActionModel.filter = {\r\n                    ...this.customActionModel.filter,\r\n                    stopTypes: []\r\n                };\r\n            }\r\n        },\r\n        nonWebhookStatusFilter(newVal) {\r\n            this.customActionModel.filter.status = newVal ? [newVal] : [];\r\n        },\r\n        'customActionModel.settings.smsRecipientTypes': function(newVal) {\r\n            if (!newVal || !newVal.includes('Specified')) {\r\n                this.customActionModel.settings.recipientSmsNumbers = null;\r\n            }\r\n        },\r\n        'customActionModel.settings.timeDelay.type': function(newVal, oldVal) {\r\n            if (!newVal || newVal === 'Immediate') {\r\n                this.customActionModel.settings.timeDelay.delay = null;\r\n                this.customActionModel.settings.timeDelay.specificTime = null;\r\n            }\r\n\r\n            if (newVal) {\r\n                if (newVal === 'Delayed') {\r\n                    this.customActionModel.settings.timeDelay.specificTime = null;\r\n                }\r\n\r\n                if (newVal === 'Specified') {\r\n                    this.customActionModel.settings.timeDelay.delay = null;\r\n                }\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        insertMergeField(value) {\r\n            const textarea = this.$refs.template.$el;\r\n\r\n            if (value !== 'default') {\r\n                if (!this.customActionModel.settings.smsTemplateContent) {\r\n                    this.customActionModel.settings.smsTemplateContent = '';\r\n                }\r\n                const temp = this.customActionModel.settings.smsTemplateContent || '';\r\n                const currentCursorPosition = textarea.selectionStart;\r\n                this.customActionModel.settings.smsTemplateContent = `${temp.substring(\r\n                    0,\r\n                    textarea.selectionStart\r\n                )}{{${value}}}${temp.substring(textarea.selectionEnd, temp.length)}`;\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        async getStopCustomFields() {\r\n            const api = '/api/teams/custom-fields/stops';\r\n            await 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            });\r\n        },\r\n        async getShipmentCustomFields() {\r\n            const api = '/api/teams/custom-fields/shipments';\r\n            await handleRequests(api).then((response) => {\r\n                if (response.data.length > 0) {\r\n                    this.shipmentCustomMergeFields.push({\r\n                        name: 'Shipment Custom Fields',\r\n                        key: 'shipmentcustomfields'\r\n                    });\r\n                    response.data.forEach((field) => {\r\n                        this.shipmentCustomMergeFields.push({\r\n                            name: field.label,\r\n                            key: `Shipment.${field.name}`\r\n                        });\r\n                    });\r\n                }\r\n            });\r\n        },\r\n        getStartTime(selectedTime) {\r\n            if (selectedTime) {\r\n                const { appointmentTime } = selectedTime;\r\n                this.customActionModel.settings.timeDelay.specificTime = appointmentTime;\r\n            } else {\r\n                this.customActionModel.settings.timeDelay.specificTime = null;\r\n            }\r\n        },\r\n        async handleTimeDelayChanged(args) {\r\n            this.customActionModel.settings.timeDelay.delay = args.formatted;\r\n            this.timeDelayValue = args;\r\n        },\r\n        async handleTimeDelayTypeChanged(delayType) {\r\n            this.customActionModel.settings.timeDelay.type = delayType;\r\n        },\r\n        showTemplateName(eventTrigger) {\r\n            return (\r\n                eventTrigger &&\r\n                (eventTrigger === 'STOP-EVENT-MANUAL-TRIGGERED' || eventTrigger === 'ORDER-EVENT-MANUAL-TRIGGERED')\r\n            );\r\n        }\r\n    },\r\n    mounted() {\r\n        // if there's a custom template id from backend, provide an option to use it or use the system template\r\n        // but if there's no template id, force user to use the system template\r\n        this.initialUseSmsSystemTemplate =\r\n            !this.customActionModel.settings.smsTemplateId || !this.customActionModel.settings.smsTemplateId.length;\r\n\r\n        /* eslint-disable */\r\n        if (this.isUpdate) {\r\n            const { status } = this.customActionModel.filter;\r\n            if (status.length) {\r\n                this.nonWebhookStatusFilter = status[0];\r\n            }\r\n        }\r\n        /* eslint-enable */\r\n        this.getStopCustomFields();\r\n        this.getShipmentCustomFields();\r\n    }\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.modal-container {\r\n    max-width: 620px;\r\n}\r\n\r\n.custom-merge-field {\r\n    z-index: 99;\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\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: 250px;\r\n        overflow-y: scroll;\r\n    }\r\n\r\n    .custom-field-header {\r\n        padding-left: 10px;\r\n        font-weight: bold;\r\n    }\r\n}\r\n\r\n.custom-merge-field:after,\r\n.custom-merge-field:before {\r\n    height: 0;\r\n}\r\n\r\n.form-group-no-underline:before {\r\n    height: 0;\r\n}\r\n\r\n::v-deep .md-checkbox-container {\r\n    top: 10px;\r\n}\r\n\r\n::v-deep .md-checkbox-label {\r\n    opacity: 1 !important;\r\n    color: black !important;\r\n}\r\n\r\n::v-deep div.md-field.no-underline:after {\r\n    height: 0px;\r\n}\r\n\r\n::v-deep .md-checkbox {\r\n    margin-top: 0px;\r\n}\r\n\r\n.form-group-no-underline:after {\r\n    height: 0;\r\n}\r\n\r\n.form-group-no-underline {\r\n    margin-top: 0;\r\n\r\n    label {\r\n        display: none;\r\n    }\r\n}\r\n\r\n.custom-textarea {\r\n    margin-top: 5px !important;\r\n    display: block;\r\n\r\n    textarea {\r\n        width: 100%;\r\n        min-height: 250px !important;\r\n    }\r\n}\r\n\r\n.custom-label {\r\n    display: block;\r\n}\r\n\r\n.custom-sms-over-limit-text {\r\n    margin-top: 13px;\r\n    font-size: 12px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.02em;\r\n    line-height: 23px;\r\n    color: rgba(0, 0, 0, 0.54);\r\n}\r\n\r\n::v-deep .md-count {\r\n    right: 36px !important;\r\n}\r\n\r\n.custom-sms-over-limit-warning-icon {\r\n    top: -24px;\r\n    right: 8px;\r\n    float: right;\r\n    position: relative;\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(\n    \"div\",\n    [\n      _vm.showTemplateName(_vm.customActionModel.eventTrigger)\n        ? _c(\n            \"form-group\",\n            { attrs: { label: \"Name\", name: \"settings.templateName\" } },\n            [\n              _c(\"md-input\", {\n                model: {\n                  value: _vm.customActionModel.settings.templateName,\n                  callback: function ($$v) {\n                    _vm.$set(\n                      _vm.customActionModel.settings,\n                      \"templateName\",\n                      $$v\n                    )\n                  },\n                  expression: \"customActionModel.settings.templateName\",\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.filters && _vm.filters.length > 0\n        ? _c(\n            \"form-group\",\n            { attrs: { name: \"filter.status\", label: \"Filter\" } },\n            [\n              _c(\n                \"md-select\",\n                {\n                  attrs: { id: \"filter-status-select\" },\n                  model: {\n                    value: _vm.nonWebhookStatusFilter,\n                    callback: function ($$v) {\n                      _vm.nonWebhookStatusFilter = $$v\n                    },\n                    expression: \"nonWebhookStatusFilter\",\n                  },\n                },\n                _vm._l(_vm.filters, function (item) {\n                  return _c(\n                    \"md-option\",\n                    {\n                      key: item,\n                      attrs: {\n                        value: item,\n                        \"data-test-id\": \"create-sms-action-filter-\" + item,\n                      },\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" + _vm._s(item) + \"\\n            \"\n                      ),\n                    ]\n                  )\n                }),\n                1\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.showStopTypeFilter\n        ? _c(\n            \"form-group\",\n            { attrs: { name: \"filter.stopTypes\", label: \"Stop Type(s)\" } },\n            [\n              _c(\n                \"md-select\",\n                {\n                  attrs: { id: \"filter-stop-type-select\", multiple: \"\" },\n                  model: {\n                    value: _vm.customActionModel.filter.stopTypes,\n                    callback: function ($$v) {\n                      _vm.$set(_vm.customActionModel.filter, \"stopTypes\", $$v)\n                    },\n                    expression: \"customActionModel.filter.stopTypes\",\n                  },\n                },\n                _vm._l(_vm.stopTypeFilters, function (item) {\n                  return _c(\n                    \"md-option\",\n                    {\n                      key: item.value,\n                      attrs: {\n                        value: item.value,\n                        \"data-test-id\":\n                          \"create-sms-action-stop-type-filter-\" + item.value,\n                      },\n                    },\n                    [\n                      _vm._v(\n                        \"\\n                \" +\n                          _vm._s(item.text) +\n                          \"\\n            \"\n                      ),\n                    ]\n                  )\n                }),\n                1\n              ),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"form-group\",\n        {\n          attrs: { name: \"settings.smsRecipientTypes\", label: \"Recipient(s)\" },\n        },\n        [\n          _c(\n            \"md-select\",\n            {\n              attrs: { id: \"smsRecipientTypes\", multiple: \"\" },\n              model: {\n                value: _vm.customActionModel.settings.smsRecipientTypes,\n                callback: function ($$v) {\n                  _vm.$set(\n                    _vm.customActionModel.settings,\n                    \"smsRecipientTypes\",\n                    $$v\n                  )\n                },\n                expression: \"customActionModel.settings.smsRecipientTypes\",\n              },\n            },\n            _vm._l(_vm.smsRecipientOptions, function (item) {\n              return _c(\n                \"md-option\",\n                {\n                  key: item.value,\n                  attrs: {\n                    value: item.value,\n                    \"data-test-id\":\n                      \"create-sms-action-recipient-types-\" + item.value,\n                  },\n                },\n                [\n                  _vm._v(\n                    \"\\n                \" + _vm._s(item.text) + \"\\n            \"\n                  ),\n                ]\n              )\n            }),\n            1\n          ),\n        ],\n        1\n      ),\n      _vm.customActionModel.settings.smsRecipientTypes &&\n      _vm.customActionModel.settings.smsRecipientTypes.includes(\"Specified\")\n        ? _c(\n            \"form-group\",\n            {\n              attrs: {\n                name: \"settings.recipientSmsNumbers\",\n                label: \"Sms number(s)\",\n              },\n            },\n            [\n              _c(\"md-input\", {\n                attrs: { id: \"recipient-numbers-input\" },\n                model: {\n                  value: _vm.customActionModel.settings.recipientSmsNumbers,\n                  callback: function ($$v) {\n                    _vm.$set(\n                      _vm.customActionModel.settings,\n                      \"recipientSmsNumbers\",\n                      $$v\n                    )\n                  },\n                  expression: \"customActionModel.settings.recipientSmsNumbers\",\n                },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"form-group\",\n        { attrs: { name: \"settings.timeDelay.type\", label: \"Time Delay\" } },\n        [\n          _c(\"TimeDelayType\", {\n            attrs: { value: _vm.customActionModel.settings.timeDelay.type },\n            on: { changed: _vm.handleTimeDelayTypeChanged },\n          }),\n        ],\n        1\n      ),\n      _vm.customActionModel.settings.timeDelay.type === \"Delayed\"\n        ? _c(\n            \"form-group\",\n            {\n              staticClass: \"form-group-no-underline\",\n              attrs: { name: \"settings.timeDelay.delay\" },\n            },\n            [\n              _c(\"TimeSpanInput\", {\n                attrs: {\n                  value: _vm.customActionModel.settings.timeDelay.delay,\n                },\n                on: { changed: _vm.handleTimeDelayChanged },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm.customActionModel.settings.timeDelay.type === \"Specified\"\n        ? _c(\n            \"form-group\",\n            {\n              attrs: { name: \"settings.timeDelay.specificTime\", label: \"Time\" },\n            },\n            [\n              _c(\"TimePicker\", {\n                attrs: {\n                  time: _vm.customActionModel.settings.timeDelay.specificTime,\n                  \"all-time-options\": false,\n                  \"clear-none\": true,\n                },\n                on: { selectedTime: _vm.getStartTime },\n              }),\n            ],\n            1\n          )\n        : _vm._e(),\n      _c(\n        \"form-group\",\n        {\n          staticClass: \"no-underline\",\n          attrs: { name: \"settings.skipWhenRecipientHasEmail\" },\n        },\n        [\n          _c(\n            \"md-checkbox\",\n            {\n              model: {\n                value: _vm.customActionModel.settings.skipWhenRecipientHasEmail,\n                callback: function ($$v) {\n                  _vm.$set(\n                    _vm.customActionModel.settings,\n                    \"skipWhenRecipientHasEmail\",\n                    $$v\n                  )\n                },\n                expression:\n                  \"customActionModel.settings.skipWhenRecipientHasEmail\",\n              },\n            },\n            [\n              _vm._v(\n                \"\\n            Skip Sms when recipient has an email.\\n        \"\n              ),\n            ]\n          ),\n        ],\n        1\n      ),\n      _vm.conditionVariables.length\n        ? _c(\"CustomConditionBuilderList\", {\n            attrs: {\n              \"custom-action-model\": _vm.customActionModel,\n              validator: _vm.validator,\n              \"condition-variables\": _vm.conditionVariables,\n            },\n          })\n        : _vm._e(),\n      _c(\n        \"form-group\",\n        { staticClass: \"custom-merge-field\" },\n        [\n          _c(\n            \"drop-down\",\n            {\n              directives: [\n                {\n                  name: \"show\",\n                  rawName: \"v-show\",\n                  value: _vm.showMergeFields,\n                  expression: \"showMergeFields\",\n                },\n              ],\n            },\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                [_vm._v(\"\\n                Insert Merge Field\\n            \")]\n              ),\n              _c(\n                \"ul\",\n                {\n                  staticClass:\n                    \"dropdown-menu dropdown-menu-right dropdown-menu-height\",\n                },\n                _vm._l(_vm.mergeFieldsOptions, function (event) {\n                  return _c(\"li\", { key: event.key }, [\n                    event.key === \"stopcustomfields\" ||\n                    event.key === \"shipmentcustomfields\"\n                      ? _c(\"span\", { staticClass: \"custom-field-header\" }, [\n                          _vm._v(\n                            \"\\n                        \" +\n                              _vm._s(event.name) +\n                              \"\\n                    \"\n                          ),\n                        ])\n                      : _c(\n                          \"a\",\n                          {\n                            on: {\n                              click: function ($event) {\n                                return _vm.insertMergeField(event.key)\n                              },\n                            },\n                          },\n                          [\n                            _vm._v(\n                              \"\\n                        \" +\n                                _vm._s(event.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        {\n          staticClass: \"custom-textarea\",\n          attrs: { name: \"settings.smsTemplateContent\" },\n        },\n        [\n          _c(\"span\", { staticClass: \"custom-label\" }, [_vm._v(\"Template\")]),\n          _c(\"md-textarea\", {\n            ref: \"template\",\n            attrs: { \"md-counter\": \"160\" },\n            model: {\n              value: _vm.customActionModel.settings.smsTemplateContent,\n              callback: function ($$v) {\n                _vm.$set(\n                  _vm.customActionModel.settings,\n                  \"smsTemplateContent\",\n                  $$v\n                )\n              },\n              expression: \"customActionModel.settings.smsTemplateContent\",\n            },\n          }),\n        ],\n        1\n      ),\n      _c(\n        \"md-icon\",\n        { staticClass: \"custom-sms-over-limit-warning-icon\" },\n        [\n          _vm._v(\"\\n        warning\\n        \"),\n          _c(\"md-tooltip\", [_vm._v(_vm._s(_vm.customSmsOverLimitTooltip))]),\n        ],\n        1\n      ),\n      _vm.isCustomSmsOverLimit\n        ? _c(\"div\", { staticClass: \"custom-sms-over-limit-text\" }, [\n            _vm._v(\n              \"\\n        Your SMS will be sent across multiple segments and could impact your SMS usage costs. Please reduce your\\n        character count to 160 or less.\\n    \"\n            ),\n          ])\n        : _vm._e(),\n      !_vm.isCustomSmsOverLimit ? _c(\"br\") : _vm._e(),\n    ],\n    1\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, \".modal-container[data-v-10d01ba6] {\\n  max-width: 620px;\\n}\\n.custom-merge-field[data-v-10d01ba6] {\\n  z-index: 99;\\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-10d01ba6]  label {\\n    top: -5px !important;\\n    font-size: 0.6875rem;\\n}\\n.custom-merge-field .dropdown[data-v-10d01ba6] {\\n    margin-left: 0;\\n    margin-top: 12px;\\n}\\n.custom-merge-field .dropdown .md-button[data-v-10d01ba6] {\\n      background-color: #00bcd4 !important;\\n      margin: 0;\\n}\\n.custom-merge-field .dropdown .md-button[data-v-10d01ba6]  .md-button-content {\\n        color: #fff !important;\\n}\\n.custom-merge-field .dropdown .md-button[data-v-10d01ba6]  .md-ripple:after {\\n        color: #fff !important;\\n}\\n.custom-merge-field .dropdown-menu-height[data-v-10d01ba6] {\\n    max-height: 250px;\\n    overflow-y: scroll;\\n}\\n.custom-merge-field .custom-field-header[data-v-10d01ba6] {\\n    padding-left: 10px;\\n    font-weight: bold;\\n}\\n.custom-merge-field[data-v-10d01ba6]:after,\\n.custom-merge-field[data-v-10d01ba6]:before {\\n  height: 0;\\n}\\n.form-group-no-underline[data-v-10d01ba6]:before {\\n  height: 0;\\n}\\n[data-v-10d01ba6] .md-checkbox-container {\\n  top: 10px;\\n}\\n[data-v-10d01ba6] .md-checkbox-label {\\n  opacity: 1 !important;\\n  color: black !important;\\n}\\n[data-v-10d01ba6] div.md-field.no-underline:after {\\n  height: 0px;\\n}\\n[data-v-10d01ba6] .md-checkbox {\\n  margin-top: 0px;\\n}\\n.form-group-no-underline[data-v-10d01ba6]:after {\\n  height: 0;\\n}\\n.form-group-no-underline[data-v-10d01ba6] {\\n  margin-top: 0;\\n}\\n.form-group-no-underline label[data-v-10d01ba6] {\\n    display: none;\\n}\\n.custom-textarea[data-v-10d01ba6] {\\n  margin-top: 5px !important;\\n  display: block;\\n}\\n.custom-textarea textarea[data-v-10d01ba6] {\\n    width: 100%;\\n    min-height: 250px !important;\\n}\\n.custom-label[data-v-10d01ba6] {\\n  display: block;\\n}\\n.custom-sms-over-limit-text[data-v-10d01ba6] {\\n  margin-top: 13px;\\n  font-size: 12px;\\n  font-weight: 400;\\n  letter-spacing: 0.02em;\\n  line-height: 23px;\\n  color: rgba(0, 0, 0, 0.54);\\n}\\n[data-v-10d01ba6] .md-count {\\n  right: 36px !important;\\n}\\n.custom-sms-over-limit-warning-icon[data-v-10d01ba6] {\\n  top: -24px;\\n  right: 8px;\\n  float: right;\\n  position: relative;\\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!./ManageSmsAction.vue?vue&type=style&index=0&id=10d01ba6&scoped=true&lang=scss&\");\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(\"4555aa6a\", 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!./ManageSmsAction.vue?vue&type=style&index=0&id=10d01ba6&scoped=true&lang=scss&\", 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!./ManageSmsAction.vue?vue&type=style&index=0&id=10d01ba6&scoped=true&lang=scss&\");\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 \"./ManageSmsAction.vue?vue&type=template&id=10d01ba6&scoped=true&\"\nimport script from \"./ManageSmsAction.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageSmsAction.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ManageSmsAction.vue?vue&type=style&index=0&id=10d01ba6&scoped=true&lang=scss&\"\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  \"10d01ba6\",\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('10d01ba6')) {\n      api.createRecord('10d01ba6', component.options)\n    } else {\n      api.reload('10d01ba6', component.options)\n    }\n    module.hot.accept(\"./ManageSmsAction.vue?vue&type=template&id=10d01ba6&scoped=true&\", function () {\n      api.rerender('10d01ba6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/pages/TeamSettings/CustomActions/Sms/ManageSmsAction.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!./ManageSmsAction.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!./ManageSmsAction.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!./ManageSmsAction.vue?vue&type=style&index=0&id=10d01ba6&scoped=true&lang=scss&\"","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!./ManageSmsAction.vue?vue&type=template&id=10d01ba6&scoped=true&\""],"sourceRoot":""}