{"version":3,"sources":["webpack:///./src/components/reusables/InfoCard.vue","webpack:///./src/components/reusables/InfoCard.vue?5c6a","webpack:///./src/components/base/Select/index.vue?4dd3","webpack:///./src/components/reusables/InfoCard.vue?d0de","webpack:///./src/components/contents/Auth/VerifyBvn/otp.scss?b4a7","webpack:///./src/views/Auth/verify-bvn.vue","webpack:///./src/components/contents/Auth/VerifyBvn/index.vue","webpack:///./src/components/contents/Auth/VerifyBvn/index.vue?c881","webpack:///./src/views/Auth/verify-bvn.vue?4845","webpack:///./src/components/base/Select/index.vue","webpack:///./src/components/base/Select/index.vue?1d99"],"names":["class","_createBlock","_component_q_card","flat","_createVNode","_component_q_card_section","_createElementVNode","_hoisted_1","$props","showWarningIcon","_createElementBlock","_hoisted_2","_cache","src","alt","_renderSlot","_ctx","$slots","undefined","props","type","Boolean","default","__exports__","render","QCard","QCardSection","_component_Content","_component_q_form","_component_InfoCard","_component_AppInput","label","placeholder","$data","form","bvn","$event","rules","required","lazy-rules","mask","onClick","args","$options","initiateDetailsEdit","date","dob","_component_AppSelect","options","option","gender","_component_RadioGroup","verificationMethods","selectedMethod","title","_Transition","name","mode","appear","_hoisted_3","_hoisted_4","ussdFetchLoading","_component_q_spinner","size","color","_hoisted_5","_toDisplayString","ussdCode","_hoisted_6","_component_AppButton","validateVerification","loading","ussdVerificationLoading","disabled","methodIsUssd","_hoisted_7","_hoisted_8","_component_OtpInput","onOtpData","getOtpData","_hoisted_9","_withModifiers","requestOtp","force","timeLeft","resendLoading","key","_hoisted_11","verifyOtp","processingOtp","methodIsSms","_component_AppModal","show","showDetailsEdit","onClosecard","headerStyle","padding","contentClasses","onSubmit","processDetailsEdit","newDetails","firstname","lastname","editDetailsLoading","cameraOn","closeCamera","loadingCamera","_hoisted_12","_hoisted_13","ref","autoplay","width","canvasDimensions","height","isPhotoTaken","id","_hoisted_17","_hoisted_18","photoVerificationLoading","_hoisted_19","submitPhoto","_hoisted_16","capturePhoto","components","OtpInput","AppButton","RadioGroup","AppModal","AppInput","AppSelect","InfoCard","mixins","authMixin","authRulesMixin","data","time","timer","timerCount","otp","error","authService","complianceService","teamService","profileService","phone","countryCode","digit","verifyCode","value","textAfter","businessType","verificationSelfie","lastOtpRequestTime","methods","this","payload","moment","format","verificationType","response","verifyBvn","err","errMsg","showMessage","decrementOrAlert","phoneToken","$router","push","disable","otpCover","Promise","all","getBusinessDetails","checkUserDetails","_err$response","userData","userMobile","$store","getters","phoneNumber","permission","userId","checkUser","commit","localStorage","setItem","JSON","stringify","businessId","fetchPermissions","storePermissions","populateUserPhone","_this$businessOwner","_this$businessOwner2","businessOwner","toString","search","slice","length","_this$businessOwner3","getThisOtp","updatedPhoneNumber","updatePhone","getCode","setInterval","_error$response","status","updateUserBvnDetails","firstName","lastName","initateBvnVerification","lastFourDigit","config","timeLastSent","currentTime","diff","Date","otpMessage","message","startCounter","clearInterval","verifyBvnOtp","$mixpanel","track","email","runPostVerification","authenticateWithJwt","keysObj","setAuth","setVuexLoginDetails","verifiedBvn","turnOnCamera","constraints","window","audio","video","facingMode","navigator","mediaDevices","getUserMedia","then","stream","$refs","camera","srcObject","catch","tracks","getTracks","forEach","stop","context","canvas","getContext","drawImage","toDataURL","prepolutateUserDetails","user","watch","method","requestUssdCode","computed","minutes","seconds","String","Math","floor","padStart","created","AuthService","$api1","$api2","ComplianceService","TeamService","ProfileService","mounted","QForm","QSpinner","Content","_component_q_select","_mergeProps","outlined","$attrs","bg-color","backgroundColor","modelValue","QSelect"],"mappings":"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","file":"js/chunk-47ea6c90.0402fbc7.js","sourcesContent":["<template>\n  <q-card class=\"info\" flat>\n    <q-card-section>\n      <div class=\"info-content\">\n        <span v-if=\"showWarningIcon\">\n          <img src=\"https://res.cloudinary.com/ourpass-co/image/upload/v1643277364/merchant_v2/warning_ho4duh.svg\" class=\"warning q-mr-sm\" alt=\"\" />\n        </span>\n        <slot></slot>\n      </div>\n    </q-card-section>\n  </q-card>\n</template>\n\n<script>\nexport default {\n  props: {\n    showWarningIcon: {\n      type: Boolean,\n      default: true,\n    },\n  },\n};\n</script>\n\n<style scoped>\n.info {\n  background: #fefaf1;\n  border-radius: 2px;\n  font-weight: 500;\n  font-size: 14px;\n}\n.info-content {\n  display: flex;\n}\n</style>\n","import { render } from \"./InfoCard.vue?vue&type=template&id=2b099ab2&scoped=true\"\nimport script from \"./InfoCard.vue?vue&type=script&lang=js\"\nexport * from \"./InfoCard.vue?vue&type=script&lang=js\"\n\nimport \"./InfoCard.vue?vue&type=style&index=0&id=2b099ab2&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-2b099ab2\"]])\n\nexport default __exports__\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QCardSection from 'quasar/src/components/card/QCardSection.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QCard,QCardSection});\n","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../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!./index.vue?vue&type=style&index=0&id=2d386146&lang=scss&scoped=true\"","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!./InfoCard.vue?vue&type=style&index=0&id=2b099ab2&scoped=true&lang=css\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!./otp.scss?vue&type=style&index=0&id=6b8a8f2d&lang=scss&scoped=true\"","<template>\n  <Content />\n</template>\n\n<script>\nimport Content from '@/components/contents/Auth/VerifyBvn'\n\nexport default {\n  components: {\n    Content,\n  }\n}\n</script>\n","<template>\n  <q-form class=\"form-area\">\n    <q-card flat class=\"q-pa-lg form-card\">\n      <div class=\"heading q-pt-xl\">\n        <h3 class=\"title\">User Verification for Business Owner</h3>\n        <p class=\"info\">\n          Please tell us a little about the type of business you run.\n        </p>\n      </div>\n\n      <div>\n        <InfoCard class=\"q-my-md\">\n          <p class=\"info\">\n            Your BVN does not give us access to your bank account or detail.\n            <span class=\"green-text\"> Dial *565*0# to check your BVN</span>\n          </p>\n        </InfoCard>\n\n        <AppInput\n          label=\"Enter Bank verification number (BVN)\"\n          placeholder=\"Enter Bank verification number (BVN) here\"\n          v-model=\"form.bvn\"\n          :rules=\"[required]\"\n          lazy-rules\n          mask=\"###########\"\n        />\n\n        <p class=\"\">\n          <a class=\"edit-phone-text\" @click=\"initiateDetailsEdit\"\n            >edit personal details to match BVN</a\n          >\n        </p>\n\n        <AppInput\n          label=\"Date of birth (DOB)\"\n          placeholder=\"Select date\"\n          :rules=\"[required]\"\n          lazy-rules\n          date\n          v-model=\"form.dob\"\n        />\n\n        <AppSelect\n          :options=\"option\"\n          label=\"Gender\"\n          placeholder=\"Select gender\"\n          v-model=\"form.gender\"\n        />\n\n        <div class=\"q-mt-md\">\n          <RadioGroup\n            :options=\"verificationMethods\"\n            v-model=\"selectedMethod\"\n            title=\"Select verification method that you prefer\"\n          />\n        </div>\n\n        <Transition name=\"fade\" mode=\"out-in\" appear>\n          <div\n            v-show=\"methodIsUssd\"\n            class=\"q-mt-lg input-area phone-otp-area text-center\"\n          >\n            <div class=\"ussd-info\">\n              <p class=\"q-mb-xs\">Verify using USSD by dailing</p>\n              <q-spinner\n                v-if=\"ussdFetchLoading\"\n                size=\"1.5em\"\n                color=\"#005450\"\n              ></q-spinner>\n              <p v-else class=\"ussd-text q-mb-none\">\n                {{ ussdCode }}\n              </p>\n              <p class=\"q-mb-none\">\n                use the phone number associated with this BVN\n              </p>\n              <p class=\"semibold q-mb-lg\">\n                Note: USSD code expires after 10 minutes\n              </p>\n\n              <p class=\"small-info q-mb-sm\">\n                **USSD verification is free and instant\n              </p>\n            </div>\n\n            <div class=\"q-mt-lg\" v-if=\"!!ussdCode && !ussdFetchLoading\">\n              <AppButton\n                @click=\"validateVerification\"\n                :loading=\"ussdVerificationLoading\"\n                :disabled=\"ussdVerificationLoading\"\n                label=\"I have dialed the USSD\"\n              />\n            </div>\n          </div>\n        </Transition>\n\n        <Transition name=\"fade\" mode=\"out-in\" appear>\n          <div v-show=\"methodIsSms\" class=\"q-mt-lg input-area phone-otp-area\">\n            <div>\n              <p class=\"small-info semibold q-mb-xs\">SMS OTP.</p>\n              <p>OTP has been sent to your phone number</p>\n              <div class=\"text-center\">\n                <OtpInput @otpData=\"getOtpData\" />\n              </div>\n\n              <div class=\"q-ma-md resend-row\">\n                <button\n                  class=\"inline-button cursor-pointer\"\n                  @click.prevent=\"() => requestOtp({ force: true })\"\n                  :disabled=\"timeLeft !== '00:00'\"\n                >\n                  Resend OTP <q-spinner v-if=\"resendLoading\" />\n                </button>\n                <div class=\"length\">\n                  OTP expires in <span>{{ timeLeft }}</span>\n                </div>\n              </div>\n\n              <div>\n                <AppButton\n                  label=\"Confirm\"\n                  @click=\"verifyOtp\"\n                  :loading=\"processingOtp\"\n                />\n              </div>\n            </div>\n          </div>\n        </Transition>\n      </div>\n    </q-card>\n  </q-form>\n\n  <AppModal\n    :show=\"showDetailsEdit\"\n    v-on:closecard=\"showDetailsEdit = false\"\n    title=\"Edit your personal details\"\n    :headerStyle=\"{ padding: '20px 24px 10px 24px' }\"\n    :contentClasses=\"['q-px-lg q-pb-lg q-pt-none']\"\n  >\n    <q-form @submit=\"processDetailsEdit\" class=\"edit-email-container\">\n      <p class=\"info-text\">\n        Update your personal details to match your BVN data\n      </p>\n\n      <AppInput\n        label=\"First name\"\n        placeholder=\"Enter first name\"\n        v-model=\"newDetails.firstname\"\n        :rules=\"[required]\"\n        lazy-rules\n      />\n      <AppInput\n        label=\"Last name\"\n        placeholder=\"Enter last name\"\n        v-model=\"newDetails.lastname\"\n        :rules=\"[required]\"\n        lazy-rules\n      />\n\n      <AppButton\n        label=\"Confirm details\"\n        :disabled=\"editDetailsLoading\"\n        :loading=\"editDetailsLoading\"\n        type=\"submit\"\n      />\n    </q-form>\n  </AppModal>\n\n  <AppModal\n    title=\"\"\n    :show=\"cameraOn\"\n    v-on:closecard=\"closeCamera\"\n    :headerStyle=\"{ padding: '20px 24px 10px 24px' }\"\n    :contentClasses=\"['q-px-lg q-pb-lg q-pt-none']\"\n  >\n    <div>\n      <InfoCard> Please make sure you are in a well lit environment </InfoCard>\n\n      <div v-if=\"loadingCamera\" class=\"flex justify-center q-mt-md\">\n        <q-spinner size=\"2em\" color=\"primary\"> </q-spinner>\n      </div>\n\n      <div class=\"q-mt-md video-stream-container\">\n        <video\n          v-show=\"!isPhotoTaken\"\n          ref=\"camera\"\n          autoplay\n          class=\"video-stream\"\n          :width=\"canvasDimensions.width\"\n          :height=\"canvasDimensions.height\"\n        ></video>\n      </div>\n\n      <canvas\n        v-show=\"isPhotoTaken\"\n        id=\"photoTaken\"\n        ref=\"canvas\"\n        class=\"photo-canvas\"\n        :width=\"canvasDimensions.width\"\n        :height=\"canvasDimensions.height\"\n      >\n      </canvas>\n\n      <div v-if=\"!isPhotoTaken\" class=\"capture-btn-container\">\n        <AppButton label=\"Capture\" @click=\"capturePhoto\" />\n      </div>\n      <div v-else class=\"photo-actions\">\n        <div class=\"q-mb-sm btn\">\n          <AppButton\n            label=\"Retry\"\n            @click=\"isPhotoTaken = false\"\n            :disabled=\"photoVerificationLoading\"\n          />\n        </div>\n        <div class=\"q-mb-sm btn\">\n          <AppButton\n            label=\"Submit\"\n            @click=\"submitPhoto\"\n            :loading=\"photoVerificationLoading\"\n            :disabled=\"photoVerificationLoading\"\n          />\n        </div>\n      </div>\n    </div>\n  </AppModal>\n</template>\n\n<script>\nimport OtpInput from \"@/components/base/OTPInput\";\nimport AuthService from \"@/services/auth.http.js\";\nimport { authMixin, authRulesMixin } from \"@/mixins\";\nimport TeamService from \"@/services/teams.http.js\";\nimport ComplianceService from \"@/services/compliance.http\";\nimport ProfileService from \"@/services/profile.http\";\nimport AppButton from \"@/components/base/Button/Button\";\nimport RadioGroup from \"@/components/reusables/RadioV2/RadioGroup.vue\";\nimport AppModal from \"@/components/base/Modal/Modal\";\nimport AppInput from \"@/components/base/AppInput/Input\";\nimport AppSelect from \"@/components/base/Select\";\nimport moment from \"moment\";\nimport InfoCard from \"@/components/reusables/InfoCard\";\nimport { setAuth } from \"@/helpers/auth.js\";\n\nexport default {\n  components: {\n    OtpInput,\n    AppButton,\n    RadioGroup,\n    AppModal,\n    AppInput,\n    AppSelect,\n    InfoCard,\n  },\n  mixins: [authMixin, authRulesMixin],\n  data() {\n    return {\n      time: 600,\n      timer: null,\n      timerCount: 600,\n      otp: \"\",\n      error: null,\n      authService: \"\",\n      loading: false,\n      resendLoading: false,\n      complianceService: null,\n      teamService: null,\n      profileService: null,\n      processingOtp: false,\n\n      phone: {\n        countryCode: \"234\",\n        digit: \"\",\n      },\n      verifyCode: \"Send code\",\n      verificationMethods: [\n        {\n          label: \"Take a selfie\",\n          value: \"selfie\",\n          textAfter: \"Recommended\",\n        },\n        {\n          label: \"USSD phone verification\",\n          value: \"ussd\",\n        },\n        {\n          label: \"SMS One-time password (OTP)\",\n          value: \"otp\",\n        },\n      ],\n      selectedMethod: \"\",\n      editDetailsLoading: false,\n      showDetailsEdit: false,\n      form: {\n        dob: \"\",\n        gender: \"\",\n        bvn: \"\",\n        businessType: \"\",\n      },\n      newDetails: {\n        firstname: \"\",\n        lastname: \"\",\n      },\n      option: [\"male\", \"female\"],\n      ussdFetchLoading: false,\n      verificationSelfie: null,\n      ussdCode: \"\",\n      cameraOn: false,\n      loadingCamera: false,\n      isPhotoTaken: false,\n      photoVerificationLoading: false,\n\n      canvasDimensions: {\n        width: 372,\n        height: 279,\n      },\n      lastOtpRequestTime: null,\n      ussdVerificationLoading: false,\n    };\n  },\n  methods: {\n    async initateBvnVerification(type) {\n      const { dob, gender, bvn } = this.form;\n\n      const payload = {\n        bvn,\n        dob: moment(dob).format(\"YYYY-MM-DD\"),\n        gender,\n        verificationType: type, // otp | ussd | selfie\n      };\n\n      if (type === \"selfie\") {\n        payload.verificationSelfie = this.verificationSelfie;\n      }\n\n      try {\n        const response = await this.complianceService.verifyBvn(payload);\n        console.log(\"response\", response);\n        return response;\n      } catch (err) {\n        const errMsg =\n          err.response.data.error ||\n          \"Unable to process verification. Please try again.\";\n        this.showMessage(\"error\", errMsg);\n        console.log(\"err\", err);\n      }\n    },\n    decrementOrAlert() {\n      if (this.time > 0) {\n        this.time--;\n        return;\n      }\n    },\n    getOtpData(data) {\n      this.otp = data;\n    },\n    async processOtpVerification() {\n      this.processingOtp = true;\n      try {\n        console.log(this.otp);\n        await this.complianceService.verifyOtp({\n          phoneToken: this.otp,\n        });\n\n        this.$router.push({ name: \"nin\" });\n        this.showMessage(\n          \"success\",\n          \"Your phone number has been successfully verified\"\n        );\n        this.verifyCode = \"Verified\";\n        this.disable = true;\n        this.otpCover = false;\n        this.processingOtp = false;\n        Promise.all[(this.getBusinessDetails(), this.checkUserDetails())];\n      } catch (err) {\n        console.log(\"from otp\", err);\n        const errMsg =\n          err.response?.data?.error ||\n          \"Your One Time Password(OTP) is incorrect. Please confirm and try again\";\n        this.showMessage(\"error\", errMsg);\n        this.processingOtp = false;\n      }\n    },\n    async checkUserDetails() {\n      const userData = {\n        userMobile:\n          this.$store.getters[\"Auth/user\"].userMobile ||\n          this.$store.getters[\"Auth/user\"].phoneNumber,\n        phone:\n          this.$store.getters[\"Auth/user\"].userMobile ||\n          this.$store.getters[\"Auth/user\"].phoneNumber,\n        permission: true,\n        userId: this.$store.getters[\"Auth/business\"].userId,\n      };\n      try {\n        const response = await this.complianceService.checkUser(userData);\n        this.$store.commit(\"Auth/business_owner\", response.data.data);\n        localStorage.setItem(\n          \"business_owner\",\n          JSON.stringify(response.data.data)\n        );\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    async fetchPermissions(businessId) {\n      let response = await this.teamService.fetchPermissions(businessId);\n      this.storePermissions(response.data.data);\n    },\n    async getBusinessDetails() {\n      try {\n        const response = await this.complianceService.getBusinessDetails();\n        localStorage.setItem(\"business\", JSON.stringify(response.data.data));\n        this.$store.commit(\"Auth/business\", response.data.data);\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    populateUserPhone() {\n      const phoneNumber = this.businessOwner?.phoneNumber;\n      if (!phoneNumber) {\n        return;\n      }\n      const countryCode = this.businessOwner?.countryCode;\n      if (phoneNumber.toString().search(countryCode) === 0) {\n        // phone number begins with country code\n        this.phone.digit = phoneNumber.slice(countryCode.length);\n      } else {\n        this.phone.digit = phoneNumber;\n      }\n      this.phone.countryCode = countryCode;\n    },\n    async runPhoneNumberCheck() {\n      try {\n        const phoneNumber = this.businessOwner?.phoneNumber;\n        if (phoneNumber === this.phone.countryCode + this.phone.digit) {\n          await this.getThisOtp();\n        } else {\n          await this.updatedPhoneNumber();\n        }\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    async updatedPhoneNumber() {\n      try {\n        await this.complianceService.updatePhone(\n          `${this.phone.countryCode}${this.phone.digit}`\n        );\n        await this.getThisOtp();\n      } catch (error) {\n        console.log(error);\n      }\n    },\n    async getThisOtp() {\n      this.verifyCode = \"Loading\";\n      this.resendLoading = true;\n      try {\n        await this.complianceService.getCode();\n        this.showMessage(\"success\", \"One-time password (OTP) has been sent\");\n        this.verifyCode = \"Resend Code\";\n        this.timer = setInterval(this.decrementOrAlert, 1000);\n        this.resendLoading = false;\n      } catch (error) {\n        if (error?.response?.status === 401) {\n          this.showMessage(\"warning\", \"Please login first\");\n          this.$router.push({ name: \"login\" });\n          return;\n        }\n\n        this.verifyCode = \"Resend Code\";\n        this.showMessage(\"error\", \"Invalid number or something went wrong\");\n        this.$store.commit(\"Auth/phoneVerificationLoading\", false);\n        this.resendLoading = false;\n      }\n    },\n    initiateDetailsEdit() {\n      this.showDetailsEdit = true;\n    },\n    async processDetailsEdit() {\n      try {\n        this.editDetailsLoading = true;\n        const response = await this.profileService.updateUserBvnDetails({\n          firstName: this.newDetails.firstname,\n          lastName: this.newDetails.lastname,\n        });\n        this.editDetailsLoading = false;\n        console.log(\"response\", response);\n        this.showDetailsEdit = false;\n        this.showMessage(\"success\", \"Successfully updated personal details\");\n        this.lastOtpRequestTime = null;\n      } catch (err) {\n        const errMsg =\n          err.response.data.error ||\n          \"Unable to update personal details. Please try again.\";\n        this.showMessage(\"error\", errMsg);\n        this.editDetailsLoading = false;\n      }\n    },\n    async requestUssdCode() {\n      this.ussdFetchLoading = true;\n      try {\n        const response = await this.initateBvnVerification(\"ussd\");\n        this.ussdFetchLoading = false;\n        if (!response) {\n          return;\n        }\n        this.ussdCode = response.data.data.ussdCode;\n        this.showMessage(\n          \"success\",\n          `Code generated for number ending with ${response.data.data.lastFourDigit}`\n        );\n      } catch (err) {\n        console.log(\"err\", err);\n        this.ussdFetchLoading = false;\n      }\n    },\n    async requestOtp(config = {}) {\n      const { force } = config;\n      if (this.lastOtpRequestTime) {\n        const timeLastSent = moment(this.lastOtpRequestTime);\n        const currentTime = moment();\n\n        const diff = currentTime.diff(timeLastSent, \"seconds\");\n\n        if (diff < 600 && !force) {\n          // time since last sent is less than 10 minutes\n          return;\n        }\n      }\n\n      try {\n        const response = await this.initateBvnVerification(\"otp\");\n        if (!response) {\n          return;\n        }\n        this.lastOtpRequestTime = new Date();\n        this.otpMessage = response.data.data.message;\n        this.showMessage(\"success\", response.data.data.message);\n        this.startCounter();\n      } catch (err) {\n        console.log(\"err\", err);\n      }\n    },\n    startCounter() {\n      if (this.timer) {\n        clearInterval(this.timer);\n      }\n      this.time = 600;\n      this.timer = setInterval(this.decrementOrAlert, 1000);\n    },\n    async verifyOtp() {\n      try {\n        this.processingOtp = true;\n        const response = await this.complianceService.verifyBvnOtp({\n          otp: this.otp,\n        });\n        this.$mixpanel.track(\"user_verified_bvn\", {\n          email: this.$store.getters[\"Auth/business_owner\"].email,\n        });\n        // this.$store.getters[\"Auth/business_owner\"]\n        this.processingOtp = false;\n        console.log(\"response\", response);\n        this.runPostVerification();\n      } catch (err) {\n        const errMsg = \"Unable to verify. Please try again\";\n        this.showMessage(\"error\", errMsg);\n        console.log(\"err\", err);\n        this.processingOtp = false;\n      }\n    },\n\n    async runPostVerification() {\n      const response = await this.authService.authenticateWithJwt();\n      const keysObj = response.data.data;\n      await setAuth(keysObj);\n      await this.setVuexLoginDetails(keysObj);\n      this.$router.push({ name: \"nin\" });\n      this.showMessage(\"success\", \"Your bvn has been successfully verified\");\n    },\n    async validateVerification() {\n      try {\n        this.ussdVerificationLoading = true;\n        const response = await this.authService.authenticateWithJwt();\n        this.ussdVerificationLoading = false;\n        if (response.data.data[\"business-owner\"].verifiedBvn !== true) {\n          const errMsg =\n            \"It seems your bvn has not been verified. Please try again.\";\n          this.showMessage(\"error\", errMsg);\n          return;\n        }\n        this.runPostVerification();\n      } catch (err) {\n        this.ussdVerificationLoading = false;\n        const errMsg = \"Unable to verify. Please try again\";\n        console.log(\"eerr\", err);\n        this.showMessage(\"error\", errMsg);\n      }\n    },\n    turnOnCamera() {\n      this.cameraOn = true;\n      this.loadingCamera = true;\n      const constraints = (window.constraints = {\n        audio: false,\n        video: {\n          facingMode: \"user\",\n        },\n      });\n\n      navigator.mediaDevices\n        .getUserMedia(constraints)\n        .then((stream) => {\n          this.loadingCamera = false;\n          this.$refs.camera.srcObject = stream;\n        })\n        .catch((error) => {\n          this.loadingCamera = false;\n          console.log(\"camera err\", error);\n        });\n    },\n    closeCamera() {\n      this.cameraOn = false;\n      this.isPhotoTaken = false;\n      let tracks = this.$refs.camera.srcObject.getTracks();\n      tracks.forEach((track) => {\n        track.stop();\n      });\n      this.selectedMethod = \"\";\n    },\n    capturePhoto() {\n      const context = this.$refs.canvas.getContext(\"2d\");\n      context.drawImage(\n        this.$refs.camera,\n        0,\n        0,\n        this.canvasDimensions.width,\n        this.canvasDimensions.height\n      );\n      this.isPhotoTaken = true;\n    },\n    async submitPhoto() {\n      this.photoVerificationLoading = true;\n      this.verificationSelfie = this.$refs.canvas.toDataURL(\"image/jpeg\");\n      const response = await this.initateBvnVerification(\"selfie\");\n      this.photoVerificationLoading = false;\n      console.log(\"response\", response);\n      if (!response) {\n        return;\n      }\n      this.closeCamera();\n      this.runPostVerification();\n    },\n    prepolutateUserDetails() {\n      const user = this.$store.getters[\"Auth/user\"];\n      this.newDetails.firstname = user?.firstName || \"\";\n      this.newDetails.lastname = user?.lastName || \"\";\n    },\n  },\n\n  watch: {\n    selectedMethod(method) {\n      if (!method) {\n        return;\n      }\n\n      if (!this.form.dob || !this.form.gender || !this.form.bvn) {\n        this.showMessage(\"error\", \"Please provide all required details\");\n        this.selectedMethod = \"\";\n        return;\n      }\n\n      switch (method) {\n        case \"ussd\":\n          this.requestUssdCode();\n          break;\n\n        case \"otp\":\n          this.requestOtp();\n          break;\n\n        case \"selfie\":\n          this.turnOnCamera();\n          break;\n\n        default:\n          break;\n      }\n    },\n    // \"form.businessType\"(val) {\n    //   if (val === \"Registered Business\") {\n    //     this.showRcInput = true;\n    //     this.showBVNForm = false;\n    //   } else {\n    //     this.showBVNForm = true;\n    //     this.showRcInput = false;\n    //   }\n    // },\n    // \"businessVerification.rcNumber\"(val) {\n    //   if (val.length === 9) {\n    //     this.updateBusinessType();\n    //   }else {\n    //     this.showBVNForm = false;\n    //     this.rcDetails ={}\n    //   }\n    // },\n  },\n\n  computed: {\n    businessOwner() {\n      return this.$store.getters[\"Auth/business_owner\"];\n    },\n    timeLeft() {\n      return `${this.minutes}:${this.seconds}`;\n    },\n    minutes() {\n      return String(Math.floor(this.time / 60)).padStart(2, \"0\");\n    },\n    seconds() {\n      return String(this.time % 60).padStart(2, \"0\");\n    },\n    methodIsUssd() {\n      return this.selectedMethod === \"ussd\";\n    },\n    methodIsSms() {\n      return this.selectedMethod === \"otp\";\n    },\n  },\n\n  created() {\n    this.authService = new AuthService(this.$api1, this.$api2);\n    this.complianceService = new ComplianceService(this.$api1, this.$api2);\n    this.teamService = new TeamService(this.$api1, this.$api2);\n    this.profileService = new ProfileService(this.$api1, this.$api2);\n  },\n\n  mounted() {\n    this.prepolutateUserDetails();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped src=\"./otp.scss\"></style>\n","import { render } from \"./index.vue?vue&type=template&id=6b8a8f2d&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./otp.scss?vue&type=style&index=0&id=6b8a8f2d&lang=scss&scoped=true\"\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-6b8a8f2d\"]])\n\nexport default __exports__\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport QCard from 'quasar/src/components/card/QCard.js';\nimport QSpinner from 'quasar/src/components/spinner/QSpinner.js';\nimport qInstall from \"../../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QForm,QCard,QSpinner});\n","import { render } from \"./verify-bvn.vue?vue&type=template&id=c126a4cc\"\nimport script from \"./verify-bvn.vue?vue&type=script&lang=js\"\nexport * from \"./verify-bvn.vue?vue&type=script&lang=js\"\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]])\n\nexport default __exports__","<template>\n  <section class=\"app-select-container\">\n    <span v-if=\"label\" class=\"select-label\">{{ label }}</span>\n    <div class=\"input-container\">\n      <q-select outlined v-bind=\"$attrs\" :bg-color=\"backgroundColor\" />\n      <span v-if=\"!$attrs.modelValue\" class=\"placeholder-texts\">{{\n        placeholder\n      }}</span>\n    </div>\n  </section>\n</template>\n\n<style lang=\"scss\" scoped>\n.app-select-container {\n  font-weight: 400;\n\n  label {\n    padding: 0;\n  }\n  .select-label {\n    font-size: 14px;\n  }\n  .input-container {\n    position: relative;\n  }\n  .placeholder-texts {\n    position: absolute;\n    top: 17px;\n    left: 12px;\n    pointer-events: none;\n    color: #6a6a6a;\n    font-weight: 400;\n  }\n}\n</style>\n\n<script>\nexport default {\n  name: \"app-select\",\n  props: {\n    label: {\n      type: String,\n      default: \"\",\n    },\n    backgroundColor: {\n      type: String,\n      default: \"\",\n    },\n    placeholder: {\n      type: String,\n      default: \"\",\n    },\n  },\n};\n\n// Todo: Add the following props - bgcolor, bordercolor, border\n</script>\n","import { render } from \"./index.vue?vue&type=template&id=2d386146&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=2d386146&lang=scss&scoped=true\"\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-2d386146\"]])\n\nexport default __exports__\nimport QSelect from 'quasar/src/components/select/QSelect.js';\nimport qInstall from \"../../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QSelect});\n"],"sourceRoot":""}