{"version":3,"sources":["webpack:///./src/pages/scopes/scope/sms/templates/templatesSlide.vue?c410","webpack:///./src/pages/scopes/scope/sms/templates/index.vue","webpack:///./src/pages/scopes/scope/sms/templates/templatesSlide.vue","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?0ce6","webpack:///./src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue","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?f2cd","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?9fe1","webpack:///./src/pages/scopes/scope/sms/templates/index.vue?29e4","webpack:///./src/pages/scopes/scope/sms/templates/smsTemplateOverview.vue?5000"],"names":["render","_vm","this","_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","language","callback","$$v","expression","slot","alerts","no_results_found","sms_text_label","class","$v","text","$error","sms_text_placeholder","$model","$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","components","Slick","data","adaptiveHeight","centerPadding","centerMode","infinite","slidesToShow","slidesToScroll","speed","dots","responsive","breakpoint","settings","methods","created","component","staticStyle","smsText","getTemplatesByScopeAndType","scopeId","httpClient","get","setSmsTemplate","templateId","put","message","post","testSmsTemplate","languageId","language_id","AppConfirmButtons","AppSpinner","SmsTemplateOverview","AppFormFeedback","TemplatesSlide","AppSection","scope_id","templateType","id","validations","required","computed","watch"],"mappings":"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","file":"js/chunk-77c7d80e.90a3e609.js","sourcesContent":["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=0f858dbe&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\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 === 'timesheets') {\n        this.templates = this.$getConst.pages.sms_templates_names;\n      } else {\n        this.templates = this.$getConst.pages.freelancer_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=0f858dbe&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=0f858dbe&prod&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  \"0f858dbe\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;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)\n}\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&prod&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&prod&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&prod&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&prod&scoped=true&lang=css&\""],"sourceRoot":""}