{"version":3,"file":"B55IviJd.js","sources":["../../../../skeleton/components/form/sign-in.vue","../../../../skeleton/components/modal/sign-in.vue"],"sourcesContent":["<template>\n  <form class=\"form-sign-in\">\n    <form-input-text\n      v-if=\"props.loginType === 'email'\"\n      key=\"email\"\n      ref=\"inputEmailRef\"\n      v-model:value=\"authorizationFormData.login\"\n      type=\"email\"\n      :is-required=\"true\"\n      :label=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.email.label') || ''\"\n      name=\"login\"\n      :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.email.placeholder') || ''\"\n      :hint=\"setError('login')\"\n      @blur=\"v$.login?.$touch()\"\n      @focus=\"focusField('login')\"\n      @submit=\"login\"\n    />\n\n    <form-input-phone\n      v-else\n      key=\"phone\"\n      ref=\"inputPhoneRef\"\n      v-model:value=\"authorizationFormData.login\"\n      :is-required=\"true\"\n      :label=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.phone.label') || ''\"\n      name=\"login\"\n      :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.phone.placeholder') || ''\"\n      :hint=\"setError('login')\"\n      @blur=\"v$.login?.$touch()\"\n      @focus=\"focusField('login')\"\n      @submit=\"login\"\n    />\n\n    <form-input-password\n      v-model:value=\"authorizationFormData.password\"\n      type=\"password\"\n      :is-required=\"true\"\n      :label=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.password.label') || ''\"\n      name=\"password\"\n      :placeholder=\"\n        getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.password.placeholder') || ''\n      \"\n      :hint=\"setError('password')\"\n      @blur=\"v$.password?.$touch()\"\n      @focus=\"focusField('password')\"\n      @submit=\"login\"\n    />\n\n    <atomic-hint v-if=\"loginError || socialAuthEmailError\" variant=\"error\" :message=\"hintErrorMessage\" />\n\n    <button-base\n      type=\"primary\"\n      size=\"md\"\n      tag-name=\"div\"\n      :is-disabled=\"v$.$invalid || isLockedAsyncButton\"\n      @click=\"login\"\n    >\n      <atomic-spinner :is-shown=\"isLockedAsyncButton\" />\n      {{ getContent(props.currentLocaleData, props.defaultLocaleData, 'loginButton') }}\n    </button-base>\n\n    <button-popup\n      class=\"btn-forgot\"\n      :button-label=\"getContent(props.currentLocaleData, props.defaultLocaleData, 'forgotButton')\"\n      modal=\"forgot-pass\"\n    />\n\n    <atomic-socials type=\"login\" />\n\n    <button-popup\n      :button-label=\"getContent(props.currentLocaleData, props.defaultLocaleData, 'registrationButton')\"\n      modal=\"sign-up\"\n    />\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    loginType: 'email' | 'phone';\n    count: number;\n    currentLocaleData: Maybe<IModalsContent['signIn']>;\n    defaultLocaleData: Maybe<IModalsContent['signIn']>;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { fieldsSettings, defaultLocaleFieldsSettings, alertsData, defaultLocaleAlertsData } = storeToRefs(globalStore);\n  const { closeModal } = useModalStore();\n\n  const profileStore = useProfileStore();\n  const { socialAuthEmailError } = storeToRefs(profileStore);\n  const { logIn } = profileStore;\n  const isLockedAsyncButton = ref<boolean>(false);\n\n  const hintErrorMessage = computed(() => {\n    const emailVerificationError = getContent(\n      props.currentLocaleData,\n      props.defaultLocaleData,\n      'emailVerificationError'\n    );\n    const loginError = getContent(fieldsSettings.value, defaultLocaleFieldsSettings.value, 'validationMessages.login');\n\n    if (!emailVerificationError && !loginError) return '';\n    if (socialAuthEmailError.value) return emailVerificationError;\n    return loginError;\n  });\n\n  const authorizationFormData = reactive({\n    login: '',\n    password: '',\n  });\n  const { getFormRules, getContent } = useProjectMethods();\n  const authorizationRules = {\n    password: [{ rule: 'required' }],\n    login: [{ rule: 'required' }, { rule: props.loginType || 'email' }],\n  };\n  const authorizationFormRules = getFormRules(authorizationRules);\n  const { serverFormErrors, v$, onFocus, setError } = useFormValidation(authorizationFormRules, authorizationFormData);\n  const loginError = ref<boolean>(false);\n\n  const focusField = (fieldName: string): void => {\n    loginError.value = false;\n    onFocus(fieldName);\n  };\n\n  const login = 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 logIn(authorizationFormData);\n      closeModal('sign-in');\n    } catch (error: any) {\n      if (error.response?.status === 401) {\n        loginError.value = true;\n      } else if (error.response?.status === 422) {\n        serverFormErrors.value = error.data?.error?.fields;\n      } else if (error.response?.status === 403) {\n        const { showAlert } = useLayoutStore();\n        showAlert(alertsData.value?.profile?.accountBlocked || defaultLocaleAlertsData.value?.profile?.accountBlocked);\n      } else {\n        throw error;\n      }\n    } finally {\n      isLockedAsyncButton.value = false;\n    }\n  };\n\n  const inputEmailRef = ref();\n  const inputPhoneRef = ref();\n\n  onMounted(() => {\n    nextTick(() => {\n      if (props.loginType === 'email' && props.count < 1) {\n        inputEmailRef.value?.focusField();\n      }\n    });\n  });\n\n  onBeforeUnmount(() => {\n    socialAuthEmailError.value = false;\n  });\n</script>\n\n<style src=\"~/assets/styles/components/form/sign-in.scss\" lang=\"scss\" />\n","<template>\n  <vue-final-modal\n    class=\"modal-sign-in\"\n    :click-to-close=\"false\"\n    :overlay-transition=\"{ mode: 'in-out', duration: 250 }\"\n    :content-transition=\"{ mode: 'in-out', duration: 250 }\"\n  >\n    <div class=\"scroll\">\n      <div class=\"header\">\n        <button-modal-close @close=\"closeModal('sign-in')\" />\n        <div class=\"title\">{{ getContent(props.currentLocaleData, props.defaultLocaleData, 'title') }}</div>\n      </div>\n\n      <div v-if=\"tabsList.length && loginType === 'both'\">\n        <div class=\"modal-sign-in__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-sign-in__tabs-divider\" />\n      </div>\n\n      <form-sign-in\n        :key=\"selectedTab\"\n        :login-type=\"selectedTab\"\n        :count=\"selectedCount\"\n        :current-locale-data=\"props.currentLocaleData\"\n        :default-locale-data=\"props.defaultLocaleData\"\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['signIn']>;\n    defaultLocaleData: Maybe<IModalsContent['signIn']>;\n  }>();\n\n  const { closeModal } = useModalStore();\n  const { getContent } = useProjectMethods();\n  const loginType = getContent(props.currentLocaleData, props.defaultLocaleData, 'tabsDisplay') || 'both';\n\n  const tabsList = computed(() => {\n    const tabsObj = getContent(props.currentLocaleData, props.defaultLocaleData, 'tabs');\n    if (!tabsObj) return [];\n\n    return Object.keys(tabsObj).map(key => {\n      if (key === 'email') {\n        return {\n          id: 'email',\n          icon: 'mail',\n          label: tabsObj[key],\n        };\n      }\n      return {\n        id: 'phone',\n        icon: 'mobile',\n        label: tabsObj[key],\n      };\n    });\n  });\n\n  const selectedTab = ref<'email' | 'phone'>(loginType === 'both' ? 'email' : loginType);\n  const selectedCount = ref(0);\n\n  const changeTab = (newTabId: 'email' | 'phone'): void => {\n    if (selectedTab.value === newTabId) return;\n    selectedTab.value = newTabId;\n    selectedCount.value++;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/modal/sign-in.scss\" lang=\"scss\" />\n"],"names":["props","__props","globalStore","useGlobalStore","fieldsSettings","defaultLocaleFieldsSettings","alertsData","defaultLocaleAlertsData","storeToRefs","closeModal","useModalStore","profileStore","useProfileStore","socialAuthEmailError","logIn","isLockedAsyncButton","ref","hintErrorMessage","computed","emailVerificationError","getContent","loginError","authorizationFormData","reactive","getFormRules","useProjectMethods","authorizationRules","authorizationFormRules","serverFormErrors","v$","onFocus","setError","useFormValidation","focusField","fieldName","login","error","_a","_b","_d","_c","_e","showAlert","useLayoutStore","_g","_f","_i","_h","inputEmailRef","inputPhoneRef","onMounted","nextTick","onBeforeUnmount","loginType","tabsList","tabsObj","key","selectedTab","selectedCount","changeTab","newTabId"],"mappings":"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"}