{"version":3,"file":"OnboardingModel.vue_vue_type_script_setup_true_lang-105fab65.js","sources":["../../src/assets/images/svg/AuthOnboarding/CloseButton.svg","../../src/assets/images/svg/AuthOnboarding/coding.svg","../../src/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue","../../src/components/header/auth/AuthOnboardingLabel.vue","../../src/layouts/ModelLayoutAuth.vue","../../src/services/errorHandler.service.ts","../../src/components/header/auth/ForgotPasswordModel.vue","../../src/components/header/auth/LoginModel.vue","../../src/services/otp.service.ts","../../src/components/header/auth/OtpAuthModel.vue","../../src/components/header/auth/ResetPasswordModel.vue","../../src/components/header/auth/RegisterModel.vue","../../src/components/header/auth/OtpVerifiedSuccessModel.vue","../../src/assets/images/svg/AuthOnboarding/OnboardingPersonal.svg","../../src/components/header/auth/OnboardingFlow/OnboardingPersonalDetails.vue","../../src/assets/images/svg/AuthOnboarding/OnboardingProfessional.svg","../../src/components/header/auth/OnboardingFlow/OnboardingProfessionalDetails.vue","../../src/assets/images/svg/AuthOnboarding/TeacherMarketingLogo.svg","../../src/assets/images/svg/AuthOnboarding/CheckCircleIconSoftDev.svg","../../src/components/header/auth/OnboardingFlow/TeacherOnboarding.vue","../../src/assets/images/svg/AuthOnboarding/SoftDevMarketingLogo.svg","../../src/components/header/auth/OnboardingFlow/AIModel.vue","../../src/components/header/auth/OnboardingFlow/OnboardingModel.vue"],"sourcesContent":["export default \"__VITE_ASSET__97d6d8ed__\"","export default \"__VITE_ASSET__58c62d6a__\"","<script setup lang=\"ts\">\nimport LogoComp from '@/components/utils/LogoComp.vue'\nimport codingSvg from '@/assets/images/svg/AuthOnboarding/coding.svg'\n\nconst props = defineProps({\n  text: {\n    type: String,\n    required: true\n  },\n  highlighertext: {\n    type: String,\n    required: true\n  },\n  logo: {\n    type: String,\n    required: false\n  }\n})\n/**\n *\n * @param text take take string value\n * @param highlighertext take highlight value which need to be highlighted\n * @returns return modified text with highlighted text in different color\n */\nconst applyStyling = (text: string, highlighertext: string): string => {\n  const regex = new RegExp(highlighertext, 'g')\n  return text.replace(regex, `<span class=\"color-secondary-700\" >${highlighertext}</span>`)\n}\n\nconst renderText = applyStyling(props.text, props.highlighertext)\n</script>\n\n<template>\n  <div :class=\"{ 'flex flex-col gap-20': logo }\">\n    <div class=\"flex h-[20%] w-full justify-center p-5\">\n      <div class=\"flex h-[31px] w-[144px] items-center justify-center\">\n        <LogoComp :isLoginModal=\"true\" :blackLogo=\"true\" />\n      </div>\n    </div>\n    <div class=\"flex min-h-[473px] min-w-[440px] flex-col items-center justify-center p-5\">\n      <img :src=\"logo ? logo : codingSvg\" class=\"h-[70%] w-[70%]\" alt=\"JDroid\" />\n      <div class=\"flex flex-row gap-1\">\n        <span class=\"font-bold\" v-html=\"renderText\"></span>\n        <h1 class=\"font-bold\"></h1>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  title: {\n    type: String,\n    required: true\n  },\n  description: {\n    type: String,\n    required: false\n  },\n  customstyle: {\n    type: String,\n    required: false\n  },\n  additionaltext: {\n    type: String,\n    required: false\n  },\n  customstyleTitle: {\n    type: String,\n    required: false\n  }\n})\n</script>\n\n<template>\n  <div class=\"flex flex-col\">\n    <h1 :class=\"customstyleTitle\">\n      {{ props.title }}\n    </h1>\n    <p v-if=\"props.description\" :class=\"props.customstyle\">\n      <span> {{ props.description }}</span>\n      <span class=\"color-secondary-700 ml-1 text-lg font-bold leading-7\">{{\n        props.additionaltext\n      }}</span>\n    </p>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nconst props = defineProps({\n  hs: {\n    type: String,\n    required: true\n  }\n})\n</script>\n\n<template>\n  <div\n    :id=\"props.hs\"\n    :data-hs-overlay-keyboard=\"false\"\n    class=\"hs-overlay fixed left-0 top-0 z-[60] hidden h-screen w-full overflow-y-auto overflow-x-hidden bg-white text-new-secondary backdrop-blur-md backdrop-brightness-200\"\n  >\n    <div\n      class=\"mb-14 h-max w-full bg-background-primary opacity-90 transition-all ease-out hs-overlay-open:duration-500 lg:mb-0\"\n    >\n      <div class=\"h-full min-h-[100vh] w-full\">\n        <slot />\n      </div>\n    </div>\n  </div>\n</template>\n","/**\n * a generic method to handle errors including server side errors.*\n * @param error - axios error object\n * @returns string\n */\nconst handleError = (error: any): string => {\n  let httpError: string = 'An unknown error occurred. Please try again later.'\n  if (error.response) {\n    if (error.response.status >= 500) {\n      httpError = 'Server error. Please try again later.'\n    } else if (error.response.data?.error) {\n      httpError = error.response.data.error\n    } else if (error.response.data?.message) {\n      httpError = error.response.data.message\n    }\n  } else if (error.status === 200) {\n    httpError = error.data?.error\n  }\n  return httpError\n}\n\nexport { handleError }\n","<script setup lang=\"ts\">\nimport { computed, onBeforeMount, onMounted, ref } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { RECAPTCHA_KEYS } from '@/utils/recaptcha'\nimport recaptchaService from '@/services/recaptcha.service'\nimport utilModelsService from '@/services/util.models.service'\nimport { useAuthStore } from '@/stores/auth.store'\nimport authService, { type IForgotPasswordRequest } from '@/services/auth.service'\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport ModelLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport { until } from '@vueuse/core'\nimport { useField, useForm } from 'vee-validate'\nimport { VueRecaptcha } from 'vue-recaptcha'\nimport { string } from 'yup'\nimport { handleError } from '@/services/errorHandler.service'\n\nconst authStore = useAuthStore()\nconst route = useRoute()\n\nconst { errors, handleSubmit, resetForm } = useForm()\n\nconst { value: email, errorMessage: emailError } = useField('email', string().required().email())\n\nconst colorTheme = ref<string>('light')\nconst sitekey = ref<string | null>(RECAPTCHA_KEYS.RECAPTCHALOGINSITEKEY)\nconst rechaptha = ref<any>(null)\nconst recapthaToken = ref<string>('')\nconst recapthaError = ref<string>('')\nconst showRecaptcha = ref<boolean>(false)\nconst isLoading = ref<boolean>(false)\nconst httpError = ref<string>('')\nconst httpSuccess = ref<string>('')\n\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0 && !isLoading.value\n})\n\n/**\n * Handles the response from the reCAPTCHA verification and sets the token.\n * @param response - The reCAPTCHA response token.\n */\nconst recaptchaVerified = (response: string) => {\n  recapthaToken.value = response\n  recapthaError.value = ''\n}\n\n/**\n * Handles the reCAPTCHA error and sets the error message.\n * @param error - The reCAPTCHA error message.\n */\nconst recaptchaError = (error: string) => {\n  recapthaToken.value = ''\n  recapthaError.value = error\n  rechaptha.value.reset()\n}\n\n/**\n * If prop is true, page retrieves data again from API after changes from modal\n */\nconst handleLoadDataWhenClose = () => {\n  authStore.setRedirectTo(null)\n}\n\nconst onSubmit = handleSubmit(async (values) => {\n  authStore.setUserEmailForOTPVerified(values.email)\n  isLoading.value = true\n  rechaptha.value.execute()\n\n  await until(recapthaToken).changed()\n\n  if (!recapthaToken.value || recapthaError.value) {\n    return\n  }\n\n  const requestPayload: IForgotPasswordRequest = {\n    email: values.email,\n    gc: recapthaToken.value\n  }\n\n  await authService\n    .forgotPassword(requestPayload)\n    .then((response: any) => {\n      httpSuccess.value =\n        response?.data?.message ||\n        'Please check your mail for Password reset Link (JDoodle sends mail only if the entered mail is already registered)'\n      httpError.value = ''\n      resetForm()\n      // close the modal\n      utilModelsService.closeModal(AUTHMODELHS.FORGOTPASSWORD)\n      utilModelsService.openModal(AUTHMODELHS.OTP)\n    })\n    .catch((error: any) => {\n      httpSuccess.value = ''\n      if (error?.response?.data.errorCode == 'OTP_ALREADY_GENERATED') {\n        httpError.value =\n          'OTP has already been generated. Please wait sometime before generating again'\n      } else {\n        httpError.value = handleError(error)\n      }\n    })\n    .finally(() => {\n      recapthaToken.value = ''\n      rechaptha.value.reset()\n      isLoading.value = false\n    })\n})\nonBeforeMount(async () => {\n  sitekey.value = await recaptchaService.getRechapthaKey(RECAPTCHA_KEYS.RECAPTCHALOGINSITEKEY)\n})\nonMounted(async () => {\n  await utilModelsService.onOpenModel((hs: string | null) => {\n    if (hs === AUTHMODELHS.FORGOTPASSWORD && !showRecaptcha.value) {\n      showRecaptcha.value = true\n    }\n  })\n})\n</script>\n\n<template>\n  <ModelLayoutAuth :hs=\"AUTHMODELHS.FORGOTPASSWORD\">\n    <div class=\"flex h-screen w-full flex-col\">\n      <div class=\"absolute right-0 flex justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${AUTHMODELHS.FORGOTPASSWORD}`\"\n          @click=\"handleLoadDataWhenClose\"\n          v-show=\"!(route.name === 'extensionLogin' && !route.query.register)\"\n        />\n      </div>\n      <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n          <LoginRegisterBanner\n            text=\"Conduct live coding sessions with your team.\"\n            highlighertext=\"live coding sessions\"\n          />\n        </div>\n\n        <div class=\"mt-10 h-full w-full rounded-md sm:mt-8 lg:min-w-[50%]\">\n          <div class=\"flex items-center justify-center\">\n            <AuthOnboardingLabel\n              title=\"Reset your password\"\n              description=\"Can't remember your password? No worries! Enter your registered email to start the reset process.\"\n              customstyle=\"mt-5\n              text-sm font-normal text-center\"\n              customstyleTitle=\"text-center text-3xl font-medium leading-10\"\n            />\n          </div>\n          <div class=\"p-5\">\n            <form @submit.prevent=\"onSubmit\" class=\"sm:pt-12\">\n              <div class=\"flex w-full flex-col items-center justify-center\">\n                <div class=\"w-full lg:w-[500px]\">\n                  <BaseInput\n                    label=\"Email address\"\n                    :inputType=\"'email'\"\n                    placeholder=\"joe@example.com\"\n                    autocomplete=\"email\"\n                    :error=\"emailError\"\n                    v-model=\"email\"\n                    class=\"mb-2\"\n                    :isBoldLabel=\"true\"\n                    :isLightMode=\"true\"\n                    :isLightGray=\"false\"\n                  >\n                  </BaseInput>\n                </div>\n                <p :class=\"['p-xsmall ', 'error', { hidden: !recapthaError }]\">\n                  {{ recapthaError }}\n                </p>\n                <p :class=\"['p-small', 'text-center', 'text-sky-950']\" v-if=\"isLoading\">\n                  Checking your details. Please wait...\n                </p>\n                <p :class=\"['p-small', 'error', { hidden: !httpError }]\">\n                  {{ httpError }}\n                </p>\n                <p :class=\"['p-small', 'text-center', 'text-sky-950', { hidden: !httpSuccess }]\">\n                  {{ httpSuccess }}\n                </p>\n              </div>\n              <vue-recaptcha\n                v-if=\"showRecaptcha\"\n                size=\"invisible\"\n                ref=\"rechaptha\"\n                :theme=\"colorTheme === 'dark' ? 'dark' : 'light'\"\n                :sitekey=\"sitekey || ''\"\n                @verify=\"recaptchaVerified\"\n                @fail=\"recaptchaError('Recaptcha failed. Please verify again.')\"\n                @error=\"recaptchaError\"\n              />\n\n              <div class=\"mt-9 flex justify-center\">\n                <Button\n                  :disabled=\"!canSubmit\"\n                  color=\"secondary\"\n                  variant=\"filled\"\n                  size=\"medium\"\n                  type=\"submit\"\n                  class=\"mt-6 h-[48px] sm:w-[171px]\"\n                >\n                  Send OTP\n                </Button>\n              </div>\n            </form>\n\n            <div class=\"mt-3 text-center text-sm font-medium leading-tight dark:text-neutral-300\">\n              Remember your password?\n              <Button\n                type=\"button\"\n                color=\"secondary\"\n                variant=\"link\"\n                class=\"ml-1 p-0 font-semibold\"\n                :data-hs-overlay=\"`#${AUTHMODELHS.LOGIN}`\"\n              >\n                Log In\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- form -->\n  </ModelLayoutAuth>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeMount, onMounted, ref } from 'vue'\nimport utilModelsService from '@/services/util.models.service'\nimport { useAuthStore } from '@/stores/auth.store'\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport SocialLogin from '@/components/header/auth/SocialLoginComp.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport ModalLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport recaptchaService from '@/services/recaptcha.service'\nimport authService, { type IloginRequest } from '@/services/auth.service'\nimport { useSubscribeStore } from '@/stores/subscribe.store'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { until } from '@vueuse/core'\nimport { useField, useForm } from 'vee-validate'\nimport { VueRecaptcha } from 'vue-recaptcha'\nimport { string } from 'yup'\nimport { RECAPTCHA_KEYS } from '@/utils/recaptcha'\nimport { useRoute, useRouter } from 'vue-router'\nimport { handleError } from '@/services/errorHandler.service'\nimport { delay } from 'lodash-es'\n\nconst colorTheme = ref<string>('light')\nconst router = useRouter()\nconst authStore = useAuthStore()\nconst route = useRoute()\n\nconst { errors, handleSubmit, resetForm } = useForm()\n\nconst { value: email, errorMessage: emailError } = useField('username', string().required().email())\nconst { value: password, errorMessage: passwordError } = useField(\n  'password',\n  string().required().min(5)\n)\n\nconst sitekey = ref<string | null>(RECAPTCHA_KEYS.RECAPTCHALOGINSITEKEY)\nconst rechaptha = ref<any>(null)\nconst recapthaToken = ref<string>('')\nconst recapthaError = ref<string>('')\nconst showRecaptcha = ref<boolean>(false)\nconst inputTypePassword = ref<string>('password')\nconst isloading = ref<boolean>(false)\n\nconst httpError = ref<string>('')\n\nconst togglePasswordEyeIcon = ref<boolean>(false)\n\nconst iconsToShow = computed(() => {\n  if (togglePasswordEyeIcon.value) {\n    return 'fa-regular fa-eye'\n  } else {\n    return 'fa-regular fa-eye-slash'\n  }\n})\n\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0 && !isloading.value\n})\n\n/**\n * Handles the response from the reCAPTCHA verification and sets the token.\n * @param response - The reCAPTCHA response token.\n */\nconst recaptchaVerified = (response: string) => {\n  recapthaToken.value = response\n  recapthaError.value = ''\n}\n\n/**\n * Handles the reCAPTCHA error and sets the error message.\n * @param error - The reCAPTCHA error message.\n */\nconst recaptchaError = (error: string) => {\n  recapthaToken.value = ''\n  recapthaError.value = error\n  rechaptha.value.reset()\n}\n\nconst onSubmit = handleSubmit(async (values) => {\n  rechaptha.value.execute()\n\n  await until(recapthaToken).changed()\n\n  if (!recapthaToken.value || recapthaError.value) {\n    return\n  }\n\n  const requestPayload: IloginRequest = {\n    username: values.username,\n    password: values.password,\n    recaptcha: recapthaToken.value\n  }\n\n  isloading.value = true\n  httpError.value = 'Logging you in. please wait...'\n  await authService\n    .login(requestPayload)\n    .then(async () => {\n      httpError.value = ''\n      resetForm()\n\n      if (useAuthStore().awaitRedirectTo) {\n        const redirectTo: string = useAuthStore().redirectTo as string\n        useAuthStore().setRedirectTo(null)\n\n        await authService.initAuth(true)\n        await utilModelsService.closeModalAsync(AUTHMODELHS.LOGIN).then(async () => {\n          router.push(redirectTo)\n        })\n      } else if (useSubscribeStore().redirectTo) {\n        await authService.initAuth(true)\n        await utilModelsService.closeModalAsync(AUTHMODELHS.LOGIN).then(() => {\n          router.push(useSubscribeStore().redirectTo)\n        })\n      } else {\n        // window.location.reload()\n        await utilModelsService.closeModalAsync(AUTHMODELHS.LOGIN).then(async () => {\n          await authService.initAuth(true)\n          // if (authStore.onboarderCompleted && !ideStore.isDefaultIde && !ideStore.isIdeView) {\n          //   utilModelsService.openModal(AUTHMODELHS.SWITCHINGACCOUNT)\n          // }\n        })\n      }\n    })\n    .catch((error: any) => {\n      httpError.value = handleError(error)\n      delay(() => {\n        authService.openOtpModelAgain(handleError(error), values.username)\n      }, 2000)\n    })\n    .finally(() => {\n      recapthaToken.value = ''\n      rechaptha.value.reset()\n      isloading.value = false\n    })\n})\n\n/**\n * If prop is true, page retrieves data again from API after changes from modal\n */\nconst handleLoadDataWhenClose = () => {\n  authStore.setRedirectTo(null)\n}\n\n/**\n *  Toggle to show and hide password\n */\nconst handleShowPassword = () => {\n  if (inputTypePassword.value === 'password') {\n    inputTypePassword.value = 'text'\n    togglePasswordEyeIcon.value = true\n  } else {\n    inputTypePassword.value = 'password'\n    togglePasswordEyeIcon.value = false\n  }\n}\n/**\n * Redirect to forgot password modal\n */\nconst forgotPasswordRedirect = () => {\n  authStore.setOtpRedirectFrom('Login')\n  utilModelsService.openModal(AUTHMODELHS.FORGOTPASSWORD)\n}\n\nonBeforeMount(async () => {\n  sitekey.value = await recaptchaService.getRechapthaKey(RECAPTCHA_KEYS.RECAPTCHALOGINSITEKEY)\n})\nonMounted(async () => {\n  await utilModelsService.onOpenModel((hs: string | null) => {\n    if (hs === AUTHMODELHS.LOGIN && !showRecaptcha.value) {\n      showRecaptcha.value = true\n    }\n  })\n\n  // Reset form when overlay modal is closed\n  const el = document.getElementById(AUTHMODELHS.LOGIN)\n  if (el) {\n    el.addEventListener('close.hs.overlay', () => {\n      resetForm()\n    })\n  }\n})\n</script>\n\n<template>\n  <ModalLayoutAuth :hs=\"AUTHMODELHS.LOGIN\">\n    <div class=\"flex h-screen w-full flex-col\">\n      <div class=\"absolute right-0 flex justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${AUTHMODELHS.LOGIN}`\"\n          @click=\"handleLoadDataWhenClose\"\n          v-show=\"!(route.name === 'extensionLogin' && !route.query.register)\"\n        />\n      </div>\n      <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n          <LoginRegisterBanner\n            text=\"A feature-rich coding suite powered by AI\"\n            highlighertext=\"powered by AI\"\n          />\n        </div>\n\n        <div class=\"mt-10 h-full w-full rounded-md p-5 md:mt-5 lg:min-w-[50%]\">\n          <div class=\"flex items-center justify-center\">\n            <AuthOnboardingLabel\n              title=\"Sign in to JDoodle\"\n              customstyle=\"mt-5\n              text-sm font-normal\"\n              customstyleTitle=\"text-center text-3xl font-medium leading-10\"\n            />\n          </div>\n\n          <div class=\"mt-4 flex w-full flex-col sm:mt-5\">\n            <!-- Social Login -->\n            <div class=\"flex justify-center\">\n              <SocialLogin />\n            </div>\n            <div\n              class=\"p-xsmall flex items-center p-4 py-4 text-sm text-text-tertiary before:mr-6 before:flex-[1_1_0%] before:border before:border-neutral-100 after:ml-6 after:flex-[1_1_0%] after:border after:border-neutral-100\"\n            >\n              or\n            </div>\n          </div>\n          <div class=\"p-5\">\n            <!-- form -->\n            <form @submit.prevent=\"onSubmit\">\n              <div class=\"flex w-full flex-col items-center justify-center\">\n                <div class=\"w-full lg:w-[500px]\">\n                  <BaseInput\n                    id=\"login-email\"\n                    label=\"Email Address\"\n                    :inputType=\"'email'\"\n                    placeholder=\"ilovecoding@jdoodle.com\"\n                    autocomplete=\"email\"\n                    :error=\"emailError\"\n                    v-model=\"email\"\n                    :isBoldLabel=\"true\"\n                    :isLightMode=\"true\"\n                    :isLightGray=\"false\"\n                  />\n                  <BaseInput\n                    id=\"login_pwd\"\n                    label=\"Password\"\n                    :inputType=\"inputTypePassword\"\n                    placeholder=\"*****\"\n                    autocomplete=\"current-password\"\n                    :error=\"passwordError\"\n                    v-model=\"password\"\n                    :isBoldLabel=\"true\"\n                    :isPassword=\"true\"\n                    :isPasswordIcon=\"iconsToShow\"\n                    @click=\"handleShowPassword\"\n                    :isLightMode=\"true\"\n                    :isLightGray=\"false\"\n                    :isEnterKeySupport=\"true\"\n                  />\n\n                  <div class=\"text-secondary text-right text-base\">\n                    <Button\n                      variant=\"link\"\n                      type=\"button\"\n                      class=\"p-0 text-xs font-normal\"\n                      @click=\"forgotPasswordRedirect\"\n                    >\n                      Forgot Password ?</Button\n                    >\n                  </div>\n\n                  <p :class=\"['p-small', 'error', { hidden: !recapthaError }]\">\n                    {{ recapthaError }}\n                  </p>\n\n                  <p\n                    :class=\"[\n                      'p-small ',\n                      'text-center',\n                      { hidden: !httpError, 'text-sky-950': isloading, error: !isloading }\n                    ]\"\n                  >\n                    {{ httpError }}\n                  </p>\n                </div>\n              </div>\n\n              <vue-recaptcha\n                v-if=\"showRecaptcha\"\n                size=\"invisible\"\n                ref=\"rechaptha\"\n                :theme=\"colorTheme === 'dark' ? 'dark' : 'light'\"\n                :sitekey=\"sitekey || ''\"\n                @verify=\"recaptchaVerified\"\n                @fail=\"recaptchaError('Recaptcha failed. Please verify again.')\"\n                @error=\"recaptchaError\"\n              />\n\n              <div class=\"flex justify-center sm:mt-9\">\n                <Button\n                  :disabled=\"!canSubmit\"\n                  color=\"secondary\"\n                  variant=\"filled\"\n                  size=\"medium\"\n                  type=\"submit\"\n                  class=\"mt-6 h-[48px] sm:w-[171px]\"\n                >\n                  Sign In\n                </Button>\n              </div>\n            </form>\n\n            <div class=\"mt-1 text-center text-sm font-medium leading-tight\">\n              <span> New to JDoodle?</span>\n              <Button\n                type=\"button\"\n                color=\"secondary\"\n                variant=\"link\"\n                class=\"ml-1 mt-2 p-0 font-semibold\"\n                :data-hs-overlay=\"`#${AUTHMODELHS.REGISTER}`\"\n              >\n                Sign Up\n              </Button>\n            </div>\n\n            <!-- Terms and Condition -->\n            <div class=\"mt-9 flex justify-center text-sm\">\n              <p class=\"w-[232px] sm:w-auto\">\n                <span class=\"text-xs font-normal leading-normal\">\n                  By signing in, you accept our\n                </span>\n\n                <router-link\n                  to=\"/terms\"\n                  target=\"_blank\"\n                  class=\"text-xs font-normal leading-normal text-new-secondary-600 underline\"\n                  >Terms & Conditions</router-link\n                >\n                and\n                <router-link\n                  to=\"/privacy\"\n                  target=\"_blank\"\n                  class=\"text-xs font-normal leading-normal text-new-secondary-600 underline\"\n                  >Privacy Policy</router-link\n                >\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ModalLayoutAuth>\n</template>\n","import axios, { HttpStatusCode } from 'axios'\nimport type { IRestPasswordRequest } from './auth.service'\n\n/**\n * @description validate the OTP for forgot password\n * @param username The username of the user\n * @param otp The OTP entered by the user\n * @returns The response object containing the user details\n */\nconst verifyForgotPasswordOtp = async (username: string, otp: string) => {\n  return await axios\n    .post('/api/register/verifyResetPasswordOtp', { username: username, otp: otp })\n    .then(async (response) => {\n      if (response && response.status === HttpStatusCode.Ok) {\n        return response\n      }\n    })\n    .catch((error) => {\n      throw error\n    })\n}\n\n/**\n * @description validate the OTP for registered user\n * @param username The username of the user\n * @param otp The OTP entered by the user\n * @returns The response object containing the user details\n */\nconst verifyRegisteredPasswordOtp = async (username: string, otp: string) => {\n  return await axios\n    .post('/api/register/verifyOtpRegistration', { username: username, otp: otp })\n    .then(async (response) => {\n      if (response.status === HttpStatusCode.Ok) {\n        return response\n      }\n    })\n    .catch((error) => {\n      throw error\n    })\n}\n\n/**\n * @description resend the OTP for registered user\n * @param username The username of the user\n * @returns The response object containing the user details\n */\nconst resendRegisteredOtp = async (username: string) => {\n  return await axios\n    .post('/api/register/regenerateOtp', { username: username })\n    .then(async (response) => {\n      if (response.status === HttpStatusCode.Ok) {\n        return response\n      }\n    })\n    .catch((error) => {\n      throw error\n    })\n}\n\n/**\n * @param restPasswordRequest The reset password request object containing user credentials\n * @description This function is used to reset the user's password\n * @returns The response object containing the user details\n */\nconst resetForgotPasswordUsingOtp = async (restPasswordRequest: IRestPasswordRequest) => {\n  return await axios\n    .post('/api/register/resetPassword', restPasswordRequest)\n    .then((response) => {\n      return response\n    })\n    .catch((error) => {\n      throw error\n    })\n}\n\nexport default {\n  verifyForgotPasswordOtp,\n  verifyRegisteredPasswordOtp,\n  resendRegisteredOtp,\n  resetForgotPasswordUsingOtp\n}\n","<script setup lang=\"ts\">\nimport { ref, onBeforeMount, onMounted, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { RECAPTCHA_KEYS } from '@/utils/recaptcha'\nimport recaptchaService from '@/services/recaptcha.service'\nimport utilModelsService from '@/services/util.models.service'\nimport otpServices from '@/services/otp.service'\nimport authService, { type IForgotPasswordRequest } from '@/services/auth.service'\nimport { useAuthStore } from '@/stores/auth.store'\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport ModelLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport { until } from '@vueuse/core'\nimport { VueRecaptcha } from 'vue-recaptcha'\nimport { HttpStatusCode } from 'axios'\nimport { handleError } from '@/services/errorHandler.service'\nimport { getUserInvitation } from '@/services/teach.service'\n\nconst authStore = useAuthStore()\nconst route = useRoute()\n\nconst disableVerifyButton = ref<boolean>(true)\nconst sitekey = ref<string | null>(RECAPTCHA_KEYS.RECAPTCHALOGINSITEKEY)\nconst rechaptha = ref<any>(null)\nconst recapthaToken = ref<string>('')\nconst recapthaError = ref<string>('')\nconst showRecaptcha = ref<boolean>(false)\nconst isLoading = ref<boolean>(false)\nconst httpErrorTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpError = ref<string>('')\nconst httpSuccessTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpSuccess = ref<string>('')\nconst disableResendButton = ref<boolean>(true)\nconst otpInputs: string[] = []\nconst otpCombined = ref<string>('')\nconst resendCountdown = ref<number>(0)\nconst errorMessage = ref<string>('')\n\n/**\n * Handles the response from the reCAPTCHA verification and sets the token.\n * @param response - The reCAPTCHA response token.\n */\nconst recaptchaVerified = (response: string) => {\n  recapthaToken.value = response\n  recapthaError.value = ''\n}\n\n/**\n * Handles the reCAPTCHA error and sets the error message.\n * @param error - The reCAPTCHA error message.\n */\nconst recaptchaError = (error: string) => {\n  recapthaToken.value = ''\n  recapthaError.value = error\n  rechaptha.value.reset()\n}\n\n/**\n * @description Focus on next input for OTP\n * @param currentIndex - curent input index\n * @param direction - direction\n */\nfunction focusNextInput(currentIndex: number, direction: number) {\n  const targetIndex = currentIndex + direction\n  const inputElements = document.querySelectorAll('[data-focus-input-init]')\n\n  const targetElement = inputElements[targetIndex] as HTMLElement\n  if (targetElement) {\n    targetElement.focus()\n  }\n}\n\n/**\n * @description handles the key up event while entering OTP\n * @param index - index of the input\n * @param event - event from the keyboard\n */\nfunction handleKeyup(index: number, event: any) {\n  const target = event.target\n  const direction = target.value.length === 0 ? -1 : 1\n\n  otpInputs[index] = target.value\n\n  focusNextInput(index, direction)\n\n  otpCombined.value = otpInputs.join('')\n\n  if (otpCombined.value.length === 6) {\n    disableVerifyButton.value = false\n  } else {\n    disableVerifyButton.value = true\n  }\n}\n\n/**\n * @description handles the paste event while entering OTP\n * @param index - index of the input\n * @param event - event from the keyboard\n */\nfunction handlePaste(index: number, event: any) {\n  const pastedData = event.clipboardData.getData('text')\n  const inputElements = document.querySelectorAll('[data-focus-input-init]')\n  if (pastedData.length === 6 && /^\\d+$/.test(pastedData)) {\n    for (let i = 0; i < pastedData.length; i++) {\n      otpInputs[i] = pastedData[i]\n    }\n    otpCombined.value = otpInputs.join('')\n    disableVerifyButton.value = false\n\n    const targetElement = inputElements[6 - 1] as HTMLElement\n    if (targetElement) {\n      targetElement.focus()\n    }\n  } else {\n    for (let i = 0; i < pastedData.length; i++) {\n      otpInputs[i] = ''\n    }\n    otpCombined.value = ''\n    disableVerifyButton.value = true\n\n    const targetElement = inputElements[0] as HTMLElement\n    if (targetElement) {\n      targetElement.focus()\n    }\n    event.preventDefault()\n  }\n}\n\n/**\n * @description Verified Login Otp\n */\nconst verifyOtpLogin = async () => {\n  errorMessage.value = ''\n  if (otpCombined.value.length === 6) {\n    isLoading.value = true\n    await otpServices\n      .verifyForgotPasswordOtp(authStore.userEmailOtpVerified as string, otpCombined.value)\n      .then((res) => {\n        if (res?.status === HttpStatusCode.Ok) {\n          utilModelsService.closeModal(AUTHMODELHS.OTP)\n          utilModelsService.openModal(AUTHMODELHS.RESETPASSWORD)\n        }\n      })\n      .catch((error) => {\n        if (error.response.data.errorCode == 'OTP_DOES_NOT_MATCH') {\n          errorMessage.value =\n            'Sorry, the OTP you entered is incorrect. Please double-check your OTP and try again.'\n          otpInputs.fill('')\n        } else {\n          handleError(error)\n        }\n        return error.data\n      })\n      .finally(() => (isLoading.value = false))\n  }\n  authStore.setUserEnteredOtp(otpCombined.value)\n}\n\n/**\n * @description Verify Registered Api\n */\nconst verifyOtpRegister = async () => {\n  errorMessage.value = ''\n  if (otpCombined.value.length === 6) {\n    isLoading.value = true\n    await otpServices\n      .verifyRegisteredPasswordOtp(authStore.userEmailOtpVerified as string, otpCombined.value)\n      .then(async (res) => {\n        if (res?.status === HttpStatusCode.Ok) {\n          await getUserInvitation()\n          utilModelsService.closeModal(AUTHMODELHS.OTP)\n          utilModelsService.openModal(AUTHMODELHS.OTPVERIFIEDSUCCESS)\n        }\n      })\n      .catch((error) => {\n        if (error.response.data.errorCode == 'OTP_DOES_NOT_MATCH') {\n          errorMessage.value =\n            'Sorry, the OTP you entered is incorrect. Please double-check your OTP and try again.'\n        } else {\n          handleError(error)\n        }\n      })\n      .finally(() => {\n        isLoading.value = false\n      })\n  }\n}\n\n/**\n * @description Generate OTP for account registration\n */\nconst initiateOtp = async () => {\n  errorMessage.value = ''\n  isLoading.value = true\n\n  await otpServices\n    .resendRegisteredOtp(authStore.userEmailOtpVerified as string)\n    .then((res) => {\n      if (res?.status === HttpStatusCode.Ok) {\n        isLoading.value = false\n      }\n    })\n    .catch((error) => {\n      if (error.response.data.errorCode == 'OTP_DOES_NOT_MATCH') {\n        errorMessage.value =\n          'Sorry, the OTP you entered is incorrect. Please double-check your OTP and try again.'\n      } else if (error.response.data.errorCode == 'OTP_ALREADY_GENERATED') {\n        errorMessage.value = 'Sorry, the OTP is already generated. Please try again after some time'\n      }\n      isLoading.value = false\n      return error.data\n    })\n}\n/**\n * to resent otp when user forgot password\n */\nconst initiateOtpForgotPassword = async () => {\n  errorMessage.value = ''\n  isLoading.value = true\n  rechaptha.value.execute()\n  await until(recapthaToken).changed()\n\n  if (!recapthaToken.value || recapthaError.value) {\n    isLoading.value = false\n    return\n  }\n\n  const requestPayload: IForgotPasswordRequest = {\n    email: authStore.userEmailOtpVerified as string,\n    gc: recapthaToken.value\n  }\n\n  await authService\n    .forgotPassword(requestPayload)\n    .then((response: any) => {\n      if (response.status === HttpStatusCode.Ok) {\n        errorMessage.value = ''\n      }\n    })\n    .catch((error: any) => {\n      if (error?.response?.data.errorCode == 'OTP_ALREADY_GENERATED') {\n        errorMessage.value =\n          'OTP has already been generated. Please wait sometime before generating again'\n      }\n    })\n    .finally(() => {\n      recapthaToken.value = ''\n      rechaptha.value.reset()\n      isLoading.value = false\n    })\n}\n\n/**\n * @description Resend the OTP\n * @param hasInitiated - has initiated the delete\n */\nconst handleResend = (hasInitiated: boolean = true) => {\n  disableVerifyButton.value = true\n  if (hasInitiated === true && authStore.otpRedirectFrom != 'Login') {\n    initiateOtp()\n  } else {\n    initiateOtpForgotPassword()\n  }\n  disableResendButton.value = false\n  resendCountdown.value = 120\n  const intervalId = setInterval(() => {\n    resendCountdown.value--\n    if (resendCountdown.value === 0) {\n      clearInterval(intervalId)\n      disableResendButton.value = true\n      disableVerifyButton.value = false\n    }\n  }, 1000)\n}\n\n/**\n * If prop is true, page retrieves data again from API after changes from modal\n */\nconst handleLoadDataWhenClose = () => {\n  authStore.setRedirectTo(null)\n}\n\nonBeforeMount(async () => {\n  sitekey.value = await recaptchaService.getRechapthaKey(RECAPTCHA_KEYS.RECAPTCHALOGINSITEKEY)\n})\nonMounted(async () => {\n  await utilModelsService.onOpenModel((hs: string | null) => {\n    if ((hs === AUTHMODELHS.FORGOTPASSWORD || hs === AUTHMODELHS.OTP) && !showRecaptcha.value) {\n      showRecaptcha.value = true\n    }\n  })\n  watch(httpError, () => {\n    if (httpError.value) {\n      if (httpErrorTimeOut.value) clearTimeout(httpErrorTimeOut.value)\n      httpErrorTimeOut.value = setTimeout(() => {\n        httpError.value = ''\n      }, 8000)\n    }\n  })\n  watch(httpSuccess, () => {\n    if (httpSuccess.value) {\n      if (httpSuccessTimeOut.value) clearTimeout(httpSuccessTimeOut.value)\n      httpSuccessTimeOut.value = setTimeout(() => {\n        httpSuccess.value = ''\n      }, 8000)\n    }\n  })\n})\n</script>\n\n<template>\n  <ModelLayoutAuth :hs=\"AUTHMODELHS.OTP\">\n    <div class=\"flex h-screen w-full flex-col\">\n      <div class=\"absolute right-0 flex justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${AUTHMODELHS.OTP}`\"\n          @click=\"handleLoadDataWhenClose\"\n          v-show=\"!(route.name === 'extensionLogin' && !route.query.register)\"\n        />\n      </div>\n      <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n          <LoginRegisterBanner\n            text=\"Share your best code in a few seconds!\"\n            highlighertext=\"few seconds!\"\n          />\n        </div>\n\n        <div class=\"mt-5 h-full w-full rounded-md p-1 sm:p-5 lg:min-w-[50%]\">\n          <div class=\"mt-10 flex items-center justify-center sm:mt-0\">\n            <AuthOnboardingLabel\n              title=\"Verify your email\"\n              description=\"Hear that? Your email is buzzing with an OTP. This code is valid for the next\"\n              customstyle=\"ml-5 mt-5 text-lg font-medium leading-7\"\n              additionaltext=\"30 minutes.\"\n              customstyleTitle=\"text-center text-3xl font-medium leading-10\"\n            />\n          </div>\n          <div class=\"mt-5 flex flex-col sm:mt-0 sm:p-5\">\n            <div class=\"flex w-full items-center justify-center\">\n              <div class=\"flex max-w-[389px] flex-col items-start justify-center\">\n                <div class=\"text-start text-lg font-semibold leading-normal\">OTP Verification</div>\n                <div class=\"mt-4 text-sm font-normal leading-tight\">\n                  Please enter the 6-digit verification sent to\n                </div>\n                <!-- Please help with improvement for below div OTP input -->\n                <div>\n                  <div class=\"mt-3 flex space-x-2.5\">\n                    <!-- PIN Input fields -->\n                    <input\n                      class=\"h-14 w-1/6 rounded-xl border border-[#DDD] bg-[#FCFCFC] text-center font-medium text-text-primary outline-none focus:border-blue-500 focus:ring-blue-500 disabled:pointer-events-none disabled:opacity-50\"\n                      v-for=\"(input, index) in 6\"\n                      :key=\"index\"\n                      :id=\"`input-${index}`\"\n                      :value=\"otpInputs[index]\"\n                      @keyup=\"handleKeyup(index, $event)\"\n                      @paste=\"handlePaste(index, $event)\"\n                      data-focus-input-init\n                      type=\"text\"\n                      maxlength=\"1\"\n                    />\n                  </div>\n                  <div class=\"flex justify-end\">\n                    <p v-if=\"!disableResendButton\" class=\"p-xsmall mt-2 text-gray-400\">\n                      Resend OTP in {{ resendCountdown }} seconds\n                    </p>\n                    <Button\n                      v-else\n                      type=\"button\"\n                      color=\"secondary\"\n                      variant=\"link\"\n                      class=\"mt-5 p-0 font-normal\"\n                      :disabled=\"!disableResendButton\"\n                      @click=\"handleResend(true)\"\n                    >\n                      Resend Code ?\n                    </Button>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div class=\"mt-6 text-center\" v-show=\"errorMessage\">\n              <FontAwesomeIcon icon=\"fa-circle-exclamation\" class=\"text-md mr-2 text-red-500\" />\n              <span class=\"whitespace-break-spaces text-sm font-medium\">\n                {{ errorMessage }}\n              </span>\n            </div>\n            <div class=\"mt-6 text-center\" v-show=\"isLoading\">\n              <span class=\"text-md whitespace-break-spaces font-medium text-sky-950\">\n                Checking your OTP. Please wait...\n              </span>\n            </div>\n            <div class=\"mt-10 flex justify-center lg:mx-32\">\n              <Button\n                @click=\"\n                  authStore.otpRedirectFrom == 'Login' ? verifyOtpLogin() : verifyOtpRegister()\n                \"\n                :disabled=\"disableVerifyButton\"\n                color=\"secondary\"\n                variant=\"filled\"\n                size=\"medium\"\n                class=\"mt-6 h-[48px] sm:w-[171px]\"\n              >\n                Verify OTP\n              </Button>\n            </div>\n\n            <vue-recaptcha\n              v-if=\"showRecaptcha\"\n              size=\"invisible\"\n              ref=\"rechaptha\"\n              :sitekey=\"sitekey || ''\"\n              @verify=\"recaptchaVerified\"\n              @fail=\"recaptchaError('Recaptcha failed. Please verify again.')\"\n              @error=\"recaptchaError\"\n            />\n            <p :class=\"['p-xsmall ', 'error', { hidden: !recapthaError }]\">\n              {{ recapthaError }}\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- form -->\n  </ModelLayoutAuth>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, watchEffect } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { useAuthStore } from '@/stores/auth.store'\nimport type { IRestPasswordRequest } from '@/services/auth.service'\nimport authService from '@/services/auth.service'\nimport otpService from '@/services/otp.service'\nimport utilModelsService from '@/services/util.models.service'\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport ModelLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport { useField, useForm } from 'vee-validate'\n\nimport { string } from 'yup'\n\nimport { HttpStatusCode } from 'axios'\nimport { handleError } from '@/services/errorHandler.service'\n\nconst route = useRoute()\nconst authStore = useAuthStore()\n\nconst { errors, handleSubmit, resetForm } = useForm()\n\nconst { value: password, errorMessage: passwordError } = useField(\n  'newPassword',\n  string().required().min(5)\n)\nconst { value: confirmPassword, errorMessage: confirmPasswordError } = useField(\n  'retypeNewPassword',\n  string().required().min(5)\n)\n\nconst showRecaptcha = ref<boolean>(false)\nconst httpError = ref<string>('')\nconst resetError = ref('')\nconst inputTypePassword = ref<string>('password')\nconst inputTypeConfirmPassword = ref<string>('password')\nconst isLoading = ref<boolean>(false)\n\nconst showGoback = ref<boolean>(false)\n\nconst passwordNotMatchError = ref<string>('')\nconst togglePasswordEyeIcon = ref<boolean>(false)\nconst toggleConfirmPasswordEyeIcon = ref<boolean>(false)\n\nconst iconsToShow = computed(() => {\n  if (togglePasswordEyeIcon.value) {\n    return 'fa-regular fa-eye-slash'\n  } else {\n    return 'fa-regular fa-eye'\n  }\n})\n\nconst iconsToShowConfirm = computed(() => {\n  if (toggleConfirmPasswordEyeIcon.value) {\n    return 'fa-regular fa-eye-slash'\n  } else {\n    return 'fa-regular fa-eye'\n  }\n})\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0 && !passwordNotMatchError.value\n})\n\n/**\n * If prop is true, page retrieves data again from API after changes from modal\n */\nconst handleLoadDataWhenClose = () => {\n  authStore.setRedirectTo(null)\n}\n\n/**\n *  Toggle to show and hide password\n */\nconst handleShowPassword = () => {\n  if (inputTypePassword.value === 'password') {\n    inputTypePassword.value = 'text'\n    togglePasswordEyeIcon.value = false\n  } else {\n    inputTypePassword.value = 'password'\n    togglePasswordEyeIcon.value = true\n  }\n}\n\n/**\n *  Toggle to show and hide password\n */\nconst handleShowConfirmPassword = () => {\n  if (inputTypeConfirmPassword.value === 'password') {\n    inputTypeConfirmPassword.value = 'text'\n    toggleConfirmPasswordEyeIcon.value = false\n  } else {\n    inputTypeConfirmPassword.value = 'password'\n    toggleConfirmPasswordEyeIcon.value = true\n  }\n}\n/**\n * Close reset password model\n */\nconst closeResetPasswordModel = async () => {\n  await authService.initAuth()\n  utilModelsService.closeModal(AUTHMODELHS.LOGIN)\n}\n\nconst onSubmit = handleSubmit(async (values) => {\n  const requestPayload: IRestPasswordRequest = {\n    username: authStore.userEmailOtpVerified!,\n    otp: authStore.userEnteredOtp!,\n    newPassword: values.newPassword,\n    retypeNewPassword: values.retypeNewPassword\n  }\n\n  isLoading.value = true\n  await otpService\n    .resetForgotPasswordUsingOtp(requestPayload)\n    .then((res) => {\n      if (res?.status === HttpStatusCode.Ok) {\n        resetError.value = ''\n        httpError.value = ''\n        resetForm()\n        showGoback.value = true\n      }\n    })\n    .catch((error: any) => {\n      handleError(error)\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n})\n\nonMounted(async () => {\n  await utilModelsService.onOpenModel((hs: string | null) => {\n    if (hs === AUTHMODELHS.FORGOTPASSWORD && !showRecaptcha.value) {\n      showRecaptcha.value = true\n    }\n  })\n\n  watchEffect(() => {\n    if (password.value !== confirmPassword.value) {\n      passwordNotMatchError.value = 'Password does not match'\n    } else {\n      passwordNotMatchError.value = ''\n    }\n  })\n})\nonBeforeUnmount(() => {\n  window.removeEventListener('open.hs.overlay', () => {})\n})\n</script>\n\n<template>\n  <ModelLayoutAuth :hs=\"AUTHMODELHS.RESETPASSWORD\">\n    <div class=\"flex h-screen w-full flex-col\">\n      <div class=\"absolute right-0 flex justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${AUTHMODELHS.RESETPASSWORD}`\"\n          @click=\"handleLoadDataWhenClose\"\n          v-show=\"!(route.name === 'extensionLogin' && !route.query.register)\"\n        />\n      </div>\n      <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n          <LoginRegisterBanner\n            text=\"A feature-rich coding suite powered by AI\"\n            highlighertext=\"powered by AI\"\n          />\n        </div>\n\n        <div class=\"mt-10 h-full w-full rounded-md sm:mt-8 lg:min-w-[50%]\">\n          <div class=\"flex items-center justify-center\">\n            <AuthOnboardingLabel\n              title=\"Set your new password\"\n              customstyleTitle=\"text-center text-3xl font-medium leading-10\"\n            />\n          </div>\n\n          <div class=\"p-5\">\n            <div v-if=\"showGoback\" class=\"mt-10 flex flex-col gap-x-5\">\n              <div class=\"flex flex-row items-center justify-center\">\n                <FontAwesomeIcon :icon=\"'circle-check'\" class=\"mt-1 h-6 w-6 flex-shrink-0\" />\n                <div>\n                  <h3 class=\"heading-small\">Your password has been reset successfully</h3>\n                </div>\n              </div>\n              <div\n                class=\"mt-10 text-center text-sm font-medium leading-tight text-sky-950 dark:text-neutral-300\"\n              >\n                <Button\n                  color=\"secondary\"\n                  size=\"medium\"\n                  variant=\"filled\"\n                  class=\"mt-6 h-[48px] sm:w-[171px]\"\n                  @click=\"closeResetPasswordModel\"\n                >\n                  Go to Homepage</Button\n                >\n              </div>\n            </div>\n            <form v-else @submit.prevent=\"onSubmit\" class=\"w-[90%]\">\n              <div class=\"flex w-full flex-col items-center justify-center\">\n                <div class=\"w-full lg:w-[500px]\">\n                  <BaseInput\n                    label=\"New Password\"\n                    :inputType=\"inputTypePassword\"\n                    placeholder=\"*****\"\n                    :error=\"passwordError\"\n                    v-model=\"password\"\n                    :isBoldLabel=\"true\"\n                    :isPassword=\"true\"\n                    :isPasswordIcon=\"iconsToShow\"\n                    @click=\"handleShowPassword\"\n                  />\n\n                  <BaseInput\n                    id=\"reset-pass\"\n                    label=\"Confirm Password\"\n                    :inputType=\"inputTypeConfirmPassword\"\n                    placeholder=\"*****\"\n                    :error=\"confirmPasswordError\"\n                    v-model=\"confirmPassword\"\n                    :isBoldLabel=\"true\"\n                    :isPassword=\"true\"\n                    :isPasswordIcon=\"iconsToShowConfirm\"\n                    @click=\"handleShowConfirmPassword\"\n                  />\n                  <p :class=\"['mt-2', 'p-small', 'error', { hidden: !passwordNotMatchError }]\">\n                    {{ passwordNotMatchError }}\n                  </p>\n                  <p :class=\"['mt-5', 'p-small', 'text-center', 'text-sky-950']\" v-if=\"isLoading\">\n                    Updating your password. Please wait...\n                  </p>\n                  <p :class=\"['mt-2', 'p-small', 'error', { hidden: !httpError }]\">\n                    {{ httpError }}\n                  </p>\n                </div>\n              </div>\n\n              <div class=\"flex justify-center sm:mt-9\">\n                <Button\n                  :disabled=\"!canSubmit\"\n                  color=\"secondary\"\n                  size=\"medium\"\n                  variant=\"filled\"\n                  class=\"mt-6 h-[48px] sm:w-[171px]\"\n                  type=\"submit\"\n                >\n                  Reset Password</Button\n                >\n              </div>\n            </form>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- form -->\n  </ModelLayoutAuth>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeMount, onMounted, ref, watchEffect, watch } from 'vue'\nimport { useRoute } from 'vue-router'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { RECAPTCHA_KEYS } from '@/utils/recaptcha'\nimport recaptchaService from '@/services/recaptcha.service'\nimport authService, { type IRegisterRequest } from '@/services/auth.service'\nimport utilModelsService from '@/services/util.models.service'\nimport { useAuthStore } from '@/stores/auth.store'\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport SocialLogin from '@/components/header/auth/SocialLoginComp.vue'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport ModelLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\n\nimport { useField, useForm } from 'vee-validate'\nimport { VueRecaptcha } from 'vue-recaptcha'\nimport { string } from 'yup'\n\nconst authStore = useAuthStore()\nconst route = useRoute()\n\nconst colorTheme = ref<string>('light')\nconst { errors, handleSubmit, resetForm } = useForm()\n\nconst { value: email, errorMessage: emailError } = useField('username', string().required().email())\n\nconst { value: password, errorMessage: passwordError } = useField(\n  'password',\n  string().required().min(5)\n)\nconst { value: confirmPassword, errorMessage: confirmPasswordError } = useField(\n  'confirmPassword',\n  string().required().min(5)\n)\n\nconst sitekey = ref<string | null>(RECAPTCHA_KEYS.RECAPTCHAREGISTERSITEKEY)\nconst rechaptha = ref<any>(null)\nconst recapthaToken = ref<string>('')\nconst recapthaError = ref<string>('')\nconst showRecaptcha = ref<boolean>(false)\nconst inputTypePassword = ref<string>('password')\nconst inputTypeConfirmPassword = ref<string>('password')\n\nconst httpError = ref<string>('')\n// const httpSuccessTimeOut = ref<number | null>(null)\nconst showRegisterSuccess = ref<boolean>(false)\nconst isLoading = ref<boolean>(false)\nconst passwordNotMatchError = ref<string>('')\nconst togglePasswordEyeIcon = ref<boolean>(false)\nconst toggleConfirmPasswordEyeIcon = ref<boolean>(false)\n\nconst iconsToShow = computed(() => {\n  if (togglePasswordEyeIcon.value) {\n    return 'fa-regular fa-eye'\n  } else {\n    return 'fa-regular fa-eye-slash'\n  }\n})\n\nconst iconsToShowConfirm = computed(() => {\n  if (toggleConfirmPasswordEyeIcon.value) {\n    return 'fa-regular fa-eye'\n  } else {\n    return 'fa-regular fa-eye-slash'\n  }\n})\n\nconst canSubmit = computed(() => {\n  return (\n    Object.keys(errors.value).length === 0 &&\n    recapthaToken.value &&\n    !recapthaError.value &&\n    !passwordNotMatchError.value &&\n    !isLoading.value\n  )\n})\n\n/**\n * Handles the response from the reCAPTCHA verification and sets the token.\n * @param response - The reCAPTCHA response token.\n */\nconst recaptchaVerified = (response: string) => {\n  recapthaToken.value = response\n  recapthaError.value = ''\n}\n\n/**\n * Handles the reCAPTCHA error and sets the error message.\n * @param error - The reCAPTCHA error message.\n */\nconst recaptchaError = (error: string) => {\n  recapthaToken.value = ''\n  recapthaError.value = error\n  rechaptha.value.reset()\n}\n\nconst onSubmit = handleSubmit(async (values) => {\n  if (!recapthaToken.value || recapthaError.value) {\n    recaptchaError('Please click on \"I\\'m not a robot\"')\n    return\n  }\n  const requestPayload: IRegisterRequest = {\n    username: values.username,\n    newPassword: values.password,\n    retypePassword: values.confirmPassword,\n    recaptcha: recapthaToken.value\n  }\n  isLoading.value = true\n  await authService\n    .register(requestPayload)\n    .then(async (res) => {\n      if (res.data.message == 'Registered Successfully') {\n        httpError.value = ''\n        resetForm()\n        authStore.setOtpRedirectFrom('Register')\n        authStore.setUserEmailForOTPVerified(values.username)\n        utilModelsService.closeModal(AUTHMODELHS.REGISTER)\n        utilModelsService.openModal(AUTHMODELHS.OTP)\n      }\n    })\n    .catch((error: any) => {\n      httpError.value = error?.response?.data?.message\n    })\n    .finally(() => {\n      recapthaToken.value = ''\n      rechaptha.value.reset()\n      isLoading.value = false\n    })\n})\n\n/**\n * If prop is true, page retrieves data again from API after changes from modal\n */\nconst handleLoadDataWhenClose = () => {\n  authStore.setRedirectTo(null)\n}\n\n/**\n *  Toggle to show and hide password\n */\nconst handleShowPassword = () => {\n  if (inputTypePassword.value === 'password') {\n    inputTypePassword.value = 'text'\n    togglePasswordEyeIcon.value = true\n  } else {\n    inputTypePassword.value = 'password'\n    togglePasswordEyeIcon.value = false\n  }\n}\n/**\n *  Toggle to show and hide password\n */\nconst handleShowConfirmPassword = () => {\n  if (inputTypeConfirmPassword.value === 'password') {\n    inputTypeConfirmPassword.value = 'text'\n    toggleConfirmPasswordEyeIcon.value = true\n  } else {\n    inputTypeConfirmPassword.value = 'password'\n    toggleConfirmPasswordEyeIcon.value = false\n  }\n}\nonBeforeMount(async () => {\n  sitekey.value = await recaptchaService.getRechapthaKey(RECAPTCHA_KEYS.RECAPTCHAREGISTERSITEKEY)\n})\nonMounted(async () => {\n  await utilModelsService.onOpenModel((hs: string | null) => {\n    if (hs === AUTHMODELHS.REGISTER && !showRecaptcha.value) {\n      showRecaptcha.value = true\n    }\n  })\n  showRegisterSuccess.value = false\n  watchEffect(() => {\n    if (password.value !== confirmPassword.value) {\n      passwordNotMatchError.value = 'Password does not match'\n    } else {\n      passwordNotMatchError.value = ''\n    }\n  })\n})\nwatch(\n  () => authStore.emailFromInvitationMail,\n  (userEmail) => {\n    if (userEmail) {\n      email.value = userEmail\n    } else {\n      resetForm()\n    }\n  }\n)\n</script>\n\n<template>\n  <ModelLayoutAuth :hs=\"AUTHMODELHS.REGISTER\">\n    <div class=\"flex h-screen w-full flex-col\">\n      <div class=\"absolute right-0 flex w-full justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${AUTHMODELHS.REGISTER}`\"\n          @click=\"handleLoadDataWhenClose\"\n          v-show=\"!(route.name === 'extensionLogin' && !route.query.register)\"\n        />\n      </div>\n      <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n          <LoginRegisterBanner\n            text=\"A feature-rich coding suite powered by AI\"\n            highlighertext=\"powered by AI\"\n          />\n        </div>\n        <div class=\"mt-10 h-full w-full rounded-md p-5 md:mt-5 lg:min-w-[50%]\">\n          <div class=\"flex items-center justify-center\">\n            <AuthOnboardingLabel\n              title=\"Create your JDoodle account\"\n              customstyleTitle=\"text-center text-3xl font-medium leading-10\"\n            />\n          </div>\n          <div class=\"mt-4 flex w-full flex-col sm:mt-5\">\n            <!-- Social Login -->\n            <div class=\"flex justify-center\">\n              <SocialLogin v-if=\"!showRegisterSuccess\" />\n            </div>\n            <div\n              class=\"p-xsmall flex items-center p-4 py-4 text-sm text-text-tertiary before:mr-6 before:flex-[1_1_0%] before:border before:border-neutral-100 after:ml-6 after:flex-[1_1_0%] after:border after:border-neutral-100\"\n            >\n              or\n            </div>\n          </div>\n          <div class=\"p-5\">\n            <!-- form -->\n            <form @submit.prevent=\"onSubmit\" v-if=\"!showRegisterSuccess\">\n              <div class=\"flex w-full flex-col items-center justify-center\">\n                <div class=\"w-full lg:w-[500px]\">\n                  <BaseInput\n                    id=\"register-email\"\n                    label=\"Email Address\"\n                    :inputType=\"'email'\"\n                    placeholder=\"ilovecoding@jdoodle.com\"\n                    autocomplete=\"email\"\n                    :error=\"emailError\"\n                    v-model=\"email\"\n                    :isLightMode=\"true\"\n                    :isLightGray=\"false\"\n                  />\n\n                  <BaseInput\n                    id=\"register_pwd\"\n                    label=\"Password\"\n                    :inputType=\"inputTypePassword\"\n                    placeholder=\"*****\"\n                    :error=\"passwordError\"\n                    v-model=\"password\"\n                    :isPassword=\"true\"\n                    :isPasswordIcon=\"iconsToShow\"\n                    @click=\"handleShowPassword\"\n                    :isLightMode=\"true\"\n                    :isLightGray=\"false\"\n                    :isEnterKeySupport=\"true\"\n                  />\n\n                  <BaseInput\n                    id=\"register-pass\"\n                    label=\"Confirm Password\"\n                    :inputType=\"inputTypeConfirmPassword\"\n                    placeholder=\"*****\"\n                    :error=\"confirmPasswordError\"\n                    v-model=\"confirmPassword\"\n                    class=\"mb-5\"\n                    :isPassword=\"true\"\n                    :isPasswordIcon=\"iconsToShowConfirm\"\n                    @click=\"handleShowConfirmPassword\"\n                    :isLightMode=\"true\"\n                    :isLightGray=\"false\"\n                    :isEnterKeySupport=\"true\"\n                  />\n                  <p :class=\"['p-xsmall mb-5', 'error', { hidden: !passwordNotMatchError }]\">\n                    {{ passwordNotMatchError }}\n                  </p>\n\n                  <div class=\"mb-5\">\n                    <vue-recaptcha\n                      v-if=\"showRecaptcha\"\n                      ref=\"rechaptha\"\n                      :sitekey=\"sitekey || ''\"\n                      :theme=\"colorTheme === 'dark' ? 'dark' : 'light'\"\n                      @verify=\"recaptchaVerified\"\n                      @expired=\"recaptchaError('Recaptcha expired. Please verify again.')\"\n                      @fail=\"recaptchaError('Recaptcha failed. Please verify again.')\"\n                      @error=\"recaptchaError\"\n                    />\n                    <p :class=\"['p-xsmall ', 'error', { hidden: !recapthaError }]\">\n                      {{ recapthaError }}\n                    </p>\n                  </div>\n                </div>\n                <p :class=\"['p-small', 'error', { hidden: !httpError }]\">\n                  {{ httpError }}\n                </p>\n\n                <p :class=\"['p-small', 'text-center', 'text-sky-950', { hidden: !isLoading }]\">\n                  Registration in progress. Please wait...\n                </p>\n              </div>\n\n              <div class=\"mt-9 flex w-full justify-center\">\n                <Button\n                  :disabled=\"!canSubmit\"\n                  color=\"secondary\"\n                  variant=\"filled\"\n                  size=\"medium\"\n                  type=\"submit\"\n                  class=\"px-4 py-3 sm:w-44\"\n                  >Sign Up\n                </Button>\n              </div>\n            </form>\n\n            <!-- Success message -->\n\n            <div class=\"text-center text-sm\" v-if=\"!showRegisterSuccess\">\n              <div class=\"mt-1 text-center text-sm font-medium leading-tight\">\n                <span>Already have an account?</span>\n                <Button\n                  type=\"button\"\n                  color=\"secondary\"\n                  variant=\"link\"\n                  class=\"ml-1 mt-2 p-0 font-semibold\"\n                  :data-hs-overlay=\"`#${AUTHMODELHS.LOGIN}`\"\n                >\n                  Sign In</Button\n                >\n              </div>\n\n              <!-- Terms and Condition -->\n              <div class=\"mt-6 flex justify-center\">\n                <p>\n                  <span class=\"text-xs font-normal leading-normal\">\n                    By signing in, you accept our\n                  </span>\n\n                  <router-link\n                    to=\"/terms\"\n                    target=\"_blank\"\n                    class=\"text-xs font-normal leading-normal text-new-secondary-600 underline\"\n                    >Terms & Conditions</router-link\n                  >\n                  and\n                  <router-link\n                    to=\"/privacy\"\n                    target=\"_blank\"\n                    class=\"text-xs font-normal leading-normal text-new-secondary-600 underline\"\n                    >Privacy Policy</router-link\n                  >\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </ModelLayoutAuth>\n</template>\n","<script setup lang=\"ts\">\nimport { useRoute } from 'vue-router'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { useAuthStore } from '@/stores/auth.store'\nimport authService from '@/services/auth.service'\nimport utilModelsService from '@/services/util.models.service'\nimport closeIcon from '@/assets/images/svg/AuthOnboarding/CloseButton.svg'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport ModelLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport { useOrganisationStore } from '@/stores/organisation.store'\nimport { computed } from 'vue'\n\nconst route = useRoute()\nconst authStore = useAuthStore()\n\nconst organisationStore = useOrganisationStore()\n\nconst invitations = computed(() => {\n  return organisationStore.userInvitations\n})\n\n/**\n * If prop is true, page retrieves data again from API after changes from modal\n */\nconst handleLoadDataWhenClose = async () => {\n  authStore.setRedirectTo(null)\n  await authService.initAuth(true)\n}\n/**\n * Redirect to home page after OTP verification\n */\nconst continueRedirectToHome = async () => {\n  if (invitations.value && invitations.value?.length > 0) {\n    await authService.initAuth(true, false)\n    utilModelsService.closeModal(AUTHMODELHS.OTPVERIFIEDSUCCESS)\n    utilModelsService.openModal(AUTHMODELHS.INVITEACCEPT)\n  } else {\n    await authService.initAuth(true)\n    utilModelsService.closeModal(AUTHMODELHS.OTPVERIFIEDSUCCESS)\n  }\n}\n</script>\n\n<template>\n  <ModelLayoutAuth :hs=\"AUTHMODELHS.OTPVERIFIEDSUCCESS\">\n    <div class=\"flex h-screen w-full flex-col\">\n      <div class=\"absolute right-0 flex justify-end\">\n        <img\n          :src=\"closeIcon\"\n          alt=\"Close\"\n          class=\"link-primary hs-collapse-toggle mr-5 mt-2 h-[20px] w-[20px] cursor-pointer transition-all\"\n          :data-hs-overlay=\"`#${AUTHMODELHS.LOGIN}`\"\n          @click=\"handleLoadDataWhenClose\"\n          v-show=\"!(route.name === 'extensionLogin' && !route.query.register)\"\n        />\n      </div>\n      <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n        <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n          <LoginRegisterBanner\n            text=\"A feature-rich coding suite powered by AI\"\n            highlighertext=\"powered by AI\"\n          />\n        </div>\n\n        <div class=\"mt-10 h-full w-full rounded-md sm:mt-8 lg:min-w-[50%]\">\n          <div class=\"flex flex-col items-center justify-center\">\n            <div>\n              <AuthOnboardingLabel\n                title=\"OTP successfully verified\"\n                customstyle=\"mt-5 text-sky-950 text-xl font-medium leading-7 text-center sm:text-start xl:text-start 2xl:text-start\"\n                customstyleTitle=\"text-center text-3xl font-medium leading-10\"\n              />\n            </div>\n            <div class=\"mt-10 flex w-full items-start justify-center\">\n              <div\n                class=\"flex flex-col items-center sm:items-center lg:w-[90%] xl:ml-1 xl:items-center\"\n              >\n                <div\n                  class=\"flex flex-col flex-wrap items-center gap-2 sm:items-center lg:flex-col xl:flex-row xl:items-center 2xl:flex-row\"\n                >\n                  <span class=\"text-lg font-normal leading-7\">\n                    Now you can save projects in JDoodle IDE, get more JDroid credits, and access\n                    advanced features like Compiler APIs and Embeds.\n                  </span>\n                  <span class=\"mt-2 w-full text-lg font-normal leading-7\"> Happy Coding! </span>\n                </div>\n              </div>\n            </div>\n            <div class=\"mt-28 flex w-full items-center justify-center p-5 sm:w-44 sm:p-0\">\n              <Button\n                type=\"submit\"\n                @click=\"continueRedirectToHome\"\n                color=\"secondary\"\n                variant=\"filled\"\n                size=\"medium\"\n                class=\"sm:w-44\"\n              >\n                Continue\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n    <!-- form -->\n  </ModelLayoutAuth>\n</template>\n","export default \"__VITE_ASSET__f1142711__\"","<script setup lang=\"ts\">\nimport { computed, onMounted, ref, watch } from 'vue'\nimport { onboardingSave } from '@/services/onboarding.service'\nimport OnboardingPersonalDetailsBanner from '@/components/header/auth/AuthOnboardingAdvBanner/OnboardingPersonalDetailsBanner.vue'\nimport { ONBOARDING_STEPS } from '@/components/header/auth/OnboardingFlow/enum/onboarding.enum'\nimport BaseInput from '@/components/forms/BaseInput.vue'\nimport AuthOnboardingLabel from '@/components/header/auth/AuthOnboardingLabel.vue'\nimport type { IOnboardingSave } from '@/components/organisation/interface/IOnboardingSteps'\nimport Button from '@/components/atoms/button/index.vue'\nimport { HttpStatusCode } from 'axios'\nimport { useField, useForm } from 'vee-validate'\nimport { string } from 'yup'\nimport { useAuthStore } from '@/stores/auth.store'\n\nconst props = defineProps({\n  currentOnboardingSteps: {\n    type: Function,\n    required: true\n  },\n  prefilledValues: {\n    type: Object,\n    required: false\n  }\n})\nconst { errors, handleSubmit } = useForm()\nconst { value: firstname, errorMessage: firstNameError } = useField(\n  'firstname',\n  string().required().min(1)\n)\nconst { value: lastname, errorMessage: lastNameError } = useField('lastname', string())\n\nconst isLoading = ref<boolean>(false)\nconst httpError = ref<string>('')\nconst authStore = useAuthStore()\n\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0 && !isLoading.value\n})\n\nconst onSubmit = handleSubmit(async (values) => {\n  let requestObj: IOnboardingSave = {\n    firstName: values.firstname,\n    lastName: values.lastname,\n    onboarded: false,\n    step: 2\n  }\n  isLoading.value = true\n  httpError.value = ''\n  await onboardingSave(requestObj)\n    .then((res: any) => {\n      if (res?.status == HttpStatusCode.Ok) {\n        props.currentOnboardingSteps(ONBOARDING_STEPS.PROFESSIONAL, requestObj)\n      }\n    })\n    .catch(() => {\n      httpError.value = 'Something went wrong please try again'\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n})\n\n/**\n * Checking the data for first name and last name\n */\nconst checkingFirstLastName = () => {\n  firstname.value = props?.prefilledValues?.firstName || authStore?.onboardingSteps?.firstName\n  lastname.value = props?.prefilledValues?.lastName || authStore?.onboardingSteps?.lastName || ''\n}\n\nonMounted(() => {\n  checkingFirstLastName()\n})\n\nwatch(\n  () => [authStore?.onboardingSteps?.firstName, props?.prefilledValues?.firstName],\n  () => {\n    checkingFirstLastName()\n  }\n)\n</script>\n\n<template>\n  <div class=\"flex h-screen w-full flex-col\">\n    <div class=\"flex w-full flex-1 p-1 sm:p-5\">\n      <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n        <OnboardingPersonalDetailsBanner />\n      </div>\n\n      <div class=\"mt-5 h-full w-full rounded-md lg:min-w-[50%]\">\n        <div class=\"flex w-full items-center justify-center p-5\">\n          <div class=\"w-full lg:w-[500px]\">\n            <AuthOnboardingLabel\n              title=\"Welcome to JDoodle\"\n              description=\"We need to ask you a few questions to personalize your experience.\"\n              customstyle=\"mt-5 text-lg font-medium leading-[27px]\"\n              customstyleTitle=\"text-3xl font-medium leading-10\"\n            />\n          </div>\n        </div>\n\n        <div class=\"p-5\">\n          <!-- form -->\n          <div class=\"flex w-full flex-col items-center justify-center\">\n            <div class=\"w-full lg:w-[500px]\">\n              <form @submit.prevent=\"onSubmit\">\n                <BaseInput\n                  label=\"First Name\"\n                  :inputType=\"'text'\"\n                  placeholder=\"What do we call you?\"\n                  autocomplete=\"email\"\n                  :error=\"firstNameError\"\n                  v-model=\"firstname\"\n                  :isBoldLabel=\"true\"\n                  :isLightMode=\"true\"\n                  :isLightGray=\"false\"\n                />\n\n                <BaseInput\n                  id=\"onb_login_pwd\"\n                  label=\"Last Name (optional)\"\n                  :inputType=\"'text'\"\n                  placeholder=\"Your surname goes here\"\n                  autocomplete=\"current-password\"\n                  :error=\"lastNameError\"\n                  v-model=\"lastname\"\n                  :isBoldLabel=\"true\"\n                  :isLightMode=\"true\"\n                  :isLightGray=\"false\"\n                />\n\n                <p :class=\"['mt-10', 'p-normal', 'text-center', 'error', , { hidden: !httpError }]\">\n                  {{ httpError }}\n                </p>\n                <p\n                  :class=\"[\n                    'mt-10',\n                    'p-normal',\n                    'text-sky-950',\n                    'text-center',\n                    { hidden: !isLoading }\n                  ]\"\n                >\n                  Updating your details. Please wait...\n                </p>\n                <div class=\"flex justify-center sm:mt-9\">\n                  <Button\n                    type=\"submit\"\n                    :disabled=\"!canSubmit\"\n                    color=\"secondary\"\n                    variant=\"filled\"\n                    size=\"medium\"\n                    class=\"mt-6 h-[48px] sm:w-[171px]\"\n                  >\n                    Continue\n                  </Button>\n                </div>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","export default \"__VITE_ASSET__3af8f1b5__\"","<script setup lang=\"ts\">\nimport { ref, computed, onMounted } from 'vue'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { useIdeStore } from '@/stores/ide.store'\n\nimport utilModelsService from '@/services/util.models.service'\nimport { onboardingSave } from '@/services/onboarding.service'\nimport authService from '@/services/auth.service'\n\nimport OnboardingProfessionalDetailsBanner from '@/components/header/auth/AuthOnboardingAdvBanner/OnboardingProfessionalDetailsBanner.vue'\nimport {\n  ONBOARDING_STEPS,\n  ONBOARDING_PROFESSIONAL_ROLES\n} from '@/components/header/auth/OnboardingFlow/enum/onboarding.enum'\n\nimport type { IOnboardingSave } from '@/components/organisation/interface/IOnboardingSteps'\nimport BaseTextbox from '@/components/forms/BaseTextbox.vue'\nimport Button from '@/components/atoms/button/index.vue'\nimport { string } from 'yup'\nimport { useField, useForm } from 'vee-validate'\nimport { HttpStatusCode } from 'axios'\nimport { useRouter } from 'vue-router'\nimport { isEmpty } from 'lodash-es'\n\nconst router = useRouter()\nconst props = defineProps({\n  currentOnboardingSteps: {\n    type: Function,\n    required: true\n  },\n  prefilledValues: {\n    type: Object,\n    required: false\n  },\n\n  invitations: {\n    type: Array,\n    required: false\n  },\n  alreadyCreatedOrganization: {\n    type: Boolean,\n    required: false\n  }\n})\n\nconst authStore = useAuthStore()\nconst ideStore = useIdeStore()\n\nconst { errors, handleSubmit } = useForm()\n\nconst { value: description, errorMessage: descriptionError } = useField('description', string())\n\nconst descriptionInput = {\n  label: 'Others',\n  placeholder: 'Can you describe your current role?'\n}\n\nconst isLoading = ref<boolean>(false)\nconst httpError = ref<string>('')\nconst showOthersTextBox = ref<boolean>(false)\nconst showOthersTextBoxError = ref<string>('')\nconst selectedOptionError = ref<string>('')\nconst selectedOption = ref<string>('')\n\nconst professionalRoles = computed(() => {\n  return Object.values(ONBOARDING_PROFESSIONAL_ROLES).map((value) => ({\n    value,\n    label: value.charAt(0).toUpperCase() + value.slice(1)\n  }))\n})\n\nconst canSubmit = computed(() => {\n  return Object.keys(errors.value).length === 0 && !isLoading.value\n})\n\n/**\n * updated the final onboarded value\n * @returns final onboarded boolean value\n */\nconst handleOnboardedValue = () => {\n  if (authStore.mobileDeviceLogin || authStore.chromeExtensionLogin) {\n    return true\n  } else if (\n    selectedOption.value == ONBOARDING_PROFESSIONAL_ROLES.TEACHERORPROFRESSIONAL &&\n    !authStore.isPremium\n  ) {\n    return false\n  } else if (\n    selectedOption.value == ONBOARDING_PROFESSIONAL_ROLES.SOFTWAREDEVELOPER &&\n    !authStore.isPremium\n  ) {\n    return false\n  } else {\n    return true\n  }\n}\n\n/**\n * Close the modal & call init auth\n */\nconst handleSkip = () => {\n  ideStore.setBoardingAfterLogin(true)\n  utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n  authService.initAuth()\n}\n\nconst onSubmit = handleSubmit(async () => {\n  if (isEmpty(selectedOption.value)) {\n    selectedOptionError.value = 'This field is required'\n    return\n  }\n\n  if (showOthersTextBox.value && isEmpty(description.value)) {\n    showOthersTextBoxError.value = 'Please enter your role'\n    return\n  } else {\n    showOthersTextBoxError.value = ''\n  }\n\n  let requestObj: IOnboardingSave = {\n    firstName: props.prefilledValues?.firstName || authStore.onboardingSteps.firstName,\n    lastName: props.prefilledValues?.lastName || authStore.onboardingSteps.lastName,\n    occupation: showOthersTextBox.value ? (description.value as string) : selectedOption.value,\n    onboarded: handleOnboardedValue(),\n    step: 3\n  }\n\n  httpError.value = ''\n  isLoading.value = true\n  await onboardingSave(requestObj)\n    .then(async (res: any) => {\n      if (res?.status == HttpStatusCode.Ok) {\n        if (selectedOption.value == ONBOARDING_PROFESSIONAL_ROLES.TEACHERORPROFRESSIONAL) {\n          if (authStore.mobileDeviceLogin || authStore.chromeExtensionLogin) {\n            utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n            await authService.initAuth()\n          } else {\n            props?.currentOnboardingSteps(ONBOARDING_STEPS.TEACHER_ORGANISATION, requestObj)\n          }\n        } else if (selectedOption.value == ONBOARDING_PROFESSIONAL_ROLES.SOFTWAREDEVELOPER) {\n          if (authStore.mobileDeviceLogin || authStore.chromeExtensionLogin) {\n            utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n            await authService.initAuth()\n          } else {\n            if (authStore.isPremium) {\n              utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n              await authService.initAuth()\n              router.push({ name: 'start-coding' })\n            } else {\n              props?.currentOnboardingSteps(\n                ONBOARDING_STEPS.SOFTWARE_DEVELOPER_PRO_PLAN,\n                requestObj\n              )\n            }\n          }\n        } else {\n          // redirect to default IDE page\n          utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n          await authService.initAuth()\n          if (!authStore.mobileDeviceLogin && !authStore.chromeExtensionLogin) {\n            router.push({ name: 'start-coding' })\n          }\n        }\n      }\n    })\n    .catch(() => {\n      httpError.value = 'Something went wrong please try again'\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n})\n\n/**\n * Handle change event of radio button\n */\nfunction handleChange() {\n  if (selectedOption.value === ONBOARDING_PROFESSIONAL_ROLES.OTHERS) {\n    showOthersTextBox.value = true\n  } else {\n    showOthersTextBox.value = false\n  }\n}\n\n/**\n * Move current step page to previous page\n */\nconst handlePrevious = () => {\n  props.currentOnboardingSteps(ONBOARDING_STEPS.PERSONAL)\n}\n/**\n * Add Box Shadow to particular dom element\n * @param event capture current element and add style to it\n */\nconst addBoxShadow = (event: any) => {\n  event.currentTarget.style.boxShadow = '0 2px 4px rgba(0, 0, 0, 0.6)'\n}\n\n/**\n * Remove Box Shadow to particular dom element\n * @param event capture current element and remove style to it\n */\nconst removeBoxShadow = (event: any) => {\n  event.currentTarget.style.boxShadow = ''\n}\n/**\n * professional role name based on the provided role identifier.\n * @param name - The role identifier to convert.\n * @returns professional role name.\n */\nconst showProfessionalNames = (name: string) => {\n  if (name == ONBOARDING_PROFESSIONAL_ROLES.TEACHERORPROFRESSIONAL) {\n    return 'Teacher'\n  } else if (name == ONBOARDING_PROFESSIONAL_ROLES.OTHERS) {\n    return 'Other'\n  } else {\n    return name\n  }\n}\n\nonMounted(async () => {\n  if (props.prefilledValues?.occupation) {\n    selectedOption.value = props.prefilledValues?.occupation\n  }\n})\n</script>\n\n<template>\n  <div class=\"flex max-h-full min-h-screen w-full flex-1 flex-col\">\n    <div class=\"flex max-h-full min-h-screen w-full flex-1 p-1 sm:p-0\">\n      <div class=\"m-5 hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n        <OnboardingProfessionalDetailsBanner />\n      </div>\n\n      <div\n        class=\"flex h-screen w-full flex-col justify-between gap-4 rounded-md pb-6 pt-5 lg:min-w-[50%] lg:gap-2\"\n      >\n        <div class=\"h-[85%] p-5\">\n          <!-- form -->\n          <form @submit.prevent=\"onSubmit\" class=\"flex h-full w-full flex-col justify-between\">\n            <div>\n              <h1\n                class=\"mb-5 mt-2 text-sm font-medium leading-[21px] sm:mb-10 lg:text-2xl lg:font-semibold lg:leading-9\"\n              >\n                What describes you the best?\n              </h1>\n              <div class=\"flex w-full flex-row flex-wrap justify-between gap-4\">\n                <template v-for=\"({ value }, index) in professionalRoles\" :key=\"index\">\n                  <div class=\"flex w-full items-center lg:w-[48%]\">\n                    <div\n                      class=\"flex w-full cursor-pointer items-center rounded-md border border-slate-300 bg-slate-100 py-4 pl-4 shadow-lg\"\n                      @mouseover=\"addBoxShadow\"\n                      @mouseleave=\"removeBoxShadow\"\n                    >\n                      <input\n                        type=\"radio\"\n                        :id=\"value.toLowerCase()\"\n                        name=\"user-type\"\n                        :value=\"value\"\n                        v-model=\"selectedOption\"\n                        class=\"hidden\"\n                        @change=\"handleChange\"\n                      />\n                      <label\n                        :for=\"value.toLowerCase()\"\n                        class=\"flex cursor-pointer items-center gap-2\"\n                      >\n                        <div\n                          class=\"relative flex h-6 w-6 items-center justify-center rounded-full border border-new-secondary-900\"\n                        >\n                          <div\n                            v-if=\"selectedOption === value\"\n                            class=\"flex h-4 w-4 items-center justify-center rounded-full bg-new-secondary-900\"\n                          ></div>\n                        </div>\n                        <div class=\"text-base font-medium leading-normal\">\n                          {{ showProfessionalNames(value) }}\n                        </div>\n                      </label>\n                    </div>\n                  </div>\n                </template>\n                <p :class=\"['p-xsmall ', 'error', , { hidden: !selectedOptionError }]\">\n                  {{ selectedOptionError }}\n                </p>\n\n                <BaseTextbox\n                  v-if=\"showOthersTextBox\"\n                  class=\"col-span-1 w-full\"\n                  :placeholder=\"descriptionInput.placeholder\"\n                  v-model=\"description\"\n                  :error=\"descriptionError\"\n                  :is-small-label=\"true\"\n                  :is-bold-label=\"true\"\n                  :rows=\"2\"\n                  :isLightMode=\"true\"\n                  :isLightGray=\"false\"\n                />\n                <p :class=\"['p-xsmall ', 'error', , { hidden: !showOthersTextBoxError }]\">\n                  {{ showOthersTextBoxError }}\n                </p>\n              </div>\n            </div>\n            <p\n              :class=\"[\n                'mt-10',\n                'h-full',\n                'p-normal',\n                'text-sky-950',\n                'text-center',\n                { hidden: !isLoading }\n              ]\"\n            >\n              Updating your details. Please wait...\n            </p>\n            <p\n              :class=\"[\n                'mt-10',\n                'h-full',\n                'p-normal ',\n                'text-center',\n                'error',\n                ,\n                { hidden: !httpError }\n              ]\"\n            >\n              {{ httpError }}\n            </p>\n            <div class=\"mt-6 flex w-full justify-start\">\n              <div class=\"flex w-full flex-col-reverse lg:w-fit xl:flex-row xl:gap-5\">\n                <Button\n                  @click=\"handleSkip\"\n                  variant=\"link\"\n                  class=\"min-w-fit self-start px-0 xl:self-center\"\n                >\n                  Prefer not to say\n                </Button>\n                <div class=\"mb-6 flex gap-2.5 xl:mb-0\">\n                  <Button\n                    @click=\"handlePrevious\"\n                    color=\"secondary\"\n                    variant=\"outline\"\n                    size=\"medium\"\n                    class=\"h-[48px] sm:w-[171px]\"\n                  >\n                    Previous\n                  </Button>\n\n                  <Button\n                    type=\"submit\"\n                    :disabled=\"!canSubmit\"\n                    color=\"secondary\"\n                    variant=\"filled\"\n                    size=\"medium\"\n                    class=\"h-[48px] sm:w-[171px]\"\n                  >\n                    Continue\n                  </Button>\n                </div>\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","export default \"__VITE_ASSET__524cc844__\"","export default \"__VITE_ASSET__9e049ce6__\"","<script setup lang=\"ts\">\nimport { ref, onMounted, watch } from 'vue'\nimport { AUTHMODELHS } from '@/utils/models'\nimport authService from '@/services/auth.service'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { onboardingSave } from '@/services/onboarding.service'\nimport utilModelsService from '@/services/util.models.service'\nimport type { IOnboardingSave } from '@/components/organisation/interface/IOnboardingSteps'\nimport Button from '@/components/atoms/button/index.vue'\nimport { HttpStatusCode } from 'axios'\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport TeacherMarketingLogo from '@/assets/images/svg/AuthOnboarding/TeacherMarketingLogo.svg'\nimport CircleCheckIcon from '@/assets/images/svg/AuthOnboarding/CheckCircleIconSoftDev.svg'\n\ninterface ContentItem {\n  heading: string\n  description: string\n}\nconst props = defineProps({\n  currentOnboardingSteps: {\n    type: Function,\n    required: true\n  },\n  prefilledValues: {\n    type: Object,\n    required: false\n  }\n})\n\nconst content = ref<ContentItem[]>([\n  {\n    heading: 'Manage projects',\n    description: 'Create, share, and invite students to coding projects'\n  },\n  {\n    heading: 'Embed IDEs',\n    description: 'Plug-in a coding environment to LMS and course materials'\n  },\n  {\n    heading: 'Invite students & teachers',\n    description: 'Create your team on JDoodle with student groups and teachers'\n  },\n  {\n    heading: 'Create virtual assessments',\n    description: 'Test knowledge with diverse question types & automate grading'\n  },\n  {\n    heading: 'Create Assessment with AI',\n    description: 'Generate assignments in a minute with JDroid'\n  }\n])\n\nconst authStore = useAuthStore()\n\nconst isLoading = ref<boolean>(false)\nconst httpErrorTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpError = ref<string>('')\n\n/**\n * Redirect to default IDE Page ..\n */\nconst redirectToIde = async () => {\n  let requestObj: IOnboardingSave = {\n    firstName: props.prefilledValues?.firstName || authStore.onboardingSteps.firstName,\n    lastName: props.prefilledValues?.lastName || authStore.onboardingSteps.lastName,\n    occupation: props.prefilledValues?.occupation || authStore.onboardingSteps.occupation,\n    onboarded: true,\n    step: 3\n  }\n\n  isLoading.value = true\n  httpError.value = ''\n  await onboardingSave(requestObj)\n    .then(async (res: any) => {\n      if (res?.status == HttpStatusCode.Ok) {\n        utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n        await authService.initAuth()\n      }\n    })\n    .catch(() => {\n      httpError.value = 'Something went wrong please try again'\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n}\n\nonMounted(async () => {\n  watch(httpError, () => {\n    if (httpError.value) {\n      if (httpErrorTimeOut.value) clearTimeout(httpErrorTimeOut.value)\n      httpErrorTimeOut.value = setTimeout(() => {\n        httpError.value = ''\n      }, 8000)\n    }\n  })\n})\n</script>\n\n<template>\n  <div class=\"flex max-h-full min-h-screen gap-x-8 px-4 pt-14 sm:p-10\">\n    <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n      <LoginRegisterBanner\n        text=\"A feature-rich coding suite powered by AI\"\n        highlighertext=\"powered by AI\"\n        :logo=\"TeacherMarketingLogo\"\n      />\n    </div>\n\n    <div class=\"relative mt-8 flex w-full flex-col justify-between lg:min-w-[50%]\">\n      <div class=\"flex flex-col\">\n        <h1\n          class=\"mb-3 text-center text-xl font-semibold leading-tight sm:text-left sm:text-[32px]\"\n        >\n          Get students excited about coding!\n        </h1>\n        <p class=\"text-center text-base font-normal leading-7 sm:text-left sm:text-lg\">\n          Provide a holistic coding education suite for teachers.\n        </p>\n        <ul class=\"mt-8 flex flex-col gap-y-6 sm:mt-12\">\n          <li class=\"flex flex-col gap-x-3\" v-for=\"(item, index) in content\" :key=\"index\">\n            <div class=\"flex flex-row gap-5\">\n              <img :src=\"CircleCheckIcon\" class=\"h-7 w-7\" />\n              <p class=\"text-base font-semibold tracking-tight sm:text-xl\">{{ item.heading }}</p>\n            </div>\n            <div class=\"ml-12\">\n              <p class=\"text-lg font-normal leading-loose\">{{ item.description }}</p>\n            </div>\n          </li>\n        </ul>\n        <p :class=\"['mt-10', 'p-normal', 'text-center', 'error', , { hidden: !httpError }]\">\n          {{ httpError }}\n        </p>\n        <p :class=\"['mt-10', 'p-normal', 'text-sky-950', 'text-center', { hidden: !isLoading }]\">\n          Updating your details. Please wait...\n        </p>\n      </div>\n\n      <div\n        class=\"mt-8 flex w-full flex-col justify-center gap-x-6 gap-y-3.5 sm:flex-row lg:mt-0 lg:justify-end\"\n      >\n        <Button\n          @click=\"redirectToIde\"\n          color=\"secondary\"\n          variant=\"filled\"\n          size=\"medium\"\n          class=\"h-[48px] sm:w-[171px]\"\n          :class=\"{ hidden: isLoading }\"\n        >\n          Continue\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>\n","export default \"__VITE_ASSET__8ec2d396__\"","<script setup lang=\"ts\">\nimport { ref, onMounted, watch } from 'vue'\nimport { HttpStatusCode } from 'axios'\n\nimport type { IOnboardingSave } from '@/components/organisation/interface/IOnboardingSteps'\n\nimport { AUTHMODELHS } from '@/utils/models'\n\nimport Button from '@/components/atoms/button/index.vue'\nimport { useAuthStore } from '@/stores/auth.store'\nimport authService from '@/services/auth.service'\nimport utilModelsService from '@/services/util.models.service'\nimport { onboardingSave } from '@/services/onboarding.service'\n\nimport LoginRegisterBanner from '@/components/header/auth/AuthOnboardingAdvBanner/LoginRegisterBanner.vue'\nimport SoftDevMarketingLogo from '@/assets/images/svg/AuthOnboarding/SoftDevMarketingLogo.svg'\nimport CircleCheckIcon from '@/assets/images/svg/AuthOnboarding/CheckCircleIconSoftDev.svg'\n\ninterface ContentItem {\n  heading: string\n  description: string\n}\n\nconst props = defineProps({\n  currentOnboardingSteps: {\n    type: Function,\n    required: true\n  },\n  prefilledValues: {\n    type: Object,\n    required: false\n  },\n  invitations: {\n    type: Array,\n    required: false\n  }\n})\n\nconst authStore = useAuthStore()\n\nconst httpErrorTimeOut = ref<NodeJS.Timeout | number | null>(null)\nconst httpError = ref<string>('')\nconst isLoading = ref<boolean>(false)\n\nconst content = ref<ContentItem[]>([\n  {\n    heading: 'IDE',\n    description: 'Write, edit, execute, and share code in 88 programming languages.'\n  },\n  {\n    heading: 'Compiler APIs',\n    description: 'Integrate code execution capability into your apps with REST and Web-socket APIs.'\n  },\n  {\n    heading: 'Embed IDEs',\n    description: 'Plugin custom IDEs in your platform to drive engagement.'\n  },\n  {\n    heading: 'JDroid AI',\n    description:\n      'Generate code, debug errors, optimise, add comments, and get code explanation with JDroid.'\n  },\n  {\n    heading: 'Manage projects',\n    description: 'Create, edit, save, and collaborate on your coding projects.'\n  }\n])\n\n/**\n * Redirect to default IDE Page\n */\nconst redirectToIde = async () => {\n  let requestObj: IOnboardingSave = {\n    firstName: props.prefilledValues?.firstName || authStore.onboardingSteps.firstName,\n    lastName: props.prefilledValues?.lastName || authStore.onboardingSteps.lastName,\n    occupation: props.prefilledValues?.occupation || authStore.onboardingSteps.occupation,\n    onboarded: true,\n    step: 3\n  }\n\n  isLoading.value = true\n  httpError.value = ''\n  await onboardingSave(requestObj)\n    .then(async (res: any) => {\n      if (res?.status == HttpStatusCode.Ok) {\n        utilModelsService.closeModal(AUTHMODELHS.ONBOARDING)\n        await authService.initAuth()\n      }\n    })\n    .catch(() => {\n      httpError.value = 'Something went wrong please try again'\n    })\n    .finally(() => {\n      isLoading.value = false\n    })\n}\n\nonMounted(async () => {\n  watch(httpError, () => {\n    if (httpError.value) {\n      if (httpErrorTimeOut.value) clearTimeout(httpErrorTimeOut.value)\n      httpErrorTimeOut.value = setTimeout(() => {\n        httpError.value = ''\n      }, 8000)\n    }\n  })\n})\n</script>\n\n<template>\n  <div class=\"flex max-h-full min-h-screen gap-x-8 px-4 pt-14 sm:p-10\">\n    <div class=\"hidden w-full rounded-3xl bg-[#EBEFF6] md:hidden lg:block lg:min-w-[45%]\">\n      <LoginRegisterBanner\n        text=\"A feature-rich coding suite powered by AI\"\n        highlighertext=\"powered by AI\"\n        :logo=\"SoftDevMarketingLogo\"\n      />\n    </div>\n    <div class=\"relative mt-8 flex w-full flex-col justify-between lg:min-w-[50%]\">\n      <div class=\"flex flex-col\">\n        <h1\n          class=\"mb-3 text-center text-xl font-semibold leading-tight sm:text-left sm:text-[32px]\"\n        >\n          Experience the ease of seamless coding\n        </h1>\n        <p class=\"text-center text-base font-normal leading-7 sm:text-left sm:text-lg\">\n          Grab the advantage of a holistic coding playground.\n        </p>\n        <ul class=\"mt-8 flex flex-col gap-y-6 sm:mt-12\">\n          <li class=\"flex flex-col gap-x-3\" v-for=\"(item, index) in content\" :key=\"index\">\n            <div class=\"flex flex-row gap-5\">\n              <img :src=\"CircleCheckIcon\" class=\"h-7 w-7\" />\n              <p class=\"text-base font-semibold tracking-tight sm:text-xl\">{{ item.heading }}</p>\n            </div>\n            <div class=\"ml-12\">\n              <p class=\"text-lg font-normal leading-loose\">{{ item.description }}</p>\n            </div>\n          </li>\n        </ul>\n        <p :class=\"['mt-10', 'p-normal', 'text-center', 'error', , { hidden: !httpError }]\">\n          {{ httpError }}\n        </p>\n        <p :class=\"['mt-10', 'p-normal', 'text-sky-950', 'text-center', { hidden: !isLoading }]\">\n          Updating your details. Please wait...\n        </p>\n      </div>\n      <div\n        class=\"mt-8 flex w-full flex-col justify-center gap-x-6 gap-y-3.5 sm:flex-row lg:mt-0 lg:justify-end\"\n      >\n        <Button\n          @click=\"redirectToIde\"\n          color=\"secondary\"\n          variant=\"filled\"\n          size=\"medium\"\n          class=\"h-[48px] sm:w-[171px]\"\n          :class=\"{ hidden: isLoading }\"\n        >\n          Continue\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue'\nimport { AUTHMODELHS } from '@/utils/models'\nimport { useAuthStore } from '@/stores/auth.store'\nimport { useOrganisationStore } from '@/stores/organisation.store'\nimport ModalLayoutAuth from '@/layouts/ModelLayoutAuth.vue'\nimport OnboardingPersonalDetails from '@/components/header/auth/OnboardingFlow/OnboardingPersonalDetails.vue'\nimport OnboardingProfessionalDetails from '@/components/header/auth/OnboardingFlow/OnboardingProfessionalDetails.vue'\nimport TeacherOnboarding from '@/components/header/auth/OnboardingFlow/TeacherOnboarding.vue'\nimport AIModel from '@/components/header/auth/OnboardingFlow/AIModel.vue'\nimport {\n  ONBOARDING_PROFESSIONAL_ROLES,\n  ONBOARDING_STEPS\n} from '@/components/header/auth/OnboardingFlow/enum/onboarding.enum'\nimport { USER_STATUS } from '@/components/organisation/enum/user.enums'\nimport type IAssociation from '@/components/organisation/interface/IAssociation'\nimport { isEmpty } from 'lodash-es'\n\ninterface FilledValues {\n  firstName: string\n  lastName: string\n  occupation: string\n}\n\nconst organisationStore = useOrganisationStore()\nconst authStore = useAuthStore()\nconst stepsValues = ref<FilledValues>({\n  firstName: '',\n  lastName: '',\n  occupation: ''\n})\nconst steps = ref<ONBOARDING_STEPS>(ONBOARDING_STEPS.PERSONAL)\nconst stepNumber = ref<number>(1)\nconst occupation = ref<string | undefined>('')\n\nconst invitations = computed(() => {\n  return organisationStore.associations?.filter((asso: IAssociation) => {\n    return asso.status == USER_STATUS.PENDING_USER_ACCEPTANCE\n  })\n})\n\nconst alreadyCreatedOrganization = computed(() => {\n  if (organisationStore.instituteOwn) {\n    return true\n  } else {\n    return false\n  }\n})\n\nconst isCheckingOnboardingValues = computed(() => {\n  return isEmpty(\n    authStore.onboardingSteps.firstName ||\n      authStore.onboardingSteps.lastName ||\n      authStore.onboardingSteps.occupation\n  )\n})\n\n/**\n * Set the current onboarding steps\n * @param value update the current onboarding step\n * @param filledValues update latest values\n */\nconst currentOnboardingSteps = async (value: ONBOARDING_STEPS, filledValues: FilledValues) => {\n  steps.value = value\n  stepsValues.value.firstName = filledValues.firstName\n  stepsValues.value.lastName = filledValues.lastName\n  stepsValues.value.occupation = filledValues.occupation\n}\n/**\n * Update steps current value\n * @param value steps current value\n */\nconst updateStepsValueFromInit = (value: number) => {\n  switch (value) {\n    case 1:\n      steps.value = ONBOARDING_STEPS.PERSONAL\n      break\n    case 2:\n      steps.value = ONBOARDING_STEPS.PROFESSIONAL\n      break\n    case 3:\n      if (occupation.value == ONBOARDING_PROFESSIONAL_ROLES.TEACHERORPROFRESSIONAL) {\n        steps.value = ONBOARDING_STEPS.TEACHER_ORGANISATION\n      } else {\n        steps.value = ONBOARDING_STEPS.SOFTWARE_DEVELOPER_PRO_PLAN\n      }\n      break\n    default:\n      steps.value = ONBOARDING_STEPS.PERSONAL\n  }\n}\n\nwatch(\n  () => !isCheckingOnboardingValues.value,\n  () => {\n    stepNumber.value = authStore.onboardingSteps.step\n    occupation.value = authStore.onboardingSteps.occupation\n    updateStepsValueFromInit(stepNumber.value)\n  }\n)\n</script>\n\n<template>\n  <ModalLayoutAuth :hs=\"AUTHMODELHS.ONBOARDING\">\n    <div v-if=\"steps === ONBOARDING_STEPS.PERSONAL\">\n      <OnboardingPersonalDetails\n        :currentOnboardingSteps=\"currentOnboardingSteps\"\n        :prefilledValues=\"stepsValues\"\n      />\n    </div>\n    <div v-if=\"steps === ONBOARDING_STEPS.PROFESSIONAL\">\n      <OnboardingProfessionalDetails\n        :currentOnboardingSteps=\"currentOnboardingSteps\"\n        :prefilledValues=\"stepsValues\"\n        :invitations=\"invitations\"\n        :alreadyCreatedOrganization=\"alreadyCreatedOrganization\"\n      />\n    </div>\n    <div v-if=\"steps === ONBOARDING_STEPS.TEACHER_ORGANISATION\">\n      <TeacherOnboarding\n        :currentOnboardingSteps=\"currentOnboardingSteps\"\n        :prefilledValues=\"stepsValues\"\n      />\n    </div>\n    <div v-if=\"steps === ONBOARDING_STEPS.SOFTWARE_DEVELOPER_PRO_PLAN\">\n      <AIModel\n        :currentOnboardingSteps=\"currentOnboardingSteps\"\n        :prefilledValues=\"stepsValues\"\n        :invitations=\"invitations\"\n      />\n    </div>\n  </ModalLayoutAuth>\n</template>\n"],"names":["closeIcon","codingSvg","props","__props","renderText","text","highlighertext","regex","handleError","error","httpError","_a","_b","_c","authStore","useAuthStore","route","useRoute","errors","handleSubmit","resetForm","useForm","email","emailError","useField","string","colorTheme","ref","sitekey","RECAPTCHA_KEYS","rechaptha","recapthaToken","recapthaError","showRecaptcha","isLoading","httpSuccess","canSubmit","computed","recaptchaVerified","response","recaptchaError","handleLoadDataWhenClose","onSubmit","values","until","requestPayload","authService","utilModelsService","AUTHMODELHS","onBeforeMount","recaptchaService","onMounted","hs","router","useRouter","password","passwordError","inputTypePassword","isloading","togglePasswordEyeIcon","iconsToShow","redirectTo","useSubscribeStore","delay","handleShowPassword","forgotPasswordRedirect","el","verifyForgotPasswordOtp","username","otp","axios","HttpStatusCode","verifyRegisteredPasswordOtp","resendRegisteredOtp","resetForgotPasswordUsingOtp","restPasswordRequest","otpService","disableVerifyButton","httpErrorTimeOut","httpSuccessTimeOut","disableResendButton","otpInputs","otpCombined","resendCountdown","errorMessage","focusNextInput","currentIndex","direction","targetIndex","targetElement","handleKeyup","index","event","target","handlePaste","pastedData","inputElements","i","verifyOtpLogin","otpServices","res","verifyOtpRegister","getUserInvitation","initiateOtp","initiateOtpForgotPassword","handleResend","hasInitiated","intervalId","watch","confirmPassword","confirmPasswordError","resetError","inputTypeConfirmPassword","showGoback","passwordNotMatchError","toggleConfirmPasswordEyeIcon","iconsToShowConfirm","handleShowConfirmPassword","closeResetPasswordModel","watchEffect","onBeforeUnmount","showRegisterSuccess","userEmail","organisationStore","useOrganisationStore","invitations","continueRedirectToHome","onboardingPersonal","firstname","firstNameError","lastname","lastNameError","requestObj","onboardingSave","ONBOARDING_STEPS","checkingFirstLastName","_d","onboardingProfessional","ideStore","useIdeStore","description","descriptionError","descriptionInput","showOthersTextBox","showOthersTextBoxError","selectedOptionError","selectedOption","professionalRoles","ONBOARDING_PROFESSIONAL_ROLES","value","handleOnboardedValue","handleSkip","isEmpty","handleChange","handlePrevious","addBoxShadow","removeBoxShadow","showProfessionalNames","name","TeacherMarketingLogo","CircleCheckIcon","content","redirectToIde","SoftDevMarketingLogo","stepsValues","steps","stepNumber","occupation","asso","USER_STATUS","alreadyCreatedOrganization","isCheckingOnboardingValues","currentOnboardingSteps","filledValues","updateStepsValueFromInit"],"mappings":"44BAAA,MAAeA,GAAA,mCCAAC,GAAA,yeCIf,MAAMC,EAAQC,EAyBRC,GALe,CAACC,EAAcC,IAAmC,CACrE,MAAMC,EAAQ,IAAI,OAAOD,EAAgB,GAAG,EAC5C,OAAOD,EAAK,QAAQE,EAAO,sCAAsCD,CAAc,SAAS,CAAA,GAG1DJ,EAAM,KAAMA,EAAM,cAAc,0oBC5BhE,MAAMA,EAAQC,meCAd,MAAMD,EAAQC,8SCIRK,GAAeC,GAAuB,WAC1C,IAAIC,EAAoB,qDACxB,OAAID,EAAM,SACJA,EAAM,SAAS,QAAU,IACfC,EAAA,yCACHC,EAAAF,EAAM,SAAS,OAAf,MAAAE,EAAqB,MAClBD,EAAAD,EAAM,SAAS,KAAK,OACvBG,EAAAH,EAAM,SAAS,OAAf,MAAAG,EAAqB,UAClBF,EAAAD,EAAM,SAAS,KAAK,SAEzBA,EAAM,SAAW,MAC1BC,GAAYG,EAAAJ,EAAM,OAAN,YAAAI,EAAY,OAEnBH,CACT,gsBCEA,MAAMI,EAAYC,KACZC,EAAQC,KAER,CAAE,OAAAC,EAAQ,aAAAC,EAAc,UAAAC,GAAcC,GAAQ,EAE9C,CAAE,MAAOC,EAAO,aAAcC,CAAW,EAAIC,GAAS,QAASC,GAAO,EAAE,WAAW,MAAO,CAAA,EAE1FC,EAAaC,EAAY,OAAO,EAChCC,EAAUD,EAAmBE,GAAe,qBAAqB,EACjEC,EAAYH,EAAS,IAAI,EACzBI,EAAgBJ,EAAY,EAAE,EAC9BK,EAAgBL,EAAY,EAAE,EAC9BM,EAAgBN,EAAa,EAAK,EAClCO,EAAYP,EAAa,EAAK,EAC9BjB,EAAYiB,EAAY,EAAE,EAC1BQ,EAAcR,EAAY,EAAE,EAE5BS,EAAYC,EAAS,IAClB,OAAO,KAAKnB,EAAO,KAAK,EAAE,SAAW,GAAK,CAACgB,EAAU,KAC7D,EAMKI,EAAqBC,GAAqB,CAC9CR,EAAc,MAAQQ,EACtBP,EAAc,MAAQ,EAAA,EAOlBQ,EAAkB/B,GAAkB,CACxCsB,EAAc,MAAQ,GACtBC,EAAc,MAAQvB,EACtBqB,EAAU,MAAM,OAAM,EAMlBW,EAA0B,IAAM,CACpC3B,EAAU,cAAc,IAAI,CAAA,EAGxB4B,EAAWvB,EAAa,MAAOwB,GAAW,CAO9C,GANU7B,EAAA,2BAA2B6B,EAAO,KAAK,EACjDT,EAAU,MAAQ,GAClBJ,EAAU,MAAM,UAEV,MAAAc,GAAMb,CAAa,EAAE,UAEvB,CAACA,EAAc,OAASC,EAAc,MACxC,OAGF,MAAMa,EAAyC,CAC7C,MAAOF,EAAO,MACd,GAAIZ,EAAc,KAAA,EAGpB,MAAMe,EACH,eAAeD,CAAc,EAC7B,KAAMN,GAAkB,OACXJ,EAAA,QACVxB,EAAA4B,GAAA,YAAAA,EAAU,OAAV,YAAA5B,EAAgB,UAChB,qHACFD,EAAU,MAAQ,GACRU,IAEQ2B,EAAA,WAAWC,EAAY,cAAc,EACrCD,EAAA,UAAUC,EAAY,GAAG,CAAA,CAC5C,EACA,MAAOvC,GAAe,OACrB0B,EAAY,MAAQ,KAChBxB,EAAAF,GAAA,YAAAA,EAAO,WAAP,YAAAE,EAAiB,KAAK,YAAa,wBACrCD,EAAU,MACR,+EAEQA,EAAA,MAAQF,GAAYC,CAAK,CACrC,CACD,EACA,QAAQ,IAAM,CACbsB,EAAc,MAAQ,GACtBD,EAAU,MAAM,QAChBI,EAAU,MAAQ,EAAA,CACnB,CAAA,CACJ,EACD,OAAAe,GAAc,SAAY,CACxBrB,EAAQ,MAAQ,MAAMsB,GAAiB,gBAAgBrB,GAAe,qBAAqB,CAAA,CAC5F,EACDsB,GAAU,SAAY,CACd,MAAAJ,EAAkB,YAAaK,GAAsB,CACrDA,IAAOJ,EAAY,gBAAkB,CAACf,EAAc,QACtDA,EAAc,MAAQ,GACxB,CACD,CAAA,CACF;uqFChGK,MAAAP,EAAaC,EAAY,OAAO,EAChC0B,EAASC,KACTxC,EAAYC,KACZC,EAAQC,KAER,CAAE,OAAAC,EAAQ,aAAAC,EAAc,UAAAC,GAAcC,GAAQ,EAE9C,CAAE,MAAOC,EAAO,aAAcC,CAAW,EAAIC,GAAS,WAAYC,GAAO,EAAE,WAAW,MAAO,CAAA,EAC7F,CAAE,MAAO8B,EAAU,aAAcC,CAAkB,EAAAhC,GACvD,WACAC,KAAS,WAAW,IAAI,CAAC,CAAA,EAGrBG,EAAUD,EAAmBE,GAAe,qBAAqB,EACjEC,EAAYH,EAAS,IAAI,EACzBI,EAAgBJ,EAAY,EAAE,EAC9BK,EAAgBL,EAAY,EAAE,EAC9BM,EAAgBN,EAAa,EAAK,EAClC8B,EAAoB9B,EAAY,UAAU,EAC1C+B,EAAY/B,EAAa,EAAK,EAE9BjB,EAAYiB,EAAY,EAAE,EAE1BgC,EAAwBhC,EAAa,EAAK,EAE1CiC,EAAcvB,EAAS,IACvBsB,EAAsB,MACjB,oBAEA,yBAEV,EAEKvB,EAAYC,EAAS,IAClB,OAAO,KAAKnB,EAAO,KAAK,EAAE,SAAW,GAAK,CAACwC,EAAU,KAC7D,EAMKpB,EAAqBC,GAAqB,CAC9CR,EAAc,MAAQQ,EACtBP,EAAc,MAAQ,EAAA,EAOlBQ,EAAkB/B,GAAkB,CACxCsB,EAAc,MAAQ,GACtBC,EAAc,MAAQvB,EACtBqB,EAAU,MAAM,OAAM,EAGlBY,EAAWvB,EAAa,MAAOwB,GAAW,CAK9C,GAJAb,EAAU,MAAM,UAEV,MAAAc,GAAMb,CAAa,EAAE,UAEvB,CAACA,EAAc,OAASC,EAAc,MACxC,OAGF,MAAMa,EAAgC,CACpC,SAAUF,EAAO,SACjB,SAAUA,EAAO,SACjB,UAAWZ,EAAc,KAAA,EAG3B2B,EAAU,MAAQ,GAClBhD,EAAU,MAAQ,iCAClB,MAAMoC,EACH,MAAMD,CAAc,EACpB,KAAK,SAAY,CAIZ,GAHJnC,EAAU,MAAQ,GACRU,IAENL,KAAe,gBAAiB,CAC5B,MAAA8C,EAAqB9C,GAAe,EAAA,WAC7BA,GAAA,EAAE,cAAc,IAAI,EAE3B,MAAA+B,EAAY,SAAS,EAAI,EAC/B,MAAMC,EAAkB,gBAAgBC,EAAY,KAAK,EAAE,KAAK,SAAY,CAC1EK,EAAO,KAAKQ,CAAU,CAAA,CACvB,CAAA,MACQC,GAAkB,EAAE,YACvB,MAAAhB,EAAY,SAAS,EAAI,EAC/B,MAAMC,EAAkB,gBAAgBC,EAAY,KAAK,EAAE,KAAK,IAAM,CAC7DK,EAAA,KAAKS,GAAkB,EAAE,UAAU,CAAA,CAC3C,GAGD,MAAMf,EAAkB,gBAAgBC,EAAY,KAAK,EAAE,KAAK,SAAY,CACpE,MAAAF,EAAY,SAAS,EAAI,CAAA,CAIhC,CACH,CACD,EACA,MAAOrC,GAAe,CACXC,EAAA,MAAQF,GAAYC,CAAK,EACnCsD,GAAM,IAAM,CACVjB,EAAY,kBAAkBtC,GAAYC,CAAK,EAAGkC,EAAO,QAAQ,GAChE,GAAI,CAAA,CACR,EACA,QAAQ,IAAM,CACbZ,EAAc,MAAQ,GACtBD,EAAU,MAAM,QAChB4B,EAAU,MAAQ,EAAA,CACnB,CAAA,CACJ,EAKKjB,EAA0B,IAAM,CACpC3B,EAAU,cAAc,IAAI,CAAA,EAMxBkD,EAAqB,IAAM,CAC3BP,EAAkB,QAAU,YAC9BA,EAAkB,MAAQ,OAC1BE,EAAsB,MAAQ,KAE9BF,EAAkB,MAAQ,WAC1BE,EAAsB,MAAQ,GAChC,EAKIM,EAAyB,IAAM,CACnCnD,EAAU,mBAAmB,OAAO,EAClBiC,EAAA,UAAUC,EAAY,cAAc,CAAA,EAGxD,OAAAC,GAAc,SAAY,CACxBrB,EAAQ,MAAQ,MAAMsB,GAAiB,gBAAgBrB,GAAe,qBAAqB,CAAA,CAC5F,EACDsB,GAAU,SAAY,CACd,MAAAJ,EAAkB,YAAaK,GAAsB,CACrDA,IAAOJ,EAAY,OAAS,CAACf,EAAc,QAC7CA,EAAc,MAAQ,GACxB,CACD,EAGD,MAAMiC,EAAK,SAAS,eAAelB,EAAY,KAAK,EAChDkB,GACCA,EAAA,iBAAiB,mBAAoB,IAAM,CAClC9C,GAAA,CACX,CACH,CACD;6tEC9KK+C,GAA0B,MAAOC,EAAkBC,IAChD,MAAMC,GACV,KAAK,uCAAwC,CAAE,SAAAF,EAAoB,IAAAC,EAAU,EAC7E,KAAK,MAAO9B,GAAa,CACxB,GAAIA,GAAYA,EAAS,SAAWgC,GAAe,GAC1C,OAAAhC,CACT,CACD,EACA,MAAO9B,GAAU,CACV,MAAAA,CAAA,CACP,EASC+D,GAA8B,MAAOJ,EAAkBC,IACpD,MAAMC,GACV,KAAK,sCAAuC,CAAE,SAAAF,EAAoB,IAAAC,EAAU,EAC5E,KAAK,MAAO9B,GAAa,CACpB,GAAAA,EAAS,SAAWgC,GAAe,GAC9B,OAAAhC,CACT,CACD,EACA,MAAO9B,GAAU,CACV,MAAAA,CAAA,CACP,EAQCgE,GAAsB,MAAOL,GAC1B,MAAME,GACV,KAAK,8BAA+B,CAAE,SAAAF,EAAoB,EAC1D,KAAK,MAAO7B,GAAa,CACpB,GAAAA,EAAS,SAAWgC,GAAe,GAC9B,OAAAhC,CACT,CACD,EACA,MAAO9B,GAAU,CACV,MAAAA,CAAA,CACP,EAQCiE,GAA8B,MAAOC,GAClC,MAAML,GACV,KAAK,8BAA+BK,CAAmB,EACvD,KAAMpC,GACEA,CACR,EACA,MAAO9B,GAAU,CACV,MAAAA,CAAA,CACP,EAGUmE,GAAA,CACb,wBAAAT,GACA,4BAAAK,GACA,oBAAAC,GACA,4BAAAC,EACF,ktCC3DA,MAAM5D,EAAYC,KACZC,EAAQC,KAER4D,EAAsBlD,EAAa,EAAI,EACvCC,EAAUD,EAAmBE,GAAe,qBAAqB,EACjEC,EAAYH,EAAS,IAAI,EACzBI,EAAgBJ,EAAY,EAAE,EAC9BK,EAAgBL,EAAY,EAAE,EAC9BM,EAAgBN,EAAa,EAAK,EAClCO,EAAYP,EAAa,EAAK,EAC9BmD,EAAmBnD,EAAoC,IAAI,EAC3DjB,EAAYiB,EAAY,EAAE,EAC1BoD,EAAqBpD,EAAoC,IAAI,EAC7DQ,EAAcR,EAAY,EAAE,EAC5BqD,EAAsBrD,EAAa,EAAI,EACvCsD,EAAsB,CAAA,EACtBC,EAAcvD,EAAY,EAAE,EAC5BwD,EAAkBxD,EAAY,CAAC,EAC/ByD,EAAezD,EAAY,EAAE,EAM7BW,EAAqBC,GAAqB,CAC9CR,EAAc,MAAQQ,EACtBP,EAAc,MAAQ,EAAA,EAOlBQ,EAAkB/B,GAAkB,CACxCsB,EAAc,MAAQ,GACtBC,EAAc,MAAQvB,EACtBqB,EAAU,MAAM,OAAM,EAQf,SAAAuD,EAAeC,EAAsBC,EAAmB,CAC/D,MAAMC,EAAcF,EAAeC,EAG7BE,EAFgB,SAAS,iBAAiB,yBAAyB,EAErCD,CAAW,EAC3CC,GACFA,EAAc,MAAM,CAExB,CAOS,SAAAC,EAAYC,EAAeC,EAAY,CAC9C,MAAMC,EAASD,EAAM,OACfL,GAAYM,EAAO,MAAM,SAAW,EAAI,GAAK,EAEzCZ,EAAAU,CAAK,EAAIE,EAAO,MAE1BR,EAAeM,EAAOJ,EAAS,EAEnBL,EAAA,MAAQD,EAAU,KAAK,EAAE,EAEjCC,EAAY,MAAM,SAAW,EAC/BL,EAAoB,MAAQ,GAE5BA,EAAoB,MAAQ,EAEhC,CAOS,SAAAiB,EAAYH,EAAeC,EAAY,CAC9C,MAAMG,EAAaH,EAAM,cAAc,QAAQ,MAAM,EAC/CI,GAAgB,SAAS,iBAAiB,yBAAyB,EACzE,GAAID,EAAW,SAAW,GAAK,QAAQ,KAAKA,CAAU,EAAG,CACvD,QAASE,EAAI,EAAGA,EAAIF,EAAW,OAAQE,IAC3BhB,EAAAgB,CAAC,EAAIF,EAAWE,CAAC,EAEjBf,EAAA,MAAQD,EAAU,KAAK,EAAE,EACrCJ,EAAoB,MAAQ,GAEtB,MAAAY,EAAgBO,GAAc,EAAI,CAAC,EACrCP,GACFA,EAAc,MAAM,CACtB,KACK,CACL,QAASQ,EAAI,EAAGA,EAAIF,EAAW,OAAQE,IACrChB,EAAUgB,CAAC,EAAI,GAEjBf,EAAY,MAAQ,GACpBL,EAAoB,MAAQ,GAEtB,MAAAY,EAAgBO,GAAc,CAAC,EACjCP,GACFA,EAAc,MAAM,EAEtBG,EAAM,eAAe,CACvB,CACF,CAKA,MAAMM,EAAiB,SAAY,CACjCd,EAAa,MAAQ,GACjBF,EAAY,MAAM,SAAW,IAC/BhD,EAAU,MAAQ,GACZ,MAAAiE,GACH,wBAAwBrF,EAAU,qBAAgCoE,EAAY,KAAK,EACnF,KAAMkB,GAAQ,EACTA,GAAA,YAAAA,EAAK,UAAW7B,GAAe,KACfxB,EAAA,WAAWC,EAAY,GAAG,EAC1BD,EAAA,UAAUC,EAAY,aAAa,EACvD,CACD,EACA,MAAOvC,IACFA,EAAM,SAAS,KAAK,WAAa,sBACnC2E,EAAa,MACX,uFACFH,EAAU,KAAK,EAAE,GAEjBzE,GAAYC,CAAK,EAEZA,EAAM,KACd,EACA,QAAQ,IAAOyB,EAAU,MAAQ,EAAM,GAElCpB,EAAA,kBAAkBoE,EAAY,KAAK,CAAA,EAMzCmB,EAAoB,SAAY,CACpCjB,EAAa,MAAQ,GACjBF,EAAY,MAAM,SAAW,IAC/BhD,EAAU,MAAQ,GACZ,MAAAiE,GACH,4BAA4BrF,EAAU,qBAAgCoE,EAAY,KAAK,EACvF,KAAK,MAAOkB,GAAQ,EACfA,GAAA,YAAAA,EAAK,UAAW7B,GAAe,KACjC,MAAM+B,GAAkB,EACNvD,EAAA,WAAWC,EAAY,GAAG,EAC1BD,EAAA,UAAUC,EAAY,kBAAkB,EAC5D,CACD,EACA,MAAOvC,GAAU,CACZA,EAAM,SAAS,KAAK,WAAa,qBACnC2E,EAAa,MACX,uFAEF5E,GAAYC,CAAK,CACnB,CACD,EACA,QAAQ,IAAM,CACbyB,EAAU,MAAQ,EAAA,CACnB,EACL,EAMIqE,EAAc,SAAY,CAC9BnB,EAAa,MAAQ,GACrBlD,EAAU,MAAQ,GAElB,MAAMiE,GACH,oBAAoBrF,EAAU,oBAA8B,EAC5D,KAAMsF,GAAQ,EACTA,GAAA,YAAAA,EAAK,UAAW7B,GAAe,KACjCrC,EAAU,MAAQ,GACpB,CACD,EACA,MAAOzB,IACFA,EAAM,SAAS,KAAK,WAAa,qBACnC2E,EAAa,MACX,uFACO3E,EAAM,SAAS,KAAK,WAAa,0BAC1C2E,EAAa,MAAQ,yEAEvBlD,EAAU,MAAQ,GACXzB,EAAM,KACd,CAAA,EAKC+F,EAA4B,SAAY,CAM5C,GALApB,EAAa,MAAQ,GACrBlD,EAAU,MAAQ,GAClBJ,EAAU,MAAM,UACV,MAAAc,GAAMb,CAAa,EAAE,UAEvB,CAACA,EAAc,OAASC,EAAc,MAAO,CAC/CE,EAAU,MAAQ,GAClB,MACF,CAEA,MAAMW,EAAyC,CAC7C,MAAO/B,EAAU,qBACjB,GAAIiB,EAAc,KAAA,EAGpB,MAAMe,EACH,eAAeD,CAAc,EAC7B,KAAMN,GAAkB,CACnBA,EAAS,SAAWgC,GAAe,KACrCa,EAAa,MAAQ,GACvB,CACD,EACA,MAAO3E,GAAe,SACjBE,EAAAF,GAAA,YAAAA,EAAO,WAAP,YAAAE,EAAiB,KAAK,YAAa,0BACrCyE,EAAa,MACX,+EACJ,CACD,EACA,QAAQ,IAAM,CACbrD,EAAc,MAAQ,GACtBD,EAAU,MAAM,QAChBI,EAAU,MAAQ,EAAA,CACnB,CAAA,EAOCuE,EAAe,CAACC,EAAwB,KAAS,CACrD7B,EAAoB,MAAQ,GACxB6B,IAAiB,IAAQ5F,EAAU,iBAAmB,QAC5CyF,IAEcC,IAE5BxB,EAAoB,MAAQ,GAC5BG,EAAgB,MAAQ,IAClB,MAAAwB,EAAa,YAAY,IAAM,CACnBxB,EAAA,QACZA,EAAgB,QAAU,IAC5B,cAAcwB,CAAU,EACxB3B,EAAoB,MAAQ,GAC5BH,EAAoB,MAAQ,KAE7B,GAAI,CAAA,EAMHpC,EAA0B,IAAM,CACpC3B,EAAU,cAAc,IAAI,CAAA,EAG9B,OAAAmC,GAAc,SAAY,CACxBrB,EAAQ,MAAQ,MAAMsB,GAAiB,gBAAgBrB,GAAe,qBAAqB,CAAA,CAC5F,EACDsB,GAAU,SAAY,CACd,MAAAJ,EAAkB,YAAaK,GAAsB,EACpDA,IAAOJ,EAAY,gBAAkBI,IAAOJ,EAAY,MAAQ,CAACf,EAAc,QAClFA,EAAc,MAAQ,GACxB,CACD,EACD2E,GAAMlG,EAAW,IAAM,CACjBA,EAAU,QACRoE,EAAiB,OAAO,aAAaA,EAAiB,KAAK,EAC9CA,EAAA,MAAQ,WAAW,IAAM,CACxCpE,EAAU,MAAQ,IACjB,GAAI,EACT,CACD,EACDkG,GAAMzE,EAAa,IAAM,CACnBA,EAAY,QACV4C,EAAmB,OAAO,aAAaA,EAAmB,KAAK,EAChDA,EAAA,MAAQ,WAAW,IAAM,CAC1C5C,EAAY,MAAQ,IACnB,GAAI,EACT,CACD,CAAA,CACF,kmGChSD,MAAMnB,EAAQC,KACRH,EAAYC,KAEZ,CAAE,OAAAG,EAAQ,aAAAC,EAAc,UAAAC,GAAcC,GAAQ,EAE9C,CAAE,MAAOkC,EAAU,aAAcC,CAAkB,EAAAhC,GACvD,cACAC,KAAS,WAAW,IAAI,CAAC,CAAA,EAErB,CAAE,MAAOoF,EAAiB,aAAcC,CAAyB,EAAAtF,GACrE,oBACAC,KAAS,WAAW,IAAI,CAAC,CAAA,EAGrBQ,EAAgBN,EAAa,EAAK,EAClCjB,EAAYiB,EAAY,EAAE,EAC1BoF,EAAapF,EAAI,EAAE,EACnB8B,EAAoB9B,EAAY,UAAU,EAC1CqF,EAA2BrF,EAAY,UAAU,EACjDO,EAAYP,EAAa,EAAK,EAE9BsF,EAAatF,EAAa,EAAK,EAE/BuF,EAAwBvF,EAAY,EAAE,EACtCgC,EAAwBhC,EAAa,EAAK,EAC1CwF,EAA+BxF,EAAa,EAAK,EAEjDiC,EAAcvB,EAAS,IACvBsB,EAAsB,MACjB,0BAEA,mBAEV,EAEKyD,EAAqB/E,EAAS,IAC9B8E,EAA6B,MACxB,0BAEA,mBAEV,EACK/E,EAAYC,EAAS,IAClB,OAAO,KAAKnB,EAAO,KAAK,EAAE,SAAW,GAAK,CAACgG,EAAsB,KACzE,EAKKzE,EAA0B,IAAM,CACpC3B,EAAU,cAAc,IAAI,CAAA,EAMxBkD,EAAqB,IAAM,CAC3BP,EAAkB,QAAU,YAC9BA,EAAkB,MAAQ,OAC1BE,EAAsB,MAAQ,KAE9BF,EAAkB,MAAQ,WAC1BE,EAAsB,MAAQ,GAChC,EAMI0D,EAA4B,IAAM,CAClCL,EAAyB,QAAU,YACrCA,EAAyB,MAAQ,OACjCG,EAA6B,MAAQ,KAErCH,EAAyB,MAAQ,WACjCG,EAA6B,MAAQ,GACvC,EAKIG,EAA0B,SAAY,CAC1C,MAAMxE,EAAY,WACAC,EAAA,WAAWC,EAAY,KAAK,CAAA,EAG1CN,EAAWvB,EAAa,MAAOwB,GAAW,CAC9C,MAAME,EAAuC,CAC3C,SAAU/B,EAAU,qBACpB,IAAKA,EAAU,eACf,YAAa6B,EAAO,YACpB,kBAAmBA,EAAO,iBAAA,EAG5BT,EAAU,MAAQ,GAClB,MAAM0C,GACH,4BAA4B/B,CAAc,EAC1C,KAAMuD,GAAQ,EACTA,GAAA,YAAAA,EAAK,UAAW7B,GAAe,KACjCwC,EAAW,MAAQ,GACnBrG,EAAU,MAAQ,GACRU,IACV6F,EAAW,MAAQ,GACrB,CACD,EACA,MAAOxG,GAAe,CACrBD,GAAYC,CAAK,CAAA,CAClB,EACA,QAAQ,IAAM,CACbyB,EAAU,MAAQ,EAAA,CACnB,CAAA,CACJ,EAED,OAAAiB,GAAU,SAAY,CACd,MAAAJ,EAAkB,YAAaK,GAAsB,CACrDA,IAAOJ,EAAY,gBAAkB,CAACf,EAAc,QACtDA,EAAc,MAAQ,GACxB,CACD,EAEDsF,GAAY,IAAM,CACZhE,EAAS,QAAUsD,EAAgB,MACrCK,EAAsB,MAAQ,0BAE9BA,EAAsB,MAAQ,EAChC,CACD,CAAA,CACF,EACDM,GAAgB,IAAM,CACb,OAAA,oBAAoB,kBAAmB,IAAM,CAAA,CAAE,CAAA,CACvD,4qGCnID,MAAM1G,EAAYC,KACZC,EAAQC,KAERS,EAAaC,EAAY,OAAO,EAChC,CAAE,OAAAT,EAAQ,aAAAC,EAAc,UAAAC,GAAcC,GAAQ,EAE9C,CAAE,MAAOC,EAAO,aAAcC,CAAW,EAAIC,GAAS,WAAYC,GAAO,EAAE,WAAW,MAAO,CAAA,EAE7F,CAAE,MAAO8B,EAAU,aAAcC,CAAkB,EAAAhC,GACvD,WACAC,KAAS,WAAW,IAAI,CAAC,CAAA,EAErB,CAAE,MAAOoF,EAAiB,aAAcC,CAAyB,EAAAtF,GACrE,kBACAC,KAAS,WAAW,IAAI,CAAC,CAAA,EAGrBG,EAAUD,EAAmBE,GAAe,wBAAwB,EACpEC,EAAYH,EAAS,IAAI,EACzBI,EAAgBJ,EAAY,EAAE,EAC9BK,EAAgBL,EAAY,EAAE,EAC9BM,EAAgBN,EAAa,EAAK,EAClC8B,EAAoB9B,EAAY,UAAU,EAC1CqF,EAA2BrF,EAAY,UAAU,EAEjDjB,EAAYiB,EAAY,EAAE,EAE1B8F,EAAsB9F,EAAa,EAAK,EACxCO,EAAYP,EAAa,EAAK,EAC9BuF,EAAwBvF,EAAY,EAAE,EACtCgC,EAAwBhC,EAAa,EAAK,EAC1CwF,EAA+BxF,EAAa,EAAK,EAEjDiC,EAAcvB,EAAS,IACvBsB,EAAsB,MACjB,oBAEA,yBAEV,EAEKyD,EAAqB/E,EAAS,IAC9B8E,EAA6B,MACxB,oBAEA,yBAEV,EAEK/E,EAAYC,EAAS,IAEvB,OAAO,KAAKnB,EAAO,KAAK,EAAE,SAAW,GACrCa,EAAc,OACd,CAACC,EAAc,OACf,CAACkF,EAAsB,OACvB,CAAChF,EAAU,KAEd,EAMKI,EAAqBC,GAAqB,CAC9CR,EAAc,MAAQQ,EACtBP,EAAc,MAAQ,EAAA,EAOlBQ,EAAkB/B,GAAkB,CACxCsB,EAAc,MAAQ,GACtBC,EAAc,MAAQvB,EACtBqB,EAAU,MAAM,OAAM,EAGlBY,EAAWvB,EAAa,MAAOwB,GAAW,CAC9C,GAAI,CAACZ,EAAc,OAASC,EAAc,MAAO,CAC/CQ,EAAe,mCAAoC,EACnD,MACF,CACA,MAAMK,EAAmC,CACvC,SAAUF,EAAO,SACjB,YAAaA,EAAO,SACpB,eAAgBA,EAAO,gBACvB,UAAWZ,EAAc,KAAA,EAE3BG,EAAU,MAAQ,GAClB,MAAMY,EACH,SAASD,CAAc,EACvB,KAAK,MAAOuD,IAAQ,CACfA,GAAI,KAAK,SAAW,4BACtB1F,EAAU,MAAQ,GACRU,IACVN,EAAU,mBAAmB,UAAU,EAC7BA,EAAA,2BAA2B6B,EAAO,QAAQ,EAClCI,EAAA,WAAWC,EAAY,QAAQ,EAC/BD,EAAA,UAAUC,EAAY,GAAG,EAC7C,CACD,EACA,MAAOvC,IAAe,WACXC,EAAA,OAAQE,IAAAD,GAAAF,IAAA,YAAAA,GAAO,WAAP,YAAAE,GAAiB,OAAjB,YAAAC,GAAuB,OAAA,CAC1C,EACA,QAAQ,IAAM,CACbmB,EAAc,MAAQ,GACtBD,EAAU,MAAM,QAChBI,EAAU,MAAQ,EAAA,CACnB,CAAA,CACJ,EAKKO,EAA0B,IAAM,CACpC3B,EAAU,cAAc,IAAI,CAAA,EAMxBkD,GAAqB,IAAM,CAC3BP,EAAkB,QAAU,YAC9BA,EAAkB,MAAQ,OAC1BE,EAAsB,MAAQ,KAE9BF,EAAkB,MAAQ,WAC1BE,EAAsB,MAAQ,GAChC,EAKI0D,EAA4B,IAAM,CAClCL,EAAyB,QAAU,YACrCA,EAAyB,MAAQ,OACjCG,EAA6B,MAAQ,KAErCH,EAAyB,MAAQ,WACjCG,EAA6B,MAAQ,GACvC,EAEF,OAAAlE,GAAc,SAAY,CACxBrB,EAAQ,MAAQ,MAAMsB,GAAiB,gBAAgBrB,GAAe,wBAAwB,CAAA,CAC/F,EACDsB,GAAU,SAAY,CACd,MAAAJ,EAAkB,YAAaK,GAAsB,CACrDA,IAAOJ,EAAY,UAAY,CAACf,EAAc,QAChDA,EAAc,MAAQ,GACxB,CACD,EACDwF,EAAoB,MAAQ,GAC5BF,GAAY,IAAM,CACZhE,EAAS,QAAUsD,EAAgB,MACrCK,EAAsB,MAAQ,0BAE9BA,EAAsB,MAAQ,EAChC,CACD,CAAA,CACF,EACDN,GACE,IAAM9F,EAAU,wBACf4G,GAAc,CACTA,EACFpG,EAAM,MAAQoG,EAEJtG,GAEd,CAAA,8tIChLF,MAAMJ,EAAQC,KACRH,EAAYC,KAEZ4G,EAAoBC,KAEpBC,EAAcxF,EAAS,IACpBsF,EAAkB,eAC1B,EAKKlF,EAA0B,SAAY,CAC1C3B,EAAU,cAAc,IAAI,EACtB,MAAAgC,EAAY,SAAS,EAAI,CAAA,EAK3BgF,EAAyB,SAAY,OACrCD,EAAY,SAASlH,EAAAkH,EAAY,QAAZ,YAAAlH,EAAmB,QAAS,GAC7C,MAAAmC,EAAY,SAAS,GAAM,EAAK,EACpBC,EAAA,WAAWC,EAAY,kBAAkB,EACzCD,EAAA,UAAUC,EAAY,YAAY,IAE9C,MAAAF,EAAY,SAAS,EAAI,EACbC,EAAA,WAAWC,EAAY,kBAAkB,EAC7D,y4BCzCa+E,GAAA,wuCCcf,MAAM7H,EAAQC,EAUR,CAAE,OAAAe,EAAQ,aAAAC,CAAa,EAAIE,GAAQ,EACnC,CAAE,MAAO2G,EAAW,aAAcC,CAAmB,EAAAzG,GACzD,YACAC,KAAS,WAAW,IAAI,CAAC,CAAA,EAErB,CAAE,MAAOyG,EAAU,aAAcC,CAAkB,EAAA3G,GAAS,WAAYC,GAAA,CAAQ,EAEhFS,EAAYP,EAAa,EAAK,EAC9BjB,EAAYiB,EAAY,EAAE,EAC1Bb,EAAYC,KAEZqB,EAAYC,EAAS,IAClB,OAAO,KAAKnB,EAAO,KAAK,EAAE,SAAW,GAAK,CAACgB,EAAU,KAC7D,EAEKQ,EAAWvB,EAAa,MAAOwB,GAAW,CAC9C,IAAIyF,EAA8B,CAChC,UAAWzF,EAAO,UAClB,SAAUA,EAAO,SACjB,UAAW,GACX,KAAM,CAAA,EAERT,EAAU,MAAQ,GAClBxB,EAAU,MAAQ,GAClB,MAAM2H,GAAeD,CAAU,EAC5B,KAAMhC,GAAa,EACdA,GAAA,YAAAA,EAAK,SAAU7B,GAAe,IAC1BrE,EAAA,uBAAuBoI,EAAiB,aAAcF,CAAU,CACxE,CACD,EACA,MAAM,IAAM,CACX1H,EAAU,MAAQ,uCAAA,CACnB,EACA,QAAQ,IAAM,CACbwB,EAAU,MAAQ,EAAA,CACnB,CAAA,CACJ,EAKKqG,EAAwB,IAAM,aAClCP,EAAU,QAAQrH,EAAAT,GAAA,YAAAA,EAAO,kBAAP,YAAAS,EAAwB,cAAaC,EAAAE,GAAA,YAAAA,EAAW,kBAAX,YAAAF,EAA4B,WACnFsH,EAAS,QAAQrH,EAAAX,GAAA,YAAAA,EAAO,kBAAP,YAAAW,EAAwB,aAAY2H,EAAA1H,GAAA,YAAAA,EAAW,kBAAX,YAAA0H,EAA4B,WAAY,EAAA,EAG/F,OAAArF,GAAU,IAAM,CACQoF,GAAA,CACvB,EAED3B,GACE,IAAM,SAAA,QAACjG,EAAAG,GAAA,YAAAA,EAAW,kBAAX,YAAAH,EAA4B,WAAWC,EAAAV,GAAA,YAAAA,EAAO,kBAAP,YAAAU,EAAwB,SAAS,GAC/E,IAAM,CACkB2H,GACxB,CAAA,q5CC9EaE,GAAA,22DCyBf,MAAMpF,EAASC,KACTpD,EAAQC,EAoBRW,EAAYC,KACZ2H,EAAWC,KAEX,CAAE,OAAAzH,EAAQ,aAAAC,CAAa,EAAIE,GAAQ,EAEnC,CAAE,MAAOuH,EAAa,aAAcC,CAAqB,EAAArH,GAAS,cAAeC,GAAA,CAAQ,EAEzFqH,EAAmB,CACvB,MAAO,SACP,YAAa,qCAAA,EAGT5G,EAAYP,EAAa,EAAK,EAC9BjB,EAAYiB,EAAY,EAAE,EAC1BoH,EAAoBpH,EAAa,EAAK,EACtCqH,EAAyBrH,EAAY,EAAE,EACvCsH,EAAsBtH,EAAY,EAAE,EACpCuH,EAAiBvH,EAAY,EAAE,EAE/BwH,EAAoB9G,EAAS,IAC1B,OAAO,OAAO+G,EAA6B,EAAE,IAAKC,IAAW,CAClE,MAAAA,EACA,MAAOA,EAAM,OAAO,CAAC,EAAE,cAAgBA,EAAM,MAAM,CAAC,CACpD,EAAA,CACH,EAEKjH,EAAYC,EAAS,IAClB,OAAO,KAAKnB,EAAO,KAAK,EAAE,SAAW,GAAK,CAACgB,EAAU,KAC7D,EAMKoH,EAAuB,IACvBxI,EAAU,mBAAqBA,EAAU,qBACpC,GAEPoI,EAAe,OAASE,GAA8B,wBACtD,CAACtI,EAAU,UAEJ,GAEP,EAAAoI,EAAe,OAASE,GAA8B,mBACtD,CAACtI,EAAU,WAWTyI,EAAa,IAAM,CACvBb,EAAS,sBAAsB,EAAI,EACjB3F,EAAA,WAAWC,EAAY,UAAU,EACnDF,EAAY,SAAS,CAAA,EAGjBJ,EAAWvB,EAAa,SAAY,SACpC,GAAAqI,GAAQN,EAAe,KAAK,EAAG,CACjCD,EAAoB,MAAQ,yBAC5B,MACF,CAEA,GAAIF,EAAkB,OAASS,GAAQZ,EAAY,KAAK,EAAG,CACzDI,EAAuB,MAAQ,yBAC/B,MAAA,MAEAA,EAAuB,MAAQ,GAGjC,IAAIZ,EAA8B,CAChC,YAAWzH,EAAAT,EAAM,kBAAN,YAAAS,EAAuB,YAAaG,EAAU,gBAAgB,UACzE,WAAUF,EAAAV,EAAM,kBAAN,YAAAU,EAAuB,WAAYE,EAAU,gBAAgB,SACvE,WAAYiI,EAAkB,MAASH,EAAY,MAAmBM,EAAe,MACrF,UAAWI,EAAqB,EAChC,KAAM,CAAA,EAGR5I,EAAU,MAAQ,GAClBwB,EAAU,MAAQ,GAClB,MAAMmG,GAAeD,CAAU,EAC5B,KAAK,MAAOhC,GAAa,EACpBA,GAAA,YAAAA,EAAK,SAAU7B,GAAe,KAC5B2E,EAAe,OAASE,GAA8B,uBACpDtI,EAAU,mBAAqBA,EAAU,sBACzBiC,EAAA,WAAWC,EAAY,UAAU,EACnD,MAAMF,EAAY,YAEX5C,GAAA,MAAAA,EAAA,uBAAuBoI,EAAiB,qBAAsBF,GAE9Dc,EAAe,OAASE,GAA8B,kBAC3DtI,EAAU,mBAAqBA,EAAU,sBACzBiC,EAAA,WAAWC,EAAY,UAAU,EACnD,MAAMF,EAAY,YAEdhC,EAAU,WACMiC,EAAA,WAAWC,EAAY,UAAU,EACnD,MAAMF,EAAY,WAClBO,EAAO,KAAK,CAAE,KAAM,cAAgB,CAAA,GAE7BnD,GAAA,MAAAA,EAAA,uBACLoI,EAAiB,4BACjBF,IAMYrF,EAAA,WAAWC,EAAY,UAAU,EACnD,MAAMF,EAAY,WACd,CAAChC,EAAU,mBAAqB,CAACA,EAAU,sBAC7CuC,EAAO,KAAK,CAAE,KAAM,cAAgB,CAAA,GAG1C,CACD,EACA,MAAM,IAAM,CACX3C,EAAU,MAAQ,uCAAA,CACnB,EACA,QAAQ,IAAM,CACbwB,EAAU,MAAQ,EAAA,CACnB,CAAA,CACJ,EAKD,SAASuH,GAAe,CAClBP,EAAe,QAAUE,GAA8B,OACzDL,EAAkB,MAAQ,GAE1BA,EAAkB,MAAQ,EAE9B,CAKA,MAAMW,EAAiB,IAAM,CACrBxJ,EAAA,uBAAuBoI,EAAiB,QAAQ,CAAA,EAMlDqB,EAAgB/D,GAAe,CAC7BA,EAAA,cAAc,MAAM,UAAY,8BAAA,EAOlCgE,EAAmBhE,GAAe,CAChCA,EAAA,cAAc,MAAM,UAAY,EAAA,EAOlCiE,EAAyBC,GACzBA,GAAQV,GAA8B,uBACjC,UACEU,GAAQV,GAA8B,OACxC,QAEAU,EAIX,OAAA3G,GAAU,SAAY,UAChBxC,EAAAT,EAAM,kBAAN,MAAAS,EAAuB,aACVuI,EAAA,OAAQtI,EAAAV,EAAM,kBAAN,YAAAU,EAAuB,WAChD,CACD,o/DCjOcmJ,GAAA,4CCAAC,GAAA,kjCCkBf,MAAM9J,EAAQC,EAWR8J,EAAUtI,EAAmB,CACjC,CACE,QAAS,kBACT,YAAa,uDACf,EACA,CACE,QAAS,aACT,YAAa,0DACf,EACA,CACE,QAAS,6BACT,YAAa,8DACf,EACA,CACE,QAAS,6BACT,YAAa,+DACf,EACA,CACE,QAAS,4BACT,YAAa,8CACf,CAAA,CACD,EAEKb,EAAYC,KAEZmB,EAAYP,EAAa,EAAK,EAC9BmD,EAAmBnD,EAAoC,IAAI,EAC3DjB,EAAYiB,EAAY,EAAE,EAK1BuI,EAAgB,SAAY,WAChC,IAAI9B,EAA8B,CAChC,YAAWzH,EAAAT,EAAM,kBAAN,YAAAS,EAAuB,YAAaG,EAAU,gBAAgB,UACzE,WAAUF,EAAAV,EAAM,kBAAN,YAAAU,EAAuB,WAAYE,EAAU,gBAAgB,SACvE,aAAYD,EAAAX,EAAM,kBAAN,YAAAW,EAAuB,aAAcC,EAAU,gBAAgB,WAC3E,UAAW,GACX,KAAM,CAAA,EAGRoB,EAAU,MAAQ,GAClBxB,EAAU,MAAQ,GAClB,MAAM2H,GAAeD,CAAU,EAC5B,KAAK,MAAOhC,GAAa,EACpBA,GAAA,YAAAA,EAAK,SAAU7B,GAAe,KACdxB,EAAA,WAAWC,EAAY,UAAU,EACnD,MAAMF,EAAY,WACpB,CACD,EACA,MAAM,IAAM,CACXpC,EAAU,MAAQ,uCAAA,CACnB,EACA,QAAQ,IAAM,CACbwB,EAAU,MAAQ,EAAA,CACnB,CAAA,EAGL,OAAAiB,GAAU,SAAY,CACpByD,GAAMlG,EAAW,IAAM,CACjBA,EAAU,QACRoE,EAAiB,OAAO,aAAaA,EAAiB,KAAK,EAC9CA,EAAA,MAAQ,WAAW,IAAM,CACxCpE,EAAU,MAAQ,IACjB,GAAI,EACT,CACD,CAAA,CACF,u0BChGcyJ,GAAA,2kCCuBf,MAAMjK,EAAQC,EAeRW,EAAYC,KAEZ+D,EAAmBnD,EAAoC,IAAI,EAC3DjB,EAAYiB,EAAY,EAAE,EAC1BO,EAAYP,EAAa,EAAK,EAE9BsI,EAAUtI,EAAmB,CACjC,CACE,QAAS,MACT,YAAa,mEACf,EACA,CACE,QAAS,gBACT,YAAa,mFACf,EACA,CACE,QAAS,aACT,YAAa,0DACf,EACA,CACE,QAAS,YACT,YACE,4FACJ,EACA,CACE,QAAS,kBACT,YAAa,8DACf,CAAA,CACD,EAKKuI,EAAgB,SAAY,WAChC,IAAI9B,EAA8B,CAChC,YAAWzH,EAAAT,EAAM,kBAAN,YAAAS,EAAuB,YAAaG,EAAU,gBAAgB,UACzE,WAAUF,EAAAV,EAAM,kBAAN,YAAAU,EAAuB,WAAYE,EAAU,gBAAgB,SACvE,aAAYD,EAAAX,EAAM,kBAAN,YAAAW,EAAuB,aAAcC,EAAU,gBAAgB,WAC3E,UAAW,GACX,KAAM,CAAA,EAGRoB,EAAU,MAAQ,GAClBxB,EAAU,MAAQ,GAClB,MAAM2H,GAAeD,CAAU,EAC5B,KAAK,MAAOhC,GAAa,EACpBA,GAAA,YAAAA,EAAK,SAAU7B,GAAe,KACdxB,EAAA,WAAWC,EAAY,UAAU,EACnD,MAAMF,EAAY,WACpB,CACD,EACA,MAAM,IAAM,CACXpC,EAAU,MAAQ,uCAAA,CACnB,EACA,QAAQ,IAAM,CACbwB,EAAU,MAAQ,EAAA,CACnB,CAAA,EAGL,OAAAiB,GAAU,SAAY,CACpByD,GAAMlG,EAAW,IAAM,CACjBA,EAAU,QACRoE,EAAiB,OAAO,aAAaA,EAAiB,KAAK,EAC9CA,EAAA,MAAQ,WAAW,IAAM,CACxCpE,EAAU,MAAQ,IACjB,GAAI,EACT,CACD,CAAA,CACF,25BClFD,MAAMiH,EAAoBC,KACpB9G,EAAYC,KACZqJ,EAAczI,EAAkB,CACpC,UAAW,GACX,SAAU,GACV,WAAY,EAAA,CACb,EACK0I,EAAQ1I,EAAsB2G,EAAiB,QAAQ,EACvDgC,EAAa3I,EAAY,CAAC,EAC1B4I,EAAa5I,EAAwB,EAAE,EAEvCkG,EAAcxF,EAAS,IAAM,OACjC,OAAO1B,EAAAgH,EAAkB,eAAlB,YAAAhH,EAAgC,OAAQ6J,GACtCA,EAAK,QAAUC,GAAY,wBACnC,CACF,EAEKC,EAA6BrI,EAAS,IACtC,EAAAsF,EAAkB,YAKvB,EAEKgD,EAA6BtI,EAAS,IACnCmH,GACL1I,EAAU,gBAAgB,WACxBA,EAAU,gBAAgB,UAC1BA,EAAU,gBAAgB,UAAA,CAE/B,EAOK8J,EAAyB,MAAOvB,EAAyBwB,IAA+B,CAC5FR,EAAM,MAAQhB,EACFe,EAAA,MAAM,UAAYS,EAAa,UAC/BT,EAAA,MAAM,SAAWS,EAAa,SAC9BT,EAAA,MAAM,WAAaS,EAAa,UAAA,EAMxCC,EAA4BzB,GAAkB,CAClD,OAAQA,EAAO,CACb,IAAK,GACHgB,EAAM,MAAQ/B,EAAiB,SAC/B,MACF,IAAK,GACH+B,EAAM,MAAQ/B,EAAiB,aAC/B,MACF,IAAK,GACCiC,EAAW,OAASnB,GAA8B,uBACpDiB,EAAM,MAAQ/B,EAAiB,qBAE/B+B,EAAM,MAAQ/B,EAAiB,4BAEjC,MACF,QACE+B,EAAM,MAAQ/B,EAAiB,QACnC,CAAA,EAGF,OAAA1B,GACE,IAAM,CAAC+D,EAA2B,MAClC,IAAM,CACOL,EAAA,MAAQxJ,EAAU,gBAAgB,KAClCyJ,EAAA,MAAQzJ,EAAU,gBAAgB,WAC7CgK,EAAyBR,EAAW,KAAK,CAC3C,CAAA"}