@ozdao/martyrs 0.2.488 → 0.2.489

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.cjs

@@ -0,0 +1,165 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const auth = require("../../store/auth.cjs");
+const twofa = require("../../store/twofa.cjs");
+const globals = require("../../../../globals/views/store/globals.cjs");
+const _hoisted_1 = { class: "t-center pd-medium" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-big t-transp" };
+const _hoisted_4 = { class: "w-100 mn-b-big flex-nowrap flex" };
+const _hoisted_5 = { key: 1 };
+const _sfc_main = {
+  __name: "EnterCode",
+  setup(__props) {
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const { t } = vueI18n.useI18n({
+      useScope: "global"
+    });
+    const state = vue.reactive({
+      digits: ["", "", "", ""],
+      error: null
+    });
+    vue.watch(
+      () => state.digits[0],
+      (newVal) => {
+        if (newVal && String(newVal).length > 1) {
+          let newValArray = String(newVal).split("");
+          console.log(newValArray);
+          let newDigits = [...state.digits];
+          newValArray.forEach((digit, i) => {
+            console.log(i);
+            console.log(newDigits[i]);
+            console.log(digit);
+            newDigits[i] = digit;
+          });
+          state.digits = newDigits;
+          onInput(3);
+        }
+      }
+    );
+    const firstInput = vue.ref(null);
+    const resendTimer = vue.ref(0);
+    async function sendAgain() {
+      try {
+        await twofa.sendCode(
+          auth.state.user,
+          route.query.method,
+          route.query.type
+        );
+        resendTimer.value = 30;
+        const timer = setInterval(() => {
+          if (resendTimer.value > 0) {
+            resendTimer.value -= 1;
+          } else {
+            clearInterval(timer);
+          }
+        }, 1e3);
+      } catch (error) {
+        globals.setError({ response: { data: { errorCode: "CODE_NOT_SENT" } } });
+      }
+    }
+    const onKeyDown = (event, index) => {
+      if (event.key === "Backspace" && (state.digits[index] === null || state.digits[index] === void 0 || state.digits[index] === "")) {
+        event.preventDefault();
+        const inputs = document.querySelectorAll("input");
+        const prevInput = index > 0 ? inputs[index - 1] : null;
+        if (prevInput) {
+          prevInput.focus();
+          prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);
+        }
+      }
+    };
+    const onInput = (index) => {
+      const inputs = document.querySelectorAll("input");
+      const nextInput = inputs[index + 1];
+      const prevInput = index > 0 ? inputs[index - 1] : null;
+      if (state.digits[index] !== "" && state.digits[index] !== null && state.digits[index] !== void 0 && index < 4) {
+        if (index < 3) nextInput.focus();
+        else firstInput.value.focus();
+      }
+      if ((state.digits[index] === null || state.digits[index] === void 0 || state.digits[index] === "") && index > 0) {
+        prevInput.focus();
+      }
+      if (state.digits.every((digit) => digit !== "")) {
+        const enteredCode = state.digits.join("");
+        const correctCode = twofa.state.code.code.toString();
+        if (enteredCode === correctCode) {
+          twofa.state.code.isValid = true;
+          router.push({
+            path: "/auth/enter-password",
+            query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }
+          });
+        } else {
+          globals.setError({ response: { data: { errorCode: "WRONG_CODE" } } });
+          firstInput.value.focus();
+          state.digits = ["", "", "", ""];
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(vue.unref(t)("auth.enterCode.verifyNumberTitle")), 1),
+        vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(t)("auth.enterCode.instructions")), 1),
+        vue.createElementVNode("div", _hoisted_4, [
+          vue.withDirectives(vue.createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state.digits[0] = $event),
+            ref_key: "firstInput",
+            ref: firstInput,
+            maxlength: "1",
+            onInput: _cache[1] || (_cache[1] = ($event) => onInput(0)),
+            onPaste: _cache[2] || (_cache[2] = ($event) => _ctx.onPaste($event, 0)),
+            onKeydown: _cache[3] || (_cache[3] = ($event) => onKeyDown($event, 0)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
+          }, null, 544), [
+            [vue.vModelText, state.digits[0]]
+          ]),
+          vue.withDirectives(vue.createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => state.digits[1] = $event),
+            maxlength: "1",
+            onInput: _cache[5] || (_cache[5] = ($event) => onInput(1)),
+            onPaste: _cache[6] || (_cache[6] = ($event) => _ctx.onPaste($event, 1)),
+            onKeydown: _cache[7] || (_cache[7] = ($event) => onKeyDown($event, 1)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
+          }, null, 544), [
+            [vue.vModelText, state.digits[1]]
+          ]),
+          vue.withDirectives(vue.createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => state.digits[2] = $event),
+            maxlength: "1",
+            onInput: _cache[9] || (_cache[9] = ($event) => onInput(2)),
+            onPaste: _cache[10] || (_cache[10] = ($event) => _ctx.onPaste($event, 2)),
+            onKeydown: _cache[11] || (_cache[11] = ($event) => onKeyDown($event, 2)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
+          }, null, 544), [
+            [vue.vModelText, state.digits[2]]
+          ]),
+          vue.withDirectives(vue.createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => state.digits[3] = $event),
+            maxlength: "1",
+            onInput: _cache[13] || (_cache[13] = ($event) => onInput(3)),
+            onPaste: _cache[14] || (_cache[14] = ($event) => _ctx.onPaste($event, 3)),
+            onKeydown: _cache[15] || (_cache[15] = ($event) => onKeyDown($event, 3)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small"
+          }, null, 544), [
+            [vue.vModelText, state.digits[3]]
+          ])
+        ]),
+        resendTimer.value < 1 ? (vue.openBlock(), vue.createElementBlock("a", {
+          key: 0,
+          onClick: sendAgain,
+          class: "t-blue"
+        }, vue.toDisplayString(vue.unref(t)("auth.enterCode.resendCode")), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(resendTimer.value) + " " + vue.toDisplayString(vue.unref(t)("auth.enterCode.secondsResend")), 1))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EnterCode.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnterCode.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterCode.vue"],"sourcesContent":["<template>\n\t<section class=\"t-center pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/message1.png\" class=\"i-extra mn-b-small\"> -->\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.enterCode.verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('auth.enterCode.instructions') }}</p>\n\n\t\t<div class=\"w-100 mn-b-big flex-nowrap flex\">\n      \t\t<input \n      \t\t\ttype=\"number\" \n      \t\t\tv-model=\"state.digits[0]\" \n      \t\t\tref=\"firstInput\" \n      \t\t\tmaxlength=\"1\" \n      \t\t\t@input=\"onInput(0)\" \n      \t\t\t@paste=\"($event) => onPaste($event, 0)\" \n      \t\t\t@keydown=\"($event) => onKeyDown($event, 0)\" \n      \t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n      \t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[1]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(1)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 1)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 1)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[2]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(2)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 2)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 2)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[3]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(3)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 3)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 3)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small\"\n\t\t\t>\n    \t</div>\n\n\t\t<a v-if=\"resendTimer < 1\" @click=\"sendAgain\" class=\"t-blue\">\n\t\t\t{{ t('auth.enterCode.resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('auth.enterCode.secondsResend') }}\n\t\t</span>\n\t</section>\n</template>\n\n<script setup>\n\t// Import components\n\timport Field from '@martyrs/src/components/Field/Field.vue'\n\t// Import libs\n\timport { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import state\n\timport * as auth \tfrom '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa.js'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t\n\tconst state = reactive({\n\t  digits: ['', '', '', ''],\n\t  error: null,\n\t});\n\n\twatch(\n\t    () => state.digits[0],\n\t    (newVal) => {\n\t        if (newVal && String(newVal).length > 1) {\n\t            let newValArray = String(newVal).split('');\n\t            console.log(newValArray);\n\n\t            let newDigits = [...state.digits];\n\t            newValArray.forEach((digit, i) => {\n\t                console.log(i);\n\t                console.log(newDigits[i]);\n\t                console.log(digit);\n\t                newDigits[i] = digit;\n\t            });\n\n\t            state.digits = newDigits;\n\n\t            onInput(3);\n\t        }\n\t    }\n\t);\n\n\tconst firstInput = ref(null);\n\n\tconst resendTimer = ref(0);\n\n\tasync function sendAgain () {\n\t\ttry {\n\t\t  \tawait twofa.sendCode(\n\t\t  \t\tauth.state.user, \n\t\t  \t\troute.query.method, \n\t\t  \t\troute.query.type, \n\t\t  \t)\n\n\t\t  \tresendTimer.value = 30;\n\n\t     \t// Start the timer using `setInterval()`\n\t      \tconst timer = setInterval(() => {\n\t\t        if (resendTimer.value > 0) {\n\t\t          // Decrement the timer by 1 second\n\t\t          resendTimer.value -= 1;\n\t\t        } else {\n\t\t          // Stop the timer when it reaches 0 seconds\n\t\t          clearInterval(timer);\n\t\t        }\n\t\t     }, 1000);\n\t  } catch (error) {\n\t\t\tsetError({ response: {data: { errorCode: \"CODE_NOT_SENT\"}}})\n\t\t}\n\t}\n\n\n\tconst onKeyDown = (event, index) => {\n\t    if (event.key === \"Backspace\" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {\n\t        event.preventDefault();\n\n\t        const inputs = document.querySelectorAll('input');\n\t        const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t        if (prevInput) {\n\t            prevInput.focus();\n\t            prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);\n\t        }\n\t    }\n\t};\n\n\t// const onPaste = (event, index) => {\n\t//   event.preventDefault();\n\t//   const pastedData = event.clipboardData.getData('text/plain');\n\t  \n\t//   // Проверим, что вставленный текст состоит только из 4 цифр\n\t//   if (/^\\d{4}$/.test(pastedData)) {\n\t//     for (let i = 0; i < 4; i++) {\n\t//       state.digits[index + i] = pastedData[i];\n\t//     }\n\t//     onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода\n\t//   } else {\n\t//    \tsetError({ response: {data: { errorCode: \"INPUT_ERROR\"}}})\n\t//   }\n\t// };\n\n\tconst onInput = (index) => {\n\t    const inputs = document.querySelectorAll('input');\n\t    const nextInput = inputs[index + 1];\n\t    const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t    // Переход на следующий инпут\n\t    if (state.digits[index] !== '' && state.digits[index] !== null && state.digits[index] !== undefined && index < 4) {\n\t        if (index < 3) nextInput.focus();\n\t        else firstInput.value.focus();\n\t    }\n\n\t    // Переход на предыдущий инпут при удалении\n\t    if ((state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '') && index > 0) {\n\t        prevInput.focus();\n\t    }\n\n\t    // Проверка введенного кода\n\t    if (state.digits.every(digit => digit !== '')) {\n\t        const enteredCode = state.digits.join('');\n\t        const correctCode = twofa.state.code.code.toString();\n\n\t        if (enteredCode === correctCode) {\n\t            twofa.state.code.isValid = true;\n\n\t            router.push({\n\t                path: '/auth/enter-password',\n\t                query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }\n\t            });\n\n\t        } else {\n\t            setError({ response: {data: { errorCode: \"WRONG_CODE\"}}})\n\t            firstInput.value.focus()\n\t            state.digits = ['', '', '', ''];\n\t        }\n\t    }\n\t};\n</script>"],"names":["useRoute","useRouter","useI18n","reactive","watch","ref","twofa.sendCode","auth.state","setError","twofa.state"],"mappings":"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"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.js

@@ -0,0 +1,165 @@
+import { reactive, watch, ref, createElementBlock, openBlock, createElementVNode, toDisplayString, unref, withDirectives, vModelText } from "vue";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { state as state$1 } from "../../store/auth.js";
+import { state, sendCode } from "../../store/twofa.js";
+import { setError } from "../../../../globals/views/store/globals.js";
+const _hoisted_1 = { class: "t-center pd-medium" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "mn-b-big t-transp" };
+const _hoisted_4 = { class: "w-100 mn-b-big flex-nowrap flex" };
+const _hoisted_5 = { key: 1 };
+const _sfc_main = {
+  __name: "EnterCode",
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const { t } = useI18n({
+      useScope: "global"
+    });
+    const state$2 = reactive({
+      digits: ["", "", "", ""],
+      error: null
+    });
+    watch(
+      () => state$2.digits[0],
+      (newVal) => {
+        if (newVal && String(newVal).length > 1) {
+          let newValArray = String(newVal).split("");
+          console.log(newValArray);
+          let newDigits = [...state$2.digits];
+          newValArray.forEach((digit, i) => {
+            console.log(i);
+            console.log(newDigits[i]);
+            console.log(digit);
+            newDigits[i] = digit;
+          });
+          state$2.digits = newDigits;
+          onInput(3);
+        }
+      }
+    );
+    const firstInput = ref(null);
+    const resendTimer = ref(0);
+    async function sendAgain() {
+      try {
+        await sendCode(
+          state$1.user,
+          route.query.method,
+          route.query.type
+        );
+        resendTimer.value = 30;
+        const timer = setInterval(() => {
+          if (resendTimer.value > 0) {
+            resendTimer.value -= 1;
+          } else {
+            clearInterval(timer);
+          }
+        }, 1e3);
+      } catch (error) {
+        setError({ response: { data: { errorCode: "CODE_NOT_SENT" } } });
+      }
+    }
+    const onKeyDown = (event, index) => {
+      if (event.key === "Backspace" && (state$2.digits[index] === null || state$2.digits[index] === void 0 || state$2.digits[index] === "")) {
+        event.preventDefault();
+        const inputs = document.querySelectorAll("input");
+        const prevInput = index > 0 ? inputs[index - 1] : null;
+        if (prevInput) {
+          prevInput.focus();
+          prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);
+        }
+      }
+    };
+    const onInput = (index) => {
+      const inputs = document.querySelectorAll("input");
+      const nextInput = inputs[index + 1];
+      const prevInput = index > 0 ? inputs[index - 1] : null;
+      if (state$2.digits[index] !== "" && state$2.digits[index] !== null && state$2.digits[index] !== void 0 && index < 4) {
+        if (index < 3) nextInput.focus();
+        else firstInput.value.focus();
+      }
+      if ((state$2.digits[index] === null || state$2.digits[index] === void 0 || state$2.digits[index] === "") && index > 0) {
+        prevInput.focus();
+      }
+      if (state$2.digits.every((digit) => digit !== "")) {
+        const enteredCode = state$2.digits.join("");
+        const correctCode = state.code.code.toString();
+        if (enteredCode === correctCode) {
+          state.code.isValid = true;
+          router.push({
+            path: "/auth/enter-password",
+            query: { type: state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }
+          });
+        } else {
+          setError({ response: { data: { errorCode: "WRONG_CODE" } } });
+          firstInput.value.focus();
+          state$2.digits = ["", "", "", ""];
+        }
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h3", _hoisted_2, toDisplayString(unref(t)("auth.enterCode.verifyNumberTitle")), 1),
+        createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("auth.enterCode.instructions")), 1),
+        createElementVNode("div", _hoisted_4, [
+          withDirectives(createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => state$2.digits[0] = $event),
+            ref_key: "firstInput",
+            ref: firstInput,
+            maxlength: "1",
+            onInput: _cache[1] || (_cache[1] = ($event) => onInput(0)),
+            onPaste: _cache[2] || (_cache[2] = ($event) => _ctx.onPaste($event, 0)),
+            onKeydown: _cache[3] || (_cache[3] = ($event) => onKeyDown($event, 0)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
+          }, null, 544), [
+            [vModelText, state$2.digits[0]]
+          ]),
+          withDirectives(createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => state$2.digits[1] = $event),
+            maxlength: "1",
+            onInput: _cache[5] || (_cache[5] = ($event) => onInput(1)),
+            onPaste: _cache[6] || (_cache[6] = ($event) => _ctx.onPaste($event, 1)),
+            onKeydown: _cache[7] || (_cache[7] = ($event) => onKeyDown($event, 1)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
+          }, null, 544), [
+            [vModelText, state$2.digits[1]]
+          ]),
+          withDirectives(createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => state$2.digits[2] = $event),
+            maxlength: "1",
+            onInput: _cache[9] || (_cache[9] = ($event) => onInput(2)),
+            onPaste: _cache[10] || (_cache[10] = ($event) => _ctx.onPaste($event, 2)),
+            onKeydown: _cache[11] || (_cache[11] = ($event) => onKeyDown($event, 2)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
+          }, null, 544), [
+            [vModelText, state$2.digits[2]]
+          ]),
+          withDirectives(createElementVNode("input", {
+            type: "number",
+            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => state$2.digits[3] = $event),
+            maxlength: "1",
+            onInput: _cache[13] || (_cache[13] = ($event) => onInput(3)),
+            onPaste: _cache[14] || (_cache[14] = ($event) => _ctx.onPaste($event, 3)),
+            onKeydown: _cache[15] || (_cache[15] = ($event) => onKeyDown($event, 3)),
+            class: "w-100 h1 pd-small t-center bg-light radius-small"
+          }, null, 544), [
+            [vModelText, state$2.digits[3]]
+          ])
+        ]),
+        resendTimer.value < 1 ? (openBlock(), createElementBlock("a", {
+          key: 0,
+          onClick: sendAgain,
+          class: "t-blue"
+        }, toDisplayString(unref(t)("auth.enterCode.resendCode")), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(resendTimer.value) + " " + toDisplayString(unref(t)("auth.enterCode.secondsResend")), 1))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EnterCode.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/pages/EnterCode.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnterCode.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterCode.vue"],"sourcesContent":["<template>\n\t<section class=\"t-center pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/message1.png\" class=\"i-extra mn-b-small\"> -->\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.enterCode.verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('auth.enterCode.instructions') }}</p>\n\n\t\t<div class=\"w-100 mn-b-big flex-nowrap flex\">\n      \t\t<input \n      \t\t\ttype=\"number\" \n      \t\t\tv-model=\"state.digits[0]\" \n      \t\t\tref=\"firstInput\" \n      \t\t\tmaxlength=\"1\" \n      \t\t\t@input=\"onInput(0)\" \n      \t\t\t@paste=\"($event) => onPaste($event, 0)\" \n      \t\t\t@keydown=\"($event) => onKeyDown($event, 0)\" \n      \t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n      \t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[1]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(1)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 1)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 1)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[2]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(2)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 2)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 2)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small mn-r-small\"\n\t\t\t>\n\t\t\t<input \n\t\t\t\ttype=\"number\" \n\t\t\t\tv-model=\"state.digits[3]\" \n\t\t\t\tmaxlength=\"1\" \n\t\t\t\t@input=\"onInput(3)\" \n\t\t\t\t@paste=\"($event) => onPaste($event, 3)\" \n\t\t\t\t@keydown=\"($event) => onKeyDown($event, 3)\" \n\t\t\t\tclass=\"w-100 h1 pd-small t-center bg-light radius-small\"\n\t\t\t>\n    \t</div>\n\n\t\t<a v-if=\"resendTimer < 1\" @click=\"sendAgain\" class=\"t-blue\">\n\t\t\t{{ t('auth.enterCode.resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('auth.enterCode.secondsResend') }}\n\t\t</span>\n\t</section>\n</template>\n\n<script setup>\n\t// Import components\n\timport Field from '@martyrs/src/components/Field/Field.vue'\n\t// Import libs\n\timport { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'\n\timport { useRoute,useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import state\n\timport * as auth \tfrom '@martyrs/src/modules/auth/views/store/auth.js'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa.js'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals.js'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t\n\tconst state = reactive({\n\t  digits: ['', '', '', ''],\n\t  error: null,\n\t});\n\n\twatch(\n\t    () => state.digits[0],\n\t    (newVal) => {\n\t        if (newVal && String(newVal).length > 1) {\n\t            let newValArray = String(newVal).split('');\n\t            console.log(newValArray);\n\n\t            let newDigits = [...state.digits];\n\t            newValArray.forEach((digit, i) => {\n\t                console.log(i);\n\t                console.log(newDigits[i]);\n\t                console.log(digit);\n\t                newDigits[i] = digit;\n\t            });\n\n\t            state.digits = newDigits;\n\n\t            onInput(3);\n\t        }\n\t    }\n\t);\n\n\tconst firstInput = ref(null);\n\n\tconst resendTimer = ref(0);\n\n\tasync function sendAgain () {\n\t\ttry {\n\t\t  \tawait twofa.sendCode(\n\t\t  \t\tauth.state.user, \n\t\t  \t\troute.query.method, \n\t\t  \t\troute.query.type, \n\t\t  \t)\n\n\t\t  \tresendTimer.value = 30;\n\n\t     \t// Start the timer using `setInterval()`\n\t      \tconst timer = setInterval(() => {\n\t\t        if (resendTimer.value > 0) {\n\t\t          // Decrement the timer by 1 second\n\t\t          resendTimer.value -= 1;\n\t\t        } else {\n\t\t          // Stop the timer when it reaches 0 seconds\n\t\t          clearInterval(timer);\n\t\t        }\n\t\t     }, 1000);\n\t  } catch (error) {\n\t\t\tsetError({ response: {data: { errorCode: \"CODE_NOT_SENT\"}}})\n\t\t}\n\t}\n\n\n\tconst onKeyDown = (event, index) => {\n\t    if (event.key === \"Backspace\" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {\n\t        event.preventDefault();\n\n\t        const inputs = document.querySelectorAll('input');\n\t        const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t        if (prevInput) {\n\t            prevInput.focus();\n\t            prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);\n\t        }\n\t    }\n\t};\n\n\t// const onPaste = (event, index) => {\n\t//   event.preventDefault();\n\t//   const pastedData = event.clipboardData.getData('text/plain');\n\t  \n\t//   // Проверим, что вставленный текст состоит только из 4 цифр\n\t//   if (/^\\d{4}$/.test(pastedData)) {\n\t//     for (let i = 0; i < 4; i++) {\n\t//       state.digits[index + i] = pastedData[i];\n\t//     }\n\t//     onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода\n\t//   } else {\n\t//    \tsetError({ response: {data: { errorCode: \"INPUT_ERROR\"}}})\n\t//   }\n\t// };\n\n\tconst onInput = (index) => {\n\t    const inputs = document.querySelectorAll('input');\n\t    const nextInput = inputs[index + 1];\n\t    const prevInput = index > 0 ? inputs[index - 1] : null;\n\n\t    // Переход на следующий инпут\n\t    if (state.digits[index] !== '' && state.digits[index] !== null && state.digits[index] !== undefined && index < 4) {\n\t        if (index < 3) nextInput.focus();\n\t        else firstInput.value.focus();\n\t    }\n\n\t    // Переход на предыдущий инпут при удалении\n\t    if ((state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '') && index > 0) {\n\t        prevInput.focus();\n\t    }\n\n\t    // Проверка введенного кода\n\t    if (state.digits.every(digit => digit !== '')) {\n\t        const enteredCode = state.digits.join('');\n\t        const correctCode = twofa.state.code.code.toString();\n\n\t        if (enteredCode === correctCode) {\n\t            twofa.state.code.isValid = true;\n\n\t            router.push({\n\t                path: '/auth/enter-password',\n\t                query: { type: twofa.state.code.type, method: route.query.method, returnUrl: route.query.returnUrl }\n\t            });\n\n\t        } else {\n\t            setError({ response: {data: { errorCode: \"WRONG_CODE\"}}})\n\t            firstInput.value.focus()\n\t            state.digits = ['', '', '', ''];\n\t        }\n\t    }\n\t};\n</script>"],"names":["state","twofa.sendCode","auth.state","twofa.state"],"mappings":";;;;;;;;;;;;;;AAwEC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAIxB,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,IACV,CAAA;AAED,UAAMA,UAAQ,SAAS;AAAA,MACrB,QAAQ,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,MACvB,OAAO;AAAA,IACV,CAAE;AAED;AAAA,MACI,MAAMA,QAAM,OAAO,CAAC;AAAA,MACpB,CAAC,WAAW;AACR,YAAI,UAAU,OAAO,MAAM,EAAE,SAAS,GAAG;AACrC,cAAI,cAAc,OAAO,MAAM,EAAE,MAAM,EAAE;AACzC,kBAAQ,IAAI,WAAW;AAEvB,cAAI,YAAY,CAAC,GAAGA,QAAM,MAAM;AAChC,sBAAY,QAAQ,CAAC,OAAO,MAAM;AAC9B,oBAAQ,IAAI,CAAC;AACb,oBAAQ,IAAI,UAAU,CAAC,CAAC;AACxB,oBAAQ,IAAI,KAAK;AACjB,sBAAU,CAAC,IAAI;AAAA,UAChC,CAAc;AAEDA,kBAAM,SAAS;AAEf,kBAAQ,CAAC;AAAA,QACtB;AAAA,MACA;AAAA,IACE;AAED,UAAM,aAAa,IAAI,IAAI;AAE3B,UAAM,cAAc,IAAI,CAAC;AAEzB,mBAAe,YAAa;AAC3B,UAAI;AACD,cAAMC;AAAAA,UACLC,QAAW;AAAA,UACX,MAAM,MAAM;AAAA,UACZ,MAAM,MAAM;AAAA,QAClB;AAEK,oBAAY,QAAQ;AAGjB,cAAM,QAAQ,YAAY,MAAM;AAC9B,cAAI,YAAY,QAAQ,GAAG;AAEzB,wBAAY,SAAS;AAAA,UACjC,OAAiB;AAEL,0BAAc,KAAK;AAAA,UAC/B;AAAA,QACQ,GAAE,GAAI;AAAA,MACV,SAAQ,OAAO;AAChB,iBAAS,EAAE,UAAU,EAAC,MAAM,EAAE,WAAW,gBAAe,EAAC,EAAC,CAAC;AAAA,MAC9D;AAAA,IACA;AAGC,UAAM,YAAY,CAAC,OAAO,UAAU;AAChC,UAAI,MAAM,QAAQ,gBAAgBF,QAAM,OAAO,KAAK,MAAM,QAAQA,QAAM,OAAO,KAAK,MAAM,UAAaA,QAAM,OAAO,KAAK,MAAM,KAAK;AAChI,cAAM,eAAgB;AAEtB,cAAM,SAAS,SAAS,iBAAiB,OAAO;AAChD,cAAM,YAAY,QAAQ,IAAI,OAAO,QAAQ,CAAC,IAAI;AAElD,YAAI,WAAW;AACX,oBAAU,MAAO;AACjB,oBAAU,kBAAkB,UAAU,MAAM,QAAQ,UAAU,MAAM,MAAM;AAAA,QACvF;AAAA,MACA;AAAA,IACE;AAiBD,UAAM,UAAU,CAAC,UAAU;AACvB,YAAM,SAAS,SAAS,iBAAiB,OAAO;AAChD,YAAM,YAAY,OAAO,QAAQ,CAAC;AAClC,YAAM,YAAY,QAAQ,IAAI,OAAO,QAAQ,CAAC,IAAI;AAGlD,UAAIA,QAAM,OAAO,KAAK,MAAM,MAAMA,QAAM,OAAO,KAAK,MAAM,QAAQA,QAAM,OAAO,KAAK,MAAM,UAAa,QAAQ,GAAG;AAC9G,YAAI,QAAQ,EAAG,WAAU,MAAO;AAAA,YAC3B,YAAW,MAAM,MAAO;AAAA,MACtC;AAGK,WAAKA,QAAM,OAAO,KAAK,MAAM,QAAQA,QAAM,OAAO,KAAK,MAAM,UAAaA,QAAM,OAAO,KAAK,MAAM,OAAO,QAAQ,GAAG;AAChH,kBAAU,MAAO;AAAA,MAC1B;AAGK,UAAIA,QAAM,OAAO,MAAM,WAAS,UAAU,EAAE,GAAG;AAC3C,cAAM,cAAcA,QAAM,OAAO,KAAK,EAAE;AACxC,cAAM,cAAcG,MAAY,KAAK,KAAK,SAAU;AAEpD,YAAI,gBAAgB,aAAa;AAC7BA,gBAAY,KAAK,UAAU;AAE3B,iBAAO,KAAK;AAAA,YACR,MAAM;AAAA,YACN,OAAO,EAAE,MAAMA,MAAY,KAAK,MAAM,QAAQ,MAAM,MAAM,QAAQ,WAAW,MAAM,MAAM,UAAS;AAAA,UACnH,CAAc;AAAA,QAEd,OAAgB;AACH,mBAAS,EAAE,UAAU,EAAC,MAAM,EAAE,WAAW,aAAY,EAAC,EAAC,CAAC;AACxD,qBAAW,MAAM,MAAK;AACtBH,kBAAM,SAAS,CAAC,IAAI,IAAI,IAAI,EAAE;AAAA,QAC3C;AAAA,MACA;AAAA,IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.cjs

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                      */
+const Field = require("../../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const auth = require("../../store/auth.cjs");
+const inputs_validation = require("../../validations/inputs.validation.cjs");
+;/* empty css                     */
+const _hoisted_1 = { class: "t-left pd-medium" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-b-semi t-transp"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mn-b-semi t-transp"
+};
+const _hoisted_5 = { class: "mn-b-semi radius-small o-hidden" };
+const _hoisted_6 = {
+  key: 2,
+  class: "p-medium t-semi mn-b-semi"
+};
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _sfc_main = {
+  __name: "EnterPassword",
+  setup(__props) {
+    const passswordValidation = vue.ref(null);
+    const { t } = vueI18n.useI18n({
+      useScope: "global"
+    });
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    vue.ref("phone");
+    async function onSubmit() {
+      try {
+        await inputs_validation.validateInputs(
+          passswordValidation,
+          inputs_validation.validatePassword,
+          auth.state.user.password,
+          "Некорректный пароль"
+        );
+      } catch (error) {
+        throw new Error();
+      }
+      if (route.query.method === "reset-password") await auth.actions.updatePassword(auth.state.user, route.query.type);
+      if (route.query.method !== "reset-password") await auth.actions.signup(auth.state.user, route.query.type);
+    }
+    function redirectTo() {
+      if (route.query.returnUrl) {
+        router.push({
+          path: route.query.returnUrl,
+          query: {
+            afterAuth: "true"
+          }
+        });
+      } else {
+        router.push({
+          name: "User Profile",
+          params: {
+            _id: auth.state.user._id
+          },
+          query: {
+            afterAuth: "true"
+          }
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(vue.unref(t)("auth.enterPassword.almostDone")), 1),
+        vue.unref(route).query.method === "reset-password" ? (vue.openBlock(), vue.createElementBlock("p", _hoisted_3, vue.toDisplayString(vue.unref(t)("auth.enterPassword.newPasswordPrompt")), 1)) : (vue.openBlock(), vue.createElementBlock("p", _hoisted_4, vue.toDisplayString(vue.unref(t)("auth.enterPassword.registrationPasswordPrompt")), 1)),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createVNode(Field.default, {
+            field: auth.state.user.password,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => auth.state.user.password = $event),
+            type: "password",
+            validation: passswordValidation.value,
+            placeholder: vue.unref(t)("auth.enterPassword.passwordPlaceholder"),
+            class: "bg-light pd-small radius-small mn-b-thin"
+          }, null, 8, ["field", "validation", "placeholder"]),
+          vue.createVNode(Field.default, {
+            field: auth.state.user.passwordRepeat,
+            "onUpdate:field": _cache[1] || (_cache[1] = ($event) => auth.state.user.passwordRepeat = $event),
+            type: "password",
+            placeholder: vue.unref(t)("auth.enterPassword.repeatPasswordPlaceholder"),
+            class: "bg-light pd-small radius-small mn-b-thin"
+          }, null, 8, ["field", "placeholder"])
+        ]),
+        vue.unref(route).query.method !== "reset-password" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, _cache[2] || (_cache[2] = [
+          vue.createTextVNode(" By registering, you agree to our "),
+          vue.createElementVNode("a", {
+            class: "t-second",
+            href: "/legal/eula",
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, "End User License Agreement (EULA)", -1)
+        ]))) : vue.createCommentVNode("", true),
+        vue.createVNode(Button.default, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main mn-b-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.unref(route).query.method === "reset-password" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7, vue.toDisplayString(vue.unref(t)("auth.enterPassword.changePasswordBtn")), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_8, vue.toDisplayString(vue.unref(t)("auth.enterPassword.registerBtn")), 1))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=EnterPassword.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnterPassword.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.enterPassword.almostDone') }}</h3>\n\t\t<p v-if=\"route.query.method === 'reset-password'\" class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.newPasswordPrompt') }}</p>\n\t\t<p v-else class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.registrationPasswordPrompt') }}</p>\n\t\n\t\t<!-- Form -->\n\t\t<div class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\t:placeholder=\"t('auth.enterPassword.passwordPlaceholder')\"\t\t\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:placeholder=\"t('auth.enterPassword.repeatPasswordPlaceholder')\"\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\t v-if=\"route.query.method !== 'reset-password'\" \n\t\t\t class=\"p-medium t-semi mn-b-semi \"\n\t\t>\n\t\t\t By registering, you agree to our <a class=\"t-second\" href=\"/legal/eula\" target=\"_blank\" rel=\"noopener noreferrer\">End User License Agreement (EULA)</a>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">\n\t\t\t<span  v-if=\"route.query.method === 'reset-password'\">{{ t('auth.enterPassword.changePasswordBtn') }}</span>\n\t\t\t<span v-else>{{ t('auth.enterPassword.registerBtn') }}</span>\n\t\t</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\n\tif (route.query.method === 'reset-password') await auth.actions.updatePassword(auth.state.user, route.query.type)\n\tif (route.query.method !== 'reset-password') await auth.actions.signup(auth.state.user, route.query.type)\n}\n\nfunction redirectTo () {\n\tif (route.query.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["ref","useI18n","useRoute","useRouter","inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,sBAAsBA,IAAG,IAAC,IAAI;AAEpC,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,QAAQC,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAERH,QAAAA,IAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMI,kBAA+B;AAAA,UACpC;AAAA,UACAC,kBAAiC;AAAA,UACjCC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACE,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACZ;AAEC,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,KAAAA,QAAa,eAAeD,WAAW,MAAM,MAAM,MAAM,IAAI;AAChH,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,KAAAA,QAAa,OAAOD,WAAW,MAAM,MAAM,MAAM,IAAI;AAAA,IACzG;AAEA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKA,KAAAA,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.js

@@ -0,0 +1,118 @@
+import { ref, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, createTextVNode, withCtx } from "vue";
+/* empty css                                    */
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { state, actions } from "../../store/auth.js";
+import { validateInputs, validatePassword } from "../../validations/inputs.validation.js";
+/* empty css                   */
+const _hoisted_1 = { class: "t-left pd-medium" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mn-b-semi t-transp"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "mn-b-semi t-transp"
+};
+const _hoisted_5 = { class: "mn-b-semi radius-small o-hidden" };
+const _hoisted_6 = {
+  key: 2,
+  class: "p-medium t-semi mn-b-semi"
+};
+const _hoisted_7 = { key: 0 };
+const _hoisted_8 = { key: 1 };
+const _sfc_main = {
+  __name: "EnterPassword",
+  setup(__props) {
+    const passswordValidation = ref(null);
+    const { t } = useI18n({
+      useScope: "global"
+    });
+    const route = useRoute();
+    const router = useRouter();
+    ref("phone");
+    async function onSubmit() {
+      try {
+        await validateInputs(
+          passswordValidation,
+          validatePassword,
+          state.user.password,
+          "Некорректный пароль"
+        );
+      } catch (error) {
+        throw new Error();
+      }
+      if (route.query.method === "reset-password") await actions.updatePassword(state.user, route.query.type);
+      if (route.query.method !== "reset-password") await actions.signup(state.user, route.query.type);
+    }
+    function redirectTo() {
+      if (route.query.returnUrl) {
+        router.push({
+          path: route.query.returnUrl,
+          query: {
+            afterAuth: "true"
+          }
+        });
+      } else {
+        router.push({
+          name: "User Profile",
+          params: {
+            _id: state.user._id
+          },
+          query: {
+            afterAuth: "true"
+          }
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h3", _hoisted_2, toDisplayString(unref(t)("auth.enterPassword.almostDone")), 1),
+        unref(route).query.method === "reset-password" ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(unref(t)("auth.enterPassword.newPasswordPrompt")), 1)) : (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(unref(t)("auth.enterPassword.registrationPasswordPrompt")), 1)),
+        createElementVNode("div", _hoisted_5, [
+          createVNode(Field, {
+            field: state.user.password,
+            "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state.user.password = $event),
+            type: "password",
+            validation: passswordValidation.value,
+            placeholder: unref(t)("auth.enterPassword.passwordPlaceholder"),
+            class: "bg-light pd-small radius-small mn-b-thin"
+          }, null, 8, ["field", "validation", "placeholder"]),
+          createVNode(Field, {
+            field: state.user.passwordRepeat,
+            "onUpdate:field": _cache[1] || (_cache[1] = ($event) => state.user.passwordRepeat = $event),
+            type: "password",
+            placeholder: unref(t)("auth.enterPassword.repeatPasswordPlaceholder"),
+            class: "bg-light pd-small radius-small mn-b-thin"
+          }, null, 8, ["field", "placeholder"])
+        ]),
+        unref(route).query.method !== "reset-password" ? (openBlock(), createElementBlock("div", _hoisted_6, _cache[2] || (_cache[2] = [
+          createTextVNode(" By registering, you agree to our "),
+          createElementVNode("a", {
+            class: "t-second",
+            href: "/legal/eula",
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, "End User License Agreement (EULA)", -1)
+        ]))) : createCommentVNode("", true),
+        createVNode(_sfc_main$1, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main mn-b-big"
+        }, {
+          default: withCtx(() => [
+            unref(route).query.method === "reset-password" ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(unref(t)("auth.enterPassword.changePasswordBtn")), 1)) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(t)("auth.enterPassword.registerBtn")), 1))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=EnterPassword.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/pages/EnterPassword.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnterPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/EnterPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.enterPassword.almostDone') }}</h3>\n\t\t<p v-if=\"route.query.method === 'reset-password'\" class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.newPasswordPrompt') }}</p>\n\t\t<p v-else class=\"mn-b-semi t-transp\">{{ t('auth.enterPassword.registrationPasswordPrompt') }}</p>\n\t\n\t\t<!-- Form -->\n\t\t<div class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\t:placeholder=\"t('auth.enterPassword.passwordPlaceholder')\"\t\t\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:placeholder=\"t('auth.enterPassword.repeatPasswordPlaceholder')\"\n\t\t\t\tclass=\"bg-light pd-small radius-small mn-b-thin\"\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\t v-if=\"route.query.method !== 'reset-password'\" \n\t\t\t class=\"p-medium t-semi mn-b-semi \"\n\t\t>\n\t\t\t By registering, you agree to our <a class=\"t-second\" href=\"/legal/eula\" target=\"_blank\" rel=\"noopener noreferrer\">End User License Agreement (EULA)</a>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">\n\t\t\t<span  v-if=\"route.query.method === 'reset-password'\">{{ t('auth.enterPassword.changePasswordBtn') }}</span>\n\t\t\t<span v-else>{{ t('auth.enterPassword.registerBtn') }}</span>\n\t\t</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('phone')\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\n\tif (route.query.method === 'reset-password') await auth.actions.updatePassword(auth.state.user, route.query.type)\n\tif (route.query.method !== 'reset-password') await auth.actions.signup(auth.state.user, route.query.type)\n}\n\nfunction redirectTo () {\n\tif (route.query.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,UAAM,sBAAsB,IAAI,IAAI;AAEpC,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAER,QAAI,OAAO;AAE3B,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMA;AAAAA,UACL;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACE,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACZ;AAEC,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,QAAa,eAAeD,MAAW,MAAM,MAAM,MAAM,IAAI;AAChH,UAAI,MAAM,MAAM,WAAW,iBAAkB,OAAMC,QAAa,OAAOD,MAAW,MAAM,MAAM,MAAM,IAAI;AAAA,IACzG;AAEA,aAAS,aAAc;AACtB,UAAI,MAAM,MAAM,WAAW;AAC1B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,MAAM;AAAA,UAClB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKA,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}