{"version":3,"sources":["webpack:///./src/components/forms/reset-password/Base.vue","webpack:///./src/components/forms/reset-password/Base.vue?60f3","webpack:///./src/components/forms/reset-password/RequestCode.vue","webpack:///./src/components/forms/reset-password/RequestCode.vue?228b","webpack:///./src/components/forms/reset-password/Code.vue","webpack:///./src/components/forms/reset-password/Code.vue?c0ab","webpack:///./src/components/forms/reset-password/ChangePassword.vue","webpack:///./src/components/forms/reset-password/ChangePassword.vue?e13c","webpack:///./src/components/forms/reset-password/Success.vue","webpack:///./src/views/ResetPassword.vue","webpack:///./src/views/ResetPassword.vue?5e8c","webpack:///./src/components/forms/reset-password/Code.vue?5279"],"names":["class","script","__exports__","render","store","username","state","serverError","rules","required","v$","requestReset","value","$validate","ok","api","get","urls","AUTH","REQUEST_PASSWORD_RESET","params","commit","message","RESEND_DELAY","code","timer","timerVerbose","Math","floor","String","padStart","resendCode","sendCode","VERIFY_PASSWORD_RESET_CODE","interval","setInterval","clearInterval","passwordRe","RegExp","password","passwordRepeat","changePassword","test","RESET_PASSWORD","resetPasswordCode","emit","resetPasswordState","success"],"mappings":"4LAEUA,MAAM,qD,EACV,gCAAyC,MAArCA,MAAM,QAAO,uBAAmB,G,GAC/BA,MAAM,mB,gDAHf,gCASM,YARJ,gCAOO,OAPP,EAOO,CANL,EACA,gCAEM,MAFN,EAEM,CADJ,wBAA4B,sBAE9B,wBAAyB,iBACzB,wBAA4B,wB,yBCPlC,MAAMC,EAAS,GAGTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAASE,KAErD,Q,uMCyBf,IAAMC,EAAQ,iBACRC,EAAW,uBAAS,kBAAMD,EAAME,MAAMD,YACtCE,EAAc,iBAAI,MAElBC,EAAQ,CACZH,SAAU,CAAEI,SAAA,SAERC,EAAK,eAAaF,EAAO,CAAEH,aAE3BM,EAAY,yDAAG,2GACnBJ,EAAYK,MAAQ,KADD,SAEFF,EAAGE,MAAMC,YAFP,UAEbC,EAFa,OAGdA,EAHc,0EAQXC,EAAA,KAAIC,IAAIC,EAAA,KAAKC,KAAKC,uBAAwB,CAC9CC,OAAQ,CAAEf,SAAUA,EAASO,SATd,OAWjBR,EAAMiB,OAAO,0BAXI,qDAajBd,EAAYK,MAAQ,KAAIU,QAbP,0DAAH,qD,+uBCrClB,MAAM,EAAc,EAEL,Q,snBCuCf,IAAMC,EAAe,IAEfnB,EAAQ,iBACRoB,EAAO,iBAAI,MACXjB,EAAc,iBAAI,MAClBkB,EAAQ,iBAAIF,GAEZG,EAAe,uBAAS,2BACzBC,KAAKC,MAAMH,EAAMb,MAAQ,IADA,YACOiB,OAAOJ,EAAMb,MAAQ,IAAIkB,SAAS,EAAG,SAGpEC,EAAU,yDAAG,8FACjBN,EAAMb,MAAQW,EADG,2CAAH,qDAIVS,EAAQ,yDAAG,qGACfzB,EAAYK,MAAQ,KADL,kBAIPG,EAAA,KAAIC,IAAIC,EAAA,KAAKC,KAAKe,2BAA4B,CAClDb,OAAQ,CACNf,SAAUD,EAAME,MAAMD,SACtBmB,KAAMA,EAAKZ,SAPF,OAUbR,EAAMiB,OAAO,YAAaG,EAAKZ,OAVlB,mDAYbL,EAAYK,MAAQ,KAAIU,QAZX,yDAAH,qDAgBVY,EAAW,K,OACf,wBAAU,WACRA,EAAWC,aAAY,WACrBV,EAAMb,OAAS,IACd,QAEL,0BAAY,WACVwB,cAAcF,M,gzCC5EhB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,Q,yMCwBTG,EAAaC,OAAO,2CAEpBlC,EAAQ,iBACRE,EAAQ,sBAAS,CACrBiC,SAAU,KACVC,eAAgB,KAChBjC,YAAa,OAITkC,EAAc,yDAAG,iGACrBnC,EAAMC,YAAc,KACf8B,EAAWK,KAAKpC,EAAMiC,UAFN,uBAGnBjC,EAAMC,YAAc,uFAHD,mDAQbQ,EAAA,KAAIC,IAAIC,EAAA,KAAKC,KAAKyB,eAAgB,CACtCvB,OAAQ,CACNf,SAAUD,EAAME,MAAMD,SACtBmB,KAAMpB,EAAME,MAAMsC,kBAClBL,SAAUjC,EAAMiC,YAZD,OAenBnC,EAAMiB,OAAO,iBACbwB,EAAK,WAhBc,qDAkBnBvC,EAAMC,YAAc,KAAIe,QAlBL,0DAAH,qD,woCCvCpB,MAAM,EAAc,EAEL,Q,ujBCFf,MAAM,EAAc,EAEL,Q,8ECaf,IAAMlB,EAAQ,iBACRE,EAAQ,uBAAS,kBAAMF,EAAME,MAAMwC,sBACnCC,EAAU,kBAAI,G,01BCjBpB,MAAM,EAAc,EAEL,gB,2DCLf","file":"js/chunk-3353ffa3.77eb2602.js","sourcesContent":["<template>\n  <div>\n    <form class=\"align-items-center d-flex flex-column text-center\">\n      <h5 class=\"mb-3\">Восстановить пароль</h5>\n      <div class=\"fw-lighter mb-3\">\n        <slot name=\"message\"></slot>\n      </div>\n      <slot name=\"form\"></slot>\n      <slot name=\"actions\"></slot>\n    </form>\n  </div>\n</template>\n\n<script>\n</script>\n\n<style scoped>\n</style>\n","import { render } from \"./Base.vue?vue&type=template&id=16e746c3\"\nconst script = {}\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <p-base>\n    <template v-slot:message>\n      Введите Email или номер телефона, который вы использовали для входа\n    </template>\n    <template v-slot:form>\n      <p-username-input\n        :username=\"username\"\n        @update:username=\"store.commit('setUsername', $event)\"\n        :error=\"v$.username.$error\"\n      />\n    </template>\n    <template v-slot:actions>\n      <button class=\"btn btn-dark w-100 mb-3\" @click.prevent=\"requestReset\">Далее</button>\n      <p-server-error :error=\"serverError\"/>\n    </template>\n  </p-base>\n</template>\n\n<script setup>\nimport api from '@/api'\nimport urls from '@/api/urls'\nimport PBase from './Base'\n\nimport PUsernameInput from '@/components/ui/UsernameInput'\nimport PServerError from '@/components/ui/ServerError'\nimport useVuelidate from '@vuelidate/core'\nimport { required } from '@vuelidate/validators'\nimport { computed, ref } from 'vue'\nimport { useStore } from 'vuex'\n\nconst store = useStore()\nconst username = computed(() => store.state.username)\nconst serverError = ref(null)\n\nconst rules = {\n  username: { required },\n}\nconst v$ = useVuelidate(rules, { username })\n\nconst requestReset = async () => {\n  serverError.value = null\n  const ok = await v$.value.$validate()\n  if (!ok) {\n    return\n  }\n\n  try {\n    await api.get(urls.AUTH.REQUEST_PASSWORD_RESET, {\n      params: { username: username.value },\n    })\n    store.commit('resetPasswordRequested')\n  } catch (err) {\n    serverError.value = err.message\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import script from \"./RequestCode.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RequestCode.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <p-base>\n    <template v-slot:message>\n      Мы отправили вам SMS с кодом восстановления\n    </template>\n    <template v-slot:form>\n      <div class=\"w-100 mb-3\">\n        <div class=\"w-100 d-flex justify-content-between flex-row\" v-if=\"timer > 0\">\n          <div class=\"fw-lighter\">Можно запросить повторно через:</div>\n          <div>{{ timerVerbose }}</div>\n        </div>\n\n        <div class=\"w-100 d-flex justify-content-between flex-row\" v-else>\n          <div class=\"fw-lighter\">Не получили код?</div>\n          <div class=\"text-decoration-underline fs-6 pointer\" @click=\"resendCode\">Отправить ещё раз</div>\n        </div>\n      </div>\n\n      <input\n        class=\"form-control mb-3\"\n        :class=\"{'is-invalid': serverError}\"\n        type=\"text\"\n        placeholder=\"Код восстановления\"\n        v-maska=\"'#####'\"\n        v-model=\"code\"\n        aria-describedby=\"validationFeedback\"\n      >\n    </template>\n    <template v-slot:actions>\n      <button class=\"btn btn-dark w-100 mb-3\" @click.prevent=\"sendCode\" :disabled=\"code === null\">Далее</button>\n      <p-server-error :error=\"serverError\"/>\n    </template>\n  </p-base>\n</template>\n\n<script setup>\nimport api from '@/api'\nimport urls from '@/api/urls'\nimport PServerError from '@/components/ui/ServerError'\nimport { computed, onMounted, onUnmounted, ref } from 'vue'\n\nimport { useStore } from 'vuex'\nimport PBase from './Base'\n\nconst RESEND_DELAY = 3 * 60\n\nconst store = useStore()\nconst code = ref(null)\nconst serverError = ref(null)\nconst timer = ref(RESEND_DELAY)\n\nconst timerVerbose = computed(() =>\n  `${Math.floor(timer.value / 60)}:${String(timer.value % 60).padStart(2, '0')}`\n)\n\nconst resendCode = async () => {\n  timer.value = RESEND_DELAY\n}\n\nconst sendCode = async () => {\n  serverError.value = null\n\n  try {\n    await api.get(urls.AUTH.VERIFY_PASSWORD_RESET_CODE, {\n      params: {\n        username: store.state.username,\n        code: code.value,\n      },\n    })\n    store.commit('codeValid', code.value)\n  } catch (err) {\n    serverError.value = err.message\n  }\n}\n\nlet interval = null\nonMounted(() => {\n  interval = setInterval(() => {\n    timer.value -= 1\n  }, 1000)\n})\nonUnmounted(() => {\n  clearInterval(interval)\n})\n</script>\n\n<style scoped>\n.pointer {\n  cursor: pointer;\n}\n</style>\n","import script from \"./Code.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Code.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./Code.vue?vue&type=style&index=0&id=2e109c7a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-2e109c7a\"]])\n\nexport default __exports__","<template>\n  <p-base>\n    <template v-slot:message>\n      Придумайте новый пароль\n    </template>\n    <template v-slot:form>\n      <p-input v-model:value=\"state.password\" placeholder=\"Новый пароль\" type=\"password\"\n                 :error=\"state.error\" class=\"w-100\"/>\n      <p-input v-model:value=\"state.passwordRepeat\" placeholder=\"Повторите новый пароль\" type=\"password\"\n                 class=\"w-100\"/>\n    </template>\n    <template v-slot:actions>\n      <button\n        class=\"btn btn-dark w-100 mb-3\"\n        @click.prevent=\"changePassword\"\n        :disabled=\"state.password !== state.passwordRepeat\"\n      >\n        Далее\n      </button>\n      <p-server-error :error=\"state.serverError\"/>\n    </template>\n  </p-base>\n</template>\n\n<script setup>\nimport api from '@/api'\nimport urls from '@/api/urls'\nimport PServerError from '@/components/ui/ServerError'\nimport { defineEmits, reactive } from 'vue'\nimport { useStore } from 'vuex'\nimport PBase from './Base'\n\nconst passwordRe = RegExp(process.env.VUE_APP_PASSWORD_RE)\n\nconst store = useStore()\nconst state = reactive({\n  password: null,\n  passwordRepeat: null,\n  serverError: null,\n})\nconst emit = defineEmits(['success'])\n\nconst changePassword = async () => {\n  state.serverError = null\n  if (!passwordRe.test(state.password)) {\n    state.serverError = 'Пароль должен быть не короче 8 символов, а также содержать хотябы одну букву и цифру'\n    return\n  }\n\n  try {\n    await api.get(urls.AUTH.RESET_PASSWORD, {\n      params: {\n        username: store.state.username,\n        code: store.state.resetPasswordCode,\n        password: state.password,\n      },\n    })\n    store.commit('passwordReset')\n    emit('success')\n  } catch (err) {\n    state.serverError = err.message\n  }\n}\n</script>\n\n<style scoped>\n\n</style>\n","import script from \"./ChangePassword.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ChangePassword.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import script from \"./Success.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./Success.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\n  <div class=\"container d-flex justify-content-center py-5\">\n    <p-reset-password-request-form class=\"col-md-3\" v-if=\"state === null && !success\"/>\n    <p-reset-password-code-form class=\"col-md-3\" v-if=\"state === 'code'\"/>\n    <p-reset-password-change-password-form class=\"col-md-3\" v-if=\"state === 'change_password'\"\n                                             @success=\"success = true\"/>\n    <p-reset-password-success class=\"col-md-3\" v-if=\"state === null && success\"/>\n  </div>\n</template>\n\n<script setup>\nimport PResetPasswordRequestForm from '@/components/forms/reset-password/RequestCode'\nimport PResetPasswordCodeForm from '@/components/forms/reset-password/Code'\nimport PResetPasswordChangePasswordForm from '@/components/forms/reset-password/ChangePassword'\nimport PResetPasswordSuccess from '@/components/forms/reset-password/Success'\nimport { computed, ref } from 'vue'\nimport { useStore } from 'vuex'\n\nconst store = useStore()\nconst state = computed(() => store.state.resetPasswordState)\nconst success = ref(false)\n</script>\n\n<style scoped>\n\n</style>\n","import script from \"./ResetPassword.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./ResetPassword.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Code.vue?vue&type=style&index=0&id=2e109c7a&scoped=true&lang=css\""],"sourceRoot":""}