{"version":3,"file":"NsEtwVac.js","sources":["../../../../utils/validation/uidPinSchema.ts","../../../../components/UidPinSignin.vue","../../../../components/OtpInputWithValidation.vue","../../../../utils/validation/otpSchema.ts","../../../../components/OtpForm.vue","../../../../utils/validation/emailPhoneSchema.ts","../../../../components/EmailSignin.vue","../../../../components/MobileSignin.vue","../../../../assets/images/login/hero-background.min.png","../../../../pages/index.vue"],"sourcesContent":["import { z } from \"zod\";\n\nexport const uidPinSchema = z.object({\n  uid: z\n    .string()\n    .min(1, { message: \"UID is required\" })\n    .regex(/^[a-zA-Z0-9]+$/, { message: \"UID can only be alphanumeric\" })\n    .min(6, { message: \"UID must be 6 characters\" })\n    .max(8, { message: \"UID must be 8 characters\" }),\n  pin_number: z\n    .string()\n    .min(1, { message: \"PIN is required\" })\n    .min(4, { message: \"PIN must be 4 digits\" })\n    .max(4, { message: \"PIN must be 4 digits\" })\n    .regex(/^\\d+$/, { message: \"PIN must be a number\" }),\n});\n\nexport type UidPinModel = z.infer<typeof uidPinSchema>;\n","<!-- UID/PIN sign-in component that handles user authentication with UID and PIN\nFeatures secure PIN input with visibility toggle and form validation\nImplements direct authentication without OTP verification -->\n\n<template>\n  <!-- Authentication header section -->\n  <div class=\"auth-header\">\n    <h1 class=\"auth-title\">\n      {{ LOGIN_CONSTANTS.SIGN_IN_TITLE }}\n    </h1>\n    <p class=\"auth-subtitle\">\n      {{ LOGIN_CONSTANTS.SIGN_IN_UID_PIN_SUBTITLE }}\n    </p>\n  </div>\n\n  <!-- UID/PIN input form -->\n  <v-form class=\"auth-form\" @submit.prevent=\"onSubmit\">\n    <div class=\"form-group\">\n      <!-- UID input field -->\n      <InputWithValidation\n        id=\"uid\"\n        v-model=\"formData.uid\"\n        label=\"UID\"\n        :type=\"'text'\"\n        data-testid=\"uid-input\"\n        :placeholder=\"LOGIN_CONSTANTS.UID_PLACEHOLDER\"\n        aria-label=\"Enter your UID\"\n        name=\"uid\"\n      />\n\n      <!-- PIN input field with visibility toggle -->\n      <InputWithValidation\n        id=\"pin_number\"\n        name=\"pin_number\"\n        :type=\"showPin ? 'text' : 'password'\"\n        label=\"PIN\"\n        data-testid=\"pin-input\"\n        :placeholder=\"LOGIN_CONSTANTS.PIN_PLACEHOLDER\"\n        aria-label=\"Enter your PIN\"\n        :click-append=\"togglePinVisibility\"\n        :append-icon=\"\n          showPin ? ICON_CONSTANTS.EYE_OUTLINE : ICON_CONSTANTS.EYE_OFF_OUTLINE\n        \"\n      />\n    </div>\n\n    <!-- Submit button -->\n    <v-btn\n      type=\"submit\"\n      class=\"submit-button\"\n      elevation=\"2\"\n      block\n      :loading=\"isLoading\"\n      data-testid=\"uid-pin-submit-button\"\n    >\n      {{ COMMON_CONSTANTS.BUTTON.SUBMIT }}\n    </v-btn>\n  </v-form>\n</template>\n\n<script setup lang=\"ts\">\n// Form validation and utility imports\nimport { toTypedSchema } from \"@vee-validate/zod\";\nimport { useForm } from \"vee-validate\";\nimport { ICON_CONSTANTS } from \"~/constants/icon-constants\";\nimport { COMMON_CONSTANTS } from \"~/constants/common-constants\";\nimport { LOGIN_CONSTANTS } from \"~/constants/login-constants\";\nimport {\n  uidPinSchema,\n  type UidPinModel,\n} from \"~/utils/validation/uidPinSchema\";\nimport type { IUidPinLoginResponse, LoginRequestBody } from \"~/types/login\";\nimport { API_ENDPOINT } from \"~/constants/api-endpoint\";\n\n// Form data initialization\nconst formData = ref<UidPinModel>({\n  uid: \"\",\n  pin_number: \"\",\n});\n\n// Form validation setup\nconst { handleSubmit, setFieldError } = useForm({\n  validationSchema: toTypedSchema(uidPinSchema),\n});\n\n// Composables initialization\nconst { handleErrorResponse } = useErrors();\nconst router = useRouter();\nconst { isLoading } = useCommon();\n\n// State management\nconst showPin = ref(false);\nconst errorMessage = ref(\"\");\nconst loginType = useState<string>(\"loginType\");\nconst organizationId = useState<string>(\"organizationId\");\n\n/**\n * Toggles PIN visibility between text and password\n */\nconst togglePinVisibility = () => {\n  showPin.value = !showPin.value;\n};\n\n/**\n * Handles form submission\n * Validates UID/PIN and processes authentication\n * Redirects to home page on success\n */\nconst onSubmit = handleSubmit(async (values: UidPinModel) => {\n  isLoading.value = true;\n\n  // Prepare login request body\n  const body: LoginRequestBody = {\n    ...values,\n    login_type: loginType.value,\n    organization_id: organizationId.value,\n  };\n\n  try {\n    // Send login request and handle response\n    const response = await useApi().post<IUidPinLoginResponse>(\n      API_ENDPOINT.LOGIN,\n      body,\n    );\n\n    // Update user store and redirect\n    useUserStore().setUser(response.data);\n    router.push(\"/home\");\n  } catch (error: any) {\n    // Handle error response and show error message\n    errorMessage.value = handleErrorResponse(error.response).error;\n\n    // Handle field errors from server\n    if (error.response.data.errors) {\n      Object.entries(error.response.data.errors).forEach(([field, message]) => {\n        setFieldError(field as keyof UidPinModel, message as string);\n      });\n    }\n  } finally {\n    // Reset isLoading state\n    isLoading.value = false;\n  }\n});\n</script>\n","<template>\n  <v-otp-input\n    v-model=\"fieldValue\"\n    :length=\"length\"\n    :type=\"type\"\n    :variant=\"variant\"\n    :divider=\"divider\"\n    :width=\"width\"\n    :rounded=\"rounded\"\n    :placeholder=\"placeholder\"\n    :label=\"label\"\n    :autofocus=\"autofocus\"\n    :rules=\"rules\"\n    :readonly=\"readonly\"\n    :disabled=\"disabled\"\n    :error=\"!!errors\"\n    :focused-field=\"focusedField\"\n    class=\"otp-input\"\n    @blur=\"blur\"\n    @update:model-value=\"onUpdate\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport { useField } from \"vee-validate\";\n\ninterface Props {\n  name: string;\n  label?: string;\n  type?: \"text\" | \"password\" | \"number\";\n  variant?:\n    | \"underlined\"\n    | \"outlined\"\n    | \"filled\"\n    | \"solo\"\n    | \"solo-inverted\"\n    | \"solo-filled\"\n    | \"plain\";\n  divider?: string;\n  width?: string | number;\n  rounded?:\n    | \"xs\"\n    | \"sm\"\n    | \"lg\"\n    | \"xl\"\n    | \"pill\"\n    | \"circle\"\n    | \"shaped\"\n    | true\n    | false;\n  placeholder?: string;\n  length?: number;\n  autofocus?: boolean;\n  rules?: ((value: string) => boolean | string)[];\n  readonly?: boolean;\n  disabled?: boolean;\n  blur?: () => void;\n  focusedField?: number;\n}\n\n// Define the props with default values\nconst props = withDefaults(defineProps<Props>(), {\n  label: \"\",\n  type: \"text\",\n  variant: \"underlined\",\n  divider: \"\",\n  width: \"100%\",\n  placeholder: \"\",\n  rounded: \"xs\",\n  length: 4,\n  autofocus: true,\n  rules: () => [],\n  blur: () => {},\n  focusedField: 0,\n});\n\nconst emit = defineEmits<(e: \"update:model-value\", value: string) => void>();\n\n// Initialize field using vee-validate\nconst {\n  value: fieldValue,\n  errorMessage: errors,\n  setValue,\n} = useField<string>(props.name);\n\nconst onUpdate = (newValue: string) => {\n  setValue(newValue);\n  emit(\"update:model-value\", newValue);\n};\n</script>\n","import { z } from \"zod\";\n\nexport const otpSchema = z.object({\n  email: z.string().optional(),\n  mobile_number: z.string().optional(),\n  otp: z\n    .string()\n    .min(6, { message: \"OTP must be 6 digits\" })\n    .max(6, { message: \"OTP must be 6 digits\" }),\n});\n\nexport type OtpModel = z.infer<typeof otpSchema>;\n","<!-- OTP verification form component that handles one-time password validation\nFeatures countdown timer, resend functionality, and error handling\nSupports both email and phone number based OTP verification -->\n\n<template>\n  <!-- OTP verification form -->\n  <v-form class=\"auth-form\" @submit.prevent=\"onSubmit\">\n    <!-- OTP input field -->\n    <OtpInputWithValidation\n      :name=\"'otp'\"\n      :label=\"'OTP'\"\n      :length=\"6\"\n      :type=\"'number'\"\n      data-testid=\"otp-input\"\n    />\n\n    <!-- Countdown timer display -->\n    <div class=\"mt-3 mr-3 otp-count\">0 : {{ timerCountSec }} Sec</div>\n\n    <!-- Submit button -->\n    <v-btn\n      type=\"submit\"\n      class=\"submit-button\"\n      elevation=\"2\"\n      block\n      :loading=\"isLoading\"\n      data-testid=\"otp-submit-button\"\n    >\n      {{ COMMON_CONSTANTS.BUTTON.SUBMIT }}\n    </v-btn>\n  </v-form>\n\n  <!-- Resend OTP section -->\n  <div class=\"resendotp\">\n    {{ COMMON_CONSTANTS.TEXT.RESEND_OTP_TEXT }}\n    <v-btn\n      variant=\"plain\"\n      :loading=\"isResendLoading\"\n      v-bind=\"props\"\n      type=\"button\"\n      :ripple=\"false\"\n      :disabled=\"disableResendOtp\"\n      @click=\"resendOTP\"\n    >\n      {{ COMMON_CONSTANTS.BUTTON.RESEND_OTP }}\n    </v-btn>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Form validation and utility imports\nimport { useForm } from \"vee-validate\";\nimport { toTypedSchema } from \"@vee-validate/zod\";\nimport { COMMON_CONSTANTS } from \"~/constants/common-constants\";\nimport { otpSchema, type OtpModel } from \"~/utils/validation/otpSchema\";\nimport type { IResendOtpResponse, IUidPinLoginResponse } from \"~/types/login\";\nimport { API_ENDPOINT } from \"~/constants/api-endpoint\";\n\n// Component props interface\nconst props = defineProps<{\n  email?: string; // Email for OTP verification\n  phone?: string; // Phone number for OTP verification\n}>();\n\n// State management\nconst loginType = useState(\"loginType\");\nconst organizationId = useState(\"organizationId\");\n\n// Composables initialization\nconst { isLoading, timerCountSec, resetCountDown } = useCommon();\nconst { handleErrorResponse } = useErrors();\nconst { showSnackbar } = useSnackbar();\nconst router = useRouter();\n\n// API endpoints and state variables\nconst errorMessage = ref<string>(\"\");\n// const otp = ref<string>(\"\"); // To store the OTP\nconst isResendLoading = ref<boolean>(false);\n// const isMobile = ref<boolean>(false); // To detect mobile browser\n\n// Form validation setup\nconst { handleSubmit, setFieldError } = useForm({\n  validationSchema: toTypedSchema(otpSchema),\n});\n\n// disable resend otp button\nconst disableResendOtp = computed(() => {\n  return timerCountSec.value !== 0;\n});\n\n// TODO: test this code after the deployment on mobile\n// Function to detect if the user is on a mobile browser\n// const detectMobileBrowser = (): boolean => {\n//     const userAgent = navigator.userAgent;\n\n//     // Simple check for mobile browsers\n//     return /android|iphone|ipad|ipod|opera mini|iemobile|wpdesktop|mobile/i.test(\n//         userAgent\n//     );\n// };\n\n// // Function to auto-read OTP\n// const autoReadOTP = async () => {\n//     if (!isMobile.value) {\n//         errorMessage.value =\n//             \"Web OTP API is only supported on mobile browsers.\";\n//         return;\n//     }\n\n//     if (!(\"OTPCredential\" in window)) {\n//         console.warn(\"Web OTP API is not supported in this browser.\");\n//         errorMessage.value = \"Web OTP API is not supported in this browser.\";\n//         return;\n//     }\n\n//     try {\n//         const abortController = new AbortController(); // Optional: Allows cancellation if needed\n//         const otpCredential = await navigator.credentials.get({\n//             otp: { transport: [\"sms\"] },\n//             signal: abortController.signal, // Optional\n//         });\n\n//         if (otpCredential && \"code\" in otpCredential) {\n//             otp.value = otpCredential.code;\n//             console.log(\"Received OTP:\", otpCredential.code);\n//         }\n//     } catch (err) {\n//         errorMessage.value = (err as Error).message || \"Failed to read OTP.\";\n//         console.error(\"Error reading OTP:\", err);\n//     }\n// };\n\n/**\n * Handles OTP form submission\n * Validates OTP and processes authentication\n * Redirects to home page on success\n */\nconst onSubmit = handleSubmit(async (values: OtpModel) => {\n  isLoading.value = true;\n\n  // Add contact information based on verification type\n  if (props.email) {\n    values.email = props.email;\n  } else if (props.phone) {\n    values.mobile_number = props.phone;\n  }\n\n  try {\n    // Prepare and send verification request\n    const body = {\n      ...values,\n      login_type: loginType.value,\n      organization_id: organizationId.value,\n    };\n    const response = await useApi().post<IUidPinLoginResponse>(\n      API_ENDPOINT.VERIFY_OTP,\n      body,\n    );\n\n    // Update user store and redirect\n    useUserStore().setUser(response.data);\n    router.push(\"/home\");\n    return response;\n  } catch (error: any) {\n    // Handle error response and show error message\n    errorMessage.value = handleErrorResponse(error.response).error;\n    showSnackbar(errorMessage.value, \"error\");\n\n    // Handle field errors from server\n    if (error.response.data.errors) {\n      Object.entries(error.response.data.errors).forEach(([field, message]) => {\n        setFieldError(field as keyof OtpModel, message as string);\n      });\n    }\n  } finally {\n    // Reset loading state\n    isLoading.value = false;\n  }\n});\n\n/**\n * Handles OTP resend request\n * Resets countdown timer on success\n * Shows success/error notifications\n */\nconst resendOTP = async (): Promise<void> => {\n  isResendLoading.value = true;\n  try {\n    // Prepare and send resend request\n    const body = {\n      email: props.email,\n      mobile_number: props.phone,\n      login_type: loginType.value,\n      organization_id: organizationId.value,\n    };\n    // Send resend request and handle response\n    const response = await useApi().post<IResendOtpResponse>(\n      API_ENDPOINT.RESEND_OTP,\n      body,\n    );\n\n    // Show success message and reset timer\n    showSnackbar(response.message, \"success\");\n    // Reset countdown timer\n    resetCountDown();\n  } catch (error: any) {\n    // Handle error response and show error message\n    errorMessage.value = handleErrorResponse(error.response).error;\n    showSnackbar(errorMessage.value, \"error\");\n  } finally {\n    // Reset loading state\n    isResendLoading.value = false;\n  }\n};\n\n// Initialize countdown timer\nresetCountDown();\n</script>\n","import { z } from \"zod\";\n\nexport const emailSchema = z.object({\n  email: z.string().email({ message: \"Invalid email address\" }),\n});\n\nexport type EmailModel = z.infer<typeof emailSchema>;\n\nexport const phoneSchema = z.object({\n  mobile_number: z\n    .string()\n    .regex(/^\\d+$/, { message: \"Mobile number must be a number\" })\n    .min(1, { message: \"Mobile number is required\" })\n    .min(10, { message: \"Mobile number must be 10 digits\" })\n    .max(10, { message: \"Mobile number must be 10 digits\" }),\n});\n\nexport type PhoneModel = z.infer<typeof phoneSchema>;\n","<!-- Email sign-in component that handles email-based authentication\nFeatures form validation, OTP generation, and error handling\nImplements a two-step authentication process with email and OTP verification -->\n\n<template>\n  <!-- Authentication header section -->\n  <div class=\"auth-header\">\n    <h1 class=\"auth-title\">\n      {{ LOGIN_CONSTANTS.SIGN_IN_TITLE }}\n    </h1>\n    <p class=\"auth-subtitle\">\n      {{ LOGIN_CONSTANTS.SIGN_IN_EMAIL_SUBTITLE }}\n    </p>\n  </div>\n\n  <!-- Email input form -->\n  <v-form v-if=\"!isOtpSent\" class=\"auth-form\" @submit.prevent=\"onSubmit\">\n    <!-- Email input field -->\n    <div class=\"form-group\">\n      <InputWithValidation\n        id=\"email\"\n        v-model=\"formData.email\"\n        label=\"Email\"\n        type=\"email\"\n        data-testid=\"email-input\"\n        :placeholder=\"LOGIN_CONSTANTS.EMAIL_PLACEHOLDER\"\n        aria-label=\"Enter your Email\"\n        required\n        name=\"email\"\n      />\n    </div>\n\n    <!-- Submit button -->\n    <v-btn\n      type=\"submit\"\n      class=\"submit-button\"\n      elevation=\"2\"\n      block\n      data-testid=\"email-submit-button\"\n      :loading=\"isLoading\"\n    >\n      {{ COMMON_CONSTANTS.BUTTON.SUBMIT }}\n    </v-btn>\n  </v-form>\n\n  <!-- OTP verification form -->\n  <div v-else>\n    <OtpForm :email=\"formData.email\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Form validation and utility imports\nimport { useForm } from \"vee-validate\";\nimport { toTypedSchema } from \"@vee-validate/zod\";\nimport { LOGIN_CONSTANTS } from \"~/constants/login-constants\";\nimport { COMMON_CONSTANTS } from \"~/constants/common-constants\";\nimport {\n  emailSchema,\n  type EmailModel,\n} from \"~/utils/validation/emailPhoneSchema\";\nimport type {\n  IEmailMobileLoginResponse,\n  LoginRequestBody,\n} from \"~/types/login\";\nimport { API_ENDPOINT } from \"~/constants/api-endpoint\";\n\n// Composables initialization\nconst { isLoading } = useCommon();\nconst { handleErrorResponse } = useErrors();\nconst { showSnackbar } = useSnackbar();\n\n// State management\nconst errorMessage = ref(\"\");\nconst isOtpSent = ref(false);\nconst loginType = useState<string>(\"loginType\");\nconst organizationId = useState<string>(\"organizationId\");\n\n// Form data initialization\nconst formData = ref<EmailModel>({\n  email: \"\",\n});\n\n// Form validation setup\nconst { handleSubmit, setFieldError } = useForm({\n  validationSchema: toTypedSchema(emailSchema),\n});\n\n/**\n * Handles form submission\n * Validates email and triggers OTP generation\n * Manages error states and success notifications\n */\nconst onSubmit = handleSubmit(async (values: EmailModel) => {\n  isLoading.value = true;\n\n  // Prepare login request body\n  const body: LoginRequestBody = {\n    ...values,\n    login_type: loginType.value,\n    organization_id: organizationId.value,\n  };\n\n  // Update form data with submitted email\n  formData.value.email = values.email;\n\n  try {\n    // Send login request and handle response\n    const response = await useApi().post<IEmailMobileLoginResponse>(\n      API_ENDPOINT.LOGIN,\n      body,\n    );\n\n    // Update OTP sent state and show success message\n    isOtpSent.value = true;\n    showSnackbar(response.message, \"success\");\n    return response;\n  } catch (error: any) {\n    // Handle error response and show error message\n    errorMessage.value = handleErrorResponse(error.response).error;\n    showSnackbar(errorMessage.value, \"error\");\n\n    // Handle field errors from server\n    if (error.response.data.errors) {\n      Object.entries(error.response.data.errors).forEach(([field, message]) => {\n        setFieldError(field as keyof EmailModel, message as string);\n      });\n    }\n  } finally {\n    // Reset loading state\n    isLoading.value = false;\n  }\n});\n</script>\n","<!-- Mobile sign-in component that handles phone-based authentication\nFeatures mobile number validation, OTP generation, and error handling\nImplements a two-step authentication process with mobile and OTP verification -->\n\n<template>\n  <!-- Authentication header section -->\n  <div class=\"auth-header\">\n    <h1 class=\"auth-title\">\n      {{ LOGIN_CONSTANTS.SIGN_IN_TITLE }}\n    </h1>\n    <p class=\"auth-subtitle\">\n      {{ LOGIN_CONSTANTS.SIGN_IN_MOBILE_SUBTITLE }}\n    </p>\n  </div>\n\n  <!-- Mobile number input form -->\n  <v-form v-if=\"!isOtpSent\" class=\"auth-form\" @submit.prevent=\"onSubmit\">\n    <!-- Mobile number input field -->\n    <div class=\"form-group\">\n      <InputWithValidation\n        id=\"mobile\"\n        name=\"mobile_number\"\n        label=\"Mobile No.\"\n        data-testid=\"mobile-number-input\"\n        :placeholder=\"LOGIN_CONSTANTS.MOBILE_PLACEHOLDER\"\n        aria-label=\"Enter your Mobile No.\"\n        :rules=\"[(value: string) => !!value || 'Mobile No. is required']\"\n        required\n      />\n    </div>\n\n    <!-- Submit button -->\n    <v-btn\n      type=\"submit\"\n      class=\"submit-button\"\n      elevation=\"2\"\n      block\n      :loading=\"isLoading\"\n      data-testid=\"mobile-submit-button\"\n    >\n      {{ COMMON_CONSTANTS.BUTTON.SUBMIT }}\n    </v-btn>\n  </v-form>\n\n  <!-- OTP verification form -->\n  <div v-else>\n    <OtpForm :phone=\"formData.mobile_number\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Form validation and utility imports\nimport { useForm } from \"vee-validate\";\nimport { toTypedSchema } from \"@vee-validate/zod\";\nimport { LOGIN_CONSTANTS } from \"~/constants/login-constants\";\nimport { COMMON_CONSTANTS } from \"~/constants/common-constants\";\nimport {\n  phoneSchema,\n  type PhoneModel,\n} from \"~/utils/validation/emailPhoneSchema\";\nimport type {\n  IEmailMobileLoginResponse,\n  LoginRequestBody,\n} from \"~/types/login\";\nimport { API_ENDPOINT } from \"~/constants/api-endpoint\";\n\n// Composables initialization\nconst { isLoading } = useCommon();\nconst { handleErrorResponse } = useErrors();\nconst { showSnackbar } = useSnackbar();\n\n// Form data initialization\nconst formData = ref<PhoneModel>({\n  mobile_number: \"\",\n});\n\n// State management\nconst errorMessage = ref(\"\");\nconst isOtpSent = ref(false);\nconst loginType = useState<string>(\"loginType\");\nconst organizationId = useState<string>(\"organizationId\");\n\n// Form validation setup\nconst { handleSubmit, setFieldError } = useForm({\n  validationSchema: toTypedSchema(phoneSchema),\n});\n\n/**\n * Handles form submission\n * Validates mobile number and triggers OTP generation\n * Manages error states and success notifications\n */\nconst onSubmit = handleSubmit(async (values: PhoneModel) => {\n  isLoading.value = true;\n\n  // Prepare login request body\n  const body: LoginRequestBody = {\n    ...values,\n    login_type: loginType.value,\n    organization_id: organizationId.value,\n  };\n\n  // Update form data with submitted mobile number\n  formData.value.mobile_number = values.mobile_number;\n\n  try {\n    // Send login request and handle response\n    const response = await useApi().post<IEmailMobileLoginResponse>(\n      API_ENDPOINT.LOGIN,\n      body,\n    );\n\n    // Update OTP sent state and show success message\n    isOtpSent.value = true;\n    showSnackbar(response.message, \"success\");\n    return response;\n  } catch (error: any) {\n    // Handle error response and show error message\n    errorMessage.value = handleErrorResponse(error.response).error;\n    showSnackbar(errorMessage.value, \"error\");\n\n    // Handle field errors from server\n    if (error.response.data.errors) {\n      Object.entries(error.response.data.errors).forEach(([field, message]) => {\n        setFieldError(field as keyof PhoneModel, message as string);\n      });\n    }\n  } finally {\n    // Reset loading state\n    isLoading.value = false;\n  }\n});\n</script>\n","export default \"__VITE_ASSET__BCkyn9$B__\"","<!-- Login page component that handles user authentication with multiple login types \nSupports email, mobile, and UID-PIN authentication methods \nDisplays a responsive layout with hero section and login form -->\n\n<template>\n  <!-- AppLoader component -->\n  <AppLoader v-if=\"isLoading\" :is-loading=\"isLoading\" />\n\n  <!-- Login page content -->\n  <div v-else class=\"login-container\">\n    <v-row>\n      <v-col cols=\"12\" md=\"7\" class=\"login-section\">\n        <div class=\"hero-content\">\n          <!-- Hero background image -->\n          <img\n            loading=\"lazy\"\n            :src=\"\n              loginPageData[\n                `${size}_bg_image` as 'desktop_bg_image' | 'mobile_bg_image'\n              ] || HeroBackground\n            \"\n            alt=\"Login background\"\n            class=\"hero-background\"\n          />\n          <!-- Hero message section -->\n          <div class=\"hero-message\">\n            <!-- Hero logo -->\n            <img\n              loading=\"lazy\"\n              :src=\"loginPageData.logo || hypLogo\"\n              alt=\"HYP Logo\"\n              class=\"hero-logo\"\n            />\n            <!-- Hero text -->\n            <p class=\"hero-text\">\n              {{\n                loginPageData.desktop_offer_detail || LOGIN_CONSTANTS.HERO_TEXT\n              }}\n            </p>\n          </div>\n        </div>\n      </v-col>\n      <v-col cols=\"12\" md=\"5\" class=\"auth-section\">\n        <div class=\"auth-content\">\n          <div\n            class=\"responsive-hero-message\"\n            :style=\"{\n              backgroundImage: `url(${loginPageData.mobile_bg_image})`,\n              backgroundSize: 'cover',\n              backgroundPosition: 'center',\n              backgroundRepeat: 'no-repeat',\n            }\"\n          >\n            <!-- Hero logo -->\n            <img\n              loading=\"lazy\"\n              :src=\"loginPageData.logo || hypLogo\"\n              alt=\"HYP Logo\"\n              class=\"hero-logo\"\n            />\n            <h6 class=\"hero-text\">\n              {{\n                loginPageData.mobile_offer_detail ||\n                LOGIN_CONSTANTS.RESPONSIVE_HERO_MESSAGE\n              }}\n            </h6>\n          </div>\n\n          <!-- Login type specific components -->\n          <!-- UID/PIN sign-in component -->\n          <UidPinSignin v-if=\"loginType === LOGIN_CONSTANTS.UID_TYPE\" />\n          <!-- Email sign-in component -->\n          <EmailSignin v-else-if=\"loginType === LOGIN_CONSTANTS.EMAIL_TYPE\" />\n          <!-- Mobile sign-in component -->\n          <MobileSignin v-else-if=\"loginType === LOGIN_CONSTANTS.MOBILE_TYPE\" />\n\n          <!-- Terms and contact information -->\n          <p v-if=\"loginType !== ''\" class=\"terms-text\">\n            {{ LOGIN_CONSTANTS.TERMS_TEXT }}\n            <span class=\"terms-link\">\n              {{ LOGIN_CONSTANTS.TERMS_LINK }}\n            </span>\n          </p>\n          <!-- Contact information -->\n          <div class=\"contact-info\">\n            <span v-if=\"loginPageData.email\" class=\"contact-email\">\n              {{ loginPageData.email || LOGIN_CONSTANTS.CONTACT_EMAIL }}\n            </span>\n            <span\n              v-if=\"loginPageData.email && loginPageData.mobile_number\"\n              class=\"divider\"\n            />\n            <span v-if=\"loginPageData.mobile_number\" class=\"contact-phone\">\n              {{`${loginPageData.phone_code} ${loginPageData.mobile_number}` || LOGIN_CONSTANTS.CONTACT_PHONE }}\n            </span>\n          </div>\n        </div>\n      </v-col>\n    </v-row>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// Constants and asset imports\nimport { LOGIN_CONSTANTS } from \"~/constants/login-constants\";\nimport HeroBackground from \"~/assets/images/login/hero-background.min.png\";\nimport hypLogo from \"~/assets/hyp-logo.min.png\";\nimport type { ILoginTypeResponse } from \"~/types/login\";\nimport { API_ENDPOINT } from \"~/constants/api-endpoint\";\nimport { getOrigin } from \"~/lib/config/host\";\n\n// Page metadata configuration\ndefinePageMeta({\n  layout: \"login\",\n  title: \"Login\",\n});\n\n// Composables and utilities initialization\nconst { handleErrorResponse } = useErrors();\nconst { currentSize } = useScreenSize();\nconst router = useRouter();\nconst { isLoading } = useCommon();\n\n// Computed property to determine screen size for responsive image loading\nconst size = computed<string>(() => {\n  return [\"sm\", \"xs\"].includes(currentSize.value) ? \"mobile\" : \"desktop\";\n});\n\n// State management\nconst loginType = useState<string>(\"loginType\", () => \"\");\nconst organizationId = useState<string>(\"organizationId\", () => \"\");\nconst errorMessage = ref<string>(\"\");\n\n// Store initialization\nconst loginStore = useLoginStore();\nconst errorStore = useErrorStore();\n\n// Interface for login page configuration and branding\nconst loginPageData = ref<ILoginTypeResponse[\"data\"]>({\n  organization_id: \"\",\n  login_type: \"\",\n  login_type_text: \"\",\n  logo: \"\",\n  desktop_offer_detail: \"\",\n  mobile_offer_detail: \"\",\n  desktop_bg_image: \"\",\n  mobile_bg_image: \"\",\n  email: \"\",\n  mobile_number: \"\",\n  phone_code: \"\",\n  has_referral: \"\",\n});\n\n/**\n * Fetches login type configuration from the server\n * Sets up organization-specific login method and branding\n * Handles error cases and redirects to error page if needed\n */\nconst fetchLoginTypeData = async () => {\n  isLoading.value = true;\n  const origin = getOrigin();\n  const body = {\n    url: origin,\n  };\n  try {\n    // Fetch login type data from the API\n    const response = await useApi().post<ILoginTypeResponse>(\n      API_ENDPOINT.LOGIN_TYPE,\n      body,\n    );\n    // Set the login type and organization ID\n    loginType.value = response?.data?.login_type;\n    organizationId.value = response?.data?.organization_id;\n    loginPageData.value = response?.data;\n\n    // Store login type data in the store\n    loginStore.setLoginTypeData({\n      organization_id: response?.data?.organization_id,\n      login_type: response?.data?.login_type,\n      has_referral: response?.data?.has_referral,\n    });\n\n    // Update the document head with the logo\n    useHead({\n      link: [{ rel: \"icon\", type: \"image/x-icon\", href: response?.data?.logo }],\n    });\n\n    return response;\n  } catch (error: any) {\n    // Handle error response\n    errorMessage.value = handleErrorResponse(error.response).error;\n\n    // Set the login type error\n    errorStore.setLoginTypeError(true);\n\n    // Show the error message\n    errorStore.setErrorMessage(errorMessage.value);\n\n    // Redirect to error page\n    router.push(\"error\");\n  } finally {\n    // Reset loading state\n    isLoading.value = false;\n  }\n};\n\n// Initialize login configuration on component mount\nonMounted(async () => {\n  await fetchLoginTypeData();\n});\n</script>\n"],"names":["uidPinSchema","z","formData","ref","handleSubmit","setFieldError","useForm","toTypedSchema","handleErrorResponse","useErrors","router","useRouter","isLoading","useCommon","showPin","errorMessage","loginType","useState","organizationId","togglePinVisibility","onSubmit","values","body","response","useApi","API_ENDPOINT","useUserStore","error","field","message","props","__props","emit","__emit","fieldValue","errors","setValue","useField","onUpdate","newValue","otpSchema","timerCountSec","resetCountDown","showSnackbar","useSnackbar","isResendLoading","disableResendOtp","computed","resendOTP","emailSchema","phoneSchema","isOtpSent","HeroBackground","currentSize","useScreenSize","size","loginStore","useLoginStore","errorStore","useErrorStore","loginPageData","fetchLoginTypeData","getOrigin","_a","_b","_c","_d","_e","useHead","_f","onMounted"],"mappings":"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"}