{"version":3,"sources":["webpack:///./src/components/auth/OTPModal.vue?e1ab","webpack:///./src/assets/img/backgroundImage.png","webpack:///./src/assets/img/ms-logo.png","webpack:///./src/components/auth/Login.vue","webpack:///./src/components/auth/OTPModal.vue","webpack:///./src/components/auth/OTP.vue","webpack:///./src/components/auth/OTP.vue?cc41","webpack:///./src/components/auth/OTPModal.vue?9e03","webpack:///./src/components/auth/Login.vue?a397","webpack:///./src/components/auth/OTP.vue?87d2","webpack:///./src/components/auth/Login.vue?27eb","webpack:///./src/assets/img/assembly-cp-logo.png"],"names":["module","exports","class","_createElementVNode","style","_createElementBlock","_normalizeStyle","$setup","backgroundImage","$options","hasOrganizations","_hoisted_21","alt","src","logo","_hoisted_23","_hoisted_24","_Fragment","_renderList","_ctx","userOrganizations","organization","key","id","onClick","$event","selectOrganization","_hoisted_25","_hoisted_1","_hoisted_2","_hoisted_4","_createVNode","_component_a_form","layout","model","$data","form","rules","name","onFinish","onSubmit","_hoisted_5","_hoisted_6","_component_a_form_item","autocomplete","_component_a_input","value","email","placeholder","_hoisted_7","_hoisted_8","_component_a_input_password","password","_hoisted_9","_component_a_button","type","size","html-type","_hoisted_10","_hoisted_11","_hoisted_12","AzureSignIn","mslogo","_hoisted_14","_hoisted_15","_hoisted_16","_component_router_link","to","_hoisted_17","_hoisted_18","_hoisted_19","showVerifyRoute","OTPModal","_hoisted_20","_component_otpModal","onClose","ModalClose","justify","_component_a_modal","title","visible","confirm-loading","confirmLoading","onOk","handleOk","onCancel","_cache","$emit","okText","cancelText","_component_v_otp_input","ref","input-classes","num-inputs","should-auto-focus","is-input-num","separator","conditionalClass","onOnComplete","handleOnComplete","onOnChange","handleOnChange","disableResendButton","_hoisted_3","minutes","_toDisplayString","seconds","handleResendOtp","disabled","props","__props","digits","reactive","default","length","digitCount","i","charAt","emit","__emit","isDigitsFull","elem","undefined","handleKeyDown","event","index","preventDefault","otpCont","children","focus","RegExp","test","join","__exports__","defineComponent","components","VOtpInput","data","otpValue","timeToResendOtp","timerCount","emits","setup","modalText","showModal","handleCancel","otp","watch","handler","setTimeout","this","Math","floor","immediate","methods","mapActions","enteredOtp","$refs","clearInput","resendOTP","verifyOTP","OTP","store","useStore","required","trigger","message","toast","useToast","require","computed","mapGetters","created","createMsalInstance","otpModal","account","otpSentMessage","deep","UserInfo","userLogin","require_otp","console","log","isOtpSetup","success","clearState","msalInstance","loginPopup","scopes","prompt","then","res","myAccounts","getAllAccounts","payload","access_token","accessToken","setActiveAccount","azureSignIn","catch","error","dispatch","render"],"mappings":"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","file":"js/chunk-df207106.f8f859df.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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./OTPModal.vue?vue&type=style&index=0&id=9d47d7a8&lang=css\"","module.exports = __webpack_public_path__ + \"img/backgroundImage.5baf0d93.png\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAN0AAADdCAMAAAAIGocoAAAATlBMVEUAAAD/xgD/vwkArPH4ugcAru75uQyAzSeAyyb6vQn7vQmAzCkAre6AzSj6vAkAre/7vAnwURsAre+AzCjxUhwAre+AzCjxURv7vAn///9uVUaGAAAAFXRSTlMACRwlJSwsLjY2dJCZp6eyssDd3t5HZYkOAAAAAWJLR0QZ7G61iAAAAQVJREFUeNrtz9sNglAURcGDoiK+EdH+K/XP28EOJrMaWJl6h5rr17CEuhQdHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR0dHR3d+nVzqEfTHZ6hTiVJkrTmdqG2bdntQ23qFWpquuMn1JWOjo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo6Ojo7uD3S3UOem6++hxi9Xlh3dPfGSUAAAAABJRU5ErkJggg==\"","<template>\r\n  <div\r\n    class=\"app-background\"\r\n    :style=\"{ 'background-image': 'url(' + backgroundImage + ')' }\"\r\n  >\r\n    <div v-if=\"!hasOrganizations\">\r\n      <div class=\"auth-form\">\r\n        <img alt=\"logo\" class=\"logo\" :src=\"logo\" />\r\n        <h3 class=\"heading\">Sign in</h3>\r\n        <a-form\r\n          layout=\"vertical\"\r\n          :model=\"form\"\r\n          :rules=\"rules\"\r\n          name=\"login\"\r\n          class=\"user-form\"\r\n          @finish=\"onSubmit\"\r\n        >\r\n          <div class=\"row\">\r\n            <div class=\"col-sm-12\">\r\n              <a-form-item name=\"email\" autocomplete=\"off\">\r\n                <a-input v-model:value=\"form.email\" placeholder=\"Enter email\" />\r\n              </a-form-item>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-sm-12\">\r\n              <a-form-item name=\"password\" autocomplete=\"off\">\r\n                <a-input-password\r\n                  v-model:value=\"form.password\"\r\n                  placeholder=\"Password\"\r\n                />\r\n              </a-form-item>\r\n            </div>\r\n          </div>\r\n\r\n          <div>\r\n            <div class=\"signin-btn\">\r\n              <a-button\r\n                type=\"primary\"\r\n                size=\"large\"\r\n                html-type=\"submit\"\r\n                class=\"btn-block\"\r\n              >\r\n                <span>Sign in</span>\r\n              </a-button>\r\n            </div>\r\n\r\n            <div class=\"middle\">\r\n              <div class=\"divider\"></div>\r\n              <div class=\"continue\">OR</div>\r\n              <div class=\"divider\"></div>\r\n            </div>\r\n            <div class=\"ms-logo\">\r\n              <a-button\r\n                style=\"margin-right: 105px; margin-left: 3px\"\r\n                class=\"btn-block\"\r\n                @click=\"AzureSignIn\"\r\n              >\r\n                <img :src=\"mslogo\" alt=\"\" class=\"ms-logo\" />\r\n                <span style=\"font-weight: bold\"\r\n                  >Continue with Microsoft Account</span\r\n                >\r\n              </a-button>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"buttons-w form-link mt-5\">\r\n            <div class=\"buttons-w\">\r\n              <router-link to=\"/forgot-password\">\r\n                <small>Forgot Password?</small>\r\n              </router-link>\r\n            </div>\r\n\r\n            <div v-show=\"this.showVerifyRoute\" class=\"buttons-w mt-2\">\r\n              <router-link to=\"/resend-verification\">\r\n                <small>Resend email Verification?</small>\r\n              </router-link>\r\n            </div>\r\n            <div v-if=\"this.OTPModal === true\">\r\n              <div>\r\n                <otpModal @close=\"ModalClose\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </a-form>\r\n      </div>\r\n    </div>\r\n\r\n    <div v-else class=\"organization-card\">\r\n      <img alt=\"logo\" class=\"logo\" :src=\"logo\" />\r\n      <h3 class=\"heading\">Which organization do you want to access?</h3>\r\n      <ul class=\"organization-list\">\r\n        <li\r\n          v-for=\"organization in userOrganizations\"\r\n          :key=\"organization.id\"\r\n          @click=\"\r\n            selectOrganization({\r\n              organization: organization.organization,\r\n            })\r\n          \"\r\n        >\r\n          {{ organization.organization }}\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { useToast } from 'vue-toastification';\r\nimport { mapActions, mapGetters, useStore } from 'vuex';\r\nimport mslogo from '../../assets/img/ms-logo.png';\r\nimport otpModal from './OTPModal.vue';\r\nexport default {\r\n  setup() {\r\n    const store = useStore();\r\n    const rules = {\r\n      email: [\r\n        {\r\n          required: true,\r\n          type: 'email',\r\n          trigger: 'submit',\r\n          message: 'email is required',\r\n        },\r\n      ],\r\n      password: [\r\n        { required: true, trigger: 'submit', message: 'password is required' },\r\n      ],\r\n    };\r\n\r\n    const toast = useToast();\r\n\r\n    return {\r\n      rules,\r\n      logo: require('src/assets/img/assembly-cp-logo.png'),\r\n      backgroundImage: require('src/assets/img/backgroundImage.png'),\r\n      mslogo,\r\n      store,\r\n      toast,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\r\n      'msalInstance',\r\n      'accessToken',\r\n      'isOtpSetup',\r\n      'userOrganizations',\r\n      'email',\r\n      'role',\r\n    ]),\r\n    hasOrganizations() {\r\n      return this.userOrganizations && this.userOrganizations.length > 0;\r\n    },\r\n  },\r\n  created() {\r\n    this.createMsalInstance();\r\n  },\r\n  components: {\r\n    otpModal,\r\n  },\r\n  data() {\r\n    return {\r\n      OTPModal: false,\r\n      showVerifyRoute: false,\r\n      account: undefined,\r\n      form: {\r\n        email: '',\r\n        password: '',\r\n      },\r\n      otpSentMessage:\r\n        'We have just sent a 6-digit OTP to your email address. Please check your inbox and use the provided OTP for verification.',\r\n    };\r\n  },\r\n  watch: {\r\n    userOrganizations: {\r\n      deep: true,\r\n      handler() {\r\n        this.OTPModal = false;\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    ...mapActions([\r\n      'userLogin',\r\n      'createMsalInstance',\r\n      'azureSignIn',\r\n      'azureSignUp',\r\n      'userLogout',\r\n      'clearState',\r\n      'selectOrganization',\r\n    ]),\r\n    async onSubmit() {\r\n      let UserInfo = await this.userLogin({\r\n        email: this.form.email,\r\n        password: this.form.password,\r\n      });\r\n\r\n      if (UserInfo.require_otp) {\r\n        console.log('OTP Setup: ', this.isOtpSetup);\r\n        this.OTPModal = true;\r\n        this.toast.success(this.otpSentMessage);\r\n        return;\r\n      }\r\n    },\r\n    ModalClose() {\r\n      this.clearState();\r\n      this.OTPModal = false;\r\n    },\r\n    async AzureSignIn() {\r\n      await this.msalInstance\r\n        .loginPopup({\r\n          scopes: ['openid', 'profile', 'User.Read', 'email'],\r\n          prompt: 'select_account',\r\n        })\r\n        .then((res) => {\r\n          const myAccounts = this.msalInstance.getAllAccounts();\r\n          const payload = {\r\n            access_token: res.accessToken,\r\n          };\r\n          this.account = myAccounts[0];\r\n          this.msalInstance.setActiveAccount(this.account);\r\n          this.azureSignIn(payload);\r\n        })\r\n        .catch((error) => {\r\n          console.error(`error during authentication: ${error}`);\r\n          this.store.dispatch('clearState');\r\n        });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* Your existing styles... */\r\n\r\n.container {\r\n  height: 100vh;\r\n  overflow: hidden;\r\n}\r\n\r\n.auth-form {\r\n  max-width: 450px;\r\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\r\n  border-radius: 16px;\r\n  margin: auto;\r\n  padding: 20px 40px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  background: white;\r\n  opacity: 0.9;\r\n}\r\n\r\n.logo {\r\n  width: 250px;\r\n  height: 60px;\r\n  margin-bottom: 10px;\r\n}\r\n.ms-logo {\r\n  height: 15px;\r\n  margin-bottom: 3px;\r\n  margin-right: 8px;\r\n  align-content: center;\r\n}\r\n.signin-btn {\r\n  margin-left: 0px;\r\n}\r\n.heading {\r\n  font-size: 1.4rem;\r\n  margin-bottom: 14px;\r\n}\r\n.user-form {\r\n  width: 80%;\r\n  margin-top: 20px;\r\n}\r\n\r\n.form-link {\r\n  text-align: center;\r\n  margin: 24px 0;\r\n}\r\n.form-link a {\r\n  text-decoration: none;\r\n  font-size: 16px;\r\n}\r\n.form-link a:hover {\r\n  text-decoration: underline;\r\n}\r\n.middle {\r\n  box-sizing: border-box;\r\n  margin: 0px;\r\n  min-width: 0;\r\n  display: flex;\r\n  margin-top: 16px;\r\n  margin-bottom: 16px;\r\n  -webkit-box-align: center;\r\n  align-items: center;\r\n  -webkit-box-pack: justify;\r\n  justify-content: space-between;\r\n}\r\n.continue {\r\n  box-sizing: border-box;\r\n  margin-left: 5px;\r\n  margin-right: 5px;\r\n  min-width: 0;\r\n  font-weight: 500;\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  color: #707a8a;\r\n}\r\n.divider {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  min-width: 0;\r\n  height: 1px;\r\n  flex: 1;\r\n  background-color: #eaecef;\r\n}\r\n\r\n.app-background {\r\n  height: 100vh;\r\n  background-size: cover;\r\n  position: relative;\r\n  background-position: center;\r\n}\r\n\r\n.app-background::before {\r\n  content: '';\r\n  position: absolute;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.app-background {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: 100vh;\r\n  background-size: cover;\r\n  position: relative;\r\n  background-position: center;\r\n}\r\n.organization-card {\r\n  width: 450px;\r\n  margin: auto;\r\n  text-align: center;\r\n  background: white;\r\n  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;\r\n  border-radius: 16px;\r\n  padding: 20px 40px;\r\n  opacity: 0.95; /* Slightly more opaque */\r\n  transition: transform 0.3s, box-shadow 0.3s; /* Smooth transitions for hover effect */\r\n}\r\n\r\n.organization-card:hover {\r\n  transform: translateY(-5px); /* Lift effect on hover */\r\n  box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 20px; /* Darker shadow on hover */\r\n}\r\n\r\n.heading {\r\n  font-size: 1.2rem; /* Reduced font size for the heading */\r\n  margin-bottom: 20px; /* Space between heading and list */\r\n}\r\n\r\n.organization-list {\r\n  list-style-type: none; /* Remove default bullet points */\r\n  padding: 0; /* Remove default padding */\r\n  margin: 0; /* Remove default margin */\r\n  max-height: 400px; /* Set a max height for the list */\r\n  overflow-y: auto; /* Enable vertical scroll if content exceeds max height */\r\n  overflow-x: hidden; /* Hide horizontal scrollbar if it appears */\r\n  border-radius: 8px; /* Rounded corners for list */\r\n  padding-right: 10px; /* Space for scrollbar */\r\n}\r\n\r\n.organization-list li {\r\n  background-color: #f0f4f8; /* Light background for list items */\r\n  border-radius: 8px; /* Rounded corners */\r\n  padding: 12px 20px; /* Increased padding for comfort */\r\n  margin: 10px 0; /* Space between items */\r\n  transition: background-color 0.3s, transform 0.2s; /* Smooth transition for hover effect */\r\n  cursor: pointer; /* Change cursor on hover */\r\n  font-size: 1.1rem; /* Slightly larger font for better readability */\r\n}\r\n\r\n.organization-list li:hover {\r\n  background-color: #e0e7ee; /* Darker shade on hover */\r\n  transform: scale(1.02); /* Slight scale effect on hover */\r\n}\r\n</style>\r\n","<template>\r\n  <div>\r\n    <a-modal\r\n      title=\"Verify OTP\"\r\n      v-model:visible=\"visible\"\r\n      :confirm-loading=\"confirmLoading\"\r\n      @ok=\"handleOk\"\r\n      @cancel=\"$emit('close', true)\"\r\n      okText=\"Verify\"\r\n      cancelText=\"Close\"\r\n    >\r\n      <div type=\"flex\" justify=\"center\">\r\n        <!-- <otp :digit-count=\"6\" @update:otp=\"handleOnComplete($event)\"></otp> -->\r\n        <div class=\"container\" id=\"otpContainer\">\r\n          <v-otp-input\r\n            ref=\"otpValue\"\r\n            input-classes=\"otp-input\"\r\n            :num-inputs=\"6\"\r\n            :should-auto-focus=\"true\"\r\n            :is-input-num=\"true\"\r\n            separator=\"-\"\r\n            :conditionalClass=\"['one', 'two', 'three', 'four']\"\r\n            @on-complete=\"handleOnComplete\"\r\n            @on-change=\"handleOnChange\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"OTPResend\" v-if=\"disableResendButton\">\r\n        <p v-if=\"minutes > 0\">\r\n          Resend OTP in {{ minutes }} minutes {{ seconds }} seconds\r\n        </p>\r\n        <p v-else>Resend OTP in {{ seconds }} seconds</p>\r\n      </div>\r\n      <div v-if=\"!disableResendButton\" class=\"buttons-s mt-4\">\r\n        <a-button\r\n          type=\"primary\"\r\n          @click=\"handleResendOtp\"\r\n          :disabled=\"this.disableResendButton\"\r\n          size=\"large\"\r\n          html-type=\"submit\"\r\n          class=\"btn-block\"\r\n        >\r\n          <span>Resend OTP</span>\r\n        </a-button>\r\n      </div>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { ref, defineComponent, defineEmits } from 'vue';\r\nimport { mapActions } from 'vuex';\r\nimport otp from './OTP.vue';\r\nimport VOtpInput from 'vue3-otp-input';\r\nexport default defineComponent({\r\n  components: {\r\n    VOtpInput,\r\n  },\r\n  data() {\r\n    return {\r\n      otpValue: '',\r\n      disableResendButton: true,\r\n      timeToResendOtp: 300,\r\n      timerCount: 300,\r\n      minutes: null,\r\n      seconds: null,\r\n    };\r\n  },\r\n  emits: ['close'],\r\n  setup() {\r\n    const modalText = ref('Content of the modal');\r\n    const visible = ref(true);\r\n    const confirmLoading = ref(false);\r\n    const showModal = () => {\r\n      visible.value = true;\r\n    };\r\n\r\n    const handleCancel = () => {\r\n      // console.log('at handle');\r\n    };\r\n    return {\r\n      modalText,\r\n      visible,\r\n      confirmLoading,\r\n      handleCancel,\r\n      showModal,\r\n    };\r\n  },\r\n  components: {\r\n    otp,\r\n  },\r\n  watch: {\r\n    timerCount: {\r\n      handler(value) {\r\n        if (value > 0) {\r\n          setTimeout(() => {\r\n            this.timerCount--;\r\n            this.minutes = Math.floor(this.timerCount / 60);\r\n            this.seconds = this.timerCount % 60;\r\n          }, 1000);\r\n        } else {\r\n          this.disableResendButton = false;\r\n        }\r\n      },\r\n      immediate: true, // This ensures the watcher is triggered upon creation\r\n    },\r\n  },\r\n\r\n  methods: {\r\n    ...mapActions(['resendOTP', 'verifyOTP']),\r\n    handleOnComplete(enteredOtp) {\r\n      this.otpValue = enteredOtp;\r\n    },\r\n    handleResendOtp() {\r\n      this.disableResendButton = true;\r\n      this.timerCount = this.timeToResendOtp;\r\n      this.$refs.otpValue.clearInput();\r\n      this.resendOTP();\r\n    },\r\n    handleOnChange(enteredOtp) {\r\n      this.otpValue = enteredOtp;\r\n    },\r\n    async handleOk() {\r\n      this.confirmLoading = true;\r\n      await this.verifyOTP({\r\n        OTP: this.otpValue,\r\n      });\r\n      this.confirmLoading = false;\r\n    },\r\n  },\r\n});\r\n</script>\r\n<style>\r\n.OTPResend {\r\n  text-align: center;\r\n}\r\n#otpContainer {\r\n  padding: 10px 40px;\r\n}\r\n.otp-input {\r\n  width: 40px;\r\n  height: 40px;\r\n  padding: 10px 10px;\r\n  margin: 0px 10px 10px 10px;\r\n  font-size: 20px;\r\n  border-radius: 4px;\r\n  border: 1px solid rgba(0, 0, 0, 0.3);\r\n  text-align: center;\r\n}\r\n/* Background colour of an input field with value */\r\n.otp-input.is-complete {\r\n  background-color: #e4e4e4;\r\n}\r\n.otp-input::-webkit-inner-spin-button,\r\n.otp-input::-webkit-outer-spin-button {\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n}\r\n#otpContainer input::placeholder {\r\n  font-size: 15px;\r\n  text-align: center;\r\n  font-weight: 600;\r\n}\r\n</style>\r\n","<template>\r\n  <div ref=\"otpCont\" class=\"center\">\r\n    <input\r\n      type=\"text\"\r\n      class=\"digit-box\"\r\n      :class=\"{ bounce: digits[ind] !== null }\"\r\n      v-for=\"(el, ind) in digits\"\r\n      :key=\"el + ind\"\r\n      v-model=\"digits[ind]\"\r\n      :autofocus=\"ind === 0\"\r\n      @keydown=\"handleKeyDown($event, ind)\"\r\n      maxlength=\"1\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref, reactive } from 'vue';\r\n\r\nconst props = defineProps({\r\n  default: String,\r\n\r\n  digitCount: {\r\n    type: Number,\r\n    required: true,\r\n  },\r\n});\r\n\r\nconst digits = reactive([]);\r\n\r\nif (props.default && props.default.length === props.digitCount) {\r\n  for (let i = 0; i < props.digitCount; i++) {\r\n    digits[i] = props.default.charAt(i);\r\n  }\r\n} else {\r\n  for (let i = 0; i < props.digitCount; i++) {\r\n    digits[i] = null;\r\n  }\r\n}\r\n\r\nconst emit = defineEmits(['update:otp']);\r\n\r\nconst isDigitsFull = function() {\r\n  for (const elem of digits) {\r\n    if (elem == null || elem == undefined) {\r\n      return false;\r\n    }\r\n  }\r\n\r\n  return true;\r\n};\r\n\r\nconst handleKeyDown = function(event, index) {\r\n  if (\r\n    event.key !== 'Tab' &&\r\n    event.key !== 'ArrowRight' &&\r\n    event.key !== 'ArrowLeft'\r\n  ) {\r\n    event.preventDefault();\r\n  }\r\n\r\n  if (event.key === 'Backspace') {\r\n    digits[index] = null;\r\n\r\n    if (index != 0) {\r\n      otpCont.value.children[index - 1].focus();\r\n    }\r\n\r\n    return;\r\n  }\r\n\r\n  if (new RegExp('^([0-9])$').test(event.key)) {\r\n    digits[index] = event.key;\r\n\r\n    if (index != props.digitCount - 1) {\r\n      otpCont.value.children[index + 1].focus();\r\n    }\r\n  }\r\n  if (isDigitsFull()) {\r\n    emit('update:otp', digits.join(''));\r\n  }\r\n};\r\n\r\nconst otpCont = ref(null);\r\n</script>\r\n\r\n<style scoped>\r\n.digit-box {\r\n  height: 3rem;\r\n  width: 2rem;\r\n  border: 2px solid black;\r\n  display: inline-block;\r\n  border-radius: 1px;\r\n  margin: 5px;\r\n  padding: 7px;\r\n  font-size: 1.5rem;\r\n}\r\n\r\n.digit-box:focus {\r\n  outline: 1.5px solid black;\r\n}\r\n.center {\r\n  margin: auto;\r\n  width: 60%;\r\n  padding: 10px;\r\n}\r\n.bounce {\r\n  animation: pulse 0.2s ease-in-out alternate;\r\n}\r\n\r\n@keyframes pulse {\r\n  0% {\r\n    transform: scale(1);\r\n  }\r\n\r\n  100% {\r\n    transform: scale(1.1);\r\n  }\r\n}\r\n</style>\r\n","import script from \"./OTP.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./OTP.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./OTP.vue?vue&type=style&index=0&id=6b008b23&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-6b008b23\"]])\n\nexport default __exports__","import { render } from \"./OTPModal.vue?vue&type=template&id=9d47d7a8\"\nimport script from \"./OTPModal.vue?vue&type=script&lang=js\"\nexport * from \"./OTPModal.vue?vue&type=script&lang=js\"\n\nimport \"./OTPModal.vue?vue&type=style&index=0&id=9d47d7a8&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Login.vue?vue&type=template&id=6446a07c&scoped=true\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&id=6446a07c&scoped=true&lang=css\"\n\nimport exportComponent from \"C:\\\\Users\\\\mahal\\\\OneDrive\\\\Documents\\\\Retrocausal\\\\portal_frontend\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6446a07c\"]])\n\nexport default __exports__","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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./OTP.vue?vue&type=style&index=0&id=6b008b23&scoped=true&lang=css\"","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/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Login.vue?vue&type=style&index=0&id=6446a07c&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/assembly-cp-logo.f345e32d.png\";"],"sourceRoot":""}