{"version":3,"sources":["webpack:///./src/assets/img/roll.svg","webpack:///./src/views/Customer/SendVoucher/index.vue?1e2b","webpack:///src/views/Customer/SendVoucher/index.vue","webpack:///./src/views/Customer/SendVoucher/index.vue?5f46","webpack:///./src/views/Customer/SendVoucher/index.vue","webpack:///./src/assets/img/back_arrow.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","style","backgroundImage","backgroundUrl","backgroundPosition","backgroundRepeat","backgroundSize","attrs","on","$event","changeRoute","_v","_s","$t","mode","_e","_l","messageDetail","index","key","pin","parseFloat","amount","ref","refInFor","directives","name","rawName","value","expression","domProps","target","composing","$set","isButtonDisabled","cursor","sendSms","messageDetails","sendMail","staticRenderFns","$","title","components","MasterLayout","data","voucherbackgroundUrl","created","localStorage","window","methods","downloadWithCSS","myWindow","getMessageDetails","newMEssageDetails","validateEmail","voucher","exit","desc","message","type","duration","post","configObject","then","catch","error","validatePhoneNumber","component"],"mappings":"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","file":"js/chunk-7b357970.9c37e63e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/roll.b498b837.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('MasterLayout',[_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('div',{staticClass:\"quickfuel_first_row banner_height section__row\"},[_c('div',{staticClass:\"quickfuel_first_row_right_section cus_send_via\",staticStyle:{\"border-radius\":\"12px\",\"flex\":\"0 0 100%\"},style:([\n            {\n              backgroundImage: (\"linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(\" + _vm.backgroundUrl + \")\"),\n              backgroundPosition: 'center',\n              backgroundRepeat: 'no-repeat',\n              backgroundSize: 'cover'\n            }\n          ])},[_c('div',{staticClass:\"row align-items-center quick_fuel hundered_percent_height\"},[_c('div',{staticClass:\"col-md-6 col-lg-6 text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/img/back_arrow.png\"),\"width\":\"40\"},on:{\"click\":function($event){return _vm.changeRoute('voucher')}}})]),_vm._v(\" \"),_c('div',{staticClass:\"col-md-6 col-lg-6 text-center\"},[_c('span',{staticClass:\"quick_fuel_banner_header\"},[_vm._v(_vm._s(_vm.$t('text.sendVoucher.sendVoucherBy'))+\" \"+_vm._s(_vm.mode))])])])])]),_vm._v(\" \"),_c('section',{staticClass:\"section_3 mt-3 pb-5 last__ten__transactions__row\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 col-lg-12 \"},[_c('div',{staticClass:\"send_vouchers__row\"},[_c('div',{staticClass:\"index_div\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(\"#\")])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(_vm.$t('text.sendVoucher.voucherPin')))])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(\" \"+_vm._s(_vm.$t('text.sendVoucher.voucherAmount')))])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[(_vm.mode === 'mail')?_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(_vm.$t('text.sendVoucher.recipientEmail')))]):_vm._e(),_vm._v(\" \"),(_vm.mode === 'sms')?_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(_vm.$t('text.sendVoucher.recipientPhone')))]):_vm._e()]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(_vm.$t('text.sendVoucher.message')))])])]),_vm._v(\" \"),_vm._l((_vm.messageDetails),function(messageDetail,index){return _c('div',{key:index,staticClass:\"send_vouchers__row mt-3\"},[_c('div',{staticClass:\"index_div\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(index + 1))])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(messageDetail.pin))])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('p',{staticClass:\"header_text\"},[_vm._v(_vm._s(parseFloat(messageDetail.amount)))])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('div',{ref:\"balance_to_input_div\",refInFor:true,staticClass:\"input__block input_width_shrink\"},[(_vm.mode === 'mail')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(messageDetail.recipient),expression:\"messageDetail.recipient\"}],staticClass:\"form-control input_full_width\",attrs:{\"type\":\"email\",\"placeholder\":_vm.$t('text.sendVoucher.recipientEmail')},domProps:{\"value\":(messageDetail.recipient)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(messageDetail, \"recipient\", $event.target.value)}}}):_vm._e(),_vm._v(\" \"),(_vm.mode === 'sms')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(messageDetail.recipient),expression:\"messageDetail.recipient\"}],staticClass:\"form-control input_full_width\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.sendVoucher.recipientPhone')},domProps:{\"value\":(messageDetail.recipient)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(messageDetail, \"recipient\", $event.target.value)}}}):_vm._e()])]),_vm._v(\" \"),_c('div',{staticClass:\"send_vouchers__item\"},[_c('div',{ref:\"balance_to_input_div\",refInFor:true,staticClass:\"input__block input_width_shrink\"},[(_vm.mode === 'mail')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(messageDetail.extraMessage),expression:\"messageDetail.extraMessage\"}],staticClass:\"form-control input_full_width\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.sendVoucher.message')},domProps:{\"value\":(messageDetail.extraMessage)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(messageDetail, \"extraMessage\", $event.target.value)}}}):_vm._e(),_vm._v(\" \"),(_vm.mode === 'sms')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(messageDetail.extraMessage),expression:\"messageDetail.extraMessage\"}],staticClass:\"form-control input_full_width\",attrs:{\"type\":\"text\",\"placeholder\":_vm.$t('text.sendVoucher.message')},domProps:{\"value\":(messageDetail.extraMessage)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(messageDetail, \"extraMessage\", $event.target.value)}}}):_vm._e()])])])})],2)]),_vm._v(\" \"),_c('div',{staticClass:\"mt-3 text-left\"},[(_vm.mode === 'sms')?_c('button',{staticClass:\"save__btn record_expense_btn\",style:([\n              _vm.isButtonDisabled ? { cursor: 'not-allowed' } : { cursor: 'pointer' }\n            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.sendSms(_vm.messageDetails)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('text.sendVoucher.sendSms'))),_c('span')]):_vm._e(),_vm._v(\" \"),(_vm.mode === 'mail')?_c('button',{staticClass:\"save__btn record_expense_btn other_btn_4\",staticStyle:{\"border\":\"0\"},style:([\n              _vm.isButtonDisabled ? { cursor: 'not-allowed' } : { cursor: 'pointer' }\n            ]),attrs:{\"disabled\":_vm.isButtonDisabled ? true : null},on:{\"click\":function($event){return _vm.sendMail(_vm.messageDetails)}}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('text.sendVoucher.sendMail'))),_c('span')]):_vm._e(),_vm._v(\" \"),_c('img',{staticClass:\"ml-3 loader\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"@/assets/img/git_loader.gif\"),\"width\":\"35px\"}})])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <MasterLayout>\r\n      <div style=\"text-align: center\">\r\n        <div class=\"quickfuel_first_row banner_height section__row\">\r\n          <div\r\n            class=\"quickfuel_first_row_right_section cus_send_via\"\r\n            style=\"border-radius: 12px; flex: 0 0 100%\"\r\n            :style=\"[\r\n              {\r\n                backgroundImage: `linear-gradient(rgb(41, 39, 39 , 0.92), rgb(41, 39, 39, 0.92)), url(${backgroundUrl})`,\r\n                backgroundPosition: 'center',\r\n                backgroundRepeat: 'no-repeat',\r\n                backgroundSize: 'cover'\r\n              }\r\n            ]\"\r\n          >\r\n            <div class=\"row align-items-center quick_fuel hundered_percent_height\" >\r\n              <div class=\"col-md-6 col-lg-6 text-center\">\r\n                 <img\r\n                    src=\"@/assets/img/back_arrow.png\"\r\n                    @click=\"changeRoute('voucher')\"\r\n                    width=\"40\"\r\n                  />\r\n                \r\n              </div>\r\n              <div class=\"col-md-6 col-lg-6 text-center\">\r\n                <span class=\"quick_fuel_banner_header\">{{$t('text.sendVoucher.sendVoucherBy')}} {{ mode }}</span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <section class=\"section_3 mt-3 pb-5 last__ten__transactions__row\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12 col-lg-12 \">\r\n              <div class=\"send_vouchers__row\">\r\n                <div class=\"index_div\">\r\n                    <p class=\"header_text\">#</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <p class=\"header_text\">{{$t('text.sendVoucher.voucherPin')}}</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <p class=\"header_text\" > {{$t('text.sendVoucher.voucherAmount')}}</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <p class=\"header_text\" v-if=\"mode === 'mail'\">{{$t('text.sendVoucher.recipientEmail')}}</p>\r\n                  <p class=\"header_text\" v-if=\"mode === 'sms'\">{{$t('text.sendVoucher.recipientPhone')}}</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <p class=\"header_text\">{{$t('text.sendVoucher.message')}}</p>\r\n                </div>\r\n              </div>\r\n              <div class=\"send_vouchers__row mt-3\" v-for=\"(messageDetail, index) in messageDetails\"\r\n              :key=\"index\">\r\n                <div class=\"index_div\">\r\n                    <p class=\"header_text\">{{index + 1}}</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <p class=\"header_text\">{{messageDetail.pin }}</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <p class=\"header_text\">{{  parseFloat(messageDetail.amount) }}</p>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                  <div class=\"input__block input_width_shrink\" ref=\"balance_to_input_div\">\r\n                    <input\r\n                        v-if=\"mode === 'mail'\"\r\n                        type=\"email\"\r\n                        :placeholder=\"$t('text.sendVoucher.recipientEmail')\"\r\n                        class=\"form-control input_full_width\"\r\n                        \r\n                        v-model=\"messageDetail.recipient\"\r\n                        \r\n                      />\r\n                       <input\r\n                        v-if=\"mode === 'sms'\"\r\n                        type=\"text\"\r\n                        :placeholder=\"$t('text.sendVoucher.recipientPhone')\"\r\n                        class=\"form-control input_full_width\"\r\n                        \r\n                        v-model=\"messageDetail.recipient\"\r\n                      />\r\n                  </div>\r\n                </div>\r\n                <div class=\"send_vouchers__item\">\r\n                   <div class=\"input__block input_width_shrink\" ref=\"balance_to_input_div\">\r\n                    <input\r\n                        v-if=\"mode === 'mail'\"\r\n                        type=\"text\"\r\n                        :placeholder=\"$t('text.sendVoucher.message')\"\r\n                        class=\"form-control input_full_width\"\r\n                        \r\n                        v-model=\"messageDetail.extraMessage\"\r\n                      />\r\n                      <input\r\n                        v-if=\"mode === 'sms'\"\r\n                        type=\"text\"\r\n                        :placeholder=\"$t('text.sendVoucher.message')\"\r\n                        class=\"form-control input_full_width\"\r\n                        \r\n                        v-model=\"messageDetail.extraMessage\"\r\n                      />\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"mt-3 text-left\">\r\n             <button\r\n              v-if=\"mode === 'sms'\"\r\n              @click=\"sendSms(messageDetails)\"\r\n              class=\"save__btn record_expense_btn\"\r\n              :disabled=\"isButtonDisabled ? true : null\"\r\n              :style=\"[\r\n                isButtonDisabled ? { cursor: 'not-allowed' } : { cursor: 'pointer' }\r\n              ]\"\r\n            >\r\n              {{$t('text.sendVoucher.sendSms')}}<span></span>\r\n            </button>\r\n            <button\r\n              v-if=\"mode === 'mail'\"\r\n              @click=\"sendMail(messageDetails)\"\r\n              class=\"save__btn record_expense_btn other_btn_4\"\r\n              style=\"border: 0;\"\r\n              :disabled=\"isButtonDisabled ? true : null\"\r\n              :style=\"[\r\n                isButtonDisabled ? { cursor: 'not-allowed' } : { cursor: 'pointer' }\r\n              ]\"\r\n            >\r\n              {{$t('text.sendVoucher.sendMail')}}<span></span>\r\n            </button>\r\n            <img\r\n              src=\"@/assets/img/git_loader.gif\"\r\n              style=\"display:none\"\r\n              width=\"35px\"\r\n              class=\"ml-3 loader\"\r\n            />\r\n          </div>\r\n        </section>\r\n           \r\n      </div>\r\n    </MasterLayout>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport MasterLayout from \"@/views/Customer/MasterLayout.vue\";\r\nimport backgroundUrl from \"@/assets/img/MobileWallet.png\";\r\nimport voucherbackgroundUrl from \"@/assets/img/roll.svg\";\r\nimport configObject from \"@/config\";\r\nimport JQuery from \"jquery\";\r\nlet $ = JQuery;\r\n\r\nexport default {\r\n  title: \"Send Voucher:: Epump Portal\",\r\n  name: \"DashboardHome\",\r\n  components: {\r\n    MasterLayout\r\n  },\r\n  data() {\r\n    return {\r\n      backgroundUrl,\r\n      voucherbackgroundUrl,\r\n      mode: this.$route.query.mode,\r\n      messageDetails: null,\r\n      isButtonDisabled: false\r\n    };\r\n  },\r\n  created() {\r\n    if (\r\n      localStorage.getItem(\"messageDetails\") !== null &&\r\n      localStorage.getItem(\"messageDetails\") !== \"null\"\r\n    ) {\r\n      this.getMessageDetails();\r\n    } else {\r\n      window.location.reload();\r\n    }\r\n  },\r\n  methods: {\r\n     downloadWithCSS() {\r\n      var elementHTML = $('#pdfContent').html();\r\n      var myWindow=window.open('', '','width=1000,height=700');\r\n      myWindow.document.write(elementHTML);\r\n      var style = myWindow.document.createElement('style');\r\n      style.innerHTML = `\r\n      @page {\r\n        size: auto;  /* auto is the initial value */\r\n        margin: 0mm; /* this affects the margin in the printer settings */\r\n      }\r\n      html {\r\n        background-color: #FFFFFF;\r\n        margin: 0px; /* this affects the margin on the HTML before sending to printer */\r\n      }\r\n      body {\r\n        margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */\r\n        margin: 0mm;\r\n      }\r\n      .data__row:nth-child(even) {\r\n        background: #dbdbdb;\r\n        -webkit-print-color-adjust: exact;  print-color-adjust: exact;\r\n      }\r\n\r\n      .data__row:nth-child(odd) {\r\n        background: white;\r\n        -webkit-print-color-adjust: exact;  print-color-adjust: exact;\r\n      }\r\n      table {\r\n        border-collapse: collapse;\r\n      }\r\n      `;\r\n      myWindow.document.head.appendChild(style);\r\n      myWindow.document.close();\r\n      myWindow.focus();\r\n      myWindow.print();\r\n      myWindow.close();\r\n\r\n    },\r\n    getMessageDetails() {\r\n      let newDetails = JSON.parse(localStorage.getItem(\"messageDetails\"));\r\n      let newMEssageDetails = [...newDetails];\r\n      (newMEssageDetails.recipient = \"\"), (newMEssageDetails.extraMessage = \"\");\r\n      this.messageDetails = JSON.parse(localStorage.getItem(\"messageDetails\"));\r\n    },\r\n    changeRoute(routeName) {\r\n      this.$router.push({ name: routeName });\r\n    },\r\n     validateEmail(email) {\r\n      if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n      }\r\n      return false;\r\n    },\r\n    sendMail(voucher) {\r\n       let desc = ''\r\n        let exit = false\r\n        voucher.forEach(v => {\r\n            if (!v.extraMessage) {\r\n                exit = true\r\n                desc = 'extraMessageEmpty'\r\n            }\r\n            if (!v.recipient) {\r\n                exit = true\r\n                desc = 'recipientEmpty'\r\n            }else {\r\n              if(!this.validateEmail(v.recipient)) {\r\n                exit = true\r\n                desc = 'wrongEmailFormat'\r\n              }\r\n            }\r\n        })\r\n        if (exit) {\r\n            this.$toast.open({\r\n                message: desc === 'extraMessageEmpty' ? this.$t('text.sendVoucher.messageError') : desc === 'wrongEmailFormat' ? this.$t('text.errors.invalidEmail') : this.$t('text.sendVoucher.emailBlank'),\r\n                type: 'error',\r\n                duration: 5000\r\n            });\r\n            return\r\n        }\r\n        this.isButtonDisabled = true;\r\n        $(\".loader\").show();\r\n        this.axios\r\n          .post(\r\n            `${configObject.apiBaseUrl}/Voucher/EmailVoucher`,\r\n            voucher,\r\n            configObject.authConfig()\r\n          )\r\n          .then(() => {\r\n            this.$toast.open({\r\n              message: this.$t('text.sendVoucher.successfullySent'),\r\n              type: \"success\",\r\n              duration: 20000\r\n            });\r\n            this.$router.push({ name: \"voucher\" });\r\n            $(\".loader\").hide();\r\n            this.isButtonDisabled = false;\r\n          })\r\n          .catch(error => {\r\n            this.$toast.open({\r\n              message: error.response.data.message,\r\n              type: \"error\",\r\n              duration: 20000\r\n            });\r\n            $(\".loader\").hide();\r\n            this.isButtonDisabled = false;\r\n          });\r\n    },\r\n    validatePhoneNumber() {\r\n\r\n    },\r\n    sendSms(voucher) {\r\n      let desc = ''\r\n      let exit = false\r\n      voucher.forEach(v => {\r\n          let recp = new String(v.recipient);\r\n          if (!v.extraMessage) {\r\n              exit = true\r\n              desc = 'extraMessageEmpty'\r\n          }\r\n          if (!v.recipient) {\r\n              exit = true\r\n              desc = 'recipientEmpty'\r\n          }else {\r\n            if (recp.length < 10 || recp.length > 13) {\r\n              exit = true\r\n              desc = 'invalidRecp'\r\n            }\r\n          }\r\n      })\r\n      if (exit) {\r\n          this.$toast.open({\r\n              message: desc === 'extraMessageEmpty' ? this.$t('text.sendVoucher.messageError') : desc === 'invalidRecp' ?  this.$t('text.sendVoucher.shortNo') : this.$t('text.sendVoucher.phoneNoBlank'),\r\n              type: 'error',\r\n              duration: 5000\r\n          });\r\n          return\r\n      }\r\n      this.isButtonDisabled = true;\r\n      $(\".loader\").show();\r\n      this.axios\r\n        .post(\r\n          `${configObject.apiBaseUrl}/Voucher/SmsVoucher`,\r\n          voucher,\r\n          configObject.authConfig()\r\n        )\r\n        .then(() => {\r\n          this.$toast.open({\r\n            message: this.$t('text.sendVoucher.successfullySent'),\r\n            type: \"success\",\r\n            duration: 20000\r\n          });\r\n          this.$router.push({ name: \"voucher\" });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        })\r\n        .catch(error => {\r\n          this.$toast.open({\r\n              message: error.response.data.message,\r\n              type: \"error\",\r\n              duration: 20000\r\n            });\r\n          $(\".loader\").hide();\r\n          this.isButtonDisabled = false;\r\n        });\r\n    }\r\n  }\r\n};\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-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=56d09bd4&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","module.exports = \"data:image/png;base64,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\""],"sourceRoot":""}