@yourgoods/ui-smart 0.53.12 → 0.53.13
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-DnsxREN6.js → ProfileEmailDialog-BEm_1AG5.js} +2 -2
- package/dist/{ProfilePasswordDialog-Db-qoFp1.js → ProfilePasswordDialog-Cv4U-OoG.js} +1 -1
- package/dist/{ProfilePhoneDialog-BEeFw5xB.js → ProfilePhoneDialog-o5U8NiE2.js} +2 -2
- package/dist/components/PEmailOrPhoneInput/utils/phone.d.ts +1 -0
- package/dist/{index-BUZIaUqq.js → index-BAbLTZ1M.js} +95 -92
- package/dist/index.js +2 -2
- package/dist/{useRateLimitToast-CnbvkrCW.js → useRateLimitToast-C3NYj8B6.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-C3NYj8B6.js";
|
|
3
|
+
import { C as F, _ as He, B as qe, p as W, g as je } from "./index-BAbLTZ1M.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-BAbLTZ1M.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-C3NYj8B6.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-BAbLTZ1M.js";
|
|
5
5
|
const _e = {
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
7
|
width: "12",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export declare const MIN_VISIBLE_DIGITS = 7;
|
|
1
2
|
export declare function normalizePhoneInput(raw: string, autoPlus: boolean, locale?: string): string;
|
|
2
3
|
export declare function extractDigits(value: string): string;
|
|
3
4
|
export declare function limitPhoneLength(value: string, maxDigits: number): string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ref as y, shallowRef as
|
|
1
|
+
import { ref as y, shallowRef as _e, defineComponent as Y, defineAsyncComponent as K, watch as fe, createBlock as M, createCommentVNode as U, unref as p, openBlock as b, resolveDynamicComponent as Re, mergeProps as Oe, computed as V, reactive as Z, onMounted as Ge, createElementBlock as B, Fragment as ge, createVNode as w, createElementVNode as H, withCtx as z, toDisplayString as L, createTextVNode as Q, Teleport as ce, Transition as qe, withDirectives as je, vShow as Je } from "vue";
|
|
2
2
|
import We from "axios";
|
|
3
|
-
import { PInputFileUploader as Ye, PInput as
|
|
3
|
+
import { PInputFileUploader as Ye, PInput as _, IconFilledEditMd as J, PButton as pe, PImageCropper as Xe, PToast as Ke, PTeleportContainer as ve, PToastContainer as Ze, IconPhoneMd as He, IconMailMd as Qe } from "@profeat/ui-kit";
|
|
4
4
|
function et(l, s = 2) {
|
|
5
5
|
if (l === 0)
|
|
6
6
|
return "0 B";
|
|
@@ -21,7 +21,7 @@ function at(l) {
|
|
|
21
21
|
return tt[s] || ((a = s.split("/")[1]) == null ? void 0 : a.toUpperCase());
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
const
|
|
24
|
+
const Mt = {
|
|
25
25
|
OLD: "old",
|
|
26
26
|
NEW: "new",
|
|
27
27
|
COMPLETED: "completed"
|
|
@@ -61,7 +61,7 @@ async function lt(l) {
|
|
|
61
61
|
throw new Error("Ошибка при получении профиля пользователя");
|
|
62
62
|
return s.data;
|
|
63
63
|
}
|
|
64
|
-
const W = y(null), ee =
|
|
64
|
+
const W = y(null), ee = _e(null);
|
|
65
65
|
function ne() {
|
|
66
66
|
return {
|
|
67
67
|
currentDialog: W,
|
|
@@ -217,10 +217,10 @@ const st = {
|
|
|
217
217
|
},
|
|
218
218
|
emits: ["clean-input-errors", "on-update-jwt", "update-phone-field", "update-email-field", "on-password-error", "on-toast"],
|
|
219
219
|
setup(l, { emit: s }) {
|
|
220
|
-
const a = s, r = y(!0), { currentDialog: m, dialogPayload: g, closeDialog:
|
|
221
|
-
email: K(() => import("./ProfileEmailDialog-
|
|
222
|
-
phone: K(() => import("./ProfilePhoneDialog-
|
|
223
|
-
password: K(() => import("./ProfilePasswordDialog-
|
|
220
|
+
const a = s, r = y(!0), { currentDialog: m, dialogPayload: g, closeDialog: T } = ne(), u = {
|
|
221
|
+
email: K(() => import("./ProfileEmailDialog-BEm_1AG5.js")),
|
|
222
|
+
phone: K(() => import("./ProfilePhoneDialog-o5U8NiE2.js")),
|
|
223
|
+
password: K(() => import("./ProfilePasswordDialog-Cv4U-OoG.js"))
|
|
224
224
|
}, d = ({ email: E }) => {
|
|
225
225
|
a("update-email-field", E);
|
|
226
226
|
}, c = ({ phone: E }) => {
|
|
@@ -228,7 +228,7 @@ const st = {
|
|
|
228
228
|
};
|
|
229
229
|
return fe(m, (E) => {
|
|
230
230
|
r.value = !!E;
|
|
231
|
-
}), (E, f) => p(m) ? (b(),
|
|
231
|
+
}), (E, f) => p(m) ? (b(), M(Re(u[p(m)]), Oe({
|
|
232
232
|
key: 0,
|
|
233
233
|
modelValue: r.value,
|
|
234
234
|
"onUpdate:modelValue": f[0] || (f[0] = (v) => r.value = v),
|
|
@@ -236,7 +236,7 @@ const st = {
|
|
|
236
236
|
provider: E.provider,
|
|
237
237
|
"disable-add-phone": E.disableAddPhone
|
|
238
238
|
}, p(g), {
|
|
239
|
-
onClose: p(
|
|
239
|
+
onClose: p(T),
|
|
240
240
|
onCleanInputErrors: f[1] || (f[1] = (v) => a("clean-input-errors")),
|
|
241
241
|
onOnUpdateJwt: f[2] || (f[2] = (v, i, o) => a("on-update-jwt", v, i, o)),
|
|
242
242
|
onSubmitEmail: d,
|
|
@@ -278,7 +278,7 @@ const st = {
|
|
|
278
278
|
},
|
|
279
279
|
emits: ["open-email-dialog", "open-phone-dialog", "open-password-dialog", "on-update-jwt", "on-password-error", "update-tokens"],
|
|
280
280
|
setup(l, { emit: s }) {
|
|
281
|
-
const a = l, r = s, m = V(() => a.language ?? "ru"), g = (e) => st[m.value][e] || e, { openDialog:
|
|
281
|
+
const a = l, r = s, m = V(() => a.language ?? "ru"), g = (e) => st[m.value][e] || e, { openDialog: T } = ne(), u = Z({ firstName: "", lastName: "" }), d = y({ firstName: "", lastName: "" }), c = Z({ firstName: !1, lastName: !1, email: !1, phone: !1 }), E = y(""), f = y(""), v = y(""), i = y(!1), o = Z({
|
|
282
282
|
value: null,
|
|
283
283
|
loading: !1,
|
|
284
284
|
accept: ["image/png", "image/jpeg"],
|
|
@@ -286,27 +286,27 @@ const st = {
|
|
|
286
286
|
// 10 MB
|
|
287
287
|
imageBinary: null,
|
|
288
288
|
imageContent: ""
|
|
289
|
-
}), h = y(""), C = y(!1),
|
|
289
|
+
}), h = y(""), C = y(!1), D = y(!0), A = y(!0), F = y(void 0), P = y(""), S = V(() => le(u.firstName, c.firstName)), $ = V(() => le(u.lastName, c.lastName)), R = V(() => c.email && !f.value.trim() ? "Введите e-mail" : ""), ye = V(() => c.phone && !v.value.trim() ? "Введите номер телефона" : ""), x = (e) => a.fields.some((t) => t.key === e), re = (e) => e && e.trim() ? "edit" : "bind", X = () => setTimeout(() => {
|
|
290
290
|
var e;
|
|
291
291
|
return (e = document.activeElement) == null ? void 0 : e.blur();
|
|
292
292
|
}, 0), we = V(() => !!(f.value && f.value.trim() !== "")), be = V(() => o.imageContent ? g("Загрузить другое фото") : g("Загрузить фото")), le = (e, t) => {
|
|
293
293
|
if (!t) return "";
|
|
294
294
|
const n = e.trim();
|
|
295
295
|
return n ? n.length < 2 ? "Поле должно содержать минимум 2 символа" : "" : "Введите значение";
|
|
296
|
-
}, Ee = (e) =>
|
|
296
|
+
}, Ee = (e) => T("email", { mode: e ? "edit" : "bind", initialEmail: e }), Pe = () => {
|
|
297
297
|
X(), c.email = !1, A.value = !1, r("open-email-dialog", f.value, re(f.value)), Ee(f.value);
|
|
298
298
|
}, Ne = () => {
|
|
299
|
-
X(), c.phone = !1,
|
|
299
|
+
X(), c.phone = !1, D.value = !1, r("open-phone-dialog", v.value, re(v.value));
|
|
300
300
|
}, Ce = async (e, t, n) => {
|
|
301
301
|
e === "email" && n && (f.value = n), e === "phone" && n && (v.value = n), r("on-update-jwt");
|
|
302
302
|
}, ke = (e) => {
|
|
303
303
|
v.value = e;
|
|
304
304
|
}, Te = (e) => {
|
|
305
305
|
f.value = e;
|
|
306
|
-
},
|
|
306
|
+
}, Ie = (e, t) => {
|
|
307
307
|
C.value = !0, r("on-password-error", e, t);
|
|
308
|
-
},
|
|
309
|
-
|
|
308
|
+
}, Ue = () => {
|
|
309
|
+
D.value = !1, A.value = !1;
|
|
310
310
|
}, O = (e) => {
|
|
311
311
|
C.value = !0, F.value = e.color ?? "", P.value = e.text ?? "";
|
|
312
312
|
}, G = (e) => {
|
|
@@ -314,21 +314,21 @@ const st = {
|
|
|
314
314
|
const t = u[e];
|
|
315
315
|
t.length > 40 && (u[e] = t.slice(0, 40));
|
|
316
316
|
}
|
|
317
|
-
},
|
|
317
|
+
}, Be = (e) => {
|
|
318
318
|
var q, j;
|
|
319
319
|
if (h.value = "", !e) {
|
|
320
320
|
se();
|
|
321
321
|
return;
|
|
322
322
|
}
|
|
323
|
-
const t = ((q = e.fileBinary) == null ? void 0 : q.type) ?? "", n = ((j = e.fileBinary) == null ? void 0 : j.size) ?? 0,
|
|
324
|
-
if (
|
|
323
|
+
const t = ((q = e.fileBinary) == null ? void 0 : q.type) ?? "", n = ((j = e.fileBinary) == null ? void 0 : j.size) ?? 0, I = !["image/png", "image/jpeg"].includes(t), k = n > o.uploadLimit;
|
|
324
|
+
if (I || k) {
|
|
325
325
|
h.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", se();
|
|
326
326
|
return;
|
|
327
327
|
}
|
|
328
328
|
o.value = e, o.imageBinary = e.fileBinary ?? null, o.imageContent = e.fileContent ?? "", i.value = !0;
|
|
329
329
|
}, se = () => {
|
|
330
330
|
o.value = null, o.imageBinary = null, o.imageContent = "", i.value = !1;
|
|
331
|
-
},
|
|
331
|
+
}, De = async () => {
|
|
332
332
|
try {
|
|
333
333
|
const t = (await rt("/users/profile/delete/avatar")).data;
|
|
334
334
|
return (t == null ? void 0 : t.success) === !0;
|
|
@@ -339,8 +339,8 @@ const st = {
|
|
|
339
339
|
h.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", o.value = null, o.imageBinary = null, o.imageContent = "", i.value = !1;
|
|
340
340
|
}, ie = async (e, t, n = "image/png") => {
|
|
341
341
|
if (!e) return null;
|
|
342
|
-
const
|
|
343
|
-
return new File([
|
|
342
|
+
const I = await (await fetch(e)).blob();
|
|
343
|
+
return new File([I], t, { type: n });
|
|
344
344
|
}, Ve = () => {
|
|
345
345
|
o.value = null, o.imageBinary = null, o.imageContent = "", i.value = !1;
|
|
346
346
|
}, Fe = async (e) => {
|
|
@@ -385,8 +385,8 @@ const st = {
|
|
|
385
385
|
firstName: u.firstName,
|
|
386
386
|
lastName: u.lastName
|
|
387
387
|
});
|
|
388
|
-
} catch (
|
|
389
|
-
throw
|
|
388
|
+
} catch (I) {
|
|
389
|
+
throw I;
|
|
390
390
|
} finally {
|
|
391
391
|
ue.value = !1;
|
|
392
392
|
}
|
|
@@ -404,28 +404,28 @@ const st = {
|
|
|
404
404
|
throw console.error("Данные пользователя отсутствуют в ответе сервера"), new Error("User data is missing from the response");
|
|
405
405
|
const {
|
|
406
406
|
userId: N,
|
|
407
|
-
privateFirstName:
|
|
407
|
+
privateFirstName: I,
|
|
408
408
|
privateLastName: k,
|
|
409
409
|
email: q,
|
|
410
410
|
phoneNumber: j
|
|
411
411
|
} = n;
|
|
412
|
-
E.value = N ?? "", u.firstName =
|
|
413
|
-
firstName:
|
|
412
|
+
E.value = N ?? "", u.firstName = I ?? "", u.lastName = k ?? "", f.value = q ?? "", v.value = j ?? "", o.imageContent = await Me(), d.value = {
|
|
413
|
+
firstName: I ?? "",
|
|
414
414
|
lastName: k ?? ""
|
|
415
415
|
};
|
|
416
416
|
} catch (t) {
|
|
417
417
|
console.error("Критическая ошибка при загрузке профиля:", t);
|
|
418
418
|
}
|
|
419
|
-
},
|
|
419
|
+
}, Me = async () => {
|
|
420
420
|
var e;
|
|
421
421
|
try {
|
|
422
422
|
const n = (e = (await nt("/users/profile/avatar")).data) == null ? void 0 : e.data;
|
|
423
|
-
return n ?
|
|
423
|
+
return n ? xe(n) : "";
|
|
424
424
|
} catch (t) {
|
|
425
425
|
return console.error("Ошибка при загрузке метаданных аватара:", t), "";
|
|
426
426
|
}
|
|
427
427
|
};
|
|
428
|
-
function
|
|
428
|
+
function xe(e) {
|
|
429
429
|
if (!e)
|
|
430
430
|
return "";
|
|
431
431
|
try {
|
|
@@ -437,8 +437,8 @@ const st = {
|
|
|
437
437
|
const me = V(() => {
|
|
438
438
|
if (!d.value.firstName && !d.value.lastName)
|
|
439
439
|
return !1;
|
|
440
|
-
const e = u.firstName.trim(), t = u.lastName.trim(), n = d.value.firstName.trim(), N = d.value.lastName.trim(),
|
|
441
|
-
return
|
|
440
|
+
const e = u.firstName.trim(), t = u.lastName.trim(), n = d.value.firstName.trim(), N = d.value.lastName.trim(), I = e !== n || t !== N, k = e.length >= 2 && t.length >= 2;
|
|
441
|
+
return I && k;
|
|
442
442
|
}), ze = async () => {
|
|
443
443
|
if (me.value)
|
|
444
444
|
try {
|
|
@@ -456,25 +456,25 @@ const st = {
|
|
|
456
456
|
if (!a.accessToken) throw new Error("Access token не передан в props");
|
|
457
457
|
if (!a.requestUrl) throw new Error("auth-backend url не передан в props");
|
|
458
458
|
ot(a.accessToken, a.requestUrl, a.throttlerPrefix), await $e();
|
|
459
|
-
}), (e, t) => (b(),
|
|
459
|
+
}), (e, t) => (b(), B(ge, null, [
|
|
460
460
|
w(it, {
|
|
461
461
|
language: m.value,
|
|
462
462
|
provider: e.provider,
|
|
463
463
|
"disable-add-phone": e.disableAddPhone,
|
|
464
|
-
onCleanInputErrors:
|
|
464
|
+
onCleanInputErrors: Ue,
|
|
465
465
|
onOnUpdateJwt: Ce,
|
|
466
466
|
onUpdatePhoneField: ke,
|
|
467
467
|
onUpdateEmailField: Te,
|
|
468
|
-
onOnPasswordError:
|
|
468
|
+
onOnPasswordError: Ie,
|
|
469
469
|
onOnToast: O
|
|
470
470
|
}, null, 8, ["language", "provider", "disable-add-phone"]),
|
|
471
471
|
H("div", ut, [
|
|
472
|
-
|
|
472
|
+
x("avatar") ? (b(), M(p(Ye), {
|
|
473
473
|
key: 0,
|
|
474
474
|
modelValue: o.value,
|
|
475
475
|
"onUpdate:modelValue": [
|
|
476
476
|
t[0] || (t[0] = (n) => o.value = n),
|
|
477
|
-
t[1] || (t[1] = (n) =>
|
|
477
|
+
t[1] || (t[1] = (n) => Be(n))
|
|
478
478
|
],
|
|
479
479
|
type: "img",
|
|
480
480
|
class: "avatar-input",
|
|
@@ -483,43 +483,43 @@ const st = {
|
|
|
483
483
|
label: g("Загрузить фото"),
|
|
484
484
|
"upload-limit": o.uploadLimit,
|
|
485
485
|
accept: "image/jpeg, image/png",
|
|
486
|
-
onDelete:
|
|
486
|
+
onDelete: De,
|
|
487
487
|
"onChange:error": Ae
|
|
488
488
|
}, {
|
|
489
489
|
afterLoadLabel: z(() => [
|
|
490
490
|
Q(L(be.value), 1)
|
|
491
491
|
]),
|
|
492
492
|
subtext: z(() => [
|
|
493
|
-
h.value ? (b(),
|
|
493
|
+
h.value ? (b(), B("span", dt, L(h.value), 1)) : (b(), B("span", mt, L(`${g("Формат")} ${p(at)(o.accept).join(", ")} ${g("до")} ${p(et)(o.uploadLimit)}`), 1))
|
|
494
494
|
]),
|
|
495
495
|
_: 1
|
|
496
496
|
}, 8, ["modelValue", "src", "loading", "label", "upload-limit"])) : U("", !0),
|
|
497
|
-
|
|
498
|
-
w(p(
|
|
497
|
+
x("firstName") ? (b(), B("div", ct, [
|
|
498
|
+
w(p(_), {
|
|
499
499
|
modelValue: u.firstName,
|
|
500
500
|
"onUpdate:modelValue": t[2] || (t[2] = (n) => u.firstName = n),
|
|
501
501
|
size: "large",
|
|
502
502
|
label: g("Имя"),
|
|
503
|
-
error:
|
|
503
|
+
error: S.value,
|
|
504
504
|
onBlur: t[3] || (t[3] = (n) => c.firstName = !0),
|
|
505
505
|
onInput: t[4] || (t[4] = (n) => G("firstName"))
|
|
506
506
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
507
507
|
w(p(J), { class: "icon-locked" })
|
|
508
508
|
])) : U("", !0),
|
|
509
|
-
|
|
510
|
-
w(p(
|
|
509
|
+
x("lastName") ? (b(), B("div", pt, [
|
|
510
|
+
w(p(_), {
|
|
511
511
|
modelValue: u.lastName,
|
|
512
512
|
"onUpdate:modelValue": t[5] || (t[5] = (n) => u.lastName = n),
|
|
513
513
|
size: "large",
|
|
514
514
|
label: g("Фамилия"),
|
|
515
|
-
error:
|
|
515
|
+
error: $.value,
|
|
516
516
|
onBlur: t[6] || (t[6] = (n) => c.lastName = !0),
|
|
517
517
|
onInput: t[7] || (t[7] = (n) => G("lastName"))
|
|
518
518
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
519
519
|
w(p(J), { class: "icon-locked" })
|
|
520
520
|
])) : U("", !0),
|
|
521
|
-
|
|
522
|
-
w(p(
|
|
521
|
+
x("email") ? (b(), B("div", ft, [
|
|
522
|
+
w(p(_), {
|
|
523
523
|
modelValue: f.value,
|
|
524
524
|
"onUpdate:modelValue": t[8] || (t[8] = (n) => f.value = n),
|
|
525
525
|
size: "large",
|
|
@@ -528,15 +528,15 @@ const st = {
|
|
|
528
528
|
type: "email",
|
|
529
529
|
readonly: "",
|
|
530
530
|
style: { cursor: "pointer" },
|
|
531
|
-
error:
|
|
531
|
+
error: R.value && A.value,
|
|
532
532
|
onBlur: t[9] || (t[9] = (n) => c.email = !0),
|
|
533
533
|
onInput: t[10] || (t[10] = (n) => G("email")),
|
|
534
534
|
onClick: Pe
|
|
535
535
|
}, null, 8, ["modelValue", "error"]),
|
|
536
536
|
w(p(J), { class: "icon-locked" })
|
|
537
537
|
])) : U("", !0),
|
|
538
|
-
|
|
539
|
-
w(p(
|
|
538
|
+
x("phone") ? (b(), B("div", gt, [
|
|
539
|
+
w(p(_), {
|
|
540
540
|
modelValue: v.value,
|
|
541
541
|
"onUpdate:modelValue": t[11] || (t[11] = (n) => v.value = n),
|
|
542
542
|
size: "large",
|
|
@@ -545,7 +545,7 @@ const st = {
|
|
|
545
545
|
type: "tel",
|
|
546
546
|
readonly: "",
|
|
547
547
|
style: { cursor: "pointer" },
|
|
548
|
-
error: ye.value &&
|
|
548
|
+
error: ye.value && D.value,
|
|
549
549
|
onBlur: t[12] || (t[12] = (n) => c.phone = !0),
|
|
550
550
|
onInput: t[13] || (t[13] = (n) => G("phone")),
|
|
551
551
|
onClick: Ne
|
|
@@ -553,7 +553,7 @@ const st = {
|
|
|
553
553
|
w(p(J), { class: "icon-locked" })
|
|
554
554
|
])) : U("", !0),
|
|
555
555
|
H("div", vt, [
|
|
556
|
-
we.value ? (b(),
|
|
556
|
+
we.value ? (b(), M(p(pe), {
|
|
557
557
|
key: 0,
|
|
558
558
|
color: "secondary",
|
|
559
559
|
onClick: Le
|
|
@@ -574,11 +574,11 @@ const st = {
|
|
|
574
574
|
}, 8, ["disabled"])
|
|
575
575
|
])
|
|
576
576
|
]),
|
|
577
|
-
i.value ? (b(),
|
|
577
|
+
i.value ? (b(), M(ce, {
|
|
578
578
|
key: 0,
|
|
579
579
|
to: "body"
|
|
580
580
|
}, [
|
|
581
|
-
i.value ? (b(),
|
|
581
|
+
i.value ? (b(), B("div", ht, [
|
|
582
582
|
w(p(Xe), {
|
|
583
583
|
"circle-mode": !0,
|
|
584
584
|
"model-value": o.imageContent,
|
|
@@ -588,7 +588,7 @@ const st = {
|
|
|
588
588
|
}, null, 8, ["model-value"])
|
|
589
589
|
])) : U("", !0)
|
|
590
590
|
])) : U("", !0),
|
|
591
|
-
(b(),
|
|
591
|
+
(b(), M(ce, { to: "#toast-root" }, [
|
|
592
592
|
H("div", yt, [
|
|
593
593
|
w(qe, { name: "list" }, {
|
|
594
594
|
default: z(() => [
|
|
@@ -613,7 +613,7 @@ const st = {
|
|
|
613
613
|
for (const [r, m] of s)
|
|
614
614
|
a[r] = m;
|
|
615
615
|
return a;
|
|
616
|
-
}, bt = /* @__PURE__ */ he(wt, [["__scopeId", "data-v-a56fcdbb"]]),
|
|
616
|
+
}, bt = /* @__PURE__ */ he(wt, [["__scopeId", "data-v-a56fcdbb"]]), zt = /* @__PURE__ */ Y({
|
|
617
617
|
__name: "index",
|
|
618
618
|
props: {
|
|
619
619
|
throttlerPrefix: {},
|
|
@@ -632,12 +632,12 @@ const st = {
|
|
|
632
632
|
r("email", { initialEmail: d, mode: c });
|
|
633
633
|
}, g = (d, c) => {
|
|
634
634
|
r("phone", { initialPhone: d, mode: c });
|
|
635
|
-
},
|
|
635
|
+
}, T = () => {
|
|
636
636
|
r("password");
|
|
637
637
|
}, u = (d, c, E) => {
|
|
638
638
|
a("on-update-jwt", d, c, E);
|
|
639
639
|
};
|
|
640
|
-
return (d, c) => (b(),
|
|
640
|
+
return (d, c) => (b(), B(ge, null, [
|
|
641
641
|
w(p(Ze)),
|
|
642
642
|
w(bt, {
|
|
643
643
|
"throttler-prefix": d.throttlerPrefix,
|
|
@@ -651,27 +651,27 @@ const st = {
|
|
|
651
651
|
"disable-add-phone": d.disableAddPhone,
|
|
652
652
|
onOpenEmailDialog: m,
|
|
653
653
|
onOpenPhoneDialog: g,
|
|
654
|
-
onOpenPasswordDialog:
|
|
654
|
+
onOpenPasswordDialog: T,
|
|
655
655
|
onOnUpdateJwt: u
|
|
656
656
|
}, null, 8, ["throttler-prefix", "provider", "request-url", "language", "fields", "access-token", "refresh-token", "aws-storage-url", "disable-add-phone"]),
|
|
657
657
|
w(p(ve))
|
|
658
658
|
], 64));
|
|
659
659
|
}
|
|
660
|
-
}), Et = 10, Pt = 15;
|
|
661
|
-
function
|
|
660
|
+
}), Et = 10, Pt = 7, Nt = 15;
|
|
661
|
+
function Ct(l, s, a) {
|
|
662
662
|
let r = l.replace(/[^\d+]/g, "");
|
|
663
663
|
return a != null && a.startsWith("ru") && r.startsWith("8") ? r = `+7${r.slice(1)}` : s && r && !r.startsWith("+") && (r = `+${r}`), r;
|
|
664
664
|
}
|
|
665
|
-
function
|
|
665
|
+
function kt(l) {
|
|
666
666
|
return l.startsWith("+") ? l.slice(1).replace(/\D/g, "") : l.replace(/\D/g, "");
|
|
667
667
|
}
|
|
668
|
-
function
|
|
668
|
+
function Tt(l, s = Et, a = Nt) {
|
|
669
669
|
if (!l.startsWith("+"))
|
|
670
670
|
return !1;
|
|
671
671
|
const r = l.slice(1);
|
|
672
672
|
return !(!/^\d+$/.test(r) || r.length < s || r.length > a);
|
|
673
673
|
}
|
|
674
|
-
function
|
|
674
|
+
function It(l) {
|
|
675
675
|
return /[^\d+]/.test(l);
|
|
676
676
|
}
|
|
677
677
|
const Ut = /^[\w.%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i;
|
|
@@ -683,7 +683,7 @@ function Dt(l, s) {
|
|
|
683
683
|
const a = l.trim();
|
|
684
684
|
return (r = s.phone) != null && r.enabled && (a.startsWith("+") || /^\d+$/.test(a)) ? "phone" : (m = s.email) != null && m.enabled ? "email" : null;
|
|
685
685
|
}
|
|
686
|
-
const
|
|
686
|
+
const At = { class: "smart-input" }, Vt = /* @__PURE__ */ Y({
|
|
687
687
|
__name: "index",
|
|
688
688
|
props: {
|
|
689
689
|
modelValue: {},
|
|
@@ -698,52 +698,55 @@ const It = { class: "smart-input" }, At = /* @__PURE__ */ Y({
|
|
|
698
698
|
emits: ["update:modelValue", "validity-change", "type-change"],
|
|
699
699
|
setup(l, { emit: s }) {
|
|
700
700
|
const a = l, r = s, m = V(() => {
|
|
701
|
-
var i, o, h, C,
|
|
701
|
+
var i, o, h, C, D, A, F, P, S, $, R;
|
|
702
702
|
return {
|
|
703
703
|
mode: ((i = a.config) == null ? void 0 : i.mode) ?? "auto",
|
|
704
704
|
phone: {
|
|
705
705
|
enabled: ((h = (o = a.config) == null ? void 0 : o.phone) == null ? void 0 : h.enabled) ?? !0,
|
|
706
|
-
minDigits: ((
|
|
706
|
+
minDigits: ((D = (C = a.config) == null ? void 0 : C.phone) == null ? void 0 : D.minDigits) ?? 10,
|
|
707
707
|
maxDigits: ((F = (A = a.config) == null ? void 0 : A.phone) == null ? void 0 : F.maxDigits) ?? 15,
|
|
708
|
-
autoPlus: ((
|
|
708
|
+
autoPlus: ((S = (P = a.config) == null ? void 0 : P.phone) == null ? void 0 : S.autoPlus) ?? !0
|
|
709
709
|
},
|
|
710
710
|
email: {
|
|
711
|
-
enabled: ((
|
|
711
|
+
enabled: ((R = ($ = a.config) == null ? void 0 : $.email) == null ? void 0 : R.enabled) ?? !0
|
|
712
712
|
}
|
|
713
713
|
};
|
|
714
|
-
}), g = y(null),
|
|
714
|
+
}), g = y(null), T = y(""), u = y(a.modelValue ?? ""), d = y(null), c = y("");
|
|
715
715
|
fe(() => a.modelValue, (i) => {
|
|
716
|
-
i !== void 0 && (u.value = i,
|
|
716
|
+
i !== void 0 && (u.value = i, T.value = i);
|
|
717
717
|
});
|
|
718
718
|
function E(i) {
|
|
719
|
-
var
|
|
719
|
+
var D, A, F;
|
|
720
720
|
const h = i.target.value, C = m.value.mode === "auto" ? Dt(h, m.value) : m.value.mode;
|
|
721
721
|
if (d.value = C, r("type-change", C), C === "email") {
|
|
722
722
|
const P = Bt(h);
|
|
723
|
-
c.value = P ? "" : ((
|
|
723
|
+
c.value = h.length === 0 || P ? "" : ((D = a.errorMessages) == null ? void 0 : D.invalidEmail) ?? "Это не похоже на email", u.value = h, T.value = h, r("update:modelValue", h), r("validity-change", P);
|
|
724
724
|
return;
|
|
725
725
|
}
|
|
726
726
|
if (C === "phone") {
|
|
727
|
-
if (
|
|
728
|
-
c.value = ((A = a.errorMessages) == null ? void 0 : A.invalidPhoneChars) ?? "Допустимы только цифры и знак +", r("validity-change", !1);
|
|
727
|
+
if (It(h)) {
|
|
728
|
+
c.value = ((A = a.errorMessages) == null ? void 0 : A.invalidPhoneChars) ?? "Допустимы только цифры и знак +", v(T.value), r("validity-change", !1);
|
|
729
729
|
return;
|
|
730
730
|
}
|
|
731
|
-
const P =
|
|
731
|
+
const P = Ct(
|
|
732
732
|
h,
|
|
733
733
|
m.value.phone.autoPlus,
|
|
734
734
|
a.locale
|
|
735
|
-
);
|
|
736
|
-
if (
|
|
737
|
-
v(
|
|
735
|
+
), S = kt(P);
|
|
736
|
+
if (S.length > m.value.phone.maxDigits) {
|
|
737
|
+
v(T.value);
|
|
738
738
|
return;
|
|
739
739
|
}
|
|
740
|
-
|
|
740
|
+
if (u.value = P, T.value = P, r("update:modelValue", P), S.length < Pt) {
|
|
741
|
+
c.value = "", r("validity-change", !1);
|
|
742
|
+
return;
|
|
743
|
+
}
|
|
744
|
+
const $ = Tt(
|
|
741
745
|
P,
|
|
742
746
|
m.value.phone.minDigits,
|
|
743
747
|
m.value.phone.maxDigits
|
|
744
748
|
);
|
|
745
|
-
c.value =
|
|
746
|
-
return;
|
|
749
|
+
c.value = $ ? "" : ((F = a.errorMessages) == null ? void 0 : F.invalidPhoneLength) ?? "Это не похоже на номер телефона", r("validity-change", $);
|
|
747
750
|
}
|
|
748
751
|
}
|
|
749
752
|
function f() {
|
|
@@ -756,11 +759,11 @@ const It = { class: "smart-input" }, At = /* @__PURE__ */ Y({
|
|
|
756
759
|
if (!o) return;
|
|
757
760
|
const h = o.selectionStart ?? i.length;
|
|
758
761
|
o.value = i, requestAnimationFrame(() => {
|
|
759
|
-
o.setSelectionRange(h
|
|
762
|
+
o.setSelectionRange(h, h);
|
|
760
763
|
});
|
|
761
764
|
}
|
|
762
|
-
return (i, o) => (b(),
|
|
763
|
-
w(p(
|
|
765
|
+
return (i, o) => (b(), B("div", At, [
|
|
766
|
+
w(p(_), {
|
|
764
767
|
ref_key: "inputRef",
|
|
765
768
|
ref: g,
|
|
766
769
|
"model-value": u.value,
|
|
@@ -771,24 +774,24 @@ const It = { class: "smart-input" }, At = /* @__PURE__ */ Y({
|
|
|
771
774
|
label: i.label ?? "Email или телефон",
|
|
772
775
|
onInput: E
|
|
773
776
|
}, null, 8, ["model-value", "readonly", "error", "type", "size", "label"]),
|
|
774
|
-
d.value === "phone" ? (b(),
|
|
777
|
+
d.value === "phone" ? (b(), M(p(He), {
|
|
775
778
|
key: 0,
|
|
776
779
|
class: "smart-input__icon"
|
|
777
780
|
})) : U("", !0),
|
|
778
|
-
d.value === "email" ? (b(),
|
|
781
|
+
d.value === "email" ? (b(), M(p(Qe), {
|
|
779
782
|
key: 1,
|
|
780
783
|
class: "smart-input__icon"
|
|
781
784
|
})) : U("", !0)
|
|
782
785
|
]));
|
|
783
786
|
}
|
|
784
|
-
}),
|
|
787
|
+
}), Lt = /* @__PURE__ */ he(Vt, [["__scopeId", "data-v-a6b648a7"]]);
|
|
785
788
|
export {
|
|
786
789
|
xt as B,
|
|
787
|
-
|
|
790
|
+
Mt as C,
|
|
788
791
|
he as _,
|
|
789
|
-
|
|
792
|
+
zt as a,
|
|
790
793
|
nt as g,
|
|
791
|
-
|
|
794
|
+
Lt as i,
|
|
792
795
|
ae as p,
|
|
793
796
|
st as t
|
|
794
797
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var
|
|
2
|
-
import { a as o, i as r } from "./index-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".avatar-input[data-v-a56fcdbb] .p-input-file .overlay{visibility:hidden}.avatar-input[data-v-a56fcdbb] .p-input-file:hover .overlay{visibility:visible}.smart-input[data-v-a6b648a7]{position:relative;width:100%}.smart-input__icon[data-v-a6b648a7]{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(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
|
|
2
|
+
import { a as o, i as r } from "./index-BAbLTZ1M.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-BAbLTZ1M.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")}`;
|