@ozdao/martyrs 0.2.423

package/dist/martyrs/src/modules/auth/views/components/blocks/CardUser.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardUser.vue.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/blocks/CardUser.vue.js

@@ -0,0 +1,95 @@
+import { createElementBlock, openBlock, createCommentVNode, createBlock, createElementVNode, withModifiers, toDisplayString, resolveDynamicComponent, normalizeProps, mergeProps, Fragment, createTextVNode } from "vue";
+import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+const _hoisted_1 = { class: "flex-v-center flex-nowrap flex" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "h4" };
+const _hoisted_4 = { class: "t-transp mn-r-small" };
+const _hoisted_5 = {
+  key: 2,
+  class: "mn-l-auto flex-stretch flex-v-center flex"
+};
+const _hoisted_6 = {
+  key: 0,
+  class: "flex-child flex-child-shrink-0 capitalize w-max t-medium radius-big pd-b-nano pd-t-nano pd-r-thin pd-l-thin bg-main"
+};
+const _sfc_main = {
+  __name: "CardUser",
+  props: {
+    _id: {
+      type: String,
+      default: null
+    },
+    user: {
+      type: Object,
+      required: true
+    },
+    action: {
+      type: Object
+    },
+    photo: {
+      type: String,
+      default: null
+    },
+    name: {
+      type: String,
+      default: "No name"
+    },
+    role: {
+      type: String
+    },
+    phone: {
+      type: String
+    },
+    email: {
+      type: String
+    }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        __props.photo ? (openBlock(), createElementBlock("img", {
+          key: 0,
+          loading: "lazy",
+          src: (_ctx.FILE_SERVER_URL || "") + __props.photo,
+          class: "radius-medium aspect-1x1 bg-white object-fit-cover mn-r-thin h-100 w-max",
+          onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$router.push({
+            name: __props.user.type === "user" ? "User Profile" : "Organization",
+            params: {
+              _id: __props.user._id
+            }
+          }), ["stop"]))
+        }, null, 8, _hoisted_2)) : createCommentVNode("", true),
+        !__props.photo ? (openBlock(), createBlock(PlaceholderUserpic, {
+          key: 1,
+          class: "radius-medium aspect-1x1 mn-r-thin h-100 w-auto",
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.$router.push({
+            name: "User Profile",
+            params: {
+              _id: __props.user._id || __props._id
+            }
+          }), ["stop"]))
+        })) : createCommentVNode("", true),
+        createElementVNode("div", null, [
+          createElementVNode("p", _hoisted_3, toDisplayString(__props.name), 1),
+          createElementVNode("span", _hoisted_4, toDisplayString(__props.phone || __props.email), 1)
+        ]),
+        __props.action || __props.role ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          __props.role ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.role), 1)) : createCommentVNode("", true),
+          __props.action ? (openBlock(), createElementBlock("button", {
+            key: 1,
+            onClick: _cache[2] || (_cache[2] = withModifiers((...args) => __props.action.method && __props.action.method(...args), ["stop"])),
+            class: "h-2r w-2r t-white mn-l-thin capitalize t-medium radius-big bg-red"
+          }, [
+            __props.action.label.is ? (openBlock(), createBlock(resolveDynamicComponent(__props.action.label.is), normalizeProps(mergeProps({ key: 0 }, __props.action.label.props)), null, 16)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createTextVNode(toDisplayString(__props.action.label), 1)
+            ], 64))
+          ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=CardUser.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/blocks/CardUser.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardUser.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                       */
+;/* empty css                                            */
+;/* empty css                                             */
+require("vue-i18n");
+;/* empty css                                */
+const vueRouter = require("vue-router");
+require("../../store/auth.cjs");
+const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small bg-white" };
+const _sfc_main = {
+  __name: "Auth",
+  setup(__props) {
+    vue.ref(null);
+    vue.ref(null);
+    vue.ref(null);
+    vueRouter.useRoute();
+    vueRouter.useRouter();
+    vue.ref("email");
+    return (_ctx, _cache) => {
+      const _component_router_view = vue.resolveComponent("router-view");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(_component_router_view, { class: "pd-big w-m-66r t-center" }, {
+          default: vue.withCtx(({ Component, route }) => [
+            vue.createVNode(vue.Transition, {
+              name: "scaleIn",
+              mode: "out-in"
+            }, {
+              default: vue.withCtx(() => [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
+                  ref: "page",
+                  key: route.path,
+                  localPosition: _ctx.localPosition
+                }, null, 8, ["localPosition"]))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        }),
+        _cache[0] || (_cache[0] = vue.createElementVNode("section", { class: "w-100 desktop-only o-hidden radius-big bg-grad-main" }, null, -1))
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=Auth.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small bg-white\"\n  >\n\n    <router-view\n    \tclass=\"pd-big w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 desktop-only o-hidden radius-big bg-grad-main\">\n      <!-- <SliderFeatures/> -->  \n    </section>\n  </div>\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 blocks\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst phoneValidation = ref(null)\nconst passswordValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('email')\n// Methods\nasync function onSubmit() {\n  try {\n    await inputsValidation.validateInputs(\n      emailValidation,\n      inputsValidation.validateEmail,\n      auth.state.user.email,\n      'Некорректный email'\n    )\n    await inputsValidation.validateInputs(\n      passswordValidation,\n      inputsValidation.validatePassword,\n      auth.state.user.password,\n      'Некорректный пароль'\n    )\n  } catch (error) {\n    throw new Error\n  }\n  await auth.actions.login(auth.state.user, tabAuth.value)\n}\n\nfunction redirectTo() {\n  router.push({ name: 'Account' })\n}\n</script>"],"names":["ref","useRoute","useRouter"],"mappings":";;;;;;;;;;;;;;AA0CwBA,QAAAA,IAAI,IAAI;AACJA,QAAAA,IAAI,IAAI;AACZA,QAAAA,IAAI,IAAI;AAElBC,cAAQ,SAAA;AACPC,cAAS,UAAA;AAERF,QAAAA,IAAI,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -0,0 +1,48 @@
+import { ref, resolveComponent, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Transition, createBlock, resolveDynamicComponent } from "vue";
+/* empty css                                     */
+/* empty css                                          */
+/* empty css                                           */
+import "vue-i18n";
+/* empty css                              */
+import { useRoute, useRouter } from "vue-router";
+import "../../store/auth.js";
+const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small bg-white" };
+const _sfc_main = {
+  __name: "Auth",
+  setup(__props) {
+    ref(null);
+    ref(null);
+    ref(null);
+    useRoute();
+    useRouter();
+    ref("email");
+    return (_ctx, _cache) => {
+      const _component_router_view = resolveComponent("router-view");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_router_view, { class: "pd-big w-m-66r t-center" }, {
+          default: withCtx(({ Component, route }) => [
+            createVNode(Transition, {
+              name: "scaleIn",
+              mode: "out-in"
+            }, {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(Component), {
+                  ref: "page",
+                  key: route.path,
+                  localPosition: _ctx.localPosition
+                }, null, 8, ["localPosition"]))
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 1
+        }),
+        _cache[0] || (_cache[0] = createElementVNode("section", { class: "w-100 desktop-only o-hidden radius-big bg-grad-main" }, null, -1))
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=Auth.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/layouts/Auth.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Auth.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/layouts/Auth.vue"],"sourcesContent":["<template>\n  <div \n  \tclass=\"cols-2-1_2 gap-small pd-small bg-white\"\n  >\n\n    <router-view\n    \tclass=\"pd-big w-m-66r t-center\" \n    \tv-slot=\"{ Component, route }\"\n    >\n      <transition \n      \tname=\"scaleIn\" mode=\"out-in\"\n      >\n        <component \n        \tref=\"page\" \n        \t:key=\"route.path\" \n        \t:localPosition=\"localPosition\" \n        \t:is=\"Component\" \n        />\n      </transition>\n    </router-view>\n\n    <section class=\"w-100 desktop-only o-hidden radius-big bg-grad-main\">\n      <!-- <SliderFeatures/> -->  \n    </section>\n  </div>\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 blocks\nimport SliderFeatures from '@martyrs/src/modules/auth/views/components/sections/SliderFeatures.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst phoneValidation = ref(null)\nconst passswordValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst tabAuth = ref('email')\n// Methods\nasync function onSubmit() {\n  try {\n    await inputsValidation.validateInputs(\n      emailValidation,\n      inputsValidation.validateEmail,\n      auth.state.user.email,\n      'Некорректный email'\n    )\n    await inputsValidation.validateInputs(\n      passswordValidation,\n      inputsValidation.validatePassword,\n      auth.state.user.password,\n      'Некорректный пароль'\n    )\n  } catch (error) {\n    throw new Error\n  }\n  await auth.actions.login(auth.state.user, tabAuth.value)\n}\n\nfunction redirectTo() {\n  router.push({ name: 'Account' })\n}\n</script>"],"names":[],"mappings":";;;;;;;;;;;;AA0CwB,QAAI,IAAI;AACJ,QAAI,IAAI;AACZ,QAAI,IAAI;AAElB,aAAQ;AACP,cAAS;AAER,QAAI,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,167 @@
+"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 EnterCode = require("../../localization/EnterCode.json.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",
+      ...EnterCode.default
+    });
+    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)("verifyNumberTitle")), 1),
+        vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(t)("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)("resendCode")), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(resendTimer.value) + " " + vue.toDisplayString(vue.unref(t)("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('verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('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('resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('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'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\timport text from '@martyrs/src/modules/auth/views/localization/EnterCode.json'\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t\t...text\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","text","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,167 @@
+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";
+import text from "../../localization/EnterCode.json.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",
+      ...text
+    });
+    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)("verifyNumberTitle")), 1),
+        createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("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)("resendCode")), 1)) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(resendTimer.value) + " " + toDisplayString(unref(t)("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('verifyNumberTitle') }}\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big t-transp\">{{ t('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('resendCode') }}\n\t\t</a>\n\n\t\t<span v-else>\n\t\t\t{{resendTimer}} {{ t('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'\n\timport * as twofa \tfrom '@martyrs/src/modules/auth/views/store/twofa'\n\timport { setError } from '@martyrs/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\timport text from '@martyrs/src/modules/auth/views/localization/EnterCode.json'\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t\t...text\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":"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"}