@ozdao/prometheus-framework 0.2.199 → 0.2.201

package/dist/prometheus-framework/src/modules/auth/views/components/layouts/Auth.vue.js

@@ -1,29 +1,37 @@
-import { ref as e, resolveComponent as a, openBlock as o, createElementBlock as m, createVNode as t, withCtx as r, Transition as c, createBlock as p, resolveDynamicComponent as u, createElementVNode as d } from "vue";
+import { ref, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, Transition, createBlock, resolveDynamicComponent, createElementVNode } from "vue";
 /* empty css                                    */
 /* empty css                                        */
 /* empty css                                          */
 /* empty css                                          */
 import "vue-i18n";
 /* empty css                              */
-import { useRoute as _, useRouter as f } from "vue-router";
+import { useRoute, useRouter } from "vue-router";
 import "../../store/auth.js";
-const g = { class: "cols-2-1_2 gap-small pd-small bg-white" }, h = /* @__PURE__ */ d("section", { class: "w-100 desktop-only o-hidden radius-big bg-grad-main" }, null, -1), R = {
+const _hoisted_1 = { class: "cols-2-1_2 gap-small pd-small bg-white" };
+const _hoisted_2 = /* @__PURE__ */ createElementVNode("section", { class: "w-100 desktop-only o-hidden radius-big bg-grad-main" }, null, -1);
+const _sfc_main = {
   __name: "Auth",
-  setup(b) {
-    return e(null), e(null), e(null), _(), f(), e("email"), (l, w) => {
-      const i = a("router-view");
-      return o(), m("div", g, [
-        t(i, { class: "pd-medium br-solid br-1px br-grey-transp-25 radius-big w-m-66r t-center" }, {
-          default: r(({ Component: n, route: s }) => [
-            t(c, {
+  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-medium br-solid br-1px br-grey-transp-25 radius-big w-m-66r t-center" }, {
+          default: withCtx(({ Component, route }) => [
+            createVNode(Transition, {
               name: "scaleIn",
               mode: "out-in"
             }, {
-              default: r(() => [
-                (o(), p(u(n), {
+              default: withCtx(() => [
+                (openBlock(), createBlock(resolveDynamicComponent(Component), {
                   ref: "page",
-                  key: s.path,
-                  localPosition: l.localPosition
+                  key: route.path,
+                  localPosition: _ctx.localPosition
                 }, null, 8, ["localPosition"]))
               ]),
               _: 2
@@ -31,11 +39,12 @@ const g = { class: "cols-2-1_2 gap-small pd-small bg-white" }, h = /* @__PURE__
           ]),
           _: 1
         }),
-        h
+        _hoisted_2
       ]);
     };
   }
 };
 export {
-  R as default
+  _sfc_main as default
 };
+//# sourceMappingURL=Auth.vue.js.map

package/dist/prometheus-framework/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-medium br-solid br-1px br-grey-transp-25 radius-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 '@pf/src/components/Tab/Tab.vue'\nimport Field from '@pf/src/components/Field/Field.vue'\nimport Button from '@pf/src/components/Button/Button.vue'\n// Import blocks\nimport SliderFeatures from '@pf/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 '@pf/src/modules/auth/views/store/auth'\n// Import validation\nimport * as inputsValidation from '@pf/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,aAAU;AACT,cAAW;AAEV,QAAI,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.cjs

@@ -1 +1,168 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("vue");;/* empty css                                          */const f=require("vue-router"),w=require("vue-i18n"),E=require("../../store/auth.cjs"),p=require("../../store/twofa.cjs"),c=require("../../../../globals/views/store/globals.cjs"),S=require("../../localization/EnterCode.json.cjs"),q={class:"t-center pd-medium"},D={class:"mn-b-medium"},I={class:"mn-b-big t-transp"},k={class:"w-100 mn-b-big flex-nowrap flex"},C={key:1},N={__name:"EnterCode",setup(V){const g=f.useRoute(),v=f.useRouter(),{t:d}=w.useI18n({useScope:"global",...S.default}),o=n.reactive({digits:["","","",""],error:null});n.watch(()=>o.digits[0],s=>{if(s&&String(s).length>1){let e=String(s).split("");console.log(e);let t=[...o.digits];e.forEach((l,r)=>{console.log(r),console.log(t[r]),console.log(l),t[r]=l}),o.digits=t,u(3)}});const m=n.ref(null),i=n.ref(0);async function y(){try{await p.sendCode(E.state.user,g.query.method,g.query.type),i.value=30;const s=setInterval(()=>{i.value>0?i.value-=1:clearInterval(s)},1e3)}catch{c.setError({response:{data:{errorCode:"CODE_NOT_SENT"}}})}}const a=(s,e)=>{if(s.key==="Backspace"&&(o.digits[e]===null||o.digits[e]===void 0||o.digits[e]==="")){s.preventDefault();const t=document.querySelectorAll("input"),l=e>0?t[e-1]:null;l&&(l.focus(),l.setSelectionRange(l.value.length,l.value.length))}},u=s=>{const e=document.querySelectorAll("input"),t=e[s+1],l=s>0?e[s-1]:null;if(o.digits[s]!==""&&o.digits[s]!==null&&o.digits[s]!==void 0&&s<4&&(s<3?t.focus():m.value.focus()),(o.digits[s]===null||o.digits[s]===void 0||o.digits[s]==="")&&s>0&&l.focus(),o.digits.every(r=>r!=="")){const r=o.digits.join(""),b=p.state.code.code.toString();r===b?(p.state.code.isValid=!0,v.push({path:"/auth/enter-password",query:{type:p.state.code.type,method:g.query.method}})):(c.setError({response:{data:{errorCode:"WRONG_CODE"}}}),m.value.focus(),o.digits=["","","",""])}};return(s,e)=>(n.openBlock(),n.createElementBlock("section",q,[n.createElementVNode("h3",D,n.toDisplayString(n.unref(d)("verifyNumberTitle")),1),n.createElementVNode("p",I,n.toDisplayString(n.unref(d)("instructions")),1),n.createElementVNode("div",k,[n.withDirectives(n.createElementVNode("input",{type:"number","onUpdate:modelValue":e[0]||(e[0]=t=>o.digits[0]=t),ref_key:"firstInput",ref:m,maxlength:"1",onInput:e[1]||(e[1]=t=>u(0)),onPaste:e[2]||(e[2]=t=>s.onPaste(t,0)),onKeydown:e[3]||(e[3]=t=>a(t,0)),class:"w-100 h1 pd-small t-center bg-light radius-small mn-r-small"},null,544),[[n.vModelText,o.digits[0]]]),n.withDirectives(n.createElementVNode("input",{type:"number","onUpdate:modelValue":e[4]||(e[4]=t=>o.digits[1]=t),maxlength:"1",onInput:e[5]||(e[5]=t=>u(1)),onPaste:e[6]||(e[6]=t=>s.onPaste(t,1)),onKeydown:e[7]||(e[7]=t=>a(t,1)),class:"w-100 h1 pd-small t-center bg-light radius-small mn-r-small"},null,544),[[n.vModelText,o.digits[1]]]),n.withDirectives(n.createElementVNode("input",{type:"number","onUpdate:modelValue":e[8]||(e[8]=t=>o.digits[2]=t),maxlength:"1",onInput:e[9]||(e[9]=t=>u(2)),onPaste:e[10]||(e[10]=t=>s.onPaste(t,2)),onKeydown:e[11]||(e[11]=t=>a(t,2)),class:"w-100 h1 pd-small t-center bg-light radius-small mn-r-small"},null,544),[[n.vModelText,o.digits[2]]]),n.withDirectives(n.createElementVNode("input",{type:"number","onUpdate:modelValue":e[12]||(e[12]=t=>o.digits[3]=t),maxlength:"1",onInput:e[13]||(e[13]=t=>u(3)),onPaste:e[14]||(e[14]=t=>s.onPaste(t,3)),onKeydown:e[15]||(e[15]=t=>a(t,3)),class:"w-100 h1 pd-small t-center bg-light radius-small"},null,544),[[n.vModelText,o.digits[3]]])]),i.value<1?(n.openBlock(),n.createElementBlock("a",{key:0,onClick:y,class:"t-blue"},n.toDisplayString(n.unref(d)("resendCode")),1)):(n.openBlock(),n.createElementBlock("span",C,n.toDisplayString(i.value)+" "+n.toDisplayString(n.unref(d)("secondsResend")),1))]))}};exports.default=N;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+;/* empty css                                          */
+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 }
+          });
+        } 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/prometheus-framework/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 '@pf/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 '@pf/src/modules/auth/views/store/auth'\n\timport * as twofa \tfrom '@pf/src/modules/auth/views/store/twofa'\n\timport { setError } from '@pf/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\timport text from '@pf/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 }\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/prometheus-framework/src/modules/auth/views/components/pages/EnterCode.vue.js

@@ -1,124 +1,168 @@
-import { reactive as P, watch as D, ref as c, openBlock as b, createElementBlock as w, createElementVNode as r, toDisplayString as d, unref as m, withDirectives as g, vModelText as f } from "vue";
+import { reactive, watch, ref, openBlock, createElementBlock, createElementVNode, toDisplayString, unref, withDirectives, vModelText } from "vue";
 /* empty css                                        */
-import { useRoute as q, useRouter as $ } from "vue-router";
-import { useI18n as K } from "vue-i18n";
-import { state as N } from "../../store/auth.js";
-import { state as I, sendCode as R } from "../../store/twofa.js";
-import { setError as C } from "../../../../globals/views/store/globals.js";
-import T from "../../localization/EnterCode.json.js";
-const V = { class: "t-center pd-medium" }, A = { class: "mn-b-medium" }, O = { class: "mn-b-big t-transp" }, U = { class: "w-100 mn-b-big flex-nowrap flex" }, B = { key: 1 }, L = {
+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(j) {
-    const y = q(), S = $(), { t: p } = K({
+  setup(__props) {
+    const route = useRoute();
+    const router = useRouter();
+    const { t } = useI18n({
       useScope: "global",
-      ...T
-    }), n = P({
+      ...text
+    });
+    const state$2 = reactive({
       digits: ["", "", "", ""],
       error: null
     });
-    D(
-      () => n.digits[0],
-      (s) => {
-        if (s && String(s).length > 1) {
-          let t = String(s).split("");
-          console.log(t);
-          let e = [...n.digits];
-          t.forEach((o, l) => {
-            console.log(l), console.log(e[l]), console.log(o), e[l] = o;
-          }), n.digits = e, u(3);
+    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 v = c(null), i = c(0);
-    async function k() {
+    const firstInput = ref(null);
+    const resendTimer = ref(0);
+    async function sendAgain() {
       try {
-        await R(
-          N.user,
-          y.query.method,
-          y.query.type
-        ), i.value = 30;
-        const s = setInterval(() => {
-          i.value > 0 ? i.value -= 1 : clearInterval(s);
+        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 {
-        C({ response: { data: { errorCode: "CODE_NOT_SENT" } } });
+      } catch (error) {
+        setError({ response: { data: { errorCode: "CODE_NOT_SENT" } } });
       }
     }
-    const a = (s, t) => {
-      if (s.key === "Backspace" && (n.digits[t] === null || n.digits[t] === void 0 || n.digits[t] === "")) {
-        s.preventDefault();
-        const e = document.querySelectorAll("input"), o = t > 0 ? e[t - 1] : null;
-        o && (o.focus(), o.setSelectionRange(o.value.length, o.value.length));
+    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);
+        }
       }
-    }, u = (s) => {
-      const t = document.querySelectorAll("input"), e = t[s + 1], o = s > 0 ? t[s - 1] : null;
-      if (n.digits[s] !== "" && n.digits[s] !== null && n.digits[s] !== void 0 && s < 4 && (s < 3 ? e.focus() : v.value.focus()), (n.digits[s] === null || n.digits[s] === void 0 || n.digits[s] === "") && s > 0 && o.focus(), n.digits.every((l) => l !== "")) {
-        const l = n.digits.join(""), E = I.code.code.toString();
-        l === E ? (I.code.isValid = !0, S.push({
-          path: "/auth/enter-password",
-          query: { type: I.code.type, method: y.query.method }
-        })) : (C({ response: { data: { errorCode: "WRONG_CODE" } } }), v.value.focus(), n.digits = ["", "", "", ""]);
+    };
+    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 }
+          });
+        } else {
+          setError({ response: { data: { errorCode: "WRONG_CODE" } } });
+          firstInput.value.focus();
+          state$2.digits = ["", "", "", ""];
+        }
       }
     };
-    return (s, t) => (b(), w("section", V, [
-      r("h3", A, d(m(p)("verifyNumberTitle")), 1),
-      r("p", O, d(m(p)("instructions")), 1),
-      r("div", U, [
-        g(r("input", {
-          type: "number",
-          "onUpdate:modelValue": t[0] || (t[0] = (e) => n.digits[0] = e),
-          ref_key: "firstInput",
-          ref: v,
-          maxlength: "1",
-          onInput: t[1] || (t[1] = (e) => u(0)),
-          onPaste: t[2] || (t[2] = (e) => s.onPaste(e, 0)),
-          onKeydown: t[3] || (t[3] = (e) => a(e, 0)),
-          class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
-        }, null, 544), [
-          [f, n.digits[0]]
-        ]),
-        g(r("input", {
-          type: "number",
-          "onUpdate:modelValue": t[4] || (t[4] = (e) => n.digits[1] = e),
-          maxlength: "1",
-          onInput: t[5] || (t[5] = (e) => u(1)),
-          onPaste: t[6] || (t[6] = (e) => s.onPaste(e, 1)),
-          onKeydown: t[7] || (t[7] = (e) => a(e, 1)),
-          class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
-        }, null, 544), [
-          [f, n.digits[1]]
+    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]]
+          ])
         ]),
-        g(r("input", {
-          type: "number",
-          "onUpdate:modelValue": t[8] || (t[8] = (e) => n.digits[2] = e),
-          maxlength: "1",
-          onInput: t[9] || (t[9] = (e) => u(2)),
-          onPaste: t[10] || (t[10] = (e) => s.onPaste(e, 2)),
-          onKeydown: t[11] || (t[11] = (e) => a(e, 2)),
-          class: "w-100 h1 pd-small t-center bg-light radius-small mn-r-small"
-        }, null, 544), [
-          [f, n.digits[2]]
-        ]),
-        g(r("input", {
-          type: "number",
-          "onUpdate:modelValue": t[12] || (t[12] = (e) => n.digits[3] = e),
-          maxlength: "1",
-          onInput: t[13] || (t[13] = (e) => u(3)),
-          onPaste: t[14] || (t[14] = (e) => s.onPaste(e, 3)),
-          onKeydown: t[15] || (t[15] = (e) => a(e, 3)),
-          class: "w-100 h1 pd-small t-center bg-light radius-small"
-        }, null, 544), [
-          [f, n.digits[3]]
-        ])
-      ]),
-      i.value < 1 ? (b(), w("a", {
-        key: 0,
-        onClick: k,
-        class: "t-blue"
-      }, d(m(p)("resendCode")), 1)) : (b(), w("span", B, d(i.value) + " " + d(m(p)("secondsResend")), 1))
-    ]));
+        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 {
-  L as default
+  _sfc_main as default
 };
+//# sourceMappingURL=EnterCode.vue.js.map

package/dist/prometheus-framework/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 '@pf/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 '@pf/src/modules/auth/views/store/auth'\n\timport * as twofa \tfrom '@pf/src/modules/auth/views/store/twofa'\n\timport { setError } from '@pf/src/modules/globals/views/store/globals'\n\t\n\tconst route = useRoute()\n\tconst router = useRouter()\n\n\t// Localization\n\timport text from '@pf/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 }\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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"}