{"version":3,"sources":["webpack:///./src/components/contents/BillPayments/TvSubscription.vue?3320","webpack:///./src/components/contents/BillPayments/TvSubscription.vue","webpack:///./src/components/contents/BillPayments/TvSubscription.vue?d1cd"],"names":["class","_createBlock","_component_q_page","_createElementVNode","_createVNode","_component_q_form","onSubmit","_withModifiers","$options","viewSummary","ref","style","_normalizeStyle","screenWidth","_component_AppSelect","$data","form","provider","$event","val","getBundles","options","providers","label","placeholder","lazy-rules","loading","pageLoading","rules","bundle","bundles","bundlesLoading","_component_AppInput","uniqueID","mask","unmasked-value","maxlength","_hoisted_1","_toDisplayString","customerName","amount","type","disable","_component_AppButton","disabled","tvButtonState","onClick","_cache","validateCustomer","_component_ConfirmationModal","showModal","_ctx","showConfirmationModalMixin","modalTitle","mixinLoading","modalContent","contentType","onCloseCard","onEnterPin","handleSubmit","_component_SuccessModal","showSuccessModal","closeModal","setup","components","AppInput","AppSelect","AppButton","ConfirmationModal","SuccessModal","mixins","billPaymentMixin","data","networks","myForm","billPaymentService","validatingCustomer","billerType","providerRef","bundleRef","uniqueIdRef","computed","size","this","$q","screen","xs","width","sm","routerNumber","Object","values","some","x","created","BillPaymentService","$api2","mounted","getBillerTypes","methods","billerTypes","map","billerName","value","billerCode","getBillingBundles","itemCode","show","message","getCustomerDetails","hide","Number","cardNumber","package","pin","_this$form","_this$form2","_this$form3","_this$form4","_this$form5","_this$form6","payload","customer","transactionPin","response","payBiller","$mixpanel","track","email","$store","getters","undefined","billType","reference","$refs","resetValidation","selectRef","inputRef","watch","_this$form7","__exports__","render","QPage","QForm"],"mappings":"kHAAA,W,kEC+CeA,MAAM,6C,6XA9CnBC,yBA4FSC,EAAA,M,6BA3FP,IA4EM,CA5ENC,gCA4EM,YA3EJA,gCA0EM,YAzEJC,yBAwESC,EAAA,CAvENC,SAAMC,2BAAUC,EAAAC,YAAW,aAC5BT,MAAM,iBACNU,IAAI,SACHC,MAAKC,4BAAEJ,EAAAK,c,8BAER,IAWE,CAXFT,yBAWEU,EAAA,C,WAVSC,EAAAC,KAAKC,S,sCAALF,EAAAC,KAAKC,SAAQC,G,YASAC,GAAQX,EAAAY,WAAWD,KARxCE,QAASN,EAAAO,UACVC,MAAM,kBACNvB,MAAM,UACNwB,YAAY,sBACZC,aAAA,GACCC,QAASX,EAAAY,YACTC,MAAOb,EAAAa,MAAMX,SACdP,IAAI,e,mDAINN,yBAUEU,EAAA,C,WATSC,EAAAC,KAAKa,O,qCAALd,EAAAC,KAAKa,OAAMX,GACnBG,QAASN,EAAAe,QACVP,MAAM,cACNvB,MAAM,UACNwB,YAAY,qBACZC,aAAA,GACCC,QAASX,EAAAgB,eACTH,MAAOb,EAAAa,MAAMC,OACdnB,IAAI,a,mDAGNN,yBAUE4B,EAAA,CATAT,MAAM,mBACNC,YAAY,wC,WACHT,EAAAC,KAAKiB,S,qCAALlB,EAAAC,KAAKiB,SAAQf,GACtBgB,KAAK,aACLC,iBAAA,GACAnC,MAAM,YACL4B,MAAOb,EAAAa,MAAMK,SACdG,UAAU,KACV1B,IAAI,e,+BAGNP,gCAEM,MAFNkC,EAEMC,6BADDvB,EAAAwB,cAAY,GAGjBnC,yBAQE4B,EAAA,CAPAT,MAAM,SACNC,YAAY,W,WACHT,EAAAC,KAAKwB,O,qCAALzB,EAAAC,KAAKwB,OAAMtB,GACpBgB,KAAK,aACLC,iBAAA,GACAM,KAAK,SACLC,QAAA,I,uBAQsB,IAAhB3B,EAAAwB,c,yBALRtC,yBAME0C,EAAA,C,MALAF,KAAK,SACLlB,MAAM,YACNvB,MAAM,UACL4C,SAAUpC,EAAAqC,eAAiC,IAAhB9B,EAAAwB,c,gDAG9BtC,yBAOE0C,EAAA,C,MANAF,KAAK,SACLlB,MAAM,oBACNvB,MAAM,UACL4C,SAAUpC,EAAAqC,cACVC,QAAKC,EAAA,KAAAA,EAAA,GAAA7B,GAAEV,EAAAwC,qB,yDAMhB5C,yBAQE6C,EAAA,CAPCC,UAAWC,EAAAC,2BACXC,WAAY,kBACZ3B,QAASyB,EAAAG,aACTC,aAAcxC,EAAAwC,aACdC,YAAazC,EAAAyC,YACbC,YAASV,EAAA,KAAAA,EAAA,GAAA7B,GAAEiC,EAAAC,4BAA6B,GACxCM,WAAUlD,EAAAmD,c,0EAEbvD,yBAIEwD,EAAA,CAHCC,iBAAkB9C,EAAA8C,iBAClBN,aAAcxC,EAAAwC,aACdE,YAAWjD,EAAAsD,Y,wLAeH,GACbC,UACAC,WAAY,CACVC,gBACAC,iBACAC,iBACAC,yBACAC,qBAEFC,OAAQ,CAACC,QACTC,OACE,MAAO,CACLxD,KAAM,CACJyD,SAAU,GACVjC,OAAQ,GACRX,OAAQ,GACRZ,SAAU,GACVgB,SAAU,IAEZL,MAAO,CACLX,SAAU,CAAEE,KAAUA,GAAO,0BAC7BU,OAAQ,CAAEV,KAAUA,GAAO,wBAC3Bc,SAAU,CAAEd,KAAUA,GAAO,2BAC7BqB,OAAQ,CAAErB,KAAUA,GAAO,uBAE7BuD,OAAQhE,iBAAI,MACZiE,mBAAoB,KACpBrD,UAAW,KACXQ,QAAS,KACTH,aAAa,EACbI,gBAAgB,EAChB6C,oBAAoB,EACpBrC,aAAc,GACdsC,WAAY,SACZrB,YAAa,kBACbD,aAAc,KACdM,kBAAkB,EAClBiB,YAAapE,iBAAI,MACjBqE,UAAWrE,iBAAI,MACfsE,YAAatE,iBAAI,QAGrBuE,SAAU,CACRpE,cACE,IAAIqE,EAAOC,KAAKC,GAAGC,OACnB,OAAIH,EAAKI,GACA,CAAEC,MAAO,QACPL,EAAKM,GACP,CAAED,MAAO,OAET,CAAEA,MAAO,QAGpB1C,gBACE,MAAM7B,EAAO,CACXC,WAAYkE,KAAKnE,KAAKC,UAAY,yBAClCY,SAAUsD,KAAKnE,KAAKa,QAAU,uBAC9B4D,eAAgBN,KAAKnE,KAAKiB,UAAY,0BACtCO,SAAU2C,KAAKnE,KAAKwB,QAAU,sBAEhC,OAAOkD,OAAOC,OAAO3E,GAAM4E,KAAMC,IAAY,IAANA,KAG3CC,UACEX,KAAKR,mBAAqB,IAAIoB,OAAmBZ,KAAKa,QAExDC,UACEd,KAAKe,kBAEPC,QAAS,CACP,uBACEhB,KAAKxD,aAAc,EACnBwD,KAAK7D,gBAAkB6D,KAAKiB,YAAYjB,KAAKN,YAC7CM,KAAK7D,UAAU+E,IAAKpF,IAClBA,EAASM,MAAQN,EAASqF,WAC1BrF,EAASsF,MAAQtF,EAASuF,aAE5BrB,KAAKxD,aAAc,GAErB,mBACEwD,KAAKpD,gBAAiB,EACtBoD,KAAKrD,cAAgBqD,KAAKsB,kBACxBtB,KAAKnE,KAAKC,SAASuF,YAErBrB,KAAKrD,QAAQuE,IAAKxE,IAChBA,EAAON,MAAQM,EAAOY,KACtBZ,EAAO0E,MAAQ1E,EAAO6E,WAExBvB,KAAKpD,gBAAiB,GAExB,yBACEoD,KAAKP,oBAAqB,EAC1BO,KAAKC,GAAG1D,QAAQiF,KAAK,CACnBC,QAAS,iDAEXzB,KAAK5C,mBAAqB4C,KAAK0B,mBAC7B1B,KAAKnE,KAAKa,OAAO6E,SACjBvB,KAAKnE,KAAKa,OAAO2E,WACjBrB,KAAKnE,KAAKiB,UAEZkD,KAAKC,GAAG1D,QAAQoF,OAChB3B,KAAKP,oBAAqB,GAE5BnE,cACE0E,KAAK5B,aAAe,CAClBf,OAAQuE,OAAO5B,KAAKnE,KAAKwB,QACzBwE,WAAY7B,KAAKnE,KAAKiB,SACtBhB,SAAUkE,KAAKnE,KAAKC,SAASM,MAC7B0F,QAAS9B,KAAKnE,KAAKa,OAAOY,MAE5B0C,KAAK/B,4BAA6B,GAEpC,mBAAmB8D,GAAK,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EACtB,IAAIC,EAAU,CACZjF,OAAQuE,OAAgB,QAAVI,EAAChC,KAAKnE,YAAI,IAAAmG,OAAA,EAATA,EAAW3E,QAC1BkF,SAAmB,QAAXN,EAAEjC,KAAKnE,YAAI,IAAAoG,OAAA,EAATA,EAAWnF,SACrB0F,eAAgBT,EAChBzE,KAAe,QAAX4E,EAAElC,KAAKnE,YAAI,IAAAqG,GAAQ,QAARA,EAATA,EAAWxF,cAAM,IAAAwF,OAAA,EAAjBA,EAAmB5E,KACzB+D,WAAqB,QAAXc,EAAEnC,KAAKnE,YAAI,IAAAsG,GAAQ,QAARA,EAATA,EAAWzF,cAAM,IAAAyF,OAAA,EAAjBA,EAAmBd,WAC/BE,SAAmB,QAAXa,EAAEpC,KAAKnE,YAAI,IAAAuG,GAAQ,QAARA,EAATA,EAAW1F,cAAM,IAAA0F,OAAA,EAAjBA,EAAmBb,UAE3BkB,QAAiBzC,KAAK0C,UAAUJ,GACpCtC,KAAK2C,UAAUC,MAAM,wCAAyC,CAC5DC,MAAO7C,KAAK8C,OAAOC,QAAQ,aAAaF,aAEzBG,IAAbP,GAIJzC,KAAK5B,aAAe,CAClB6E,SAAU,kBACV5F,OAAQuE,OAAgB,QAAVS,EAACrC,KAAKnE,YAAI,IAAAwG,OAAA,EAATA,EAAWhF,QAC1B6F,UAAWT,EAASS,WAEtBlD,KAAKtB,kBAAmB,GARtBsB,KAAKtB,kBAAmB,GAU5B,mBACEsB,KAAKtB,kBAAmB,EACxBsB,KAAKnE,KAAKwB,OAAS,GACnB2C,KAAKnE,KAAKC,SAAW,GACrBkE,KAAKnE,KAAKa,OAAS,GACnBsD,KAAKnE,KAAKiB,SAAW,SACfkD,KAAKmD,MAAM5D,OAAO6D,wBAClBpD,KAAKmD,MAAMxD,YAAYwD,MAAME,UAAUD,wBACvCpD,KAAKmD,MAAMvD,UAAUuD,MAAME,UAAUD,wBACrCpD,KAAKmD,MAAMtD,YAAYsD,MAAMG,SAASF,oBAGhDG,MAAO,CACL,cAAe,WAAY,IAAAC,EACzBxD,KAAKnE,KAAKwB,OAASuE,OAAgB,QAAV4B,EAACxD,KAAKnE,YAAI,IAAA2H,GAAQ,QAARA,EAATA,EAAW9G,cAAM,IAAA8G,OAAA,EAAjBA,EAAmBnG,QAAU,KAAO,K,8ECzPpE,MAAMoG,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,GAAQ,CAAC,YAAY,qBAE1E,eAIf,IAAS,EAAQ,aAAc,CAACC,QAAA,KAAMC,QAAA,Q","file":"js/chunk-5f3c70f1.ef52969b.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/vue-cli-plugin-quasar/lib/loader.vue.auto-import-quasar.js??ref--1-0!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-1!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-2!./TvSubscription.vue?vue&type=style&index=0&id=494aa1e6&scoped=true&lang=css\"","<template>\n  <q-page>\n    <div>\n      <div>\n        <q-form\n          @submit.prevent=\"viewSummary\"\n          class=\"form-container\"\n          ref=\"myForm\"\n          :style=\"screenWidth\"\n        >\n          <AppSelect\n            v-model=\"form.provider\"\n            :options=\"providers\"\n            label=\"Select Provider\"\n            class=\"q-mb-sm\"\n            placeholder=\"Select network type\"\n            lazy-rules\n            :loading=\"pageLoading\"\n            :rules=\"rules.provider\"\n            ref=\"providerRef\"\n            @update:model-value=\"(val) => getBundles(val)\"\n          />\n\n          <AppSelect\n            v-model=\"form.bundle\"\n            :options=\"bundles\"\n            label=\"Bundle Type\"\n            class=\"q-mb-sm\"\n            placeholder=\"Select bundle type\"\n            lazy-rules\n            :loading=\"bundlesLoading\"\n            :rules=\"rules.bundle\"\n            ref=\"bundleRef\"\n          />\n\n          <AppInput\n            label=\"Unique ID Number\"\n            placeholder=\"Enter your 10 digit smart card number\"\n            v-model=\"form.uniqueID\"\n            mask=\"##########\"\n            unmasked-value\n            class=\"q-mb-none\"\n            :rules=\"rules.uniqueID\"\n            maxlength=\"10\"\n            ref=\"uniqueIdRef\"\n          />\n\n          <div class=\"q-mb-md q-mt-none text-italic text-grey-9\">\n            {{ customerName }}\n          </div>\n\n          <AppInput\n            label=\"Amount\"\n            placeholder=\"NGN 0.00\"\n            v-model=\"form.amount\"\n            mask=\"##########\"\n            unmasked-value\n            type=\"number\"\n            disable\n          />\n\n          <AppButton\n            type=\"submit\"\n            label=\"Subscribe\"\n            class=\"q-mt-lg\"\n            :disabled=\"tvButtonState || customerName == ''\"\n            v-if=\"customerName != ''\"\n          />\n          <AppButton\n            type=\"button\"\n            label=\"Validate Customer\"\n            class=\"q-mt-lg\"\n            :disabled=\"tvButtonState\"\n            @click=\"validateCustomer()\"\n            v-else\n          />\n        </q-form>\n      </div>\n    </div>\n    <ConfirmationModal\n      :showModal=\"showConfirmationModalMixin\"\n      :modalTitle=\"`TV Subscription`\"\n      :loading=\"mixinLoading\"\n      :modalContent=\"modalContent\"\n      :contentType=\"contentType\"\n      @closeCard=\"showConfirmationModalMixin = false\"\n      @enterPin=\"handleSubmit\"\n    />\n    <SuccessModal\n      :showSuccessModal=\"showSuccessModal\"\n      :modalContent=\"modalContent\"\n      @closeCard=\"closeModal\"\n    />\n  </q-page>\n</template>\n<script>\nimport { ref } from \"vue\";\nimport AppInput from \"@/components/base/AppInput/Input.vue\";\nimport AppSelect from \"@/components/base/AppSelect/Select.vue\";\nimport AppButton from \"@/components/base/Button/Button.vue\";\nimport BillPaymentService from \"@/services/billPayment.http\";\nimport { billPaymentMixin } from \"@/mixins\";\nimport ConfirmationModal from \"@/components/contents/BillPayments/modals/confirmation.vue\";\nimport SuccessModal from \"@/components/contents/BillPayments/modals/success.vue\";\n// import { useQuasar } from 'quasar'\n\nexport default {\n  setup() {},\n  components: {\n    AppInput,\n    AppSelect,\n    AppButton,\n    ConfirmationModal,\n    SuccessModal,\n  },\n  mixins: [billPaymentMixin],\n  data() {\n    return {\n      form: {\n        networks: [],\n        amount: \"\",\n        bundle: \"\",\n        provider: \"\",\n        uniqueID: \"\",\n      },\n      rules: {\n        provider: [(val) => !!val || \"A provider is required\"],\n        bundle: [(val) => !!val || \"A bundle is required\"],\n        uniqueID: [(val) => !!val || \"Enter a valid unique ID\"],\n        amount: [(val) => !!val || \"Amount is required\"],\n      },\n      myForm: ref(null),\n      billPaymentService: null,\n      providers: null,\n      bundles: null,\n      pageLoading: false,\n      bundlesLoading: false,\n      validatingCustomer: false,\n      customerName: \"\",\n      billerType: \"cables\",\n      contentType: \"tv_subscription\",\n      modalContent: null,\n      showSuccessModal: false,\n      providerRef: ref(null),\n      bundleRef: ref(null),\n      uniqueIdRef: ref(null),\n    };\n  },\n  computed: {\n    screenWidth() {\n      let size = this.$q.screen;\n      if (size.xs) {\n        return { width: \"100%\" };\n      } else if (size.sm) {\n        return { width: \"60%\" };\n      } else {\n        return { width: \"35%\" };\n      }\n    },\n    tvButtonState() {\n      const form = {\n        provider: !!this.form.provider || \"A provider is required\",\n        bundle: !!this.form.bundle || \"A bundle is required\",\n        routerNumber: !!this.form.uniqueID || \"Enter a valid unique ID\",\n        amount: !!this.form.amount || \"Amount is required\",\n      };\n      return Object.values(form).some((x) => x !== true);\n    },\n  },\n  created() {\n    this.billPaymentService = new BillPaymentService(this.$api2);\n  },\n  mounted() {\n    this.getBillerTypes();\n  },\n  methods: {\n    async getBillerTypes() {\n      this.pageLoading = true;\n      this.providers = await this.billerTypes(this.billerType);\n      this.providers.map((provider) => {\n        provider.label = provider.billerName;\n        provider.value = provider.billerCode;\n      });\n      this.pageLoading = false;\n    },\n    async getBundles() {\n      this.bundlesLoading = true;\n      this.bundles = await this.getBillingBundles(\n        this.form.provider.billerCode\n      );\n      this.bundles.map((bundle) => {\n        bundle.label = bundle.type;\n        bundle.value = bundle.itemCode;\n      });\n      this.bundlesLoading = false;\n    },\n    async validateCustomer() {\n      this.validatingCustomer = true;\n      this.$q.loading.show({\n        message: \"Validating Smartcard Details, please wait...\",\n      });\n      this.customerName = await this.getCustomerDetails(\n        this.form.bundle.itemCode,\n        this.form.bundle.billerCode,\n        this.form.uniqueID\n      );\n      this.$q.loading.hide();\n      this.validatingCustomer = false;\n    },\n    viewSummary() {\n      this.modalContent = {\n        amount: Number(this.form.amount),\n        cardNumber: this.form.uniqueID,\n        provider: this.form.provider.label,\n        package: this.form.bundle.type,\n      };\n      this.showConfirmationModalMixin = true;\n    },\n    async handleSubmit(pin) {\n      let payload = {\n        amount: Number(this.form?.amount),\n        customer: this.form?.uniqueID,\n        transactionPin: pin,\n        type: this.form?.bundle?.type,\n        billerCode: this.form?.bundle?.billerCode,\n        itemCode: this.form?.bundle?.itemCode,\n      };\n      let response = await this.payBiller(payload);\n      this.$mixpanel.track(\"user_completes_tvsubscription_payment\", {\n        email: this.$store.getters[\"Auth/user\"].email,\n      });\n      if (response === undefined) {\n        this.showSuccessModal = false;\n        return;\n      }\n      this.modalContent = {\n        billType: \"TV Subscription\",\n        amount: Number(this.form?.amount),\n        reference: response.reference,\n      };\n      this.showSuccessModal = true;\n    },\n    async closeModal() {\n      this.showSuccessModal = false;\n      this.form.amount = \"\";\n      this.form.provider = \"\";\n      this.form.bundle = \"\";\n      this.form.uniqueID = \"\";\n      await this.$refs.myForm.resetValidation();\n      await this.$refs.providerRef.$refs.selectRef.resetValidation();\n      await this.$refs.bundleRef.$refs.selectRef.resetValidation();\n      await this.$refs.uniqueIdRef.$refs.inputRef.resetValidation();\n    },\n  },\n  watch: {\n    \"form.bundle\": function () {\n      this.form.amount = Number(this.form?.bundle?.amount) / 100 || 0;\n    },\n  },\n};\n</script>\n<style scoped>\n.formclass {\n  display: flex;\n  width: 343px;\n  flex-direction: column;\n  align-items: center;\n  padding: 24px 16px 16px 16px;\n  gap: 40px;\n}\n.form-container {\n  margin: auto;\n  padding: 10px;\n  margin-top: 40px;\n}\n</style>\n","import { render } from \"./TvSubscription.vue?vue&type=template&id=494aa1e6&scoped=true\"\nimport script from \"./TvSubscription.vue?vue&type=script&lang=js\"\nexport * from \"./TvSubscription.vue?vue&type=script&lang=js\"\n\nimport \"./TvSubscription.vue?vue&type=style&index=0&id=494aa1e6&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src612567107/src/new-merchant-app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-494aa1e6\"]])\n\nexport default __exports__\nimport QPage from 'quasar/src/components/page/QPage.js';\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QPage,QForm});\n"],"sourceRoot":""}