{"version":3,"sources":["webpack:///./src/views/manage/SendBulkWhatsapp.vue?93a7","webpack:///src/views/manage/SendBulkWhatsapp.vue","webpack:///./src/views/manage/SendBulkWhatsapp.vue?1d8c","webpack:///./src/views/manage/SendBulkWhatsapp.vue","webpack:///./src/views/manage/SendBulkWhatsapp.vue?ee5f"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","directives","name","rawName","value","expression","staticStyle","attrs","model","formData","callback","$$v","$set","ref","templateText","on","sendButtonClicked","staticRenderFns","data","mobileNumbers","components","watch","computed","methods","tagValidator","tag","phoneRegex","test","initValues","self","$validator","validateAll","then","result","showLoadingOnElement","onSuccess","response","$vs","notify","title","color","text","position","iconPack","icon","onFinally","loading","close","$refs","sendButton","$el","$ajaxPost","errors","items","msg","element","scale","type","container","mounted","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,UAAU,CAACA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACJ,EAAIO,GAAG,mBAAmBH,EAAG,cAAc,CAACI,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAaC,MAAM,WAAaC,WAAW,eAAeC,YAAY,CAAC,aAAa,SAASC,MAAM,CAAC,GAAK,eAAe,aAAe,MAAM,KAAO,iBAAiBC,MAAM,CAACJ,MAAOX,EAAIgB,SAAqB,aAAEC,SAAS,SAAUC,GAAMlB,EAAImB,KAAKnB,EAAIgB,SAAU,eAAgBE,IAAMN,WAAW,4BAA4B,KAAKR,EAAG,aAAa,CAACE,YAAY,SAASF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,aAAaA,EAAG,MAAM,CAACE,YAAY,SAASO,YAAY,CAAC,QAAU,wBAAwB,CAACT,EAAG,MAAM,CAACU,MAAM,CAAC,GAAK,qBAAqB,CAACV,EAAG,YAAY,CAACgB,IAAI,aAAad,YAAY,0CAA0CQ,MAAM,CAAC,UAAYd,EAAIgB,SAASK,aAAa,MAAQ,WAAWC,GAAG,CAAC,MAAQtB,EAAIuB,oBAAoB,CAACvB,EAAIO,GAAG,WAAW,MAAM,IAAI,MAAM,MAClkCiB,EAAkB,GCwDP,GACfC,KAAA,WACA,OACAT,SAAA,CACAU,cAAA,GACAL,aAAA,QAIAM,WAAA,GAGAC,MAAA,GAEAC,SAAA,GAEAC,QAAA,CACAC,aAAA,SAAAC,GACA,IAAAC,EAAA,qHACA,OAAAA,EAAAC,KAAAF,IAEAG,WAAA,WACA,KAAAnB,SAAAU,cAAA,GACA,KAAAV,SAAAK,aAAA,MAEAE,kBAAA,WACA,IAAAa,EAAA,KACAA,EAAAC,WAAAC,cAAAC,MAAA,SAAAC,GACA,GAAAA,EAAA,CACAJ,EAAAK,qBAAA,6BACA,IAAAC,EAAA,SAAAC,GAEAP,EAAAQ,IAAAC,OAAA,CACAC,MAAA,cACAC,MAAA,UACAC,KAAA,6BACAC,SAAA,YACAC,SAAA,UACAC,KAAA,kBAGAC,EAAA,WACAhB,EAAAQ,IAAAS,QAAAC,MAAAlB,EAAAmB,MAAAC,WAAAC,MAEArB,EAAAsB,UAAAtB,EAAA,oBAAAA,EAAApB,SAAA0B,EAAAU,QAEAhB,EAAAQ,IAAAC,OAAA,CACAC,MAAA,YACAC,MAAA,UACAC,KAAAZ,EAAAC,WAAAsB,OAAAC,MAAA,GAAAC,IACAZ,SAAA,YACAC,SAAA,UACAC,KAAA,kBAKAV,qBAAA,SAAAqB,EAAAC,EAAAC,GACA,IAAA5B,EAAA,KACAA,EAAAQ,IAAAS,QAAA,CACAW,OACAC,UAAA7B,EAAAmB,MAAAO,GAAAL,IACAM,YAIAG,QAAA,cC3HwW,I,wBCQpWC,EAAY,eACd,EACApE,EACAyB,GACA,EACA,KACA,KACA,MAIa,aAAA2C,E,6CCnBf,W","file":"js/chunk-0d7d11da.9c3ef15b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"text-left mt-2\"},[_c('vx-card',[_c('div',[_c('div',{staticClass:\"vx-row pb-1\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('label',[_vm._v(\"Template Text\")]),_c('vs-textarea',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],staticStyle:{\"min-height\":\"350px\"},attrs:{\"id\":\"templateText\",\"autocomplete\":\"off\",\"name\":\"Template Text\"},model:{value:(_vm.formData.templateText),callback:function ($$v) {_vm.$set(_vm.formData, \"templateText\", $$v)},expression:\"formData.templateText\"}})],1)]),_c('vs-divider',{staticClass:\"mb-6\"}),_c('div',{staticClass:\"vx-row\"},[_c('vs-spacer'),_c('div',{staticClass:\"vx-col\",staticStyle:{\"display\":\"contents !important\"}},[_c('div',{attrs:{\"id\":\"update-container\"}},[_c('vs-button',{ref:\"sendButton\",staticClass:\"mr-3 vs-con-loading__container fitToRow\",attrs:{\"disabled\":!_vm.formData.templateText,\"color\":\"success\"},on:{\"click\":_vm.sendButtonClicked}},[_vm._v(\"Send\")])],1)])],1)],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"text-left mt-2\">\r\n      <vx-card>\r\n        <div>\r\n          <!-- <div class=\"vx-row pb-1\">\r\n            <div class=\"vx-col w-full\">\r\n              <b-form-group label=\"Enter the WhatsApp numbers\" label-for=\"tags-validation\" :state=\"state\">\r\n                <b-form-tags\r\n                  input-id=\"tags-validation\"\r\n                  v-model=\"formData.mobileNumbers\"\r\n                  :input-attrs=\"{ 'aria-describedby': 'tags-validation-help' }\"\r\n                  :tag-validator=\"tagValidator\"\r\n                  class=\"mb-2\"\r\n                  placeholder=\"Type or paste numbers...\"\r\n                  remove-on-delete\r\n                  separator=\",;\"\r\n                ></b-form-tags>\r\n\r\n                <template #description>\r\n                  <div id=\"tags-validation-help\">\r\n                    Enter valid mobile numbers (ex. 0123456789, 012 345 6789, +27123456789) separated by a <strong>comma (,)</strong> or <strong>semicolon (;)</strong>. Alternatively, press enter after each number\r\n                  </div>\r\n                </template>\r\n              </b-form-group>\r\n            </div>\r\n          </div> -->\r\n          <div class=\"vx-row pb-1\">\r\n            <div class=\"vx-col w-full\">\r\n              <label>Template Text</label>\r\n              <vs-textarea\r\n                id=\"templateText\"\r\n                autocomplete=\"off\"\r\n                v-validate=\"'required'\"\r\n                name=\"Template Text\"\r\n                v-model=\"formData.templateText\"\r\n                style=\"min-height:350px\"\r\n              />\r\n            </div>\r\n          </div>\r\n          \r\n          <vs-divider class=\"mb-6\"></vs-divider>\r\n          <div class=\"vx-row\">\r\n            <vs-spacer ></vs-spacer>\r\n            <div class=\"vx-col\" style=\"display: contents !important;\">\r\n              <div id=\"update-container\">\r\n                <vs-button :disabled=\"!formData.templateText\" color=\"success\" class=\"mr-3 vs-con-loading__container fitToRow\" @click=\"sendButtonClicked\" ref=\"sendButton\">Send</vs-button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </vx-card>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data () {\r\n    return {\r\n      formData: {\r\n        mobileNumbers: [],\r\n        templateText: null\r\n      }\r\n    };\r\n  },\r\n  components: {\r\n    \r\n  },\r\n  watch: {\r\n  },\r\n  computed: {\r\n  },\r\n  methods: {\r\n    tagValidator (tag) {\r\n      const phoneRegex = /^(\\+{0,})(\\d{0,})([(]{1}\\d{1,3}[)]{0,}){0,}(\\s?\\d+|\\+\\d{2,3}\\s{1}\\d+|\\d+){1}[\\s|-]?\\d+([\\s|-]?\\d+){1,2}(\\s){0,}$/gm;\r\n      return phoneRegex.test(tag);\r\n    },\r\n    initValues () {\r\n      this.formData.mobileNumbers = [];\r\n      this.formData.templateText = null;\r\n    },\r\n    sendButtonClicked () {\r\n      const self = this;\r\n      self.$validator.validateAll().then(result => {\r\n        if (result) {\r\n          self.showLoadingOnElement('sendButton', 0.45, 'material');\r\n          const onSuccess = response => {\r\n            // self.initValues(); // uncomment if you want to clear the values after a successful sent event\r\n            self.$vs.notify({\r\n              title: 'Information',\r\n              color: 'success',\r\n              text: 'Message sent to all agents',\r\n              position: 'top-right',\r\n              iconPack: 'feather',\r\n              icon: 'icon-success'\r\n            });\r\n          };\r\n          const onFinally = function () {\r\n            self.$vs.loading.close(self.$refs.sendButton.$el);\r\n          };\r\n          self.$ajaxPost(self, 'Whatsapp/BulkSend', self.formData, onSuccess, onFinally);\r\n        } else {\r\n          self.$vs.notify({\r\n            title: 'Attention',\r\n            color: 'warning',\r\n            text:  self.$validator.errors.items[0].msg,\r\n            position: 'top-right',\r\n            iconPack: 'feather',\r\n            icon: 'icon-info'\r\n          });\r\n        }\r\n      });\r\n    },\r\n    showLoadingOnElement (element, scale, type) {\r\n      const self = this;\r\n      self.$vs.loading({\r\n        type,\r\n        container: self.$refs[element].$el,\r\n        scale\r\n      });\r\n    }\r\n  },\r\n  mounted () {\r\n    \r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  #templateText.vs-textarea {\r\n    min-height: 350px;\r\n  }\r\n</style>","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!./SendBulkWhatsapp.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!./SendBulkWhatsapp.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SendBulkWhatsapp.vue?vue&type=template&id=4d95aac9\"\nimport script from \"./SendBulkWhatsapp.vue?vue&type=script&lang=js\"\nexport * from \"./SendBulkWhatsapp.vue?vue&type=script&lang=js\"\nimport style0 from \"./SendBulkWhatsapp.vue?vue&type=style&index=0&id=4d95aac9&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.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/dist/cjs.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!./SendBulkWhatsapp.vue?vue&type=style&index=0&id=4d95aac9&prod&lang=scss\""],"sourceRoot":""}