{"version":3,"file":"CVkdnlaE.js","sources":["../../../../skeleton/components/form/change-pass.vue","../../../../skeleton/components/modal/change-pass.vue"],"sourcesContent":["<template>\n  <div class=\"change-pass_form__wrapper\">\n    <div class=\"change-pass_form__form\">\n      <form-input-password\n        v-model:value=\"changeFormData.currentPassword\"\n        :label=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.password.label')\"\n        type=\"password\"\n        name=\"currentPassword\"\n        :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.oldPassword.placeholder') || ''\"\n        is-required\n        :hint=\"setError('currentPassword')\"\n        @blur=\"v$.currentPassword?.$touch()\"\n        @focus=\"onFocus('currentPassword')\"\n      />\n\n      <form-input-password\n        v-model:value=\"changeFormData.newPassword\"\n        type=\"password\"\n        name=\"newPassword\"\n        :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.newPassword.placeholder') || ''\"\n        is-required\n        :hint=\"setError('newPassword')\"\n        @blur=\"v$.newPassword?.$touch()\"\n        @focus=\"onFocus('newPassword')\"\n        @input=\"inputNewPassword\"\n      />\n\n      <form-input-password\n        v-model:value=\"changeFormData.repeatNewPassword\"\n        type=\"password\"\n        name=\"repeatNewPassword\"\n        :placeholder=\"getContent(fieldsSettings, defaultLocaleFieldsSettings, 'fieldsControls.repeatNewPassword.placeholder') || ''\"\n        is-required\n        :hint=\"setError('repeatNewPassword')\"\n        @blur=\"v$.repeatNewPassword?.$touch()\"\n        @focus=\"onFocus('repeatNewPassword')\"\n      />\n    </div>\n\n    <div class=\"change-pass_form__actions\">\n      <button-base\n        type=\"gray\"\n        size=\"md\"\n        @click=\"emit('cancel')\"\n      >\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.cancel') }}\n      </button-base>\n\n      <button-base\n        type=\"primary\"\n        size=\"md\"\n        @click=\"onSubmit\"\n        :isDisabled=\"v$.$invalid || isLockedAsyncButton\"\n      >\n        <atomic-spinner :is-shown=\"isLockedAsyncButton\" />\n        {{ getContent(layoutData, defaultLocaleLayoutData, 'buttons.save') }}\n      </button-base>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import type { IChangeFormData } from '~/types';\n\n  const globalStore = useGlobalStore();\n  const { getFormRules, createValidationRules, getContent } = useProjectMethods();\n\n  defineProps<{\n    isLockedAsyncButton: boolean;\n  }>();\n\n  const emit = defineEmits(['submit', 'cancel']);\n\n  const {\n    layoutData,\n    defaultLocaleLayoutData,\n    fieldsSettings,\n    defaultLocaleFieldsSettings,\n  } = storeToRefs(globalStore);\n\n  const changeFormData = reactive<IChangeFormData>({\n    currentPassword: '',\n    newPassword: '',\n    repeatNewPassword: '',\n  });\n\n\n  const changeRules = createValidationRules(Object.keys(changeFormData).map((field) => ({\n    name: field,\n    required: true,\n  })));\n  const changeFormRules = getFormRules(changeRules);\n  const { v$, onFocus, setError } = useFormValidation(changeFormRules, changeFormData);\n\n  const inputNewPassword = (): void => {\n    if (v$.value.repeatNewPassword.$dirty) {\n      const oldValue = changeFormData.repeatNewPassword;\n      changeFormData.repeatNewPassword = '';\n      changeFormData.repeatNewPassword = oldValue;\n    }\n  };\n\n  const onSubmit = (): void => {\n    if (v$.value.$invalid) return;\n    v$.value.$reset();\n    const validFormData = v$.value.$validate();\n    if (!validFormData) return;\n\n    emit('submit', changeFormData);\n    resetForm();\n  };\n\n  const resetForm = (): void => {\n    changeFormData.currentPassword = '';\n    changeFormData.newPassword = '';\n    changeFormData.repeatNewPassword = '';\n    v$.value.$reset();\n  };\n\n</script>\n\n<style src=\"~/assets/styles/components/form/change-pass.scss\" lang=\"scss\" />\n","<template>\n  <vue-final-modal\n    class=\"modal-change-pass\"\n    :clickToClose=\"false\"\n    :overlayTransition=\"{ mode: 'in-out', duration: 200 }\"\n    :contentTransition=\"{ mode: 'in-out', duration: 200 }\"\n  >\n    <div class=\"scroll\">\n      <div class=\"header\">\n        <button-modal-close @close=\"onCloseModal\" />\n        <div class=\"title\">\n          {{\n            isShowEmailVerification\n              ? getContent(popupsData, defaultLocalePopupsData, 'changePass.titleCheckEmail')\n              : getContent(popupsData, defaultLocalePopupsData, 'changePass.title')\n          }}\n        </div>\n      </div>\n\n      <div class=\"description\" v-if=\"!isShowEmailVerification\">\n        {{ getContent(popupsData, defaultLocalePopupsData, 'changePass.description') }}\n      </div>\n\n      <div class=\"modal-change-pass__form\">\n        <form-change-pass\n          v-if=\"!isShowEmailVerification\"\n          @submit=\"onSubmitPass\"\n          @cancel=\"onCloseModal\"\n          :isLockedAsyncButton=\"isLockedAsyncButton\"\n        />\n\n        <form-email-code-verify\n          v-if=\"isShowEmailVerification\"\n          :email=\"profile?.email\"\n          :hint=\"verificationError\"\n          :loading=\"verifyLoading\"\n          :buttonSubmitLabel=\"getContent(layoutData, defaultLocaleLayoutData, 'buttons.submit')\"\n          :buttonCancelLabel=\"getContent(layoutData, defaultLocaleLayoutData, 'buttons.back')\"\n          @remove-hint=\"verificationError = undefined\"\n          @cancel=\"isShowEmailVerification = false\"\n          @verifyCode=\"changePassword\"\n          @resendCode=\"sendEmailOtp()\"\n        />\n      </div>\n    </div>\n  </vue-final-modal>\n</template>\n\n<script setup lang=\"ts\">\n  import { VueFinalModal } from 'vue-final-modal';\n  const { sendEmailOTPCodeChangePass } = useCoreAuthApi();\n\n  import type { IChangeFormData, IFieldHint } from '@skeleton/types';\n  import { ModalName } from '@skeleton/consts/modals';\n\n  const { showAlert } = useLayoutStore();\n  const { closeModal } = useModalStore();\n  const profileStore = useProfileStore();\n  const { profile } = storeToRefs(profileStore);\n  const globalStore = useGlobalStore();\n  const { getContent } = useProjectMethods();\n\n  const {\n    layoutData,\n    defaultLocaleLayoutData,\n    popupsData,\n    defaultLocalePopupsData,\n    alertsData,\n    defaultLocaleAlertsData,\n  } = storeToRefs(globalStore);\n\n  const changeFormData = reactive({\n    currentPassword: '',\n    newPassword: '',\n    repeatNewPassword: '',\n    otp: '',\n  });\n\n  const onCloseModal = (): void => {\n    closeModal(ModalName.CHANGE_PASS);\n  };\n\n  const showInvalidPassErrorAlert = (): void => {\n    showAlert(alertsData.value?.profile?.invalidPassword || defaultLocaleAlertsData.value?.profile?.invalidPassword);\n  };\n\n  const sendEmailOtp = async () => {\n    await sendEmailOTPCodeChangePass();\n    showAlert(alertsData.value?.profile?.sentCodeVerify || defaultLocaleAlertsData.value?.profile?.sentCodeVerify);\n  };\n\n  const isLockedAsyncButton = ref<boolean>(false);\n  const { changeProfilePassword } = useCoreProfileApi();\n  const isShowEmailVerification = ref(false);\n\n  const onSubmitPass = async (formData: IChangeFormData): Promise<void> => {\n    if (!profile.value?.email) {\n      showAlert(alertsData.value?.profile?.addEmailFirst || defaultLocaleAlertsData.value?.profile?.sentResetLink);\n      onCloseModal();\n      return;\n    }\n\n    try {\n      isLockedAsyncButton.value = true;\n      changeFormData.currentPassword = formData.currentPassword;\n      changeFormData.newPassword = formData.newPassword;\n      changeFormData.repeatNewPassword = formData.repeatNewPassword;\n\n      await sendEmailOtp();\n      isShowEmailVerification.value = true;\n    } catch (error: any) {\n      if (error.response?.status === 400 && error.response?._data.error?.message) {\n        showAlert({\n          title: 'Error',\n          description: error.response?._data.error?.message,\n          type: 'error',\n        });\n      }\n    } finally {\n      isLockedAsyncButton.value = false;\n    }\n  };\n\n  const verifyLoading = ref(false);\n  const verificationError = ref<IFieldHint | undefined>();\n\n  const changePassword = async (verificationCode: string): Promise<void> => {\n    if (verifyLoading.value) return;\n    verifyLoading.value = true;\n    changeFormData.otp = verificationCode;\n\n    try {\n      isLockedAsyncButton.value = true;\n      await changeProfilePassword(changeFormData);\n      showAlert(alertsData.value?.profile?.passwordChanged || defaultLocaleAlertsData.value?.profile?.passwordChanged);\n      onCloseModal();\n    } catch (error: any) {\n      if (error.response?.status === 422) {\n        showInvalidPassErrorAlert();\n      }\n    } finally {\n      isLockedAsyncButton.value = false;\n      verifyLoading.value = false;\n    }\n  };\n</script>\n\n<style src=\"~/assets/styles/components/modal/change-pass.scss\" lang=\"scss\" />\n"],"names":["globalStore","useGlobalStore","getFormRules","createValidationRules","getContent","useProjectMethods","emit","__emit","layoutData","defaultLocaleLayoutData","fieldsSettings","defaultLocaleFieldsSettings","storeToRefs","changeFormData","reactive","changeRules","field","changeFormRules","v$","onFocus","setError","useFormValidation","inputNewPassword","oldValue","onSubmit","resetForm","sendEmailOTPCodeChangePass","useCoreAuthApi","showAlert","useLayoutStore","closeModal","useModalStore","profileStore","useProfileStore","profile","popupsData","defaultLocalePopupsData","alertsData","defaultLocaleAlertsData","onCloseModal","ModalName","showInvalidPassErrorAlert","_b","_a","_d","_c","sendEmailOtp","isLockedAsyncButton","ref","changeProfilePassword","useCoreProfileApi","isShowEmailVerification","onSubmitPass","formData","_e","error","_f","_h","_g","_j","_i","verifyLoading","verificationError","changePassword","verificationCode"],"mappings":"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"}