@ozdao/prometheus-framework 0.1.13 → 0.1.15

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,24 +1,24 @@
1
- import { o as f, e as z, D as l, l as x, x as M, k as O, m as y, t as A, v as E, i as P, n as T, q as U, w as _, u as h, d as v, g as w, h as B, f as C, y as R, P as j, p as k, r as q, j as F, U as L, z as G, A as H } from "./organizations.client-bae43c7c.mjs";
2
- import { _ as J } from "./CardOrganization-d3a9d898.mjs";
1
+ import { o as f, e as z, D as l, l as x, x as M, k as O, m as y, t as A, v as E, i as P, n as T, q as U, w as _, u as h, d as v, g as w, h as B, f as C, y as R, P as j, p as k, r as q, j as F, U as L, z as G, A as H } from "./organizations.client-6f1f8b73.mjs";
2
+ import { _ as J } from "./CardOrganization-522845c7.mjs";
3
3
  import { _ as N } from "./Socials-8193477c.mjs";
4
- import { _ as V } from "./Publics-5ae33b91.mjs";
5
- import { B as X, b as Y } from "./ButtonFollow-d4552677.mjs";
6
- import { o as $ } from "./organizations-e1bfd3a8.mjs";
4
+ import { _ as V } from "./Publics-bed70f0c.mjs";
5
+ import { B as X, b as Y } from "./ButtonFollow-f0cefb85.mjs";
6
+ import { o as $ } from "./organizations-8408770b.mjs";
7
7
  import "vue";
8
8
  import "vue-router";
9
9
  import "vue-i18n";
10
10
  import "./globals-96ba60e4.mjs";
11
- import "./Breadcrumbs.vue_vue_type_style_index_0_lang-ec801e39.mjs";
12
- import "./auth-c3234662.mjs";
11
+ import "./Breadcrumbs.vue_vue_type_style_index_0_lang-e60b6b7d.mjs";
12
+ import "./auth-962e3b73.mjs";
13
13
  import "./_plugin-vue_export-helper-dad06003.mjs";
14
14
  import "./Tab-a243605d.mjs";
15
15
  import "./inputs.validation-14e8e01f.mjs";
16
- import "./Feed-406e3b66.mjs";
16
+ import "./Feed-a7a6bd2e.mjs";
17
17
  import "./EmptyState-34d85f10.mjs";
18
18
  import "./Chips-03ff0c34.mjs";
19
19
  import "./IconEdit-eacf3856.mjs";
20
- import "./Feed-536c8a92.mjs";
21
- import "./UploadImage-39483aee.mjs";
20
+ import "./Feed-f3b2bd74.mjs";
21
+ import "./UploadImage-86fda95d.mjs";
22
22
  export {
23
23
  X as ButtonFollow,
24
24
  J as CardOrganization,
@@ -1,13 +1,13 @@
1
1
  import { openBlock as d, createElementBlock as p, renderSlot as O, createElementVNode as o, defineComponent as B, h as x, ref as U, resolveComponent as R, toDisplayString as w, createBlock as y, withCtx as g, createTextVNode as Z, createCommentVNode as $, reactive as F, onMounted as j, unref as m, Fragment as A, renderList as T, normalizeClass as D, createVNode as a, withAsyncContext as G } from "vue";
2
- import { a as Y, s as f, b as L, F as b, _ as S } from "./auth-c3234662.mjs";
2
+ import { a as Y, s as f, b as L, F as b, _ as S } from "./auth-962e3b73.mjs";
3
3
  import { _ as H } from "./_plugin-vue_export-helper-dad06003.mjs";
4
- import { B as q, m as J } from "./ButtonFollow-d4552677.mjs";
4
+ import { B as q, m as J } from "./ButtonFollow-f0cefb85.mjs";
5
5
  import { _ as K } from "./Socials-8193477c.mjs";
6
6
  import { I as Q, P as W } from "./IconEdit-eacf3856.mjs";
7
7
  import { useRoute as N, useRouter as I } from "vue-router";
8
8
  import "./inputs.validation-14e8e01f.mjs";
9
- import { _ as X } from "./UploadImage-39483aee.mjs";
10
- import "./auth.validation-c8d5adf5.mjs";
9
+ import { _ as X } from "./UploadImage-86fda95d.mjs";
10
+ import "./auth.validation-1b60cef5.mjs";
11
11
  import "./globals-96ba60e4.mjs";
12
12
  import "vue-i18n";
13
13
  const ee = { class: "mobile-menu-section mn-semi pd-r-zero pd-t-thin pd-b-thin pd-medium bg-grey radius-medium" }, E = {
@@ -570,7 +570,7 @@ const Ye = { class: "pd-medium for-transition w-100" }, qe = /* @__PURE__ */ o("
570
570
  },
571
571
  component: () => import(
572
572
  /* webpackChunkName: "profile" */
573
- "./ProfileBlogposts-bf3cd8e5.mjs"
573
+ "./ProfileBlogposts-3aea0091.mjs"
574
574
  )
575
575
  }, {
576
576
  path: "profile/:_id/comments",
@@ -583,7 +583,7 @@ const Ye = { class: "pd-medium for-transition w-100" }, qe = /* @__PURE__ */ o("
583
583
  },
584
584
  component: () => import(
585
585
  /* webpackChunkName: "profile" */
586
- "./ProfileComments-1e0d72cc.mjs"
586
+ "./ProfileComments-9398be62.mjs"
587
587
  )
588
588
  }, {
589
589
  path: "profile/:_id/edit",
@@ -606,7 +606,7 @@ const Ye = { class: "pd-medium for-transition w-100" }, qe = /* @__PURE__ */ o("
606
606
  },
607
607
  component: () => import(
608
608
  /* webpackChunkName: "profile" */
609
- "./ProfileEvents-980b0281.mjs"
609
+ "./ProfileEvents-82517a3b.mjs"
610
610
  )
611
611
  }, {
612
612
  path: "profile/:_id/likes",
@@ -619,7 +619,7 @@ const Ye = { class: "pd-medium for-transition w-100" }, qe = /* @__PURE__ */ o("
619
619
  },
620
620
  component: () => import(
621
621
  /* webpackChunkName: "profile" */
622
- "./ProfileLikes-36373ac1.mjs"
622
+ "./ProfileLikes-0c8a7255.mjs"
623
623
  )
624
624
  }, {
625
625
  path: "profile/:_id/organizations",
@@ -632,7 +632,7 @@ const Ye = { class: "pd-medium for-transition w-100" }, qe = /* @__PURE__ */ o("
632
632
  },
633
633
  component: () => import(
634
634
  /* webpackChunkName: "profile" */
635
- "./ProfileOrganizations-974a50ca.mjs"
635
+ "./ProfileOrganizations-5b5480d5.mjs"
636
636
  )
637
637
  }];
638
638
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ozdao/prometheus-framework",
3
- "version": "0.1.13",
3
+ "version": "0.1.15",
4
4
  "description": "Web3 Framework focused on user experience and ease of development.",
5
5
  "author": "OZ DAO <hello@ozdao.dev>",
6
6
  "license": "GPL-3.0-or-later",
@@ -21,7 +21,7 @@
21
21
  <h3 class="mn-medium">
22
22
  {{ t('verifyNumberTitle') }}
23
23
  </h3>
24
-
24
+ {{state.digits}}
25
25
  <p class="mn-big t-transp">{{ t('instructions') }}</p>
26
26
 
27
27
  <div class="w-100 mn-big flex-nowrap flex">
@@ -33,10 +33,17 @@
33
33
  @input="onInput(0)"
34
34
  @paste="($event) => onPaste($event, 0)"
35
35
  @keydown="($event) => onKeyDown($event, 0)"
36
- @focus="onFocus($event, 0)"
37
36
  class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small"
38
37
  >
39
- <input type="number" v-model="state.digits[1]" maxlength="1" @input="onInput(1)" @paste="($event) => onPaste($event, 1)" @keydown="($event) => onKeyDown($event, 1)" class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small">
38
+ <input
39
+ type="number"
40
+ v-model="state.digits[1]"
41
+ maxlength="1"
42
+ @input="onInput(1)"
43
+ @paste="($event) => onPaste($event, 1)"
44
+ @keydown="($event) => onKeyDown($event, 1)"
45
+ class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small"
46
+ >
40
47
  <input type="number" v-model="state.digits[2]" maxlength="1" @input="onInput(2)" @paste="($event) => onPaste($event, 2)" @keydown="($event) => onKeyDown($event, 2)" class="w-100 h1 pd-small t-center bg-grey radius-small mn-r-small">
41
48
  <input type="number" v-model="state.digits[3]" maxlength="1" @input="onInput(3)" @paste="($event) => onPaste($event, 3)" @keydown="($event) => onKeyDown($event, 3)" class="w-100 h1 pd-small t-center bg-grey radius-small">
42
49
  </div>
@@ -50,7 +57,7 @@
50
57
  // Import components
51
58
  import Field from '@pf/src/components/Field/Field.vue'
52
59
  // Import libs
53
- import { computed,reactive,ref, onMounted, onBeforeMount } from 'vue'
60
+ import { computed,reactive,ref, onMounted, onBeforeMount, watch } from 'vue'
54
61
  import { useRoute,useRouter } from 'vue-router'
55
62
  import { useI18n } from 'vue-i18n'
56
63
  // Import state
@@ -71,6 +78,31 @@
71
78
  error: null,
72
79
  });
73
80
 
81
+ watch(
82
+ () => state.digits[0],
83
+ (newVal) => {
84
+ console.log(String(newVal));
85
+ console.log(String(newVal).length);
86
+
87
+ if (newVal && String(newVal).length > 1) {
88
+ let newValArray = String(newVal).split('');
89
+ console.log(newValArray);
90
+
91
+ let newDigits = [...state.digits];
92
+ newValArray.forEach((digit, i) => {
93
+ console.log(i);
94
+ console.log(newDigits[i]);
95
+ console.log(digit);
96
+ newDigits[i] = digit;
97
+ });
98
+
99
+ state.digits = newDigits;
100
+
101
+ onInput(3);
102
+ }
103
+ }
104
+ );
105
+
74
106
  const firstInput = ref(null);
75
107
 
76
108
  const resendTimer = ref(0);
@@ -96,48 +128,35 @@
96
128
  }
97
129
  }
98
130
 
99
- const onFocus = (event, index) => {
100
- const clipboardData = navigator.clipboard.readText();
101
- clipboardData.then(data => {
102
- if (data && /^\d{4}$/.test(data)) {
103
- for (let i = 0; i < 4; i++) {
104
- state.digits[index + i] = data[i];
105
- }
106
- onInput(index + 3);
107
- }
108
- });
109
- };
110
-
111
-
112
- const onPaste = (event, index) => {
113
- event.preventDefault();
114
- const pastedData = event.clipboardData.getData('text/plain');
115
-
116
- // Проверим, что вставленный текст состоит только из 4 цифр
117
- if (/^\d{4}$/.test(pastedData)) {
118
- for (let i = 0; i < 4; i++) {
119
- state.digits[index + i] = pastedData[i];
120
- }
121
- onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода
122
- } else {
123
- setError({ response: {data: { errorCode: "INPUT_ERROR"}}})
124
- }
125
- };
126
131
 
127
132
  const onKeyDown = (event, index) => {
128
- if (event.key === "Backspace" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {
129
- event.preventDefault();
133
+ if (event.key === "Backspace" && (state.digits[index] === null || state.digits[index] === undefined || state.digits[index] === '')) {
134
+ event.preventDefault();
130
135
 
131
- const inputs = document.querySelectorAll('input');
132
- const prevInput = index > 0 ? inputs[index - 1] : null;
136
+ const inputs = document.querySelectorAll('input');
137
+ const prevInput = index > 0 ? inputs[index - 1] : null;
133
138
 
134
- if (prevInput) {
135
- prevInput.focus();
136
- prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);
137
- }
138
- }
139
+ if (prevInput) {
140
+ prevInput.focus();
141
+ prevInput.setSelectionRange(prevInput.value.length, prevInput.value.length);
142
+ }
143
+ }
139
144
  };
140
145
 
146
+ // const onPaste = (event, index) => {
147
+ // event.preventDefault();
148
+ // const pastedData = event.clipboardData.getData('text/plain');
149
+
150
+ // // Проверим, что вставленный текст состоит только из 4 цифр
151
+ // if (/^\d{4}$/.test(pastedData)) {
152
+ // for (let i = 0; i < 4; i++) {
153
+ // state.digits[index + i] = pastedData[i];
154
+ // }
155
+ // onInput(index + 3); // Вызываем обработчик onInput для последнего инпута, чтобы обработать логику ввода
156
+ // } else {
157
+ // setError({ response: {data: { errorCode: "INPUT_ERROR"}}})
158
+ // }
159
+ // };
141
160
 
142
161
  const onInput = (index) => {
143
162
  const inputs = document.querySelectorAll('input');