{"version":3,"sources":["webpack:///./src/components/otp/OtpCodeInput.vue?e406","webpack:///./src/components/otp/OtpCodeInput.vue","webpack:///./src/components/otp/OtpCodeInput.vue?9728","webpack:///./src/views/otp/EnableOtp.vue","webpack:///./src/views/otp/EnableOtp.vue?c1db"],"names":["_hoisted_1","class","render","_ctx","_cache","$props","$setup","$data","$options","type","name","onPaste","handlePaste","args","onInput","ev","handleFieldInput","onKeydown","handleKeyDown","ref","maxlength","value","emits","setup","props","emit","input1","input2","input3","input4","input5","input6","inputs","getValues","map","input","join","focusInput","inputIndex","field","focus","event","clipboardData","pastedData","getData","i","Math","min","length","currentInput","preventDefault","index","target","key","srcElement","__exports__","id","novalidate","alt","src","data-kt-redirect-url","step","code","qrImage","handleContinueButton","handleSecurityCodeSubmit","disabled","loading","components","OtpCodeInput","methods","nextInput","this","$refs","then","otpCodeInput","undefined","$store","dispatch","response","status","SET_FETCH_USER","$router","push","catch","fire","icon","timer","title","computed","state","OtpModule","fetchQrImage"],"mappings":"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","file":"js/chunk-000ee163.bb9d457e.js","sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"d-flex\" }\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  return (_openBlock(), _createElementBlock(\"div\", _hoisted_1, [\n    _createElementVNode(\"input\", {\n      type: \"text\",\n      name: \"code_1\",\n      onPaste: _cache[0] || (_cache[0] = \n//@ts-ignore\n(...args) => (_ctx.handlePaste && _ctx.handlePaste(...args))),\n      onInput: _cache[1] || (_cache[1] = ev => _ctx.handleFieldInput(1, ev)),\n      onKeydown: _cache[2] || (_cache[2] = ev => _ctx.handleKeyDown(0, ev)),\n      \"data-inputmask\": \"'mask': '9', 'placeholder': ''\",\n      ref: \"input1\",\n      maxlength: \"1\",\n      class: \"form-control bg-transparent h-md-60 w-md-60 fs-2qx text-center mx-1 my-2\",\n      value: \"\"\n    }, null, 544),\n    _createElementVNode(\"input\", {\n      type: \"text\",\n      name: \"code_2\",\n      onPaste: _cache[3] || (_cache[3] = \n//@ts-ignore\n(...args) => (_ctx.handlePaste && _ctx.handlePaste(...args))),\n      ref: \"input2\",\n      onKeydown: _cache[4] || (_cache[4] = ev => _ctx.handleKeyDown(1, ev)),\n      onInput: _cache[5] || (_cache[5] = ev => _ctx.handleFieldInput(2, ev)),\n      \"data-inputmask\": \"'mask': '9', 'placeholder': ''\",\n      maxlength: \"1\",\n      class: \"form-control bg-transparent h-md-60 w-md-60 fs-2qx text-center mx-1 my-2\",\n      value: \"\"\n    }, null, 544),\n    _createElementVNode(\"input\", {\n      type: \"text\",\n      name: \"code_3\",\n      onPaste: _cache[6] || (_cache[6] = \n//@ts-ignore\n(...args) => (_ctx.handlePaste && _ctx.handlePaste(...args))),\n      onInput: _cache[7] || (_cache[7] = ev => _ctx.handleFieldInput(3, ev)),\n      onKeydown: _cache[8] || (_cache[8] = ev => _ctx.handleKeyDown(2, ev)),\n      ref: \"input3\",\n      \"data-inputmask\": \"'mask': '9', 'placeholder': ''\",\n      maxlength: \"1\",\n      class: \"form-control bg-transparent h-md-60 w-md-60 fs-2qx text-center mx-1 my-2\",\n      value: \"\"\n    }, null, 544),\n    _createElementVNode(\"input\", {\n      type: \"text\",\n      name: \"code_4\",\n      onPaste: _cache[9] || (_cache[9] = \n//@ts-ignore\n(...args) => (_ctx.handlePaste && _ctx.handlePaste(...args))),\n      onKeydown: _cache[10] || (_cache[10] = ev => _ctx.handleKeyDown(3, ev)),\n      onInput: _cache[11] || (_cache[11] = ev => _ctx.handleFieldInput(4, ev)),\n      ref: \"input4\",\n      \"data-inputmask\": \"'mask': '9', 'placeholder': ''\",\n      maxlength: \"1\",\n      class: \"form-control bg-transparent h-md-60 w-md-60 fs-2qx text-center mx-1 my-2\",\n      value: \"\"\n    }, null, 544),\n    _createElementVNode(\"input\", {\n      type: \"text\",\n      name: \"code_5\",\n      onInput: _cache[12] || (_cache[12] = ev => _ctx.handleFieldInput(5, ev)),\n      onPaste: _cache[13] || (_cache[13] = \n//@ts-ignore\n(...args) => (_ctx.handlePaste && _ctx.handlePaste(...args))),\n      onKeydown: _cache[14] || (_cache[14] = ev => _ctx.handleKeyDown(4, ev)),\n      ref: \"input5\",\n      \"data-inputmask\": \"'mask': '9', 'placeholder': ''\",\n      maxlength: \"1\",\n      class: \"form-control bg-transparent h-md-60 w-md-60 fs-2qx text-center mx-1 my-2\",\n      value: \"\"\n    }, null, 544),\n    _createElementVNode(\"input\", {\n      type: \"text\",\n      onPaste: _cache[15] || (_cache[15] = \n//@ts-ignore\n(...args) => (_ctx.handlePaste && _ctx.handlePaste(...args))),\n      name: \"code_6\",\n      onKeydown: _cache[16] || (_cache[16] = ev => _ctx.handleKeyDown(5, ev)),\n      ref: \"input6\",\n      onInput: _cache[17] || (_cache[17] = ev => _ctx.handleFieldInput(6, ev)),\n      \"data-inputmask\": \"'mask': '9', 'placeholder': ''\",\n      maxlength: \"1\",\n      class: \"form-control bg-transparent h-md-60 w-md-60 fs-2qx text-center mx-1 my-2\",\n      value: \"\"\n    }, null, 544)\n  ]))\n}","\nimport { defineComponent, ref } from \"vue\";\nexport default defineComponent({\n  emits: [\"code-ready\"],\n  name: \"otp-code-input\",\n  setup: function(props, { emit }) {\n    const input1 = ref<HTMLInputElement>();\n    const input2 = ref<HTMLInputElement>();\n    const input3 = ref<HTMLInputElement>();\n    const input4 = ref<HTMLInputElement>();\n    const input5 = ref<HTMLInputElement>();\n    const input6 = ref<HTMLInputElement>();\n    const inputs = [input1, input2, input3, input4, input5, input6];\n\n    function getValues(): string {\n      return inputs\n        .map(input => (input && input.value ? input.value.value : \"\"))\n        .join(\"\");\n    }\n\n    function focusInput(inputIndex: number): void {\n      if (inputIndex < 0 || inputIndex > 5) {\n        return;\n      }\n      const field = inputs[inputIndex];\n      if (field) {\n        field.value?.focus();\n      }\n    }\n\n    function handlePaste(event): void {\n      const clipboardData = event.clipboardData;\n      const pastedData = clipboardData.getData(\"text\");\n\n      for (let i = 1; i <= Math.min(pastedData.length, inputs.length); i++) {\n        const currentInput = inputs[i - 1];\n        if (currentInput && currentInput.value) {\n          currentInput.value.value = pastedData[i - 1];\n        }\n      }\n      inputs[5].value?.focus();\n      if (getValues().length == 6) {\n        emit(\"code-ready\", getValues());\n      }\n      event.preventDefault();\n    }\n\n    function handleFieldInput(index: number, event): void {\n      if (index <= 5 && event.target.value) {\n        inputs[index].value?.focus();\n      }\n      if (getValues().length == 6) {\n        emit(\"code-ready\", getValues());\n      }\n    }\n\n    function handleKeyDown(index: number, event): void {\n      if (\"Backspace\" === event.key) {\n        if (0 !== index && index <= 6) {\n          inputs[index - 1].value?.focus();\n          event.srcElement.value = \"\";\n        }\n      }\n    }\n\n    return {\n      handleFieldInput,\n      handleKeyDown,\n      handlePaste,\n      focusInput,\n      getValues,\n      input1,\n      input2,\n      input3,\n      input4,\n      input5,\n      input6\n    };\n  }\n});\n","import { render } from \"./OtpCodeInput.vue?vue&type=template&id=210387c6&ts=true\"\nimport script from \"./OtpCodeInput.vue?vue&type=script&lang=ts\"\nexport * from \"./OtpCodeInput.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"d-flex flex-column flex-root bg-dark\" id=\"kt_app_root\">\n    <div class=\"d-flex flex-column flex-column-fluid flex-lg-row\">\n      <div class=\"d-flex flex-center w-lg-50 pt-15 pt-lg-0 px-10\">\n        <div class=\"d-flex flex-center flex-lg-start flex-column\">\n          <a href=\"index.html\" class=\"mb-7\">\n            <img alt=\"Logo\" class=\"h-20px\" src=\"/media/logos/logo.png\" />\n          </a>\n          <i class=\"fas-solid fas-qrcode\"></i>\n          <h2 class=\"text-white fw-normal m-0\">\n            Enable Two-Factor Authentication (2FA) for your account\n          </h2>\n        </div>\n      </div>\n      <div\n        class=\"d-flex flex-column-fluid flex-lg-row-auto justify-content-center justify-content-lg-end p-6 p-sm-12 p-lg-20\"\n      >\n        <div\n          class=\"bg-body d-flex flex-column align-items-stretch flex-center rounded-4 w-md-600px p-5 p-sm-20 rounded-3\"\n        >\n          <div\n            class=\"d-flex flex-center flex-column flex-column-fluid px-lg-10 pb-15 pb-lg-20\"\n          >\n            <form\n              class=\"form w-100 mb-13\"\n              novalidate=\"novalidate\"\n              v-if=\"step === 1\"\n            >\n              <div class=\"text-center mb-10\">\n                <img\n                  alt=\"Logo\"\n                  class=\"mh-125px\"\n                  src=\"/media/svg/misc/smartphone.svg\"\n                />\n              </div>\n              <div class=\"text-center mb-10\">\n                <h1 class=\"text-gray-900 mb-3\">Scan QR code</h1>\n                <div class=\"text-muted fw-semibold fs-5 mb-5\">\n                  To set up two-factor authentication, open the Google\n                  Authenticator app on your phone, enter your code\n                  <span class=\"text-dark fw-bold\">{{ code }}</span\n                  >, or scan the QR below.\n                </div>\n              </div>\n              <div\n                class=\"mb-10 d-flex align-items-center justify-content-center w1\"\n              >\n                <div v-html=\"qrImage\" class=\"text-center\"></div>\n              </div>\n              <div class=\"d-flex flex-center\">\n                <button\n                  type=\"button\"\n                  id=\"kt_sing_in_two_factor_submit\"\n                  class=\"btn btn-lg btn-primary fw-bold\"\n                  @click=\"handleContinueButton\"\n                >\n                  <span class=\"indicator-label\">Continue</span>\n                  <span class=\"indicator-progress\"\n                    >Please wait...\n                    <span\n                      class=\"spinner-border spinner-border-sm align-middle ms-2\"\n                    ></span\n                  ></span>\n                </button>\n              </div>\n            </form>\n            <form\n              class=\"form w-100 mb-13\"\n              novalidate=\"novalidate\"\n              data-kt-redirect-url=\"index.html\"\n              id=\"kt_sing_in_two_factor_form\"\n              v-if=\"step === 2\"\n            >\n              <div class=\"text-center mb-10\">\n                <img\n                  alt=\"Logo\"\n                  class=\"mh-125px\"\n                  src=\"/media/svg/misc/smartphone.svg\"\n                />\n              </div>\n              <div class=\"text-center mb-10\">\n                <h1 class=\"text-gray-900 mb-3\">Type Your Code</h1>\n                <div class=\"text-muted fw-semibold fs-5 mb-5\">\n                  Type your 6 digit security code from the Google Authenticator\n                  app on your phone\n                </div>\n              </div>\n              <div class=\"mb-10\">\n                <div class=\"fw-bold text-start text-gray-900 fs-6 mb-1 ms-1\">\n                  Your 6 digit security code\n                </div>\n                <OtpCodeInput\n                  @keydown.enter=\"handleSecurityCodeSubmit\"\n                  ref=\"otpCodeInput\"\n                />\n              </div>\n              <div class=\"d-flex flex-center\">\n                <button\n                  :disabled=\"loading\"\n                  type=\"button\"\n                  id=\"kt_sing_in_two_factor_submit\"\n                  class=\"btn btn-lg btn-primary fw-bold\"\n                  @click=\"handleSecurityCodeSubmit()\"\n                >\n                  <span class=\"indicator-label\" v-if=\"!loading\">Submit</span>\n                  <span v-else\n                    >Please wait...\n                    <span\n                      class=\"spinner-border spinner-border-sm align-middle ms-2\"\n                    ></span\n                  ></span>\n                </button>\n              </div>\n            </form>\n          </div>\n          <div class=\"d-flex flex-stack px-lg-10\">\n            <div class=\"d-flex fw-semibold text-primary fs-base gap-5\">\n              <a href=\"pages/team.html\" target=\"_blank\">Terms</a>\n              <a href=\"pages/pricing/column.html\" target=\"_blank\">Plans</a>\n              <a href=\"pages/contact.html\" target=\"_blank\">Contact Us</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport { mapActions } from \"vuex\";\nimport OtpCodeInput from \"@/components/otp/OtpCodeInput.vue\";\nimport Swal from \"sweetalert2\";\nimport { Actions } from \"@/store/enums/StoreEnums\";\nimport { nextTick } from \"vue\";\n\nexport default {\n  name: \"enable-otp\",\n  components: { OtpCodeInput },\n  data() {\n    return {\n      step: 1,\n      loading: false\n    };\n  },\n  methods: {\n    ...mapActions(\"OtpModule\", [\"fetchQrImage\"]),\n    handleInput(nextInput) {\n      if (nextInput < 6) {\n        this.$refs[`input${nextInput + 1}`].focus();\n      }\n    },\n    handleContinueButton() {\n      this.step = 2;\n      nextTick().then(() => {\n        const otpCodeInput = this.$refs.otpCodeInput;\n        if (undefined !== otpCodeInput) {\n          otpCodeInput.focusInput(0);\n        }\n      });\n    },\n    handleSecurityCodeSubmit() {\n      this.loading = true;\n      this.$store\n        .dispatch(\"OtpModule/store\", this.$refs.otpCodeInput.getValues())\n        .then(response => {\n          if (response.status === 200) {\n            this.loading = false;\n            this.$store.dispatch(Actions.SET_FETCH_USER, true);\n            this.$router.push({ name: \"dashboard\" });\n          }\n        })\n        .catch(() => {\n          this.loading = false;\n          Swal.fire({\n            icon: \"error\",\n            timer: 1500,\n            title: \"Invalid OTP code\"\n          });\n        });\n    }\n  },\n  computed: {\n    qrImage() {\n      return this.$store.state.OtpModule.qrImage;\n    },\n    code() {\n      return this.$store.state.OtpModule.code;\n    }\n  },\n  mounted() {\n    this.fetchQrImage();\n  }\n};\n</script>\n","import { render } from \"./EnableOtp.vue?vue&type=template&id=1db962ff\"\nimport script from \"./EnableOtp.vue?vue&type=script&lang=js\"\nexport * from \"./EnableOtp.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1803551405/src/wci-front/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}