@yourgoods/ui-smart 0.53.41 → 0.53.42
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{ProfileEmailDialog-4HkiA_2Q.js → ProfileEmailDialog-D4tSDyUI.js} +2 -2
- package/dist/{ProfilePasswordDialog-s_Sl_ble.js → ProfilePasswordDialog-B4RF8AgG.js} +1 -1
- package/dist/{ProfilePhoneDialog-onT68yJt.js → ProfilePhoneDialog-WC0CiV0b.js} +2 -2
- package/dist/{index-AKLe2RA9.js → index-N4L6p5wy.js} +376 -376
- package/dist/index.js +2 -2
- package/dist/{useRateLimitToast-BUp9bvlH.js → useRateLimitToast-B79MSgkD.js} +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent as oe, ref as T, reactive as Z, watch as Y, computed as b, toRefs as ce, createElementBlock as I, openBlock as y, createElementVNode as x, createCommentVNode as D, toDisplayString as _, createVNode as $, unref as u, isRef as ee, withCtx as G, createTextVNode as ie, Fragment as Ae, createBlock as H, resolveDynamicComponent as he, onMounted as Fe } from "vue";
|
|
2
|
-
import { _ as ve, c as ke, u as Re, a as ze, P as Me, b as We } from "./useRateLimitToast-
|
|
3
|
-
import { C as F, _ as He, B as qe, p as W, g as je } from "./index-
|
|
2
|
+
import { _ as ve, c as ke, u as Re, a as ze, P as Me, b as We } from "./useRateLimitToast-B79MSgkD.js";
|
|
3
|
+
import { C as F, _ as He, B as qe, p as W, g as je } from "./index-N4L6p5wy.js";
|
|
4
4
|
import { PInput as J, IconMailMd as pe, PButton as ne, IconEyeMd as Ve, IconEyeClosedMd as be, PDialog as Ge, PTopBar as Ye, IconCrossMd as Je } from "@profeat/ui-kit";
|
|
5
5
|
const Ke = { class: "dialogDefaultContainerInsideContent" }, Qe = { class: "dialogDefaultContainerTextHint" }, Xe = {
|
|
6
6
|
key: 0,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent as ye, ref as a, reactive as _, computed as u, watch as Z, onMounted as Ce, createElementBlock as S, openBlock as g, Fragment as ge, createVNode as n, unref as o, withCtx as m, createCommentVNode as ee, createElementVNode as r, toDisplayString as V, createBlock as B, resolveDynamicComponent as $, createTextVNode as z } from "vue";
|
|
2
|
-
import { C as I, p as D, g as Ve } from "./index-
|
|
2
|
+
import { C as I, p as D, g as Ve } from "./index-N4L6p5wy.js";
|
|
3
3
|
import { PDialog as be, PInput as M, IconEyeMd as O, IconEyeClosedMd as U, PButton as F, PTopBar as Te, IconCrossMd as Ie, PTeleportContainer as xe } from "@profeat/ui-kit";
|
|
4
4
|
function ke(b) {
|
|
5
5
|
return { showPasswordRateLimitToast: (P) => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createElementBlock as S, openBlock as v, createElementVNode as H, defineComponent as he, reactive as ve, watch as _, ref as O, toRefs as Ce, computed as I, createCommentVNode as B, createVNode as b, toDisplayString as G, createBlock as J, createTextVNode as Z, unref as r, isRef as le, withCtx as X, onMounted as We, Fragment as je } from "vue";
|
|
2
|
-
import { _ as we, c as Ne, a as He, u as Ge, P as Oe, b as Je } from "./useRateLimitToast-
|
|
2
|
+
import { _ as we, c as Ne, a as He, u as Ge, P as Oe, b as Je } from "./useRateLimitToast-B79MSgkD.js";
|
|
3
3
|
import { IconTelegramSm as Pe, PInput as se, IconPhoneMd as Re, IconMailMd as Ke, PButton as ze, PDialog as Qe, PTopBar as Xe, IconCrossMd as Ye, PTeleportContainer as Ze } from "@profeat/ui-kit";
|
|
4
|
-
import { C as j, t as De, p as te, g as Ae } from "./index-
|
|
4
|
+
import { C as j, t as De, p as te, g as Ae } from "./index-N4L6p5wy.js";
|
|
5
5
|
const _e = {
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
7
|
width: "12",
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { ref as E, shallowRef as
|
|
2
|
-
import
|
|
3
|
-
import { PInputFileUploader as
|
|
4
|
-
function
|
|
1
|
+
import { ref as E, shallowRef as Ye, defineComponent as te, defineAsyncComponent as ae, watch as ke, createBlock as M, createCommentVNode as U, unref as f, openBlock as N, resolveDynamicComponent as Ke, mergeProps as Xe, computed as I, reactive as ne, onMounted as He, createElementBlock as V, Fragment as Te, createVNode as b, createElementVNode as oe, withCtx as O, toDisplayString as G, createTextVNode as re, Teleport as ye, Transition as Ze, withDirectives as Qe, vShow as et } from "vue";
|
|
2
|
+
import tt from "axios";
|
|
3
|
+
import { PInputFileUploader as at, PInput as j, IconFilledEditMd as Q, PButton as we, PImageCropper as nt, PToast as ot, PTeleportContainer as Ie, PToastContainer as rt, IconPhoneMd as lt, IconMailMd as st } from "@profeat/ui-kit";
|
|
4
|
+
function it(l, s = 2) {
|
|
5
5
|
if (l === 0)
|
|
6
6
|
return "0 B";
|
|
7
|
-
const a = 1024, n = ["B", "KB", "MB", "GB", "TB", "PB", "EB"],
|
|
8
|
-
return `${Number.parseFloat((l / a **
|
|
7
|
+
const a = 1024, n = ["B", "KB", "MB", "GB", "TB", "PB", "EB"], v = Math.floor(Math.log(l) / Math.log(a));
|
|
8
|
+
return `${Number.parseFloat((l / a ** v).toFixed(s))} ${n[v]}`;
|
|
9
9
|
}
|
|
10
|
-
const
|
|
10
|
+
const ut = {
|
|
11
11
|
"image/jpeg": "JPEG",
|
|
12
12
|
"image/png": "PNG",
|
|
13
13
|
"application/pdf": "PDF",
|
|
@@ -15,10 +15,10 @@ const it = {
|
|
|
15
15
|
"application/zip": "ZIP Archive"
|
|
16
16
|
// ...
|
|
17
17
|
};
|
|
18
|
-
function
|
|
18
|
+
function dt(l) {
|
|
19
19
|
return l.map((s) => {
|
|
20
20
|
var a;
|
|
21
|
-
return
|
|
21
|
+
return ut[s] || ((a = s.split("/")[1]) == null ? void 0 : a.toUpperCase());
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
const Lt = {
|
|
@@ -28,9 +28,9 @@ const Lt = {
|
|
|
28
28
|
}, _t = {
|
|
29
29
|
VERIFY_EMAIL: "verify-email"
|
|
30
30
|
};
|
|
31
|
-
let
|
|
32
|
-
function
|
|
33
|
-
|
|
31
|
+
let ie = null;
|
|
32
|
+
function ct(l, s, a) {
|
|
33
|
+
ie = tt.create({
|
|
34
34
|
baseURL: s,
|
|
35
35
|
headers: {
|
|
36
36
|
Authorization: `Bearer ${l}`,
|
|
@@ -41,41 +41,41 @@ function dt(l, s, a) {
|
|
|
41
41
|
validateStatus: (n) => n >= 200 && n < 300
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
|
-
function
|
|
45
|
-
if (!
|
|
44
|
+
function ce() {
|
|
45
|
+
if (!ie)
|
|
46
46
|
throw new Error("Axios instance not initialized. Call initAxios(token, baseUrl) first.");
|
|
47
|
-
return
|
|
47
|
+
return ie;
|
|
48
48
|
}
|
|
49
|
-
async function
|
|
50
|
-
return
|
|
49
|
+
async function ue(l, s, a) {
|
|
50
|
+
return ce().post(l, s, a);
|
|
51
51
|
}
|
|
52
52
|
async function mt(l, s) {
|
|
53
|
-
return
|
|
53
|
+
return ce().get(l, s);
|
|
54
54
|
}
|
|
55
|
-
async function
|
|
56
|
-
return
|
|
55
|
+
async function pt(l, s) {
|
|
56
|
+
return ce().delete(l, s);
|
|
57
57
|
}
|
|
58
|
-
async function
|
|
59
|
-
const s = await
|
|
58
|
+
async function ft(l) {
|
|
59
|
+
const s = await ue("/users/profile/me", l);
|
|
60
60
|
if (s.status !== 200 && s.status !== 201 || !s.data)
|
|
61
61
|
throw new Error("Ошибка при получении профиля пользователя");
|
|
62
62
|
return s.data;
|
|
63
63
|
}
|
|
64
|
-
const
|
|
64
|
+
const ee = E(null), le = Ye(null);
|
|
65
65
|
function me() {
|
|
66
66
|
return {
|
|
67
|
-
currentDialog:
|
|
68
|
-
dialogPayload:
|
|
69
|
-
openDialog: (n,
|
|
70
|
-
|
|
67
|
+
currentDialog: ee,
|
|
68
|
+
dialogPayload: le,
|
|
69
|
+
openDialog: (n, v) => {
|
|
70
|
+
ee.value = n, le.value = v ?? null;
|
|
71
71
|
},
|
|
72
72
|
closeDialog: () => {
|
|
73
|
-
|
|
73
|
+
ee.value = null, le.value = null;
|
|
74
74
|
},
|
|
75
|
-
isDialogOpen: (n) =>
|
|
75
|
+
isDialogOpen: (n) => ee.value === n
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
|
-
const
|
|
78
|
+
const de = {
|
|
79
79
|
ru: {
|
|
80
80
|
Имя: "Имя",
|
|
81
81
|
Фамилия: "Фамилия",
|
|
@@ -216,7 +216,7 @@ const ue = {
|
|
|
216
216
|
"Это не похоже на email": "It’s not like email",
|
|
217
217
|
"Email или телефон": "Email or phone"
|
|
218
218
|
}
|
|
219
|
-
},
|
|
219
|
+
}, vt = /* @__PURE__ */ te({
|
|
220
220
|
__name: "DialogManager",
|
|
221
221
|
props: {
|
|
222
222
|
language: {},
|
|
@@ -225,53 +225,53 @@ const ue = {
|
|
|
225
225
|
},
|
|
226
226
|
emits: ["clean-input-errors", "on-update-jwt", "update-phone-field", "update-email-field", "on-password-error", "on-toast"],
|
|
227
227
|
setup(l, { emit: s }) {
|
|
228
|
-
const a = s, n = E(!0), { currentDialog:
|
|
229
|
-
email:
|
|
230
|
-
phone:
|
|
231
|
-
password:
|
|
232
|
-
},
|
|
233
|
-
a("update-email-field",
|
|
234
|
-
},
|
|
235
|
-
a("update-phone-field",
|
|
228
|
+
const a = s, n = E(!0), { currentDialog: v, dialogPayload: g, closeDialog: F } = me(), m = {
|
|
229
|
+
email: ae(() => import("./ProfileEmailDialog-D4tSDyUI.js")),
|
|
230
|
+
phone: ae(() => import("./ProfilePhoneDialog-WC0CiV0b.js")),
|
|
231
|
+
password: ae(() => import("./ProfilePasswordDialog-B4RF8AgG.js"))
|
|
232
|
+
}, d = ({ email: C }) => {
|
|
233
|
+
a("update-email-field", C);
|
|
234
|
+
}, u = ({ phone: C }) => {
|
|
235
|
+
a("update-phone-field", C);
|
|
236
236
|
};
|
|
237
|
-
return
|
|
238
|
-
n.value = !!
|
|
239
|
-
}), (
|
|
237
|
+
return ke(v, (C) => {
|
|
238
|
+
n.value = !!C;
|
|
239
|
+
}), (C, p) => f(v) ? (N(), M(Ke(m[f(v)]), Xe({
|
|
240
240
|
key: 0,
|
|
241
241
|
modelValue: n.value,
|
|
242
|
-
"onUpdate:modelValue":
|
|
243
|
-
language:
|
|
244
|
-
provider:
|
|
245
|
-
"disable-add-phone":
|
|
246
|
-
}, f(
|
|
247
|
-
onClose: f(
|
|
248
|
-
onCleanInputErrors:
|
|
249
|
-
onOnUpdateJwt:
|
|
250
|
-
onSubmitEmail:
|
|
251
|
-
onSubmitPhone:
|
|
252
|
-
onOnPasswordError:
|
|
253
|
-
onOnToast:
|
|
254
|
-
}), null, 16, ["modelValue", "language", "provider", "disable-add-phone", "onClose"])) :
|
|
242
|
+
"onUpdate:modelValue": p[0] || (p[0] = (y) => n.value = y),
|
|
243
|
+
language: C.language,
|
|
244
|
+
provider: C.provider,
|
|
245
|
+
"disable-add-phone": C.disableAddPhone
|
|
246
|
+
}, f(g), {
|
|
247
|
+
onClose: f(F),
|
|
248
|
+
onCleanInputErrors: p[1] || (p[1] = (y) => a("clean-input-errors")),
|
|
249
|
+
onOnUpdateJwt: p[2] || (p[2] = (y, h, r) => a("on-update-jwt", y, h, r)),
|
|
250
|
+
onSubmitEmail: d,
|
|
251
|
+
onSubmitPhone: u,
|
|
252
|
+
onOnPasswordError: p[3] || (p[3] = (y, h) => a("on-password-error", y, h)),
|
|
253
|
+
onOnToast: p[4] || (p[4] = (y) => a("on-toast", y))
|
|
254
|
+
}), null, 16, ["modelValue", "language", "provider", "disable-add-phone", "onClose"])) : U("", !0);
|
|
255
255
|
}
|
|
256
|
-
}), gt = { class: "base-container" },
|
|
256
|
+
}), gt = { class: "base-container" }, ht = {
|
|
257
257
|
key: 0,
|
|
258
258
|
style: { color: "#E46060" }
|
|
259
|
-
},
|
|
259
|
+
}, yt = { key: 1 }, wt = {
|
|
260
260
|
key: 1,
|
|
261
261
|
class: "input-wrapper"
|
|
262
|
-
},
|
|
262
|
+
}, Et = {
|
|
263
263
|
key: 2,
|
|
264
264
|
class: "input-wrapper"
|
|
265
|
-
},
|
|
265
|
+
}, bt = {
|
|
266
266
|
key: 3,
|
|
267
267
|
class: "input-wrapper"
|
|
268
|
-
},
|
|
268
|
+
}, Pt = {
|
|
269
269
|
key: 4,
|
|
270
270
|
class: "input-wrapper"
|
|
271
|
-
},
|
|
271
|
+
}, Nt = { class: "buttons-container" }, Ct = {
|
|
272
272
|
key: 0,
|
|
273
273
|
class: "centered-overlay"
|
|
274
|
-
},
|
|
274
|
+
}, kt = { class: "toastWrapper" }, Tt = /* @__PURE__ */ te({
|
|
275
275
|
__name: "PEditUserContact",
|
|
276
276
|
props: {
|
|
277
277
|
language: {},
|
|
@@ -286,7 +286,7 @@ const ue = {
|
|
|
286
286
|
},
|
|
287
287
|
emits: ["open-email-dialog", "open-phone-dialog", "open-password-dialog", "on-update-jwt", "on-password-error", "update-tokens"],
|
|
288
288
|
setup(l, { emit: s }) {
|
|
289
|
-
const a = l, n = s,
|
|
289
|
+
const a = l, n = s, v = I(() => a.language ?? "ru"), g = (e) => de[v.value][e] || e, { openDialog: F } = me(), m = ne({ firstName: "", lastName: "" }), d = E({ firstName: "", lastName: "" }), u = ne({ firstName: !1, lastName: !1, email: !1, phone: !1 }), C = E(""), p = E(""), y = E(""), h = E(!1), r = ne({
|
|
290
290
|
value: null,
|
|
291
291
|
loading: !1,
|
|
292
292
|
accept: ["image/png", "image/jpeg"],
|
|
@@ -294,146 +294,146 @@ const ue = {
|
|
|
294
294
|
// 10 MB
|
|
295
295
|
imageBinary: null,
|
|
296
296
|
imageContent: ""
|
|
297
|
-
}),
|
|
297
|
+
}), P = E(""), $ = E(!1), L = E(!0), _ = E(!0), q = E(void 0), J = E(""), i = I(() => R(m.firstName, u.firstName)), w = I(() => R(m.lastName, u.lastName)), c = I(() => u.email && !p.value.trim() ? "Введите e-mail" : ""), A = I(() => u.phone && !y.value.trim() ? "Введите номер телефона" : ""), k = (e) => a.fields.some((t) => t.key === e), z = (e) => e && e.trim() ? "edit" : "bind", S = () => setTimeout(() => {
|
|
298
298
|
var e;
|
|
299
299
|
return (e = document.activeElement) == null ? void 0 : e.blur();
|
|
300
|
-
}, 0),
|
|
300
|
+
}, 0), x = I(() => !!(p.value && p.value.trim() !== "")), W = I(() => r.imageContent ? g("Загрузить другое фото") : g("Загрузить фото")), R = (e, t) => {
|
|
301
301
|
if (!t) return "";
|
|
302
|
-
const
|
|
303
|
-
return
|
|
304
|
-
},
|
|
305
|
-
|
|
306
|
-
},
|
|
307
|
-
|
|
308
|
-
},
|
|
309
|
-
e === "email" &&
|
|
310
|
-
}, Ae = (e) => {
|
|
311
|
-
d.value = e;
|
|
302
|
+
const o = e.trim();
|
|
303
|
+
return o ? o.length < 2 ? "Поле должно содержать минимум 2 символа" : "" : "Введите значение";
|
|
304
|
+
}, Y = (e) => F("email", { mode: e ? "edit" : "bind", initialEmail: e }), Ue = () => {
|
|
305
|
+
S(), u.email = !1, _.value = !1, n("open-email-dialog", p.value, z(p.value)), Y(p.value);
|
|
306
|
+
}, Ve = () => {
|
|
307
|
+
S(), u.phone = !1, L.value = !1, n("open-phone-dialog", y.value, z(y.value));
|
|
308
|
+
}, Ae = async (e, t, o) => {
|
|
309
|
+
e === "email" && o && (p.value = o), e === "phone" && o && (y.value = o), n("on-update-jwt");
|
|
312
310
|
}, Fe = (e) => {
|
|
313
|
-
|
|
314
|
-
}, Se = (e
|
|
315
|
-
|
|
316
|
-
}, xe = () => {
|
|
311
|
+
y.value = e;
|
|
312
|
+
}, Se = (e) => {
|
|
313
|
+
p.value = e;
|
|
314
|
+
}, xe = (e, t) => {
|
|
315
|
+
$.value = !0, n("on-password-error", e, t);
|
|
316
|
+
}, Me = () => {
|
|
317
317
|
L.value = !1, _.value = !1;
|
|
318
|
-
}, Y = (e) => {
|
|
319
|
-
z.value = !0, q.value = e.color ?? "", u.value = e.text ?? "";
|
|
320
318
|
}, K = (e) => {
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
319
|
+
$.value = !0, q.value = e.color ?? "", J.value = e.text ?? "";
|
|
320
|
+
}, X = (e) => {
|
|
321
|
+
if (u[e] = !0, e === "firstName" || e === "lastName") {
|
|
322
|
+
const t = m[e];
|
|
323
|
+
t.length > 40 && (m[e] = t.slice(0, 40));
|
|
324
324
|
}
|
|
325
|
-
},
|
|
326
|
-
var
|
|
327
|
-
if (
|
|
328
|
-
|
|
325
|
+
}, $e = (e) => {
|
|
326
|
+
var H, Z;
|
|
327
|
+
if (P.value = "", !e) {
|
|
328
|
+
pe();
|
|
329
329
|
return;
|
|
330
330
|
}
|
|
331
|
-
const t = ((
|
|
332
|
-
if (
|
|
333
|
-
|
|
331
|
+
const t = ((H = e.fileBinary) == null ? void 0 : H.type) ?? "", o = ((Z = e.fileBinary) == null ? void 0 : Z.size) ?? 0, D = !["image/png", "image/jpeg"].includes(t), B = o > r.uploadLimit;
|
|
332
|
+
if (D || B) {
|
|
333
|
+
P.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", pe();
|
|
334
334
|
return;
|
|
335
335
|
}
|
|
336
|
-
|
|
337
|
-
},
|
|
338
|
-
|
|
339
|
-
},
|
|
336
|
+
r.value = e, r.imageBinary = e.fileBinary ?? null, r.imageContent = e.fileContent ?? "", h.value = !0;
|
|
337
|
+
}, pe = () => {
|
|
338
|
+
r.value = null, r.imageBinary = null, r.imageContent = "", h.value = !1;
|
|
339
|
+
}, ze = async () => {
|
|
340
340
|
try {
|
|
341
|
-
const t = (await
|
|
341
|
+
const t = (await pt("/users/profile/delete/avatar")).data;
|
|
342
342
|
return (t == null ? void 0 : t.success) === !0;
|
|
343
343
|
} catch (e) {
|
|
344
344
|
return console.error("Ошибка при удалении аватара:", e), !1;
|
|
345
345
|
}
|
|
346
|
-
}, ze = () => {
|
|
347
|
-
x.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", o.value = null, o.imageBinary = null, o.imageContent = "", w.value = !1;
|
|
348
|
-
}, pe = async (e, t, r = "image/png") => {
|
|
349
|
-
if (!e) return null;
|
|
350
|
-
const B = await (await fetch(e)).blob();
|
|
351
|
-
return new File([B], t, { type: r });
|
|
352
346
|
}, Le = () => {
|
|
353
|
-
|
|
354
|
-
},
|
|
355
|
-
|
|
356
|
-
const
|
|
357
|
-
|
|
358
|
-
|
|
347
|
+
P.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", r.value = null, r.imageBinary = null, r.imageContent = "", h.value = !1;
|
|
348
|
+
}, fe = async (e, t, o = "image/png") => {
|
|
349
|
+
if (!e) return null;
|
|
350
|
+
const D = await (await fetch(e)).blob();
|
|
351
|
+
return new File([D], t, { type: o });
|
|
352
|
+
}, _e = () => {
|
|
353
|
+
r.value = null, r.imageBinary = null, r.imageContent = "", h.value = !1;
|
|
354
|
+
}, Re = async (e) => {
|
|
355
|
+
h.value = !1;
|
|
356
|
+
const t = r.imageContent;
|
|
357
|
+
if (r.imageContent = e, !r.imageBinary) return;
|
|
358
|
+
const o = await fe(
|
|
359
359
|
e,
|
|
360
|
-
|
|
361
|
-
|
|
360
|
+
r.imageBinary.name,
|
|
361
|
+
r.imageBinary.type || "image/png"
|
|
362
362
|
);
|
|
363
|
-
if (!
|
|
364
|
-
|
|
363
|
+
if (!o) {
|
|
364
|
+
r.imageContent = t;
|
|
365
365
|
return;
|
|
366
366
|
}
|
|
367
367
|
try {
|
|
368
|
-
|
|
369
|
-
const
|
|
370
|
-
|
|
371
|
-
} catch (
|
|
372
|
-
console.error(
|
|
368
|
+
r.loading = !0;
|
|
369
|
+
const T = new FormData();
|
|
370
|
+
T.append("file", o), await ue(`/users/profile/avatar/${C.value}`, T, { headers: { "Content-Type": void 0 } });
|
|
371
|
+
} catch (T) {
|
|
372
|
+
console.error(T), K({
|
|
373
373
|
color: "error",
|
|
374
|
-
text:
|
|
375
|
-
}),
|
|
374
|
+
text: g("Не удалось сохранить изменения. Попробуйте позже")
|
|
375
|
+
}), r.imageContent = t;
|
|
376
376
|
} finally {
|
|
377
|
-
|
|
377
|
+
r.loading = !1;
|
|
378
378
|
}
|
|
379
|
-
},
|
|
380
|
-
|
|
379
|
+
}, Oe = async (e) => {
|
|
380
|
+
r.imageContent = e ?? "", r.imageBinary && (r.imageBinary = await fe(
|
|
381
381
|
e ?? "",
|
|
382
|
-
|
|
383
|
-
|
|
382
|
+
r.imageBinary.name,
|
|
383
|
+
r.imageBinary.type || "image/png"
|
|
384
384
|
));
|
|
385
|
-
},
|
|
386
|
-
var
|
|
387
|
-
const t = (
|
|
385
|
+
}, ve = E(!1), ge = async (e) => {
|
|
386
|
+
var o, T;
|
|
387
|
+
const t = (o = m[e]) == null ? void 0 : o.trim();
|
|
388
388
|
if (t)
|
|
389
389
|
try {
|
|
390
|
-
|
|
391
|
-
const
|
|
392
|
-
|
|
393
|
-
firstName:
|
|
394
|
-
lastName:
|
|
390
|
+
ve.value = !0;
|
|
391
|
+
const B = (T = (await ue("/users/profile/update-name", { [e]: t })).data) == null ? void 0 : T.data;
|
|
392
|
+
B != null && B.user && (m.firstName = B.user.firstName ?? m.firstName, m.lastName = B.user.lastName ?? m.lastName, d.value = {
|
|
393
|
+
firstName: m.firstName,
|
|
394
|
+
lastName: m.lastName
|
|
395
395
|
});
|
|
396
|
-
} catch (
|
|
397
|
-
throw
|
|
396
|
+
} catch (D) {
|
|
397
|
+
throw D;
|
|
398
398
|
} finally {
|
|
399
|
-
|
|
399
|
+
ve.value = !1;
|
|
400
400
|
}
|
|
401
|
-
},
|
|
401
|
+
}, Ge = async () => {
|
|
402
402
|
var e;
|
|
403
403
|
if (!a.accessToken)
|
|
404
404
|
throw console.error("Access token не передан в props"), new Error("Access token is required");
|
|
405
405
|
try {
|
|
406
|
-
const
|
|
406
|
+
const o = (e = (await ft({
|
|
407
407
|
accessToken: a.accessToken,
|
|
408
408
|
refreshToken: a.refreshToken ?? "",
|
|
409
409
|
excludeFields: []
|
|
410
410
|
})).data) == null ? void 0 : e.user;
|
|
411
|
-
if (!
|
|
411
|
+
if (!o)
|
|
412
412
|
throw console.error("Данные пользователя отсутствуют в ответе сервера"), new Error("User data is missing from the response");
|
|
413
413
|
const {
|
|
414
|
-
userId:
|
|
415
|
-
privateFirstName:
|
|
416
|
-
privateLastName:
|
|
417
|
-
email:
|
|
418
|
-
phoneNumber:
|
|
419
|
-
} =
|
|
420
|
-
|
|
421
|
-
firstName:
|
|
422
|
-
lastName:
|
|
414
|
+
userId: T,
|
|
415
|
+
privateFirstName: D,
|
|
416
|
+
privateLastName: B,
|
|
417
|
+
email: H,
|
|
418
|
+
phoneNumber: Z
|
|
419
|
+
} = o;
|
|
420
|
+
C.value = T ?? "", m.firstName = D ?? "", m.lastName = B ?? "", p.value = H ?? "", y.value = Z ?? "", r.imageContent = await je(), d.value = {
|
|
421
|
+
firstName: D ?? "",
|
|
422
|
+
lastName: B ?? ""
|
|
423
423
|
};
|
|
424
424
|
} catch (t) {
|
|
425
425
|
console.error("Критическая ошибка при загрузке профиля:", t);
|
|
426
426
|
}
|
|
427
|
-
},
|
|
427
|
+
}, je = async () => {
|
|
428
428
|
var e;
|
|
429
429
|
try {
|
|
430
|
-
const
|
|
431
|
-
return
|
|
430
|
+
const o = (e = (await mt("/users/profile/avatar")).data) == null ? void 0 : e.data;
|
|
431
|
+
return o ? qe(o) : "";
|
|
432
432
|
} catch (t) {
|
|
433
433
|
return console.error("Ошибка при загрузке метаданных аватара:", t), "";
|
|
434
434
|
}
|
|
435
435
|
};
|
|
436
|
-
function
|
|
436
|
+
function qe(e) {
|
|
437
437
|
if (!e)
|
|
438
438
|
return "";
|
|
439
439
|
try {
|
|
@@ -442,186 +442,186 @@ const ue = {
|
|
|
442
442
|
return console.error("Ошибка при составлении URL аватара:", t), "";
|
|
443
443
|
}
|
|
444
444
|
}
|
|
445
|
-
const
|
|
446
|
-
if (!
|
|
445
|
+
const he = I(() => {
|
|
446
|
+
if (!d.value.firstName && !d.value.lastName)
|
|
447
447
|
return !1;
|
|
448
|
-
const e =
|
|
449
|
-
return
|
|
450
|
-
}),
|
|
451
|
-
if (
|
|
448
|
+
const e = m.firstName.trim(), t = m.lastName.trim(), o = d.value.firstName.trim(), T = d.value.lastName.trim(), D = e !== o || t !== T, B = e.length >= 2 && t.length >= 2;
|
|
449
|
+
return D && B;
|
|
450
|
+
}), Je = async () => {
|
|
451
|
+
if (he.value)
|
|
452
452
|
try {
|
|
453
|
-
await Promise.all([ge("firstName"), ge("lastName")]), n("on-update-jwt"),
|
|
453
|
+
await Promise.all([ge("firstName"), ge("lastName")]), n("on-update-jwt"), K({ color: "success", text: "Изменения сохранены" });
|
|
454
454
|
} catch (e) {
|
|
455
|
-
console.error(e),
|
|
455
|
+
console.error(e), K({
|
|
456
456
|
color: "error",
|
|
457
|
-
text:
|
|
457
|
+
text: g("Не удалось сохранить изменения. Попробуйте позже")
|
|
458
458
|
});
|
|
459
459
|
}
|
|
460
|
-
},
|
|
461
|
-
|
|
460
|
+
}, We = () => {
|
|
461
|
+
S(), n("open-password-dialog");
|
|
462
462
|
};
|
|
463
|
-
return
|
|
463
|
+
return He(async () => {
|
|
464
464
|
if (!a.accessToken) throw new Error("Access token не передан в props");
|
|
465
465
|
if (!a.requestUrl) throw new Error("auth-backend url не передан в props");
|
|
466
|
-
|
|
467
|
-
}), (e, t) => (N(), V(
|
|
468
|
-
b(
|
|
469
|
-
language:
|
|
466
|
+
ct(a.accessToken, a.requestUrl, a.throttlerPrefix), await Ge();
|
|
467
|
+
}), (e, t) => (N(), V(Te, null, [
|
|
468
|
+
b(vt, {
|
|
469
|
+
language: v.value,
|
|
470
470
|
provider: e.provider,
|
|
471
471
|
"disable-add-phone": e.disableAddPhone,
|
|
472
|
-
onCleanInputErrors:
|
|
473
|
-
onOnUpdateJwt:
|
|
474
|
-
onUpdatePhoneField:
|
|
475
|
-
onUpdateEmailField:
|
|
476
|
-
onOnPasswordError:
|
|
477
|
-
onOnToast:
|
|
472
|
+
onCleanInputErrors: Me,
|
|
473
|
+
onOnUpdateJwt: Ae,
|
|
474
|
+
onUpdatePhoneField: Fe,
|
|
475
|
+
onUpdateEmailField: Se,
|
|
476
|
+
onOnPasswordError: xe,
|
|
477
|
+
onOnToast: K
|
|
478
478
|
}, null, 8, ["language", "provider", "disable-add-phone"]),
|
|
479
|
-
|
|
480
|
-
|
|
479
|
+
oe("div", gt, [
|
|
480
|
+
k("avatar") ? (N(), M(f(at), {
|
|
481
481
|
key: 0,
|
|
482
|
-
modelValue:
|
|
482
|
+
modelValue: r.value,
|
|
483
483
|
"onUpdate:modelValue": [
|
|
484
|
-
t[0] || (t[0] = (
|
|
485
|
-
t[1] || (t[1] = (
|
|
484
|
+
t[0] || (t[0] = (o) => r.value = o),
|
|
485
|
+
t[1] || (t[1] = (o) => $e(o))
|
|
486
486
|
],
|
|
487
487
|
type: "img",
|
|
488
488
|
class: "avatar-input",
|
|
489
|
-
src:
|
|
490
|
-
loading:
|
|
491
|
-
label:
|
|
492
|
-
"upload-limit":
|
|
489
|
+
src: r.imageContent,
|
|
490
|
+
loading: r.loading,
|
|
491
|
+
label: g("Загрузить фото"),
|
|
492
|
+
"upload-limit": r.uploadLimit,
|
|
493
493
|
accept: "image/jpeg, image/png",
|
|
494
|
-
onDelete:
|
|
495
|
-
"onChange:error":
|
|
494
|
+
onDelete: ze,
|
|
495
|
+
"onChange:error": Le
|
|
496
496
|
}, {
|
|
497
497
|
afterLoadLabel: O(() => [
|
|
498
|
-
|
|
498
|
+
re(G(W.value), 1)
|
|
499
499
|
]),
|
|
500
500
|
subtext: O(() => [
|
|
501
|
-
|
|
501
|
+
P.value ? (N(), V("span", ht, G(P.value), 1)) : (N(), V("span", yt, G(`${g("Формат")} ${f(dt)(r.accept).join(", ")} ${g("до")} ${f(it)(r.uploadLimit)}`), 1))
|
|
502
502
|
]),
|
|
503
503
|
_: 1
|
|
504
|
-
}, 8, ["modelValue", "src", "loading", "label", "upload-limit"])) :
|
|
505
|
-
|
|
504
|
+
}, 8, ["modelValue", "src", "loading", "label", "upload-limit"])) : U("", !0),
|
|
505
|
+
k("firstName") ? (N(), V("div", wt, [
|
|
506
506
|
b(f(j), {
|
|
507
|
-
modelValue:
|
|
508
|
-
"onUpdate:modelValue": t[2] || (t[2] = (
|
|
507
|
+
modelValue: m.firstName,
|
|
508
|
+
"onUpdate:modelValue": t[2] || (t[2] = (o) => m.firstName = o),
|
|
509
509
|
size: "large",
|
|
510
|
-
label:
|
|
511
|
-
error:
|
|
512
|
-
onBlur: t[3] || (t[3] = (
|
|
513
|
-
onInput: t[4] || (t[4] = (
|
|
510
|
+
label: g("Имя"),
|
|
511
|
+
error: i.value,
|
|
512
|
+
onBlur: t[3] || (t[3] = (o) => u.firstName = !0),
|
|
513
|
+
onInput: t[4] || (t[4] = (o) => X("firstName"))
|
|
514
514
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
515
|
-
b(f(
|
|
516
|
-
])) :
|
|
517
|
-
|
|
515
|
+
b(f(Q), { class: "icon-locked" })
|
|
516
|
+
])) : U("", !0),
|
|
517
|
+
k("lastName") ? (N(), V("div", Et, [
|
|
518
518
|
b(f(j), {
|
|
519
|
-
modelValue:
|
|
520
|
-
"onUpdate:modelValue": t[5] || (t[5] = (
|
|
519
|
+
modelValue: m.lastName,
|
|
520
|
+
"onUpdate:modelValue": t[5] || (t[5] = (o) => m.lastName = o),
|
|
521
521
|
size: "large",
|
|
522
|
-
label:
|
|
523
|
-
error:
|
|
524
|
-
onBlur: t[6] || (t[6] = (
|
|
525
|
-
onInput: t[7] || (t[7] = (
|
|
522
|
+
label: g("Фамилия"),
|
|
523
|
+
error: w.value,
|
|
524
|
+
onBlur: t[6] || (t[6] = (o) => u.lastName = !0),
|
|
525
|
+
onInput: t[7] || (t[7] = (o) => X("lastName"))
|
|
526
526
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
527
|
-
b(f(
|
|
528
|
-
])) :
|
|
529
|
-
|
|
527
|
+
b(f(Q), { class: "icon-locked" })
|
|
528
|
+
])) : U("", !0),
|
|
529
|
+
k("email") ? (N(), V("div", bt, [
|
|
530
530
|
b(f(j), {
|
|
531
|
-
modelValue:
|
|
532
|
-
"onUpdate:modelValue": t[8] || (t[8] = (
|
|
531
|
+
modelValue: p.value,
|
|
532
|
+
"onUpdate:modelValue": t[8] || (t[8] = (o) => p.value = o),
|
|
533
533
|
size: "large",
|
|
534
534
|
"text-size": "medium",
|
|
535
535
|
label: "E-mail",
|
|
536
536
|
type: "email",
|
|
537
537
|
readonly: "",
|
|
538
538
|
style: { cursor: "pointer" },
|
|
539
|
-
error:
|
|
540
|
-
onBlur: t[9] || (t[9] = (
|
|
541
|
-
onInput: t[10] || (t[10] = (
|
|
542
|
-
onClick:
|
|
539
|
+
error: c.value && _.value,
|
|
540
|
+
onBlur: t[9] || (t[9] = (o) => u.email = !0),
|
|
541
|
+
onInput: t[10] || (t[10] = (o) => X("email")),
|
|
542
|
+
onClick: Ue
|
|
543
543
|
}, null, 8, ["modelValue", "error"]),
|
|
544
|
-
b(f(
|
|
545
|
-
])) :
|
|
546
|
-
|
|
544
|
+
b(f(Q), { class: "icon-locked" })
|
|
545
|
+
])) : U("", !0),
|
|
546
|
+
k("phone") ? (N(), V("div", Pt, [
|
|
547
547
|
b(f(j), {
|
|
548
|
-
modelValue:
|
|
549
|
-
"onUpdate:modelValue": t[11] || (t[11] = (
|
|
548
|
+
modelValue: y.value,
|
|
549
|
+
"onUpdate:modelValue": t[11] || (t[11] = (o) => y.value = o),
|
|
550
550
|
size: "large",
|
|
551
551
|
"text-size": "medium",
|
|
552
|
-
label:
|
|
552
|
+
label: g("Номер телефона"),
|
|
553
553
|
type: "tel",
|
|
554
554
|
readonly: "",
|
|
555
555
|
style: { cursor: "pointer" },
|
|
556
|
-
error:
|
|
557
|
-
onBlur: t[12] || (t[12] = (
|
|
558
|
-
onInput: t[13] || (t[13] = (
|
|
559
|
-
onClick:
|
|
556
|
+
error: A.value && L.value,
|
|
557
|
+
onBlur: t[12] || (t[12] = (o) => u.phone = !0),
|
|
558
|
+
onInput: t[13] || (t[13] = (o) => X("phone")),
|
|
559
|
+
onClick: Ve
|
|
560
560
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
561
|
-
b(f(
|
|
562
|
-
])) :
|
|
563
|
-
|
|
564
|
-
|
|
561
|
+
b(f(Q), { class: "icon-locked" })
|
|
562
|
+
])) : U("", !0),
|
|
563
|
+
oe("div", Nt, [
|
|
564
|
+
x.value ? (N(), M(f(we), {
|
|
565
565
|
key: 0,
|
|
566
566
|
color: "secondary",
|
|
567
|
-
onClick:
|
|
567
|
+
onClick: We
|
|
568
568
|
}, {
|
|
569
569
|
default: O(() => [
|
|
570
|
-
|
|
570
|
+
re(G(g("Сменить пароль")), 1)
|
|
571
571
|
]),
|
|
572
572
|
_: 1
|
|
573
|
-
})) :
|
|
574
|
-
b(f(
|
|
575
|
-
disabled: !
|
|
576
|
-
onClick:
|
|
573
|
+
})) : U("", !0),
|
|
574
|
+
b(f(we), {
|
|
575
|
+
disabled: !he.value,
|
|
576
|
+
onClick: Je
|
|
577
577
|
}, {
|
|
578
578
|
default: O(() => [
|
|
579
|
-
|
|
579
|
+
re(G(g("Сохранить")), 1)
|
|
580
580
|
]),
|
|
581
581
|
_: 1
|
|
582
582
|
}, 8, ["disabled"])
|
|
583
583
|
])
|
|
584
584
|
]),
|
|
585
|
-
|
|
585
|
+
h.value ? (N(), M(ye, {
|
|
586
586
|
key: 0,
|
|
587
587
|
to: "body"
|
|
588
588
|
}, [
|
|
589
|
-
|
|
590
|
-
b(f(
|
|
589
|
+
h.value ? (N(), V("div", Ct, [
|
|
590
|
+
b(f(nt), {
|
|
591
591
|
"circle-mode": !0,
|
|
592
|
-
"model-value":
|
|
593
|
-
onClose:
|
|
594
|
-
onSave: t[14] || (t[14] = (
|
|
595
|
-
"onUpdate:modelValue": t[15] || (t[15] = (
|
|
592
|
+
"model-value": r.imageContent,
|
|
593
|
+
onClose: _e,
|
|
594
|
+
onSave: t[14] || (t[14] = (o) => Re(o)),
|
|
595
|
+
"onUpdate:modelValue": t[15] || (t[15] = (o) => Oe(o))
|
|
596
596
|
}, null, 8, ["model-value"])
|
|
597
|
-
])) :
|
|
598
|
-
])) :
|
|
599
|
-
(N(),
|
|
600
|
-
|
|
601
|
-
b(
|
|
597
|
+
])) : U("", !0)
|
|
598
|
+
])) : U("", !0),
|
|
599
|
+
(N(), M(ye, { to: "#toast-root" }, [
|
|
600
|
+
oe("div", kt, [
|
|
601
|
+
b(Ze, { name: "list" }, {
|
|
602
602
|
default: O(() => [
|
|
603
|
-
|
|
603
|
+
Qe(b(f(ot), {
|
|
604
604
|
class: "toast",
|
|
605
605
|
color: q.value,
|
|
606
|
-
text:
|
|
607
|
-
onClose: t[16] || (t[16] = (
|
|
606
|
+
text: J.value,
|
|
607
|
+
onClose: t[16] || (t[16] = (o) => $.value = !1)
|
|
608
608
|
}, null, 8, ["color", "text"]), [
|
|
609
|
-
[
|
|
609
|
+
[et, $.value]
|
|
610
610
|
])
|
|
611
611
|
]),
|
|
612
612
|
_: 1
|
|
613
613
|
})
|
|
614
614
|
])
|
|
615
615
|
])),
|
|
616
|
-
b(f(
|
|
616
|
+
b(f(Ie))
|
|
617
617
|
], 64));
|
|
618
618
|
}
|
|
619
|
-
}),
|
|
619
|
+
}), Be = (l, s) => {
|
|
620
620
|
const a = l.__vccOpts || l;
|
|
621
|
-
for (const [n,
|
|
622
|
-
a[n] =
|
|
621
|
+
for (const [n, v] of s)
|
|
622
|
+
a[n] = v;
|
|
623
623
|
return a;
|
|
624
|
-
},
|
|
624
|
+
}, It = /* @__PURE__ */ Be(Tt, [["__scopeId", "data-v-4e8a6f81"]]), Rt = /* @__PURE__ */ te({
|
|
625
625
|
__name: "index",
|
|
626
626
|
props: {
|
|
627
627
|
throttlerPrefix: {},
|
|
@@ -636,70 +636,70 @@ const ue = {
|
|
|
636
636
|
},
|
|
637
637
|
emits: ["on-update-jwt", "update-tokens"],
|
|
638
638
|
setup(l, { emit: s }) {
|
|
639
|
-
const a = s, { openDialog: n } = me(),
|
|
640
|
-
n("email", { initialEmail:
|
|
641
|
-
},
|
|
642
|
-
n("phone", { initialPhone:
|
|
643
|
-
},
|
|
639
|
+
const a = s, { openDialog: n } = me(), v = (d, u) => {
|
|
640
|
+
n("email", { initialEmail: d, mode: u });
|
|
641
|
+
}, g = (d, u) => {
|
|
642
|
+
n("phone", { initialPhone: d, mode: u });
|
|
643
|
+
}, F = () => {
|
|
644
644
|
n("password");
|
|
645
|
-
},
|
|
646
|
-
a("on-update-jwt",
|
|
645
|
+
}, m = (d, u, C) => {
|
|
646
|
+
a("on-update-jwt", d, u, C);
|
|
647
647
|
};
|
|
648
|
-
return (
|
|
649
|
-
b(f(
|
|
650
|
-
b(
|
|
651
|
-
"throttler-prefix":
|
|
652
|
-
provider:
|
|
653
|
-
"request-url":
|
|
654
|
-
language:
|
|
655
|
-
fields:
|
|
656
|
-
"access-token":
|
|
657
|
-
"refresh-token":
|
|
658
|
-
"aws-storage-url":
|
|
659
|
-
"disable-add-phone":
|
|
660
|
-
onOpenEmailDialog:
|
|
661
|
-
onOpenPhoneDialog:
|
|
662
|
-
onOpenPasswordDialog:
|
|
663
|
-
onOnUpdateJwt:
|
|
648
|
+
return (d, u) => (N(), V(Te, null, [
|
|
649
|
+
b(f(rt)),
|
|
650
|
+
b(It, {
|
|
651
|
+
"throttler-prefix": d.throttlerPrefix,
|
|
652
|
+
provider: d.provider,
|
|
653
|
+
"request-url": d.requestUrl,
|
|
654
|
+
language: d.language,
|
|
655
|
+
fields: d.fields,
|
|
656
|
+
"access-token": d.accessToken,
|
|
657
|
+
"refresh-token": d.refreshToken,
|
|
658
|
+
"aws-storage-url": d.awsStorageUrl,
|
|
659
|
+
"disable-add-phone": d.disableAddPhone,
|
|
660
|
+
onOpenEmailDialog: v,
|
|
661
|
+
onOpenPhoneDialog: g,
|
|
662
|
+
onOpenPasswordDialog: F,
|
|
663
|
+
onOnUpdateJwt: m
|
|
664
664
|
}, null, 8, ["throttler-prefix", "provider", "request-url", "language", "fields", "access-token", "refresh-token", "aws-storage-url", "disable-add-phone"]),
|
|
665
|
-
b(f(
|
|
665
|
+
b(f(Ie))
|
|
666
666
|
], 64));
|
|
667
667
|
}
|
|
668
|
-
}),
|
|
669
|
-
function
|
|
668
|
+
}), Bt = 10, Dt = 10, Ut = 15;
|
|
669
|
+
function Ee(l, s, a) {
|
|
670
670
|
let n = l.replace(/[^\d+]/g, "").replace(/(?!^)\+/g, "");
|
|
671
671
|
return a != null && a.startsWith("ru") && n.startsWith("8") ? n = `+7${n.slice(1)}` : s && n && !n.startsWith("+") && (n = `+${n}`), n;
|
|
672
672
|
}
|
|
673
|
-
function
|
|
673
|
+
function be(l) {
|
|
674
674
|
return l.startsWith("+") ? l.slice(1).replace(/\D/g, "") : l.replace(/\D/g, "");
|
|
675
675
|
}
|
|
676
|
-
function
|
|
676
|
+
function Pe(l, s = Bt, a = Ut) {
|
|
677
677
|
if (!l.startsWith("+"))
|
|
678
678
|
return !1;
|
|
679
679
|
const n = l.slice(1);
|
|
680
680
|
return !(!/^\d+$/.test(n) || n.length < s || n.length > a);
|
|
681
681
|
}
|
|
682
|
-
function
|
|
682
|
+
function se(l) {
|
|
683
683
|
return !/^\+?\d*$/.test(l);
|
|
684
684
|
}
|
|
685
|
-
function
|
|
685
|
+
function Vt(l, s) {
|
|
686
686
|
let a = 0, n = !1;
|
|
687
|
-
return l.split("").filter((
|
|
687
|
+
return l.split("").filter((v, g) => v === "+" ? g !== 0 || n ? !1 : (n = !0, !0) : /\d/.test(v) ? (a++, a <= s) : !1).join("");
|
|
688
688
|
}
|
|
689
|
-
function
|
|
689
|
+
function Ne(l) {
|
|
690
690
|
return l.startsWith("+") || /^\d/.test(l);
|
|
691
691
|
}
|
|
692
692
|
const At = /^[\w.%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i;
|
|
693
|
-
function
|
|
693
|
+
function Ce(l) {
|
|
694
694
|
return At.test(l);
|
|
695
695
|
}
|
|
696
|
-
const
|
|
696
|
+
const De = /^[\d\s()+]+$/;
|
|
697
697
|
function Ft(l, s) {
|
|
698
|
-
var n,
|
|
698
|
+
var n, v;
|
|
699
699
|
const a = l.trim();
|
|
700
|
-
return (n = s.phone) != null && n.enabled &&
|
|
700
|
+
return (n = s.phone) != null && n.enabled && De.test(a) && /\d/.test(a) && !a.includes("@") ? "phone" : (v = s.email) != null && v.enabled ? "email" : null;
|
|
701
701
|
}
|
|
702
|
-
const St = { class: "smart-input" }, xt = /* @__PURE__ */
|
|
702
|
+
const St = { class: "smart-input" }, xt = /* @__PURE__ */ te({
|
|
703
703
|
__name: "index",
|
|
704
704
|
props: {
|
|
705
705
|
modelValue: {},
|
|
@@ -713,28 +713,28 @@ const St = { class: "smart-input" }, xt = /* @__PURE__ */ ee({
|
|
|
713
713
|
},
|
|
714
714
|
emits: ["update:modelValue", "validity-change", "type-change"],
|
|
715
715
|
setup(l, { emit: s }) {
|
|
716
|
-
const a = l, n = s,
|
|
717
|
-
function
|
|
718
|
-
return
|
|
716
|
+
const a = l, n = s, v = I(() => a.locale ?? "ru"), g = (i) => de[v.value][i] || i, F = I(() => h.value ? Ne(h.value) ? "phone" : r.value : null), m = I(() => a.label ? g(a.label) : g("Email или телефон"));
|
|
717
|
+
function d(i, w) {
|
|
718
|
+
return w ? w in de[v.value] ? g(w) : w : g(i);
|
|
719
719
|
}
|
|
720
|
-
const
|
|
721
|
-
var
|
|
720
|
+
const u = I(() => {
|
|
721
|
+
var i, w, c, A, k, z, S, x, W, R, Y;
|
|
722
722
|
return {
|
|
723
|
-
mode: ((
|
|
723
|
+
mode: ((i = a.config) == null ? void 0 : i.mode) ?? "auto",
|
|
724
724
|
phone: {
|
|
725
|
-
enabled: ((c = (
|
|
725
|
+
enabled: ((c = (w = a.config) == null ? void 0 : w.phone) == null ? void 0 : c.enabled) ?? !0,
|
|
726
726
|
minDigits: ((k = (A = a.config) == null ? void 0 : A.phone) == null ? void 0 : k.minDigits) ?? 10,
|
|
727
|
-
maxDigits: ((
|
|
728
|
-
autoPlus: ((
|
|
727
|
+
maxDigits: ((S = (z = a.config) == null ? void 0 : z.phone) == null ? void 0 : S.maxDigits) ?? 15,
|
|
728
|
+
autoPlus: ((W = (x = a.config) == null ? void 0 : x.phone) == null ? void 0 : W.autoPlus) ?? !0
|
|
729
729
|
},
|
|
730
730
|
email: {
|
|
731
|
-
enabled: ((
|
|
731
|
+
enabled: ((Y = (R = a.config) == null ? void 0 : R.email) == null ? void 0 : Y.enabled) ?? !0
|
|
732
732
|
}
|
|
733
733
|
};
|
|
734
734
|
});
|
|
735
|
-
function
|
|
735
|
+
function C(i) {
|
|
736
736
|
if (a.errorMessages)
|
|
737
|
-
switch (
|
|
737
|
+
switch (i) {
|
|
738
738
|
case "Допустимы только цифры и знак + в начале":
|
|
739
739
|
return a.errorMessages.invalidPhoneChars;
|
|
740
740
|
case "Это не похоже на номер телефона":
|
|
@@ -743,127 +743,127 @@ const St = { class: "smart-input" }, xt = /* @__PURE__ */ ee({
|
|
|
743
743
|
return a.errorMessages.invalidEmail;
|
|
744
744
|
}
|
|
745
745
|
}
|
|
746
|
-
const
|
|
747
|
-
|
|
748
|
-
|
|
746
|
+
const p = E(null), y = E(""), h = E(a.modelValue ?? ""), r = E(null), P = E(null), $ = I(() => P.value ? d(
|
|
747
|
+
P.value,
|
|
748
|
+
C(P.value)
|
|
749
749
|
) : "");
|
|
750
|
-
|
|
751
|
-
|
|
750
|
+
ke(() => a.modelValue, (i) => {
|
|
751
|
+
i !== void 0 && (h.value = i, y.value = i);
|
|
752
752
|
});
|
|
753
|
-
function
|
|
754
|
-
|
|
755
|
-
const c =
|
|
753
|
+
function L(i) {
|
|
754
|
+
P.value = null;
|
|
755
|
+
const c = i.target.value;
|
|
756
756
|
if (c.trim() === "") {
|
|
757
|
-
|
|
757
|
+
r.value = null, P.value = null, n("type-change", null), n("update:modelValue", ""), n("validity-change", !1);
|
|
758
758
|
return;
|
|
759
759
|
}
|
|
760
|
-
const A =
|
|
761
|
-
if (
|
|
762
|
-
|
|
760
|
+
const A = u.value.mode === "auto" ? Ft(c, u.value) : u.value.mode;
|
|
761
|
+
if (r.value = A, n("type-change", A), se(c) && Ne(c)) {
|
|
762
|
+
h.value = c, n("update:modelValue", c), P.value = "Допустимы только цифры и знак + в начале", n("validity-change", !1);
|
|
763
763
|
return;
|
|
764
764
|
}
|
|
765
765
|
if (A === "email") {
|
|
766
|
-
const k =
|
|
767
|
-
|
|
766
|
+
const k = Ce(c);
|
|
767
|
+
h.value = c, y.value = c, n("update:modelValue", c), n("validity-change", k);
|
|
768
768
|
return;
|
|
769
769
|
}
|
|
770
770
|
if (A === "phone") {
|
|
771
|
-
const k =
|
|
771
|
+
const k = Ee(
|
|
772
772
|
c,
|
|
773
|
-
|
|
773
|
+
u.value.phone.autoPlus,
|
|
774
774
|
a.locale
|
|
775
775
|
);
|
|
776
|
-
if (
|
|
777
|
-
const
|
|
778
|
-
|
|
776
|
+
if (be(k).length > u.value.phone.maxDigits) {
|
|
777
|
+
const x = Vt(c, u.value.phone.maxDigits);
|
|
778
|
+
h.value = x, n("update:modelValue", x), J(x);
|
|
779
779
|
return;
|
|
780
780
|
}
|
|
781
|
-
if (
|
|
782
|
-
|
|
781
|
+
if (h.value = c, se(c)) {
|
|
782
|
+
De.test(c) && (P.value = "Допустимы только цифры и знак + в начале", n("validity-change", !1));
|
|
783
783
|
return;
|
|
784
784
|
}
|
|
785
|
-
|
|
786
|
-
const
|
|
785
|
+
h.value = k, n("update:modelValue", k), y.value = k;
|
|
786
|
+
const S = Pe(
|
|
787
787
|
k,
|
|
788
|
-
|
|
789
|
-
|
|
788
|
+
u.value.phone.minDigits,
|
|
789
|
+
u.value.phone.maxDigits
|
|
790
790
|
);
|
|
791
|
-
n("validity-change",
|
|
791
|
+
n("validity-change", S);
|
|
792
792
|
}
|
|
793
793
|
}
|
|
794
|
-
function
|
|
795
|
-
if (console.debug("✅[event] onBlur is working"), !!
|
|
796
|
-
if (
|
|
797
|
-
const
|
|
798
|
-
|
|
799
|
-
|
|
794
|
+
function _() {
|
|
795
|
+
if (console.debug("✅[event] onBlur is working"), !!r.value) {
|
|
796
|
+
if (r.value === "phone") {
|
|
797
|
+
const i = Ee(
|
|
798
|
+
h.value,
|
|
799
|
+
u.value.phone.autoPlus,
|
|
800
800
|
a.locale
|
|
801
|
-
),
|
|
802
|
-
if (
|
|
803
|
-
|
|
801
|
+
), w = be(i);
|
|
802
|
+
if (se(h.value)) {
|
|
803
|
+
P.value = "Допустимы только цифры и знак + в начале", n("validity-change", !1);
|
|
804
804
|
return;
|
|
805
805
|
}
|
|
806
|
-
if (
|
|
807
|
-
|
|
806
|
+
if (w.length < Dt) {
|
|
807
|
+
P.value = "Это не похоже на номер телефона", n("validity-change", !1);
|
|
808
808
|
return;
|
|
809
809
|
}
|
|
810
|
-
const c =
|
|
811
|
-
|
|
812
|
-
|
|
813
|
-
|
|
810
|
+
const c = Pe(
|
|
811
|
+
i,
|
|
812
|
+
u.value.phone.minDigits,
|
|
813
|
+
u.value.phone.maxDigits
|
|
814
814
|
);
|
|
815
|
-
|
|
815
|
+
P.value = c ? null : "Это не похоже на номер телефона", n("validity-change", c);
|
|
816
816
|
}
|
|
817
|
-
if (
|
|
818
|
-
const
|
|
819
|
-
|
|
817
|
+
if (r.value === "email") {
|
|
818
|
+
const i = Ce(h.value);
|
|
819
|
+
P.value = i ? null : "Это не похоже на email", n("validity-change", i);
|
|
820
820
|
}
|
|
821
821
|
}
|
|
822
822
|
}
|
|
823
|
-
function
|
|
824
|
-
var
|
|
825
|
-
const
|
|
826
|
-
return
|
|
823
|
+
function q() {
|
|
824
|
+
var w;
|
|
825
|
+
const i = (w = p.value) == null ? void 0 : w.$el;
|
|
826
|
+
return i ? i.querySelector("input") : null;
|
|
827
827
|
}
|
|
828
|
-
function
|
|
829
|
-
const
|
|
830
|
-
if (!
|
|
831
|
-
const c =
|
|
832
|
-
|
|
833
|
-
|
|
828
|
+
function J(i) {
|
|
829
|
+
const w = q();
|
|
830
|
+
if (!w) return;
|
|
831
|
+
const c = w.selectionStart ?? i.length;
|
|
832
|
+
w.value = i, requestAnimationFrame(() => {
|
|
833
|
+
w.setSelectionRange(c, c);
|
|
834
834
|
});
|
|
835
835
|
}
|
|
836
|
-
return (
|
|
836
|
+
return (i, w) => (N(), V("div", St, [
|
|
837
837
|
b(f(j), {
|
|
838
838
|
ref_key: "inputRef",
|
|
839
|
-
ref:
|
|
840
|
-
"model-value":
|
|
841
|
-
readonly:
|
|
842
|
-
error:
|
|
843
|
-
type:
|
|
844
|
-
size:
|
|
845
|
-
label:
|
|
846
|
-
onInput:
|
|
847
|
-
onBlur:
|
|
839
|
+
ref: p,
|
|
840
|
+
"model-value": h.value,
|
|
841
|
+
readonly: i.disabled,
|
|
842
|
+
error: $.value,
|
|
843
|
+
type: i.type ?? "text",
|
|
844
|
+
size: i.size ?? "large",
|
|
845
|
+
label: m.value,
|
|
846
|
+
onInput: L,
|
|
847
|
+
onBlur: _
|
|
848
848
|
}, null, 8, ["model-value", "readonly", "error", "type", "size", "label"]),
|
|
849
|
-
|
|
849
|
+
F.value === "phone" ? (N(), M(f(lt), {
|
|
850
850
|
key: 0,
|
|
851
851
|
class: "smart-input__icon"
|
|
852
|
-
})) :
|
|
853
|
-
|
|
852
|
+
})) : U("", !0),
|
|
853
|
+
F.value === "email" ? (N(), M(f(st), {
|
|
854
854
|
key: 1,
|
|
855
855
|
class: "smart-input__icon"
|
|
856
|
-
})) :
|
|
856
|
+
})) : U("", !0)
|
|
857
857
|
]));
|
|
858
858
|
}
|
|
859
|
-
}), Ot = /* @__PURE__ */
|
|
859
|
+
}), Ot = /* @__PURE__ */ Be(xt, [["__scopeId", "data-v-926abf78"]]);
|
|
860
860
|
export {
|
|
861
861
|
_t as B,
|
|
862
862
|
Lt as C,
|
|
863
|
-
|
|
863
|
+
Be as _,
|
|
864
864
|
Rt as a,
|
|
865
865
|
mt as g,
|
|
866
866
|
Ot as i,
|
|
867
|
-
|
|
868
|
-
|
|
867
|
+
ue as p,
|
|
868
|
+
de as t
|
|
869
869
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".avatar-input[data-v-4e8a6f81] .p-input-file .overlay{visibility:hidden}.avatar-input[data-v-4e8a6f81] .p-input-file:hover .overlay{visibility:visible}.smart-input[data-v-
|
|
2
|
-
import { a as o, i as r } from "./index-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".avatar-input[data-v-4e8a6f81] .p-input-file .overlay{visibility:hidden}.avatar-input[data-v-4e8a6f81] .p-input-file:hover .overlay{visibility:visible}.smart-input[data-v-926abf78]{position:relative;width:100%}.smart-input__icon[data-v-926abf78]{position:absolute;top:16px;right:16px;pointer-events:none;opacity:.5}.icon-locked{pointer-events:auto;position:absolute;right:1rem;top:1rem;color:#b6c7d6}.input-wrapper{position:relative;width:100%}.dialogTitle{z-index:10;width:100%;font-size:16px;font-weight:600;line-height:24px;text-align:center;color:#2b3238}.dialogDefaultContainer{display:flex;align-items:flex-start;flex-direction:column;width:100%;gap:32px;margin-top:16px;padding:10px 16px}.dialogDefaultContainerTextHint{font-weight:400;font-size:14px;line-height:20px;text-align:center;color:#1b1b1b}.dialogDefaultContainerRateLimitText{font-weight:600;font-size:14px;line-height:20px;color:#d0dbe4}.dialogDefaultContainerInsideContent{width:100%;display:flex;flex-direction:column;gap:24px}.dialogDefaultContainerRateLimitTextActive{color:#1c7ef1;cursor:pointer}.dialogDefaultContainerSendCodeBySmsText{color:#1c7ef1;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;text-align:center}.chip{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:4px;height:24px;font-size:12px;font-weight:600;color:#1b1b1b;padding:4px;line-height:16px;background-color:#b6d7ff4d;border-radius:4px;text-align:center;margin-left:5px}.cross{cursor:pointer;text-align:end}.finalLimitWrapper{display:flex;flex-direction:column;align-items:center;padding:12px 0;gap:12px;width:100%;min-height:94px;background:#e4606026;border-radius:8px}.finalLimitText{text-align:center;max-width:100%;word-wrap:break-word;font-family:Inter,sans-serif;font-size:14px;line-height:20px;color:#5d7285}.finalLimitLink{font-family:Inter,sans-serif;font-weight:600;font-size:14px;line-height:20px;color:#1c7ef1;text-align:center;cursor:pointer;text-decoration:none}.finalLimitLink:hover{text-decoration:underline}.toastWrapper{position:fixed;bottom:1rem;right:1rem;z-index:9999}.toast{width:100%}.base-container{margin-top:1.5rem;display:flex;flex-direction:column;gap:1.25rem;width:490px;height:428px}.icon-disabled{pointer-events:none;position:absolute;right:1rem;top:1rem;color:#b6c7d6}.centered-overlay{position:absolute;left:50%;top:50%;z-index:1000;height:100%;width:100%;transform:translate(-50%,-50%)}.buttons-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start}.buttons-container PButton{flex:1 1 100%}._loaderOverlay_cpu73_1[data-v-9e697525]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background:#ffffffb3;border-radius:16px;z-index:99}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
import { a as o, i as r } from "./index-N4L6p5wy.js";
|
|
3
3
|
export {
|
|
4
4
|
o as PEditUserContact,
|
|
5
5
|
r as PEmailOrPhoneInput
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ref as n, defineComponent as L, createElementBlock as p, openBlock as v, normalizeClass as c, createVNode as w, unref as _, computed as T, renderSlot as d, createCommentVNode as h, createElementVNode as i, toDisplayString as y, createTextVNode as f } from "vue";
|
|
2
2
|
import { PLoader as $ } from "@profeat/ui-kit";
|
|
3
|
-
import { _ as b, g as C, p as R } from "./index-
|
|
3
|
+
import { _ as b, g as C, p as R } from "./index-N4L6p5wy.js";
|
|
4
4
|
function g(s) {
|
|
5
5
|
const e = Math.floor(s / 60), a = s % 60;
|
|
6
6
|
return `${String(e).padStart(2, "0")}:${String(a).padStart(2, "0")}`;
|