{"version":3,"sources":["webpack:///./src/view/pages/Compose.vue?5d9f","webpack:///./src/view/content/widgets/compose/RecipientSelectorWidget.vue?6228","webpack:///src/view/content/widgets/compose/RecipientSelectorWidget.vue","webpack:///./src/view/content/widgets/compose/RecipientSelectorWidget.vue?e3be","webpack:///./src/view/content/widgets/compose/RecipientSelectorWidget.vue","webpack:///./src/view/content/widgets/compose/ComposeWidget.vue?3bf0","webpack:///src/view/content/widgets/compose/ComposeWidget.vue","webpack:///./src/view/content/widgets/compose/ComposeWidget.vue?24fd","webpack:///./src/view/content/widgets/compose/ComposeWidget.vue","webpack:///src/view/pages/Compose.vue","webpack:///./src/view/pages/Compose.vue?1631","webpack:///./src/view/pages/Compose.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","staticRenderFns","_m","on","searchRecipients","model","value","callback","$$v","search","expression","$event","clearFilter","_v","style","_l","item","i","key","avatar","clicked","_s","name","description","components","data","scrollbarStyle","maxHeight","position","contacts","filteredContacts","computed","windowHeight","containerHeight","methods","$store","getters","recipientKeys","includes","itemKey","commit","caption","contact","filter","toLowerCase","sort","mounted","component","recipients","validator","handleRecipientInput","scopedSlots","_u","fn","ref","tags","addTag","inputAttrs","inputHandlers","tagVariant","removeTag","duplicateTagText","isDuplicate","invalidTagText","isInvalid","staticStyle","tag","_g","_b","fontSize","isMobile","formatter","clearRecipients","_e","onSubmit","onReset","options","form","$set","class","charCountExceeded","text","length","charLimit","isSending","isSent","error","isMessageReadyToSend","sendMessageClicked","resetSendButton","isMobileComputed","email","food","checked","selected","sender","hasRecipients","recipientCaptions","checkIfMobile","evt","forEach","x","preventDefault","alert","JSON","stringify","show","$nextTick","result","digits","substring","phoneno","replace","match","addRecipient","recipient","addManualRecipient","mobileNumber","removeRecipient","setRecipients","window","innerWidth","updateIsMobile","sendMessageClickedWithDelay","console","log","setTimeout","senderId","message","messageSent","addEventListener","beforeDestroy","removeEventListener","RecipientSelectorWidget","ComposeWidget","dispatch","setActiveTab1","tabIndex","setActiveTab","event","setActiveTab2","tabIndex2","links","classList","remove","target","add","parseInt","getAttribute"],"mappings":"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","file":"js/chunk-2d0c0351.82e2bd1d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"h-90\",attrs:{\"id\":\"teomp\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"1\",\"order-lg\":\"1\"}}),_c('b-col',{attrs:{\"lg\":\"6\",\"order-lg\":\"6\"}},[_c('ComposeWidget')],1),_c('b-col',{attrs:{\"lg\":\"1\",\"order-lg\":\"7\"}}),_c('b-col',{attrs:{\"lg\":\"3\",\"order-lg\":\"9\"}},[_c('RecipientSelectorWidget')],1),_c('b-col',{attrs:{\"lg\":\"1\",\"order-lg\":\"12\"}})],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-custom bg-light-success gutter-b card-shadowless\",attrs:{\"id\":\"recipientContainer\"}},[_vm._m(0),_c('div',{staticClass:\"card-body pt-2\"},[_c('b-input-group',{staticClass:\"w-100\"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"recipient-search\",\"type\":\"search\",\"placeholder\":\"Type to search...\"},on:{\"input\":_vm.searchRecipients},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"disabled\":!_vm.search,\"variant\":\"primary\"},on:{\"click\":function($event){return _vm.clearFilter()}}},[_vm._v(\"Clear\")])],1)],1)],1),_c('perfect-scrollbar',{staticClass:\"scroll\",style:(_vm.scrollbarStyle)},[_c('div',{staticClass:\"card-body pt-2\"},[_vm._l((_vm.filteredContacts),function(item,i){return [_c('div',{key:i,staticClass:\"d-flex align-items-center mb-10\"},[_c('div',{staticClass:\"symbol symbol-40 symbol-light-white mr-5\"},[_c('span',{staticClass:\"symbol-label\"},[_c('inline-svg',{staticClass:\"h-50 align-self-center\",attrs:{\"src\":_vm.avatar(item)}})],1)]),_c('div',{staticClass:\"d-flex flex-column flex-grow-1 font-weight-bold\"},[_c('a',{staticClass:\"text-dark text-hover-primary mb-1 font-size-lg\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.clicked(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")]),_c('span',{staticClass:\"text-muted\"},[_vm._v(\" \"+_vm._s(item.description)+\" \")])])])]})],2)])],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card-header border-0\"},[_c('h3',{staticClass:\"mt-5 card-title font-weight-bolder text-success\"},[_vm._v(\"Contacts\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"card card-custom bg-light-success gutter-b card-shadowless\"\n    id=\"recipientContainer\"\n  >\n    <!--begin::Header-->\n    <div class=\"card-header border-0\">\n      <h3 class=\"mt-5 card-title font-weight-bolder text-success\">Contacts</h3>\n      <!-- <div class=\"card-toolbar\"> -->\n      <!-- <Dropdown5></Dropdown5> -->\n      <!-- </div> -->\n    </div>\n    <!--end::Header-->\n    <!--begin::Body-->\n    <div class=\"card-body pt-2\">\n      <b-input-group class=\"w-100\">\n        <b-form-input\n          class=\"form-control\"\n          v-model=\"search\"\n          id=\"recipient-search\"\n          type=\"search\"\n          placeholder=\"Type to search...\"\n          @input=\"searchRecipients\"\n        ></b-form-input>\n        <b-input-group-append>\n          <b-button :disabled=\"!search\" @click=\"clearFilter()\" variant=\"primary\"\n            >Clear</b-button\n          >\n        </b-input-group-append>\n      </b-input-group>\n    </div>\n\n    <perfect-scrollbar class=\"scroll\" :style=\"scrollbarStyle\">\n      <div class=\"card-body pt-2\">\n        <template v-for=\"(item, i) in filteredContacts\">\n          <!--begin::Item-->\n          <div class=\"d-flex align-items-center mb-10\" v-bind:key=\"i\">\n            <!--begin::Symbol-->\n            <div class=\"symbol symbol-40 symbol-light-white mr-5\">\n              <span class=\"symbol-label\">\n                <inline-svg\n                  :src=\"avatar(item)\"\n                  style\n                  class=\"h-50 align-self-center\"\n                ></inline-svg>\n              </span>\n            </div>\n            <!--end::Symbol-->\n            <!--begin::Text-->\n            <div class=\"d-flex flex-column flex-grow-1 font-weight-bold\">\n              <a\n                @click=\"clicked(item)\"\n                href=\"#\"\n                class=\"text-dark text-hover-primary mb-1 font-size-lg\"\n              >\n                {{ item.name }}\n              </a>\n              <span class=\"text-muted\">\n                {{ item.description }}\n              </span>\n            </div>\n            <!--end::Text-->\n          </div>\n          <!--end::Item-->\n        </template>\n      </div>\n    </perfect-scrollbar>\n    <!--end::Body-->\n  </div>\n</template>\n\n<script>\n// import Dropdown5 from \"@/view/content/dropdown/Dropdown5.vue\";\nimport ApiService from \"@/core/services/api.service\";\n\nexport default {\n  name: \"RecipientSelectorWidget\",\n  components: {\n    // Dropdown5,\n  },\n\n  // *************************** Data *************************************\n  data() {\n    return {\n      scrollbarStyle: {\n        maxHeight: \"0px\",\n        position: \"relative\",\n      },\n      contacts: [],\n      filteredContacts: [],\n      search: null,\n    };\n  },\n\n  // *************************** Computed **********************************\n  computed: {\n    windowHeight() {\n      return (\n        Math.max(\n          document.documentElement.clientHeight || 0,\n          window.innerHeight || 0\n        ) + \"px\"\n      );\n    },\n\n    containerHeight() {\n      return (\n        Math.max(\n          document.documentElement.clientHeight || 0,\n          window.innerHeight || 0\n        ) -\n        350 +\n        \"px\"\n      );\n    },\n  },\n\n  // *************************** Methods **********************************\n  methods: {\n    clicked(item) {\n      if (!this.$store.getters.recipientKeys.includes(item.itemKey)) {\n        this.$store.commit(\"addRecipient\", {\n          key: item.itemKey,\n          caption: item.name,\n          description: item.description,\n        });\n      }\n    },\n\n    avatar(contact) {\n      if (contact.description == \"list\") {\n        return \"media/svg/avatars/avatar-group-orange.svg\";\n      } else {\n        return \"media/svg/avatars/avatar-single-orange.svg\";\n      }\n    },\n\n    searchRecipients() {\n      if (this.search) {\n        var filter = this.search.toLowerCase();\n        this.filteredContacts = this.contacts.filter(\n          (x) =>\n            x.name.toLowerCase().includes(filter) ||\n            x.description.toLowerCase().includes(filter)\n        );\n      } else {\n        this.filteredContacts = this.contacts.sort((a, b) =>\n          a.name > b.name ? 1 : -1\n        );\n      }\n    },\n\n    clearFilter() {\n      this.search = null;\n      this.searchRecipients();\n    },\n  },\n\n  // *************************** Mounted() **********************************\n  mounted() {\n    this.scrollbarStyle.maxHeight = this.containerHeight;\n\n    ApiService.query(\"contactsAndListsFromView\").then((response) => {\n      this.contacts = response.data;\n      this.searchRecipients();\n    });\n  },\n};\n</script>\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!./RecipientSelectorWidget.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!./RecipientSelectorWidget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RecipientSelectorWidget.vue?vue&type=template&id=4fdf12ac&\"\nimport script from \"./RecipientSelectorWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./RecipientSelectorWidget.vue?vue&type=script&lang=js&\"\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  null,\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',[_c('label',{attrs:{\"for\":\"tags-basic\"}},[_vm._v(\"To:\")]),_c('b-form-tags',{staticClass:\"mb-2\",attrs:{\"value\":_vm.recipients,\"duplicate-tag-text\":\"This mobile number is already in the recipient list\",\"invalid-tag-text\":\"Please enter a valid Australian mobile number\",\"tag-validator\":_vm.validator,\"no-outer-focus\":\"\"},on:{\"input\":_vm.handleRecipientInput},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\n      var tags = ref.tags;\n      var addTag = ref.addTag;\n      var inputAttrs = ref.inputAttrs;\n      var inputHandlers = ref.inputHandlers;\n      var tagVariant = ref.tagVariant;\n      var removeTag = ref.removeTag;\n      var duplicateTagText = ref.duplicateTagText;\n      var isDuplicate = ref.isDuplicate;\n      var invalidTagText = ref.invalidTagText;\n      var isInvalid = ref.isInvalid;\nreturn [_c('div',{staticClass:\"d-inline-block\",staticStyle:{\"font-size\":\"1.5rem\"}},_vm._l((tags),function(tag){return _c('b-form-tag',{key:tag,staticClass:\"mr-2, mb-4\",attrs:{\"title\":tag,\"variant\":tagVariant},on:{\"remove\":function($event){return removeTag(tag)}}},[_vm._v(_vm._s(tag)+\" \")])}),1),_c('b-input-group',[_c('b-form-input',_vm._g(_vm._b({staticClass:\"form-control\",style:({ fontSize: _vm.isMobile ? '16px' : '1rem' }),attrs:{\"placeholder\":_vm.isMobile ? 'New recipient' : 'New recipient - press enter to add',\"formatter\":_vm.formatter}},'b-form-input',inputAttrs,false),inputHandlers)),_c('b-input-group-append',[_c('b-button',{attrs:{\"disabled\":isInvalid || !inputAttrs.value || isDuplicate,\"variant\":\"primary\"},on:{\"click\":addTag}},[_vm._v(\"Add\")]),_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){_vm.clearRecipients();\n              inputAttrs.value = null;}}},[_vm._v(\"Clear\")])],1)],1),(isDuplicate)?_c('p',{staticClass:\"mt-2\"},[_vm._v(_vm._s(duplicateTagText))]):_vm._e(),(isInvalid)?_c('p',{staticClass:\"mt-2\"},[_vm._v(_vm._s(invalidTagText))]):_vm._e()]}}])}),_c('b-form',{on:{\"submit\":_vm.onSubmit,\"reset\":_vm.onReset}},[_c('b-form-group',{staticClass:\"mt-8\",attrs:{\"id\":\"input-group-from\",\"label\":\"From:\",\"label-for\":\"from-select\"}},[_c('b-form-select',{style:({ fontSize: _vm.isMobile ? '16px' : '1rem' }),attrs:{\"id\":\"from-select\",\"value-field\":\"id\",\"text-field\":\"caption\",\"options\":_vm.options},model:{value:(_vm.form.sender),callback:function ($$v) {_vm.$set(_vm.form, \"sender\", $$v)},expression:\"form.sender\"}})],1),_c('b-form-group',{staticClass:\"mt-8\",attrs:{\"id\":\"input-group-1\",\"label\":\"Message:\",\"label-for\":\"textarea-1\"}},[_c('b-form-textarea',{style:({ fontSize: _vm.isMobile ? '16px' : '1rem' }),attrs:{\"id\":\"textarea-1\",\"placeholder\":\"Type your message here\",\"rows\":\"12\",\"max-rows\":\"6\"},model:{value:(_vm.form.text),callback:function ($$v) {_vm.$set(_vm.form, \"text\", $$v)},expression:\"form.text\"}}),_c('p',{staticClass:\"form-text\",class:{\n          'text-muted': !_vm.charCountExceeded,\n          'text-warning': _vm.charCountExceeded,\n        }},[_vm._v(\" \"+_vm._s(_vm.form.text.length)+\" characters. \")]),(_vm.charCountExceeded)?_c('p',{staticClass:\"form-text text-warning font-weight-bold\"},[_vm._v(\" Messages over \"+_vm._s(_vm.charLimit)+\" characters will be sent as multiple SMS messages and incur extra charges \")]):_vm._e()],1)],1),(!(_vm.isSending || _vm.isSent || _vm.error))?_c('b-row',{staticClass:\"mb-12\",attrs:{\"align-h\":\"end\"}},[_c('b-col',{attrs:{\"lg\":\"4\"}},[_c('b-button',{attrs:{\"disabled\":!_vm.isMessageReadyToSend,\"block\":\"\",\"variant\":\"primary\"},on:{\"click\":_vm.sendMessageClicked}},[_vm._v(\"Send message\")])],1)],1):_vm._e(),(_vm.isSending)?_c('b-row',{staticClass:\"mb-12\",attrs:{\"align-h\":\"end\"}},[_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[_c('p',[_vm._v(\" Message sending... \")])])],1):_vm._e(),(_vm.isSent)?_c('b-row',{staticClass:\"mb-4\",attrs:{\"align-h\":\"end\"}},[_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[_c('p',[_vm._v(\" Message sent. \")])])],1):_vm._e(),(_vm.error)?_c('b-row',{staticClass:\"font-weight-bold text-danger mb-4\",attrs:{\"align-h\":\"end\"}},[_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.error)+\" \")])])],1):_vm._e(),(_vm.isSent || _vm.error)?_c('b-row',{staticClass:\"mb-12\",attrs:{\"align-h\":\"end\"}},[_c('b-col',{staticClass:\"text-right\",attrs:{\"lg\":\"12\"}},[_c('p',[_c('b-link',{on:{\"click\":_vm.resetSendButton}},[_vm._v(\"Click here to re-enable the Send button\")])],1)])],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <label for=\"tags-basic\">To:</label>\n    <b-form-tags\n      :value=\"recipients\"\n      @input=\"handleRecipientInput\"\n      duplicate-tag-text=\"This mobile number is already in the recipient list\"\n      invalid-tag-text=\"Please enter a valid Australian mobile number\"\n      :tag-validator=\"validator\"\n      no-outer-focus\n      class=\"mb-2\"\n    >\n      <template\n        v-slot=\"{\n          tags,\n          addTag,\n          inputAttrs,\n          inputHandlers,\n          tagVariant,\n          removeTag,\n          duplicateTagText,\n          isDuplicate,\n          invalidTagText,\n          isInvalid,\n        }\"\n      >\n        <div class=\"d-inline-block\" style=\"font-size: 1.5rem;\">\n          <b-form-tag\n            v-for=\"tag in tags\"\n            @remove=\"removeTag(tag)\"\n            :key=\"tag\"\n            :title=\"tag\"\n            :variant=\"tagVariant\"\n            class=\"mr-2, mb-4\"\n            >{{ tag }}\n          </b-form-tag>\n        </div>\n        <b-input-group>\n          <b-form-input\n            v-bind=\"inputAttrs\"\n            v-on=\"inputHandlers\"\n            :placeholder=\"\n              isMobile ? 'New recipient' : 'New recipient - press enter to add'\n            \"\n            class=\"form-control\"\n            :style=\"{ fontSize: isMobile ? '16px' : '1rem' }\"\n            :formatter=\"formatter\"\n          ></b-form-input>\n          <b-input-group-append>\n            <b-button\n              @click=\"addTag\"\n              :disabled=\"isInvalid || !inputAttrs.value || isDuplicate\"\n              variant=\"primary\"\n              >Add</b-button\n            >\n            <b-button\n              @click=\"\n                clearRecipients();\n                inputAttrs.value = null;\n              \"\n              variant=\"primary\"\n              >Clear</b-button\n            >\n          </b-input-group-append>\n        </b-input-group>\n        <p class=\"mt-2\" v-if=\"isDuplicate\">{{ duplicateTagText }}</p>\n        <p class=\"mt-2\" v-if=\"isInvalid\">{{ invalidTagText }}</p>\n      </template>\n    </b-form-tags>\n    <b-form @submit=\"onSubmit\" @reset=\"onReset\">\n      <b-form-group\n        id=\"input-group-from\"\n        label=\"From:\"\n        label-for=\"from-select\"\n        class=\"mt-8\"\n      >\n        <b-form-select\n          id=\"from-select\"\n          v-model=\"form.sender\"\n          value-field=\"id\"\n          text-field=\"caption\"\n          :options=\"options\"\n          :style=\"{ fontSize: isMobile ? '16px' : '1rem' }\"\n        ></b-form-select>\n      </b-form-group>\n      <b-form-group\n        id=\"input-group-1\"\n        label=\"Message:\"\n        label-for=\"textarea-1\"\n        class=\"mt-8\"\n      >\n        <b-form-textarea\n          id=\"textarea-1\"\n          v-model=\"form.text\"\n          placeholder=\"Type your message here\"\n          rows=\"12\"\n          max-rows=\"6\"\n          :style=\"{ fontSize: isMobile ? '16px' : '1rem' }\"\n        ></b-form-textarea>\n        <p\n          class=\"form-text\"\n          :class=\"{\n            'text-muted': !charCountExceeded,\n            'text-warning': charCountExceeded,\n          }\"\n        >\n          {{ form.text.length }} characters.\n        </p>\n        <p\n          v-if=\"charCountExceeded\"\n          class=\"form-text text-warning font-weight-bold\"\n        >\n          Messages over {{ charLimit }} characters will be sent as multiple SMS\n          messages and incur extra charges\n        </p>\n      </b-form-group>\n    </b-form>\n\n    <b-row v-if=\"!(isSending || isSent || error)\" align-h=\"end\" class=\"mb-12\">\n      <b-col lg=\"4\">\n        <b-button\n          :disabled=\"!isMessageReadyToSend\"\n          block\n          variant=\"primary\"\n          @click=\"sendMessageClicked\"\n          >Send message</b-button\n        >\n      </b-col>\n    </b-row>\n\n    <b-row v-if=\"isSending\" align-h=\"end\" class=\"mb-12\">\n      <b-col lg=\"12\" class=\"text-right\">\n        <p>\n          Message sending...\n        </p>\n      </b-col>\n    </b-row>\n\n    <b-row v-if=\"isSent\" align-h=\"end\" class=\"mb-4\">\n      <b-col lg=\"12\" class=\"text-right\">\n        <p>\n          Message sent.\n        </p>\n      </b-col>\n    </b-row>\n\n    <b-row v-if=\"error\" align-h=\"end\" class=\"font-weight-bold text-danger mb-4\">\n      <b-col lg=\"12\" class=\"text-right\">\n        <p>\n          {{ error }}\n        </p>\n      </b-col>\n    </b-row>\n\n    <b-row v-if=\"isSent || error\" align-h=\"end\" class=\"mb-12\">\n      <b-col lg=\"12\" class=\"text-right\">\n        <p>\n          <b-link @click=\"resetSendButton\"\n            >Click here to re-enable the Send button</b-link\n          >\n        </p>\n      </b-col>\n    </b-row>\n  </div>\n</template>\n\n<script>\nimport { mapState } from \"vuex\";\nimport {\n  SET_RECIPIENTS,\n  ADD_RECIPIENT,\n  REMOVE_RECIPIENT,\n} from \"@/core/services/store/recipients.module\";\nimport ApiService from \"@/core/services/api.service\";\nimport KTUtil from \"@/assets/js/components/util\";\n\nexport default {\n  name: \"ComposeWidget\",\n  components: {},\n\n  data() {\n    return {\n      isSending: false,\n      isSent: false,\n      error: null,\n      isMobile: this.isMobileComputed,\n      charLimit: 160,\n      form: {\n        email: \"\",\n        name: \"\",\n        food: null,\n        checked: [],\n        text: \"\",\n        selected: null,\n        sender: null,\n        hasRecipients: false,\n        // recipients: [],\n      },\n      options: [],\n    };\n  },\n\n  computed: {\n    recipients() {\n      return this.$store.getters.recipientCaptions;\n    },\n\n    charCountExceeded() {\n      return this.form.text.length > this.charLimit;\n    },\n\n    isMobileComputed() {\n      return this.checkIfMobile();\n    },\n\n    // returns true when the message passes validation and is ready to send\n    isMessageReadyToSend() {\n      return this.recipients.length > 0 && this.form.sender && this.form.text;\n    },\n  },\n\n  methods: {\n    handleRecipientInput(evt) {\n      // we loop through the captions and add a manual recipient for the missing one(s)\n      evt.forEach((x) => {\n        if (!this.$store.getters.recipientCaptions.includes(x)) {\n          this.addManualRecipient(x);\n        }\n      });\n\n      // we also do it the other way around to remove any removed items\n      this.$store.getters.recipientCaptions.forEach((x) => {\n        if (!evt.includes(x)) {\n          this.removeRecipient(x);\n        }\n      });\n    },\n\n    onSubmit(evt) {\n      evt.preventDefault();\n      alert(JSON.stringify(this.form));\n    },\n\n    onReset(evt) {\n      evt.preventDefault();\n      // Reset our form values\n      this.form.email = \"\";\n      this.form.name = \"\";\n      this.form.food = null;\n      this.form.checked = [];\n      // Trick to reset/clear native browser form validation state\n      this.show = false;\n      this.$nextTick(() => {\n        this.show = true;\n      });\n    },\n\n    formatter(value) {\n      let digits = value.replace(/\\D/g, \"\");\n      var result = digits;\n\n      if (\n        digits.length > 0 &&\n        digits.charAt(0) !== \"0\" &&\n        digits.charAt(0) !== \"4\" &&\n        digits.charAt(1) !== \"4\"\n      ) {\n        result = \"04\" + digits.substring(0, digits.length);\n      } else if (digits.length > 0 && digits.charAt(0) !== \"0\") {\n        result = \"0\" + digits.substring(0, digits.length);\n      }\n\n      if (digits.length > 7) {\n        result =\n          digits.substring(0, 4) +\n          \" \" +\n          digits.substring(4, 7) +\n          \" \" +\n          digits.substring(7, 10);\n      } else if (digits.length > 4) {\n        result =\n          digits.substring(0, 4) + \" \" + digits.substring(4, digits.length);\n      }\n\n      return result;\n    },\n\n    validator(tag) {\n      var phoneno = /^04\\d{8}$/;\n\n      return tag.replace(/\\D/g, \"\").match(phoneno);\n    },\n\n    addRecipient(recipient) {\n      this.$store.commit(\"addRecipient\", recipient);\n    },\n\n    addManualRecipient(mobileNumber) {\n      this.$store.commit(\"addRecipient\", {\n        key: \"M\" + mobileNumber.replace(/\\D/g, \"\"),\n        caption: mobileNumber,\n        description: mobileNumber,\n      });\n    },\n\n    removeRecipient(recipient) {\n      this.$store.commit(\"removeRecipient\", recipient);\n    },\n\n    setRecipients(recipients) {\n      this.$store.commit(\"setRecipients\", recipients);\n    },\n\n    clearRecipients() {\n      this.$store.commit(\"clearRecipients\");\n    },\n\n    checkIfMobile() {\n      return window.innerWidth < 992;\n    },\n\n    updateIsMobile() {\n      this.isMobile = this.checkIfMobile();\n    },\n\n    sendMessageClickedWithDelay() {\n      this.isSending = true;\n      console.log(\"send message clicked\");\n      window.setTimeout(this.sendMessageClicked, 3000);\n    },\n\n    sendMessageClicked() {\n      let message = {\n        text: this.form.text,\n        recipients: this.$store.getters.recipients,\n        senderId: this.form.sender,\n      };\n      console.log(JSON.stringify(this.$store.getters.recipients));\n\n      console.log(JSON.stringify(message));\n\n      ApiService.post(\"messages\", message)\n        .then((response) => {\n          if (response.status == 200) {\n            this.isSending = false;\n            this.messageSent(response.data);\n          } else {\n            this.isSending = false;\n            this.error = \"Message failed to send.\";\n            this.$bvToast.toast(\"Error\", {\n              title: \"Message failed to send\",\n              variant: \"danger\",\n              solid: true,\n            });\n          }\n        })\n        .catch((error) => {\n          console.log(\"Error! \" + JSON.stringify(error.message));\n          this.isSending = false;\n          this.error =\n            \"Message failed to send.  If this problem persists, please contact your support desk.\";\n          this.$bvToast.toast(\n            \"There was a problem sending your message.  If this problem persists, please contact your support desk.\",\n            {\n              title: \"Okay, Houston, we've had a problem here :(\",\n              variant: \"danger\",\n              solid: true,\n            }\n          );\n        });\n    },\n    messageSent(response) {\n      console.log(`Message sent: ${JSON.stringify(response)}`);\n      this.isSent = true;\n    },\n\n    resetSendButton() {\n      console.log(\"resetting button\");\n      this.isSent = false;\n      this.error = null;\n    },\n  },\n\n  mounted() {\n    this.updateIsMobile();\n    // add event listener to detect mobile view\n    window.addEventListener(\"resize\", this.updateIsMobile);\n\n    ApiService.query(\"senders\").then((response) => {\n      this.options = response.data;\n      if (this.options.length > 0) {\n        this.form.sender = this.options[0].id;\n      }\n    });\n  },\n\n  beforeDestroy() {\n    // remove event listeners\n    window.removeEventListener(\"resize\", this.updateIsMobile);\n  },\n};\n</script>\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!./ComposeWidget.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!./ComposeWidget.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ComposeWidget.vue?vue&type=template&id=7a734328&\"\nimport script from \"./ComposeWidget.vue?vue&type=script&lang=js&\"\nexport * from \"./ComposeWidget.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div id=\"teomp\" class=\"h-90\">\n    <!--begin::Compose-->\n\n    <b-row>\n      <b-col lg=\"1\" order-lg=\"1\"></b-col>\n      <b-col lg=\"6\" order-lg=\"6\">\n        <ComposeWidget></ComposeWidget>\n      </b-col>\n      <b-col lg=\"1\" order-lg=\"7\"></b-col>\n      <b-col lg=\"3\" order-lg=\"9\">\n        <RecipientSelectorWidget></RecipientSelectorWidget>\n      </b-col>\n      <b-col lg=\"1\" order-lg=\"12\"></b-col>\n      <!-- <b-col lg=\"3\" order-lg=\"1\">\n        <TemplateSelectorWidget></TemplateSelectorWidget>\n      </b-col> -->\n    </b-row>\n\n    <!--end::Compose-->\n  </div>\n</template>\n\n<script>\nimport { SET_BREADCRUMB } from \"@/core/services/store/breadcrumbs.module\";\nimport RecipientSelectorWidget from \"@/view/content/widgets/compose/RecipientSelectorWidget.vue\";\n//import TemplateSelectorWidget from \"@/view/content/widgets/compose/TemplateSelectorWidget.vue\";\nimport ComposeWidget from \"@/view/content/widgets/compose/ComposeWidget.vue\";\n\nexport default {\n  name: \"compose\",\n  components: {\n    RecipientSelectorWidget,\n    // TemplateSelectorWidget,\n    ComposeWidget,\n  },\n  mounted() {\n    this.$store.dispatch(SET_BREADCRUMB, [{ title: \"Compose\" }]);\n  },\n  methods: {\n    setActiveTab1(event) {\n      this.tabIndex = this.setActiveTab(event);\n    },\n    setActiveTab2(event) {\n      this.tabIndex2 = this.setActiveTab(event);\n    },\n    /**\n     * Set current active on click\n     * @param event\n     */\n    setActiveTab(event) {\n      // get all tab links\n      const tab = event.target.closest('[role=\"tablist\"]');\n      const links = tab.querySelectorAll(\".nav-link\");\n      // remove active tab links\n      for (let i = 0; i < links.length; i++) {\n        links[i].classList.remove(\"active\");\n      }\n\n      // set current active tab\n      event.target.classList.add(\"active\");\n\n      // set clicked tab index to bootstrap tab\n      return parseInt(event.target.getAttribute(\"data-tab\"));\n    },\n  },\n};\n</script>\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!./Compose.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!./Compose.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Compose.vue?vue&type=template&id=ee1a9354&\"\nimport script from \"./Compose.vue?vue&type=script&lang=js&\"\nexport * from \"./Compose.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}