{"version":3,"sources":["webpack:///./src/pages/scopes/scope/sms/templates/index.vue?dede","webpack:///./src/pages/scopes/scope/sms/templates/templatesSlide.vue?149b","webpack:///src/pages/scopes/scope/sms/templates/templatesSlide.vue","webpack:///./src/pages/scopes/scope/sms/templates/templatesSlide.vue?43cb","webpack:///./src/pages/scopes/scope/sms/templates/templatesSlide.vue","webpack:///./src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue?b0a5","webpack:///src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue","webpack:///./src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue?9acc","webpack:///./src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue","webpack:///./src/api/smsTemplates.api.js","webpack:///src/pages/scopes/scope/sms/templates/index.vue","webpack:///./src/pages/scopes/scope/sms/templates/index.vue?c834","webpack:///./src/pages/scopes/scope/sms/templates/index.vue","webpack:///./src/pages/scopes/scope/sms/templates/index.vue?ad22","webpack:///./src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue?c4e5","webpack:///./src/pages/scopes/scope/sms/templates/templatesSlide.vue?6ddb"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","sectionTitle","isLoading","isSubmitting","isTesting","scopedSlots","_u","key","fn","staticClass","proxy","type","on","getTemplateTranslations","templates","length","$t","$getConst","pages","sms_configuration","sms_template_language_label","form","select_option","languages","isEstimating","selectTemplate","props","option","code","_v","_s","_f","name","toLowerCase","model","value","callback","$$v","language","expression","slot","alerts","no_results_found","sms_text_label","class","$v","text","$error","sms_text_placeholder","$set","trim","sms_characters_number","sms_number","nbOfSms","$invalid","estimateSms","_e","sms_button_calculate","sms_no_template_selected_message","hasPermission","permissions","writeSmsTemplate","readSmsTemplate","sms_test_button","save","testTemplate","staticRenderFns","ref","slickOptions","_l","template","selected","$event","select","component","staticStyle","smsText","getTemplatesByScopeAndType","scopeId","httpClient","get","setSmsTemplate","templateId","put","message","post","testSmsTemplate","languageId","language_id"],"mappings":"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","file":"js/chunk-498dc9ab.d46ee1b3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('AppSection',{attrs:{\"id\":\"sms-templates\",\"title\":_vm.sectionTitle,\"type\":\"sub-section-1\"}},[_c('b-overlay',{attrs:{\"show\":_vm.isLoading || _vm.isSubmitting || _vm.isTesting},scopedSlots:_vm._u([{key:\"overlay\",fn:function(){return [_c('AppSpinner',{staticClass:\"text-secondary\",attrs:{\"size\":\"5\"}})]},proxy:true}])},[_c('TemplatesSlide',{attrs:{\"type\":_vm.type},on:{\"onSelect\":_vm.getTemplateTranslations}}),_c('hr',{staticClass:\"w-75 mb-4\"}),_c('b-row',[(!_vm.templates.length && !_vm.isLoading)?_c('b-col',[_c('h4',{staticClass:\"text-center\"},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.sms_configuration.sms_no_template_selected_message))))])]):[_c('b-col',{attrs:{\"md\":\"6\"}},[_c('b-form-group',{attrs:{\"id\":\"template-language\",\"label\":_vm.$t(_vm.$getConst.pages.sms_configuration.sms_template_language_label),\"label-for\":\"template-language-input\"}},[_c('multiselect',{staticClass:\"border-right-0 border-left-0\",attrs:{\"track-by\":\"id\",\"label\":\"name\",\"placeholder\":_vm.$t(this.$getConst.pages.form.select_option),\"options\":_vm.languages,\"disabled\":_vm.isSubmitting || _vm.isLoading || _vm.isEstimating,\"allowEmpty\":false},on:{\"select\":_vm.selectTemplate},scopedSlots:_vm._u([{key:\"singleLabel\",fn:function(props){return [_c('lang-flag',{staticClass:\"mr-2\",attrs:{\"iso\":props.option.code,\"squared\":false}}),_vm._v(\"\\n                \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(props.option.name)))+\"\\n              \")]}},{key:\"option\",fn:function(props){return [_c('lang-flag',{staticClass:\"mr-2\",attrs:{\"iso\":props.option.code,\"squared\":false}}),_vm._v(\"\\n                \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(props.option.name.toLowerCase())))+\"\\n              \")]}}]),model:{value:(_vm.language),callback:function ($$v) {_vm.language=$$v},expression:\"language\"}},[_c('span',{attrs:{\"slot\":\"noResult\"},slot:\"noResult\"},[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.alerts.no_results_found)))])])],1),_c('b-form-group',{attrs:{\"id\":\"sms-text\",\"label\":_vm.$t(_vm.$getConst.pages.sms_configuration.sms_text_label) + ' *',\"label-for\":\"sms-text\"}},[_c('b-form-textarea',{class:{ 'is-invalid': _vm.$v.text.$error },attrs:{\"id\":\"sms-text-input\",\"placeholder\":_vm.$t(_vm.$getConst.pages.sms_configuration.sms_text_placeholder) + ' *',\"disabled\":_vm.isEstimating,\"rows\":\"5\",\"size\":\"lg\",\"required\":\"\"},model:{value:(_vm.$v.text.$model),callback:function ($$v) {_vm.$set(_vm.$v.text, \"$model\", (typeof $$v === 'string'? $$v.trim(): $$v))},expression:\"$v.text.$model\"}}),_c('b-form-text',[_vm._v(_vm._s(_vm.$t(_vm.$getConst.pages.sms_configuration.sms_characters_number) + ': ')+_vm._s(_vm.text ? _vm.text.length : 0))]),_c('AppFormFeedback',{attrs:{\"errors\":_vm.$v.text}})],1),_c('hr',{staticClass:\"my-4\"}),_c('b-form-group',{attrs:{\"id\":\"sms-number\",\"label-for\":\"sms-number-input\",\"label\":_vm.$t(_vm.$getConst.pages.sms_configuration.sms_number) + ': '}},[_c('b-input-group',[_c('b-form-input',{attrs:{\"id\":\"sms-number-input\",\"value\":_vm.nbOfSms,\"disabled\":\"\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"success\",\"disabled\":_vm.$v.text.$invalid || _vm.isEstimating},on:{\"click\":_vm.estimateSms}},[(_vm.isEstimating)?_c('AppSpinner',{staticClass:\"d-inline-block align-middle\"}):_vm._e(),_vm._v(\"\\n                  \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(_vm.$getConst.pages.sms_configuration.sms_button_calculate)))+\"\\n                \")],1)],1)],1)],1)],1),_c('b-col',{attrs:{\"md\":\"6\"}},[_c('SmsTemplateOverview',{attrs:{\"sms-text\":_vm.text}})],1)]],2),(!_vm.isLoading && _vm.templates.length)?_c('AppConfirmButtons',{attrs:{\"first-button\":_vm.hasPermission(this.$getConst.permissions.writeSmsTemplate),\"second-button\":_vm.hasPermission(this.$getConst.permissions.readSmsTemplate),\"second-button-text\":this.$getConst.pages.sms_configuration.sms_test_button,\"is-loading-second-button\":_vm.isTesting,\"no-cancel\":\"\",\"is-loading\":_vm.isSubmitting,\"is-disabled\":_vm.$v.text.$invalid || _vm.isEstimating,\"second-button-disabled\":_vm.$v.text.$invalid || _vm.isEstimating},on:{\"onSubmit\":_vm.save,\"onSecondSubmit\":_vm.testTemplate}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card card-box d-block pb-3 bg-transparent shadow-none border-0\"},[_c('slick',{ref:\"slick\",attrs:{\"options\":_vm.slickOptions}},_vm._l((this.templates),function(template,key){return _c('div',{staticClass:\"card-body px-0 text-center\"},[(key !== 'label')?_c('b-button',{staticClass:\"m-3 w-90 p-3 d-inline-block text-center font-size-sm\",class:{'btn-secondary': _vm.selected === template},attrs:{\"id\":template,\"variant\":\"primary\",\"pill\":\"\",\"size\":\"sm\"},on:{\"click\":function($event){return _vm.select(template)}}},[_vm._v(\"\\n        \"+_vm._s(_vm._f(\"capitalize\")(_vm.$t(template)))+\"\\n      \")]):_vm._e()],1)}),0)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card card-box d-block pb-3 bg-transparent shadow-none border-0\">\n    <slick ref=\"slick\" :options=\"slickOptions\">\n      <div v-for=\"(template, key) in this.templates\" class=\"card-body px-0 text-center\">\n        <b-button\n          v-if=\"key !== 'label'\"\n          :id=\"template\"\n          variant=\"primary\"\n          pill\n          size=\"sm\"\n          class=\"m-3 w-90 p-3 d-inline-block text-center font-size-sm\"\n          :class=\"{'btn-secondary': selected === template}\"\n          @click=\"select(template)\"\n        >\n          {{$t(template) | capitalize}}\n        </b-button>\n      </div>\n    </slick>\n  </div>\n</template>\n\n<script>\n  import Slick from 'vue-slick';\n\n  export default {\n    name: \"templatesSlide\",\n    components: {Slick},\n    props: ['type'],\n    data() {\n      return {\n        templates: null,\n        slickOptions: {\n          adaptiveHeight: true,\n          centerPadding: \"60\",\n          centerMode: true,\n          infinite: true,\n          slidesToShow: 3,\n          slidesToScroll: 1,\n          speed: 500,\n          dots: true,\n          responsive: [\n            {\n              breakpoint: 992,\n              settings: {\n                slidesToShow: 3\n              }\n            },\n            {\n              breakpoint: 768,\n              settings: {\n                slidesToShow: 2\n              }\n            },\n            {\n              breakpoint: 576,\n              settings: {\n                slidesToShow: 1\n              }\n            },\n          ]\n        },\n        selected: null\n      }\n    },\n    methods: {\n      select(template) {\n        this.selected = template;\n        this.$emit('onSelect', template);\n      }\n    },\n    created() {\n      if (this.type === 'freelancer') {\n        this.templates = this.$getConst.pages.freelancer_sms_templates_names;\n      } else {\n        this.templates = this.$getConst.pages.sms_templates_names;\n      }\n      delete this.templates.label;\n    }\n  }\n</script>\n\n<style scoped>\n  .w-90 {\n    width: 90%;\n  }\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./templatesSlide.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./templatesSlide.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./templatesSlide.vue?vue&type=template&id=ee26d116&scoped=true&\"\nimport script from \"./templatesSlide.vue?vue&type=script&lang=js&\"\nexport * from \"./templatesSlide.vue?vue&type=script&lang=js&\"\nimport style0 from \"./templatesSlide.vue?vue&type=style&index=0&id=ee26d116&scoped=true&lang=css&\"\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  \"ee26d116\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"my-auto\",attrs:{\"id\":\"sms-overview\"}},[_c('b-card',{staticClass:\"sticky-top\",staticStyle:{\"z-index\":\"10\",\"box-shadow\":\"none\"},attrs:{\"overlay\":\"\",\"img-src\":\"/img/phone-text.png\",\"bg-variant\":\"transparent\",\"border-variant\":\"0\",\"body-class\":\"p-0\"}},[_c('div',{staticClass:\"overflow-auto bg-white p-2\",attrs:{\"id\":\"phone-container\"}},[(_vm.smsText && _vm.smsText.length)?_c('p',{staticClass:\"p-2 bg-light mb-0\",attrs:{\"id\":\"sms-text\"}},[_vm._v(_vm._s(_vm._f(\"capitalize\")(_vm.smsText)))]):_vm._e()])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div id=\"sms-overview\" class=\"my-auto\">\n    <b-card\n      overlay\n      img-src=\"/img/phone-text.png\"\n      bg-variant=\"transparent\"\n      border-variant=\"0\"\n      style=\"z-index: 10; box-shadow: none\"\n      class=\"sticky-top\"\n      body-class=\"p-0\"\n    >\n      <div id=\"phone-container\" class=\"overflow-auto bg-white p-2\">\n        <p\n          v-if=\"smsText && smsText.length\"\n          id=\"sms-text\"\n          class=\"p-2 bg-light mb-0\"\n        >{{smsText | capitalize}}</p>\n      </div>\n\n    </b-card>\n  </div>\n\n</template>\n\n<script>\n  export default {\n    name: \"smsTemplateOverview\",\n    props: {\n      smsText: null\n    }\n  }\n</script>\n\n<style scoped>\n  #phone-container {\n    width: 260px;\n    height: 252px;\n    margin: 0 auto;\n    top: 111px;\n    left: 21px;\n    position: absolute;\n  }\n#sms-overview {\n  width: 300px;\n  margin: 0 auto;\n}\n  #sms-text {\n    border-radius: 10px;\n    background-color: #e5e5e5;\n    font-size: 14px;\n  }\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./smsTemplateOverview.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./smsTemplateOverview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./smsTemplateOverview.vue?vue&type=template&id=33214210&scoped=true&\"\nimport script from \"./smsTemplateOverview.vue?vue&type=script&lang=js&\"\nexport * from \"./smsTemplateOverview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./smsTemplateOverview.vue?vue&type=style&index=0&id=33214210&scoped=true&lang=css&\"\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  \"33214210\",\n  null\n  \n)\n\nexport default component.exports","import httpClient from './_httpClient';\n\nconst getTemplatesByScopeAndType = (scopeId, type) => httpClient.get('/scopes/' + scopeId + '/sms-template/' + type);\nconst setSmsTemplate = (scopeId, templateId, text) => httpClient.put('/scopes/' + scopeId + '/sms-template/' + templateId, {text: text});\nconst estimateSms = (message, scopeId) => httpClient.post('/sms/estimate', {message, scopeId});\nconst testSmsTemplate = (scopeId, text, languageId) => httpClient.post('/scopes/' + scopeId + '/sms-template',\n  {text: text,\n   language_id: languageId});\n\nexport {\n  getTemplatesByScopeAndType,\n  setSmsTemplate,\n  estimateSms,\n  testSmsTemplate\n}\n","<template>\n  <AppSection\n    id=\"sms-templates\"\n    :title=\"sectionTitle\"\n    type=\"sub-section-1\"\n  >\n\n    <b-overlay :show=\"isLoading || isSubmitting || isTesting\">\n\n      <template #overlay>\n        <AppSpinner size=\"5\" class=\"text-secondary\"/>\n      </template>\n\n      <TemplatesSlide :type=\"type\" @onSelect=\"getTemplateTranslations\"/>\n      <hr class=\"w-75 mb-4\"/>\n\n      <b-row>\n\n        <b-col v-if=\"!templates.length && !isLoading\">\n          <h4 class=\"text-center\">{{$t($getConst.pages.sms_configuration.sms_no_template_selected_message) | capitalize}}</h4>\n        </b-col>\n\n        <template v-else>\n          <b-col md=\"6\">\n            <b-form-group id=\"template-language\" :label=\"$t($getConst.pages.sms_configuration.sms_template_language_label)\" label-for=\"template-language-input\">\n              <multiselect\n                class=\"border-right-0 border-left-0\"\n                v-model=\"language\"\n                track-by=\"id\"\n                label=\"name\"\n                :placeholder=\"$t(this.$getConst.pages.form.select_option)\"\n                :options=\"languages\"\n                :disabled=\"isSubmitting || isLoading || isEstimating\"\n                :allowEmpty=\"false\"\n                @select=\"selectTemplate\"\n              >\n                <template slot=\"singleLabel\" slot-scope=\"props\">\n                  <lang-flag :iso=\"props.option.code\" :squared=\"false\" class=\"mr-2\"/>\n                  {{$t(props.option.name) | capitalize}}\n                </template>\n                <template slot=\"option\" slot-scope=\"props\">\n                  <lang-flag :iso=\"props.option.code\" :squared=\"false\" class=\"mr-2\"/>\n                  {{$t(props.option.name.toLowerCase()) | capitalize}}\n                </template>\n                <span slot=\"noResult\">{{$t($getConst.pages.alerts.no_results_found)}}</span>\n              </multiselect>\n            </b-form-group>\n\n            <b-form-group\n              id=\"sms-text\"\n              :label=\"$t($getConst.pages.sms_configuration.sms_text_label) + ' *'\"\n              label-for=\"sms-text\"\n            >\n              <b-form-textarea\n                id=\"sms-text-input\"\n                v-model.trim=\"$v.text.$model\"\n                :class=\"{ 'is-invalid': $v.text.$error }\"\n                :placeholder=\"$t($getConst.pages.sms_configuration.sms_text_placeholder) + ' *'\"\n                :disabled=\"isEstimating\"\n                rows=\"5\"\n                size=\"lg\"\n                required\n              ></b-form-textarea>\n              <b-form-text>{{$t($getConst.pages.sms_configuration.sms_characters_number) + ': '}}{{text ? text.length : 0}}</b-form-text>\n              <AppFormFeedback :errors=\"$v.text\"/>\n            </b-form-group>\n\n            <hr class=\"my-4\"/>\n\n            <b-form-group\n              id=\"sms-number\"\n              label-for=\"sms-number-input\"\n              :label=\"$t($getConst.pages.sms_configuration.sms_number) + ': '\"\n            >\n              <b-input-group>\n                <b-form-input id=\"sms-number-input\" :value=\"nbOfSms\" disabled/>\n                <b-input-group-append>\n                  <b-button variant=\"success\" :disabled=\"$v.text.$invalid || isEstimating\" @click=\"estimateSms\">\n                    <AppSpinner class=\"d-inline-block align-middle\" v-if=\"isEstimating\"/>\n                    {{$t($getConst.pages.sms_configuration.sms_button_calculate) | capitalize}}\n                  </b-button>\n                </b-input-group-append>\n              </b-input-group>\n            </b-form-group>\n\n          </b-col>\n\n          <b-col md=\"6\">\n            <SmsTemplateOverview :sms-text=\"text\"/>\n          </b-col>\n        </template>\n\n      </b-row>\n\n      <AppConfirmButtons\n        v-if=\"!isLoading && templates.length\"\n        :first-button=\"hasPermission(this.$getConst.permissions.writeSmsTemplate)\"\n        :second-button=\"hasPermission(this.$getConst.permissions.readSmsTemplate)\"\n        :second-button-text=\"this.$getConst.pages.sms_configuration.sms_test_button\"\n        :is-loading-second-button=\"isTesting\"\n        no-cancel\n        :is-loading=\"isSubmitting\"\n        @onSubmit=\"save\"\n        @onSecondSubmit=\"testTemplate\"\n        :is-disabled=\"$v.text.$invalid || isEstimating\"\n        :second-button-disabled=\"$v.text.$invalid || isEstimating\"\n      />\n\n    </b-overlay>\n\n  </AppSection>\n</template>\n\n<script>\n  import AppSection from \"../../../../../components/common/sections/AppSection\";\n  import TemplatesSlide from \"./templatesSlide\";\n  import AppFormFeedback from \"../../../../../components/common/form/AppFormFeedback\";\n  import {required} from \"vuelidate/lib/validators\";\n  import SmsTemplateOverview from \"./smsTemplateOverview\";\n  import AppSpinner from \"../../../../../components/common/utils/AppSpinner\";\n  import AppConfirmButtons from \"../../../../../components/common/utils/AppConfirmButtons\";\n  import {\n    estimateSms,\n    getTemplatesByScopeAndType,\n    setSmsTemplate,\n    testSmsTemplate\n  } from \"../../../../../api/smsTemplates.api\";\n\n  export default {\n    name: \"index\",\n    components: {AppConfirmButtons, AppSpinner, SmsTemplateOverview, AppFormFeedback, TemplatesSlide, AppSection},\n    props: {\n      scope_id: null,\n      type: null,\n    },\n    data() {\n      return {\n        templates: [],\n        templateType: null,\n        isLoading: false,\n        isSubmitting: false,\n        isTesting: false,\n        isEstimating: false,\n        id: null,\n        text: null,\n        languages: [],\n        language: null,\n        nbOfSms: null\n      }\n    },\n    validations: {\n      text: {required}\n    },\n    computed: {\n      sectionTitle() {\n        if (this.type === 'timesheets') {\n          return this.$t(this.$getConst.pages.sms_configuration.timesheets_sms_templates);\n        } else if (this.type === 'freelancer') {\n          return this.$t(this.$getConst.pages.sms_configuration.freelancer_sms_templates);\n        } else {\n          return this.$t(this.$getConst.pages.sms_configuration.sms_template_page_title);\n        }\n      }\n    },\n    methods: {\n      getTemplateTranslations(type) {\n        this.templateType = type;\n        this.isLoading = true;\n        getTemplatesByScopeAndType(this.scope_id, type).then(\n          response => {\n            this.templates = response.data;\n            this.language = response.data[0].language;\n            this.id = response.data[0].id;\n            this.text = response.data[0].text;\n            this.languages = [];\n            this.templates.forEach(template => {\n              this.languages.push(template.language);\n            })\n            this.isLoading = false;\n            this.estimateSms();\n          },\n          (error) => {\n            this.isLoading = false;\n            this.handleApiError(error);\n          }\n        )\n      },\n      save() {\n        this.isSubmitting = true;\n        setSmsTemplate(this.scope_id, this.id, this.text).then(\n          () => {\n            this.isSubmitting = false;\n            this.$snotify.success(this.$t(this.$getConst.pages.alerts.success_update));\n          },\n          (error) => {\n            this.handleApiError(error);\n            this.isSubmitting = false;\n          }\n        )\n      },\n      selectTemplate(language) {\n        const smsTemplate = this.templates.find(template => template.language.id === language.id);\n        this.id = smsTemplate.id;\n        this.text = smsTemplate.text;\n        this.estimateSms();\n      },\n      estimateSms() {\n        this.isEstimating = true;\n        this.nbOfSms = null;\n        estimateSms(this.text, this.scope_id).then(\n          (response) => {\n            this.nbOfSms = response.data.parts;\n            this.isEstimating = false;\n          },\n          (error) => {\n            this.isEstimating = false;\n            this.handleApiError(error);\n          }\n        )\n      },\n      testTemplate() {\n        const phone = this.$store.getters[\"auth/phone\"];\n        if (!phone) {\n          this.$snotify.error(\n            this.$t(this.$getConst.pages.sms_configuration.sms_no_phone_error),\n            this.$t(this.$getConst.pages.alerts.error)\n          );\n        } else {\n          this.isTesting = true;\n          testSmsTemplate(this.scope_id, this.text, this.language.id).then(\n            () => {\n              this.$snotify.success(this.$t(this.$getConst.pages.alerts.success_operation));\n              this.isTesting = false;\n            },\n            (error) => {\n              this.handleApiError(error);\n              this.isTesting = false;\n            }\n          )\n        }\n      }\n    },\n    watch: {\n      text() {\n        this.nbOfSms = null;\n      }\n    }\n  }\n</script>\n\n<style scoped>\n  #sms-number-input {\n    border-bottom-right-radius: 0 !important;\n    border-top-right-radius: 0 !important;\n  }\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=cedc876e&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=cedc876e&scoped=true&lang=css&\"\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  \"cedc876e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=cedc876e&scoped=true&lang=css&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./smsTemplateOverview.vue?vue&type=style&index=0&id=33214210&scoped=true&lang=css&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./templatesSlide.vue?vue&type=style&index=0&id=ee26d116&scoped=true&lang=css&\""],"sourceRoot":""}