{"version":3,"file":"CM-zTd-Q.js","sources":["../../../../skeleton/components/form/forgot-pass-email.vue","../../../../skeleton/components/form/forgot-pass-phone.vue","../../../../skeleton/components/modal/forgot-pass.vue"],"sourcesContent":["<template>\n  <form class=\"form-forgot-pass\">\n    <form-input-text\n      v-model:value=\"forgotFormData.email\"\n      type=\"email\"\n      :is-required=\"true\"\n      :label=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.email.label') || ''\"\n      name=\"email\"\n      :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.email.placeholder') || ''\"\n      :hint=\"setError('email')\"\n      @blur=\"v$.email?.$touch()\"\n      @focus=\"onFocus('email')\"\n      @submit=\"sendEmail\"\n    />\n\n    <button-base\n      type=\"primary\"\n      size=\"md\"\n      tag-name=\"div\"\n      :is-disabled=\"v$.$invalid || isLockedAsyncButton\"\n      @click=\"sendEmail\"\n    >\n      <atomic-spinner :is-shown=\"isLockedAsyncButton\" />\n      {{ getContent(props.currentLocaleData, props.defaultLocaleData, 'forgotButton') }}\n    </button-base>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import type { IModalsContent } from '~/types';\n\n  const props = defineProps<{\n    currentLocaleData: Maybe<IModalsContent['forgot']>;\n    defaultLocaleData: Maybe<IModalsContent['forgot']>;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { fieldsSettings, defaultLocaleFieldsSettings, alertsData, defaultLocaleAlertsData } = storeToRefs(globalStore);\n\n  const forgotFormData = reactive({ email: '' });\n  const { getFormRules, getContent } = useProjectMethods();\n  const forgotRules = {\n    email: [{ rule: 'required' }, { rule: 'email' }],\n  };\n  const forgotFormRules = getFormRules(forgotRules);\n  const { serverFormErrors, v$, onFocus, setError } = useFormValidation(forgotFormRules, forgotFormData);\n\n  const { forgotProfilePassword } = useCoreProfileApi();\n  const isLockedAsyncButton = ref<boolean>(false);\n\n  const sendEmail = async (): Promise<void> => {\n    if (v$.value.$invalid) return;\n\n    v$.value.$reset();\n    const validFormData = await v$.value.$validate();\n    if (!validFormData) return;\n\n    try {\n      isLockedAsyncButton.value = true;\n      await forgotProfilePassword(forgotFormData);\n      const { showAlert } = useLayoutStore();\n      const { closeModal } = useModalStore();\n      showAlert(alertsData.value?.profile?.sentResetLink || defaultLocaleAlertsData.value?.profile?.sentResetLink);\n      closeModal('forgot-pass');\n    } catch (error: any) {\n      if (error.response?.status === 422) {\n        serverFormErrors.value = error.data?.error?.fields;\n      } else throw error;\n    } finally {\n      isLockedAsyncButton.value = false;\n    }\n  };\n</script>\n","<template>\n  <form class=\"form-forgot-pass\">\n    <form-input-phone\n      key=\"phone\"\n      v-model:value=\"forgotFormData.phone\"\n      :is-required=\"true\"\n      :label=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.phone.label') || ''\"\n      name=\"phone\"\n      :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.phone.placeholder') || ''\"\n      :hint=\"setError('phone')\"\n      @blur=\"v$.phone?.$touch()\"\n      @focus=\"onFocus('phone')\"\n      @submit=\"sendOtp\"\n    />\n\n    <button-base\n      type=\"primary\"\n      size=\"md\"\n      tag-name=\"div\"\n      :is-disabled=\"v$.$invalid || isLockedAsyncButton\"\n      @click=\"sendOtp\"\n    >\n      <atomic-spinner :is-shown=\"isLockedAsyncButton\" />\n      {{ getContent(props.currentLocaleData, props.defaultLocaleData, 'sendOtpButton') }}\n    </button-base>\n  </form>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import type { IModalsContent } from '~/types';\n\n  const props = defineProps<{\n    currentLocaleData: Maybe<IModalsContent['forgot']>;\n    defaultLocaleData: Maybe<IModalsContent['forgot']>;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { fieldsSettings, defaultLocaleFieldsSettings, globalComponentsContent, defaultLocaleGlobalComponentsContent } =\n    storeToRefs(globalStore);\n\n  const emit = defineEmits(['sendOtp']);\n  const forgotFormData = reactive({ phone: '' });\n  const { getFormRules, getContent } = useProjectMethods();\n  const forgotRules = {\n    phone: [{ rule: 'required' }, { rule: 'phone' }],\n  };\n  const forgotFormRules = getFormRules(forgotRules);\n  const { serverFormErrors, v$, onFocus, setError } = useFormValidation(forgotFormRules, forgotFormData);\n\n  const isLockedAsyncButton = ref<boolean>(false);\n\n  const sendOtp = async (): Promise<void> => {\n    if (v$.value.$invalid) return;\n\n    v$.value.$reset();\n    const validFormData = await v$.value.$validate();\n    if (!validFormData) return;\n\n    try {\n      isLockedAsyncButton.value = true;\n      const { sendOtp } = useCoreAuthApi();\n      await sendOtp({ phone: forgotFormData.phone, reason: 'changingPass' });\n      emit('sendOtp', forgotFormData);\n    } catch (error: any) {\n      if (error.data?.error?.code === 11005) {\n        const limitError = getContent(\n          globalComponentsContent.value,\n          defaultLocaleGlobalComponentsContent.value,\n          'phoneVerification.limitError'\n        );\n        serverFormErrors.value = { phone: [limitError] };\n      } else {\n        serverFormErrors.value = { phone: [error.data?.error?.message] };\n      }\n    } finally {\n      isLockedAsyncButton.value = false;\n    }\n  };\n</script>\n","<template>\n  <vue-final-modal\n    class=\"modal-forgot-pass\"\n    :click-to-close=\"false\"\n    :overlay-transition=\"{ mode: 'in-out', duration: 250 }\"\n    :content-transition=\"{ mode: 'in-out', duration: 250 }\"\n    @closed=\"modalClosed\"\n  >\n    <div class=\"scroll\">\n      <div class=\"header\">\n        <button class=\"modal-forgot-pass__previous\" @click.prevent=\"returnLoginModal\">\n          <atomic-icon id=\"arrow_previous\" />\n        </button>\n\n        <div class=\"title\">\n          <template v-if=\"showPhoneVerification\">\n            {{ getContent(globalComponentsContent, defaultLocaleGlobalComponentsContent, 'phoneVerification.title') }}\n          </template>\n\n          <template v-else>\n            {{ getContent(props.currentLocaleData, props.defaultLocaleData, 'title') }}\n          </template>\n        </div>\n\n        <button class=\"modal-forgot-pass__close\" @click.prevent=\"closeModal('forgot-pass')\">\n          <atomic-icon id=\"close\" />\n        </button>\n      </div>\n\n      <p v-if=\"!showPhoneVerification\" class=\"text\">\n        {{\n          getContent(\n            props.currentLocaleData,\n            props.defaultLocaleData,\n            `${selectedTab === 'email' ? 'emailDescription' : 'phoneDescription'}`\n          )\n        }}\n      </p>\n\n      <template v-if=\"tabsList.length && forgotType === 'both' && !showPhoneVerification\">\n        <div class=\"modal-forgot-pass__tabs\">\n          <button-base\n            v-for=\"tab in tabsList\"\n            :key=\"tab.id\"\n            :is-active=\"tab.id === selectedTab\"\n            size=\"xs\"\n            @click=\"changeTab(tab.id as 'email' | 'phone')\"\n          >\n            <atomic-icon :id=\"tab.icon\" />\n            <span class=\"text\">{{ tab.label }}</span>\n          </button-base>\n        </div>\n\n        <atomic-divider class=\"modal-forgot-pass__tabs-divider\" />\n      </template>\n\n      <transition name=\"fade\" mode=\"out-in\" :duration=\"100\">\n        <form-forgot-pass-email\n          v-if=\"selectedTab === 'email'\"\n          key=\"email\"\n          :current-locale-data=\"props.currentLocaleData\"\n          :default-locale-data=\"props.defaultLocaleData\"\n        />\n\n        <div v-else key=\"phone\">\n          <form-forgot-pass-phone\n            v-show=\"!showPhoneVerification\"\n            :current-locale-data=\"props.currentLocaleData\"\n            :default-locale-data=\"props.defaultLocaleData\"\n            @send-otp=\"sendOtp\"\n          />\n\n          <form-phone-verify\n            v-if=\"showPhoneVerification\"\n            :phone=\"verificationPhone\"\n            reason=\"changingPass\"\n            :error-hint=\"verificationError\"\n            :loading=\"sendingData\"\n            :button-label=\"getContent(props.currentLocaleData, props.defaultLocaleData, 'forgotButton')\"\n            @verify-phone=\"verifyPhone\"\n            @remove-error-hint=\"verificationError = undefined\"\n          />\n        </div>\n      </transition>\n\n      <button-popup\n        v-if=\"!showPhoneVerification\"\n        :button-label=\"getContent(props.currentLocaleData, props.defaultLocaleData, 'registrationButton') || ''\"\n        modal=\"sign-up\"\n      />\n    </div>\n  </vue-final-modal>\n</template>\n\n<script setup lang=\"ts\">\n  import { VueFinalModal } from 'vue-final-modal';\n  import type { IModalsContent } from '~/types';\n\n  const props = defineProps<{\n    currentLocaleData: Maybe<IModalsContent['forgot']>;\n    defaultLocaleData: Maybe<IModalsContent['forgot']>;\n  }>();\n\n  const modalStore = useModalStore();\n  const { modalsList, openModal, closeModal } = modalStore;\n\n  const signInContentParams = {\n    contentKey: 'modal-sign-in',\n    contentRoute: ['modals', modalsList['sign-in'].content as string],\n  };\n  const { getContentData: getSignInContentData } = useContentLogic(signInContentParams);\n  const { data: signInContent } = await useLazyAsyncData(getSignInContentData);\n\n  const { settingsConstants, globalComponentsContent, defaultLocaleGlobalComponentsContent } = useGlobalStore();\n  const { getContent } = useProjectMethods();\n  const showPhoneVerification = ref<boolean>(false);\n\n  const returnLoginModal = () => {\n    if (showPhoneVerification.value) {\n      showPhoneVerification.value = false;\n      verificationError.value = undefined;\n    } else openModal('sign-in');\n  };\n\n  const forgotType = computed(() => {\n    const otpEnabled = settingsConstants?.player.otp.enabled;\n    const forgotTypeContent = getContent(props.currentLocaleData, props.defaultLocaleData, 'tabsDisplay') || 'both';\n\n    if (otpEnabled) return forgotTypeContent;\n    return 'email';\n  });\n\n  const tabsList = computed(() => {\n    const tabsObj = getContent(signInContent.value?.currentLocaleData, signInContent.value?.defaultLocaleData, 'tabs');\n    if (!tabsObj) return [];\n\n    return Object.keys(tabsObj).map(key => {\n      if (key === 'email') return { id: 'email', icon: 'mail', label: tabsObj[key] };\n      return { id: 'phone', icon: 'mobile', label: tabsObj[key] };\n    });\n  });\n  const selectedTab = ref<'email' | 'phone'>(forgotType.value === 'both' ? 'email' : forgotType.value);\n\n  const changeTab = (newTabId: 'email' | 'phone'): void => {\n    if (selectedTab.value === newTabId) return;\n    selectedTab.value = newTabId;\n  };\n\n  const modalClosed = (): void => {\n    showPhoneVerification.value = false;\n    selectedTab.value = 'email';\n  };\n\n  const verificationPhone = ref<string>('');\n  const sendOtp = (completeData: { [key: string]: any }): void => {\n    verificationPhone.value = completeData.phone;\n    showPhoneVerification.value = true;\n  };\n\n  const showResetModal = async (code: string): Promise<void> => {\n    const router = useRouter();\n    const route = useRoute();\n    await openModal('reset-pass', { prohibitQueryChange: false });\n    router.push({ query: { ...route.query, 'forgot-pass': undefined, 'reset-pass': 'true', resetCode: code } });\n    modalStore.modals['forgot-pass']?.close();\n  };\n\n  const sendingData = ref<boolean>(false);\n  const verificationError = ref<{ variant: string; message: string } | undefined>();\n  const verifyPhone = async (verificationCode: string): Promise<void> => {\n    try {\n      sendingData.value = true;\n      const { phoneVerification } = useCoreAuthApi();\n      const { code } = await phoneVerification({\n        phone: verificationPhone.value,\n        code: verificationCode,\n        reason: 'changingPass',\n      });\n      await showResetModal(code);\n    } catch (error: any) {\n      if (error.data?.error?.code === 11003) {\n        verificationError.value = {\n          variant: 'error',\n          message: getContent(\n            globalComponentsContent,\n            defaultLocaleGlobalComponentsContent,\n            'phoneVerification.invalidError'\n          ),\n        };\n      } else {\n        verificationError.value = {\n          variant: 'error',\n          message: error.data?.error?.message || 'Cannot verify phone number',\n        };\n      }\n    } finally {\n      sendingData.value = false;\n    }\n  };\n</script>\n\n<style src=\"~/assets/styles/components/modal/forgot-pass.scss\" lang=\"scss\" />\n"],"names":["props","__props","globalStore","useGlobalStore","fieldsSettings","defaultLocaleFieldsSettings","alertsData","defaultLocaleAlertsData","storeToRefs","forgotFormData","reactive","getFormRules","getContent","useProjectMethods","forgotFormRules","serverFormErrors","v$","onFocus","setError","useFormValidation","forgotProfilePassword","useCoreProfileApi","isLockedAsyncButton","ref","sendEmail","showAlert","useLayoutStore","closeModal","useModalStore","_b","_a","_d","_c","error","_e","_g","_f","globalComponentsContent","defaultLocaleGlobalComponentsContent","emit","__emit","sendOtp","useCoreAuthApi","limitError","modalStore","modalsList","openModal","signInContentParams","getSignInContentData","useContentLogic","signInContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","settingsConstants","showPhoneVerification","returnLoginModal","verificationError","forgotType","computed","otpEnabled","forgotTypeContent","tabsList","tabsObj","key","selectedTab","changeTab","newTabId","modalClosed","verificationPhone","completeData","showResetModal","code","router","useRouter","route","useRoute","sendingData","verifyPhone","verificationCode","phoneVerification"],"mappings":"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"}