{"version":3,"file":"AuthLogin.d442f570.js","sources":["../../src/modules/User/modules/Auth/components/FormLogin.vue","../../src/modules/User/modules/Auth/controllers/FormLoginController.ts","../../src/modules/User/modules/Auth/components/FormVerify.vue","../../src/modules/User/modules/Auth/pages/AuthLogin.vue"],"sourcesContent":["<template lang=\"pug\">\n.formLoginComponent\n  .form\n    .title Вход в личный кабинет\n    ui-input(\n      v-model=\"formData.username\"\n      :is-disabled=\"isLoading\"\n      variant=\"outlined\"\n      placeholder-text=\"Электронная почта\"\n      @keypress.enter=\"controller.submitForm\"\n    )\n    ui-input(\n      :show-eye=\"true\"\n      type=\"password\"\n      v-model=\"formData.password\"\n      :is-disabled=\"isLoading\"\n      variant=\"outlined\"\n      placeholder-text=\"Пароль\"\n      @keypress.enter=\"controller.submitForm\"\n    )\n    ui-errors.errors(\n      v-if=\"errors?.login\"\n      :errors=\"[errors?.login]\"\n    )\n    .remember\n      ui-checkbox(\n        v-model=\"formData.remember\"\n      ) Запомнить пароль\n    router-link.recovery.link(\n      :to=\"{ name: 'PasswordRecovery', query: formData.username ? { email: formData.username } : {} }\"\n    ) Забыли пароль?\n    ui-button.button(\n      @click=\"controller.submitForm\"\n      :is-disabled=\"!isFormValid\"\n      :is-loading=\"isLoading\"\n    ) Войти\n    router-link.registration.link(\n      :to=\"{ name: 'Registration', query: formData.username ? { email: formData.username } : {} }\"\n    ) Зарегистрироваться\n    //.gosuslugi\n    //  gosuslugi-button\n    //.social\n    //  a.item(:href=\"`${BACKEND_BASE_URL}/api/oauth/login/vk-oauth2/`\")\n    //    ui-button.button(\n    //      size=\"s\"\n    //      icon=\"social-vk\"\n    //      color=\"background2\"\n    //    ) Войти через VK\n    //  a.item(:href=\"`${BACKEND_BASE_URL}/api/oauth/login/odnoklassniki-oauth2/`\")\n    //    ui-button.button(\n    //      size=\"s\"\n    //      icon=\"social-ok\"\n    //      color=\"background2\"\n    //    ) Войти через OK\n</template>\n\n<script lang=\"ts\" setup>\nimport type FormLoginController from '@user-auth/controllers/FormLoginController'\n// import GosuslugiButton from '@user-auth/components/GosuslugiButton.vue'\nimport { reactive, toRefs } from 'vue'\n// import { BACKEND_BASE_URL } from '@/config'\n\ninterface Props {\n  controller: ReturnType<typeof FormLoginController>\n  email?: string\n}\nconst props = defineProps<Props>()\n\nconst { formData, errors, isFormValid, isLoading } = toRefs(reactive(props.controller))\n\nif (props.email) formData.value.username = props.email ?? ''\n</script>\n\n<style lang=\"sass\" scoped>\n@import \"../styles\"\n\n.formLoginComponent\n  .form\n    .remember\n      grid-column: span 1\n      justify-self: start\n      @include font('t14')\n      @media (max-width: $screenSizeXS)\n        grid-column: span 2\n\n    .recovery\n      grid-column: span 1\n      justify-self: end\n      @media (max-width: $screenSizeXS)\n        grid-column: span 2\n        justify-self: start\n\n    .button\n      grid-column: span 1\n      width: 100%\n      @media (max-width: $screenSizeXS)\n        grid-column: span 2\n\n    .registration\n      grid-column: span 1\n      justify-self: end\n      margin-top: 3*$u\n      @media (max-width: $screenSizeXS)\n        grid-column: span 2\n        justify-self: center\n        margin-top: 0\n\n    .gosuslugi\n      grid-column: span 1\n\n    .social\n      display: flex\n      align-items: center\n      justify-content: space-between\n      flex-wrap: wrap\n      margin: -2*$u -4*$u\n\n      > .item\n        margin: 2*$u 4*$u\n        @media (max-width: $screenSizeXS)\n          width: 100%\n\n        > .button\n          width: 100%\n</style>\n","import { computed, reactive, ref, watch } from 'vue'\nimport isEmail from '@core/helpers/isEmail'\nimport type { AuthLoginErrorRemoteData, LoginFormData } from '@user-auth/services/types'\nimport type UserController from '@user/controllers/UserController'\n// import store from '@/store'\nimport { useRouter } from 'vue-router'\nimport { LAST_ROUTE_STORAGE } from '@user-auth/config'\n\nexport default function FormLoginController(user: ReturnType<typeof UserController>) {\n  const formData = reactive<LoginFormData>({\n    username: '',\n    password: '',\n    remember: false,\n    code: ''\n  })\n\n  const errors = ref<AuthLoginErrorRemoteData | null>(null)\n  const resetErrors = () => {\n    errors.value = null\n  }\n\n  const isFormValid = computed(() =>\n    !isCodeFieldShown.value\n      ? isEmail(formData.username) && formData.password.length >= 3\n      : isEmail(formData.username) && formData.password.length >= 3 && formData.code\n  )\n\n  const request = () => {\n    resetErrors()\n    user.auth.login(formData)\n  }\n\n  const submitForm = () => {\n    if (!isFormValid.value) return\n    request()\n  }\n\n  user.auth.$on('login-error', responseErrors => {\n    if (responseErrors.login) formData.password = ''\n    errors.value = responseErrors\n    // if (responseErrors.code) store.ui.notices.newError(responseErrors.code)\n  })\n\n  const isCodeFieldShown = ref(false)\n  const _showCodeField = () => (isCodeFieldShown.value = true)\n  const _hideCodeField = () => (isCodeFieldShown.value = false)\n\n  watch(\n    () => formData,\n    form => {\n      if (!form.username || !form.password) _hideCodeField()\n    }\n  )\n\n  user.auth.$on('request-code', _showCodeField)\n\n  const router = useRouter()\n\n  const _redirectOnLeave = () => {\n    if (localStorage.getItem(LAST_ROUTE_STORAGE)) {\n      router.push({ path: localStorage.getItem(LAST_ROUTE_STORAGE) ?? '' })\n      localStorage.removeItem(LAST_ROUTE_STORAGE)\n    } else {\n      router.push({ name: 'Home' })\n    }\n  }\n\n  const $init = () => {\n    user.profile.$on('request-profile-success', _redirectOnLeave)\n  }\n\n  const $destroy = () => {\n    user.profile.$off('request-profile-success', _redirectOnLeave)\n  }\n\n  return {\n    formData,\n    isFormValid,\n    errors,\n    submitForm,\n    request,\n    isLoading: user.auth.isLoading,\n    isCodeFieldShown: computed(() => isCodeFieldShown.value),\n    $init,\n    $destroy\n  }\n}\n","<template lang=\"pug\">\n.formVerifyComponent\n  .form\n    .title Код авторизации\n    .subtitle\n      .text Введите код авторизации, который мы отправили Вам на почту.\n    ui-input(\n      v-model=\"formData.code\"\n      @keypress.enter=\"controller.submitForm\"\n      variant=\"outlined\"\n      placeholder-text=\"Код авторизации\"\n    )\n    ui-errors.errors(\n      v-if=\"errors?.code\"\n      :errors=\"[errors?.code]\"\n    )\n    ui-button.button(\n      :is-disabled=\"!isFormValid\"\n      :is-loading=\"isLoading\"\n      @click=\"controller.submitForm\"\n    ) Отправить\n    \n    .retryWrapper\n      template(v-if=\"isTimerOn\")\n        .retryText Отправить код повторно через\n        .retryTimer {{timer.format('mm:ss')}}\n      template(v-else)\n        .retryLink(\n          @click=\"onRetryClick\"\n        ) Отправить код повторно\n\n</template>\n\n<script lang=\"ts\" setup>\nimport TimerController from '@shared/controllers/TimerController'\nimport { RETRY_CODE_TIMER } from '@user-auth/config'\nimport type FormLoginController from '@user-auth/controllers/FormLoginController'\nimport { onUnmounted, reactive, toRefs } from 'vue'\n\ninterface Props {\n  controller: ReturnType<typeof FormLoginController>\n}\nconst props = defineProps<Props>()\n\nconst { formData, isFormValid, isLoading, errors } = toRefs(reactive(props.controller))\n\nconst {\n  isOn: isTimerOn,\n  start: timerStart,\n  stop: timerStop,\n  timer,\n  setTime\n} = TimerController(RETRY_CODE_TIMER)\ntimerStart()\n\nconst onRetryClick = () => {\n  setTime(RETRY_CODE_TIMER)\n  timerStart()\n  formData.value.code = ''\n  props.controller.request()\n}\n\nonUnmounted(() => timerStop())\n</script>\n\n<style lang=\"sass\" scoped>\n@import \"../styles\"\n\n.formVerifyComponent\n  .button\n    margin-top: 0\n\n  .linkWrapper\n    text-align: center\n\n    > .link\n      display: inline-block\n\n  .retryWrapper\n    display: flex\n    flex-flow: column\n    align-items: center\n    @include font(t14)\n\n    > .retryTimer\n      @include font(t14-demibold)\n    > .retryLink\n      color: $colorPrimary\n      cursor: pointer\n      &:hover\n        text-decoration: underline\n</style>\n","<template lang=\"pug\">\n.authLoginPage\n  .container \n    template(v-if=\"!verifyCode\")\n      form-login(:controller=\"controller\" :email=\"email\")\n    template(v-else)\n      form-verify(:controller=\"controller\")\n</template>\n\n<script lang=\"ts\" setup>\nimport { useRouter } from 'vue-router'\nimport FormLogin from '@user-auth/components/FormLogin.vue'\nimport FormLoginController from '@user-auth/controllers/FormLoginController'\nimport store from '@/store'\nimport { computed, onUnmounted } from 'vue'\nimport FormVerify from '@user-auth/components/FormVerify.vue'\n\ninterface Props {\n  email?: string\n}\nwithDefaults(defineProps<Props>(), { email: '' })\n\nconst controller = FormLoginController(store.user)\n\nconst verifyCode = computed(() => controller.isCodeFieldShown.value)\n\nconst router = useRouter()\n\n// clear email query\nif (router.currentRoute.value.query.email) {\n  const query = { ...router.currentRoute.value.query }\n  delete query.email\n  router.replace({ ...router.currentRoute.value, query })\n}\n\ncontroller.$init()\nonUnmounted(() => {\n  controller.$destroy()\n})\n</script>\n\n<style lang=\"sass\" scoped>\n@import \"../styles\"\n</style>\n"],"names":[],"mappings":"i7CAoEM,CAAE,WAAU,SAAQ,cAAa,aAAc,EAAO,EAAS,EAAM,UAAU,CAAC,EAEtF,MAAI,GAAM,OAAgB,GAAA,MAAM,SAAW,KAAM,QAAN,OAAe,shDC9D1D,YAA4C,EAAyC,CACnF,KAAM,GAAW,EAAwB,CACvC,SAAU,GACV,SAAU,GACV,SAAU,GACV,KAAM,EAAA,CACP,EAEK,EAAS,EAAqC,IAAI,EAClD,EAAc,IAAM,CACxB,EAAO,MAAQ,IAAA,EAGX,EAAc,EAAS,IAC3B,AAAC,EAAiB,MAEd,EAAQ,EAAS,QAAQ,GAAK,EAAS,SAAS,QAAU,GAAK,EAAS,KADxE,EAAQ,EAAS,QAAQ,GAAK,EAAS,SAAS,QAAU,CAEhE,EAEM,EAAU,IAAM,CACR,IACP,EAAA,KAAK,MAAM,CAAQ,CAAA,EAGpB,EAAa,IAAM,CACvB,AAAI,CAAC,EAAY,OACT,GAAA,EAGL,EAAA,KAAK,IAAI,cAAe,AAAkB,GAAA,CAC7C,AAAI,EAAe,OAAO,GAAS,SAAW,IAC9C,EAAO,MAAQ,CAAA,CAEhB,EAEK,KAAA,GAAmB,EAAI,EAAK,EAC5B,EAAiB,IAAO,EAAiB,MAAQ,GACjD,EAAiB,IAAO,EAAiB,MAAQ,GAGrD,GAAA,IAAM,EACN,AAAQ,GAAA,CACN,AAAI,EAAC,EAAK,UAAY,CAAC,EAAK,WAAyB,GAAA,CAEzD,EAEK,EAAA,KAAK,IAAI,eAAgB,CAAc,EAE5C,KAAM,GAAS,IAET,EAAmB,IAAM,OACzB,AAAA,aAAa,QAAQ,CAAkB,EAClC,GAAA,KAAK,CAAE,KAAM,gBAAa,QAAQ,CAAkB,IAAvC,OAA4C,GAAI,EACpE,aAAa,WAAW,CAAkB,GAE1C,EAAO,KAAK,CAAE,KAAM,MAAQ,CAAA,CAC9B,EAGI,EAAQ,IAAM,CACb,EAAA,QAAQ,IAAI,0BAA2B,CAAgB,CAAA,EAGxD,EAAW,IAAM,CAChB,EAAA,QAAQ,KAAK,0BAA2B,CAAgB,CAAA,EAGxD,MAAA,CACL,WACA,cACA,SACA,aACA,UACA,UAAW,EAAK,KAAK,UACrB,iBAAkB,EAAS,IAAM,EAAiB,KAAK,EACvD,QACA,UAAA,CAEJ,87BC1CM,CAAE,WAAU,cAAa,YAAW,UAAW,EAAO,EAAS,EAAM,UAAU,CAAC,EAEhF,CACJ,KAAM,EACN,MAAO,EACP,KAAM,EACN,QACA,WACE,GAAgB,CAAgB,EACzB,IAEX,KAAM,GAAe,IAAM,CACzB,EAAQ,CAAgB,EACb,IACX,EAAS,MAAM,KAAO,GACtB,EAAM,WAAW,SAAQ,EAGf,SAAA,IAAM,GAAW,0kCCxCvB,KAAA,GAAa,GAAoB,GAAM,IAAI,EAE3C,EAAa,EAAS,IAAM,EAAW,iBAAiB,KAAK,EAE7D,EAAS,IAGf,GAAI,EAAO,aAAa,MAAM,MAAM,MAAO,CACzC,KAAM,GAAQ,KAAK,EAAO,aAAa,MAAM,OAC7C,MAAO,GAAM,MACb,EAAO,QAAQ,OAAK,EAAO,aAAa,OAAzB,CAAgC,SAAO,CACxD,CAEA,SAAW,MAAM,EACjB,EAAY,IAAM,CAChB,EAAW,SAAS,CAAA,CACrB"}