@yourgoods/ui-smart 0.52.1 → 0.53.1
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-BzqSGu9T.js → ProfileEmailDialog-CD76TKwr.js} +2 -2
- package/dist/{ProfilePasswordDialog-CgOw023B.js → ProfilePasswordDialog-BXoZ16Z1.js} +1 -1
- package/dist/{ProfilePhoneDialog-DnQ9YIj0.js → ProfilePhoneDialog-CYQqEfo6.js} +2 -2
- package/dist/components/PEmailOrPhoneInput/index.vue.d.ts +19 -0
- package/dist/components/PEmailOrPhoneInput/types.d.ts +16 -0
- package/dist/components/PEmailOrPhoneInput/utils/detect-field.d.ts +2 -0
- package/dist/components/PEmailOrPhoneInput/utils/email.d.ts +2 -0
- package/dist/components/PEmailOrPhoneInput/utils/phone.d.ts +4 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/{index-dOnVTlJF.js → index-C_oi-ArN.js} +408 -308
- package/dist/index.js +4 -3
- package/dist/{useRateLimitToast-DlqIYV_M.js → useRateLimitToast-CnywCMJ5.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-CnywCMJ5.js";
|
|
3
|
+
import { C as F, _ as He, B as qe, p as W, g as je } from "./index-C_oi-ArN.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-C_oi-ArN.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-CnywCMJ5.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-C_oi-ArN.js";
|
|
5
5
|
const _e = {
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
7
|
width: "12",
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { SmartInputConfig } from './types';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<{
|
|
3
|
+
modelValue?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
config?: SmartInputConfig;
|
|
6
|
+
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
7
|
+
"update:modelValue": (value: string) => any;
|
|
8
|
+
"validity-change": (valid: boolean) => any;
|
|
9
|
+
"type-change": (type: "email" | "phone" | null) => any;
|
|
10
|
+
}, string, import('vue').PublicProps, Readonly<{
|
|
11
|
+
modelValue?: string;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
config?: SmartInputConfig;
|
|
14
|
+
}> & Readonly<{
|
|
15
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
16
|
+
"onValidity-change"?: ((valid: boolean) => any) | undefined;
|
|
17
|
+
"onType-change"?: ((type: "email" | "phone" | null) => any) | undefined;
|
|
18
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
export default _default;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
type InputMode = 'phone' | 'email' | 'auto';
|
|
2
|
+
export interface PhoneValidationConfig {
|
|
3
|
+
enabled: boolean;
|
|
4
|
+
minDigits?: number;
|
|
5
|
+
maxDigits?: number;
|
|
6
|
+
autoPlus?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface EmailValidationConfig {
|
|
9
|
+
enabled: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface SmartInputConfig {
|
|
12
|
+
mode?: InputMode;
|
|
13
|
+
phone?: PhoneValidationConfig;
|
|
14
|
+
email?: EmailValidationConfig;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function normalizePhoneInput(raw: string, autoPlus: boolean): string;
|
|
2
|
+
export declare function limitPhoneLength(value: string, maxDigits: number): string;
|
|
3
|
+
export declare function isValidPhone(value: string, minDigits?: number, maxDigits?: number): boolean;
|
|
4
|
+
export declare function hasInvalidPhoneChars(raw: string): boolean;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { ref as w, shallowRef as
|
|
2
|
-
import
|
|
3
|
-
import { PInputFileUploader as
|
|
4
|
-
function
|
|
5
|
-
if (
|
|
1
|
+
import { ref as w, shallowRef as _e, defineComponent as j, defineAsyncComponent as q, watch as me, createBlock as I, createCommentVNode as C, unref as f, openBlock as b, resolveDynamicComponent as Oe, mergeProps as Re, computed as U, reactive as W, onMounted as Ge, createElementBlock as k, Fragment as pe, createVNode as h, createElementVNode as Y, withCtx as S, toDisplayString as $, createTextVNode as X, Teleport as ue, Transition as je, withDirectives as Je, vShow as qe } from "vue";
|
|
2
|
+
import We from "axios";
|
|
3
|
+
import { PInputFileUploader as Ye, PInput as z, IconFilledEditMd as R, PButton as de, PImageCropper as Xe, PToast as Ke, PTeleportContainer as ce, PToastContainer as Ze, IconPhoneMd as He, IconMailMd as Qe } from "@profeat/ui-kit";
|
|
4
|
+
function et(r, s = 2) {
|
|
5
|
+
if (r === 0)
|
|
6
6
|
return "0 B";
|
|
7
|
-
const
|
|
8
|
-
return `${Number.parseFloat((
|
|
7
|
+
const a = 1024, l = ["B", "KB", "MB", "GB", "TB", "PB", "EB"], g = Math.floor(Math.log(r) / Math.log(a));
|
|
8
|
+
return `${Number.parseFloat((r / a ** g).toFixed(s))} ${l[g]}`;
|
|
9
9
|
}
|
|
10
|
-
const
|
|
10
|
+
const tt = {
|
|
11
11
|
"image/jpeg": "JPEG",
|
|
12
12
|
"image/png": "PNG",
|
|
13
13
|
"application/pdf": "PDF",
|
|
@@ -15,67 +15,67 @@ const Qe = {
|
|
|
15
15
|
"application/zip": "ZIP Archive"
|
|
16
16
|
// ...
|
|
17
17
|
};
|
|
18
|
-
function
|
|
19
|
-
return
|
|
20
|
-
var
|
|
21
|
-
return
|
|
18
|
+
function at(r) {
|
|
19
|
+
return r.map((s) => {
|
|
20
|
+
var a;
|
|
21
|
+
return tt[s] || ((a = s.split("/")[1]) == null ? void 0 : a.toUpperCase());
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
|
-
const
|
|
24
|
+
const xt = {
|
|
25
25
|
OLD: "old",
|
|
26
26
|
NEW: "new",
|
|
27
27
|
COMPLETED: "completed"
|
|
28
|
-
},
|
|
28
|
+
}, St = {
|
|
29
29
|
VERIFY_EMAIL: "verify-email"
|
|
30
30
|
};
|
|
31
|
-
let
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
baseURL:
|
|
31
|
+
let Z = null;
|
|
32
|
+
function ot(r, s, a) {
|
|
33
|
+
Z = We.create({
|
|
34
|
+
baseURL: s,
|
|
35
35
|
headers: {
|
|
36
|
-
Authorization: `Bearer ${
|
|
37
|
-
"x-throttler-prefix":
|
|
36
|
+
Authorization: `Bearer ${r}`,
|
|
37
|
+
"x-throttler-prefix": a ?? "throttler_profile_edit"
|
|
38
38
|
// здесь можно словить баг, который может быть сложно отследить, если будет передаваться пустой прелфикс
|
|
39
39
|
// 'Content-Type': 'application/json',
|
|
40
40
|
},
|
|
41
|
-
validateStatus: (
|
|
41
|
+
validateStatus: (l) => l >= 200 && l < 300
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
function Q() {
|
|
45
|
-
if (!
|
|
45
|
+
if (!Z)
|
|
46
46
|
throw new Error("Axios instance not initialized. Call initAxios(token, baseUrl) first.");
|
|
47
|
-
return
|
|
47
|
+
return Z;
|
|
48
48
|
}
|
|
49
|
-
async function
|
|
50
|
-
return Q().post(
|
|
49
|
+
async function H(r, s, a) {
|
|
50
|
+
return Q().post(r, s, a);
|
|
51
51
|
}
|
|
52
|
-
async function
|
|
53
|
-
return Q().get(
|
|
52
|
+
async function nt(r, s) {
|
|
53
|
+
return Q().get(r, s);
|
|
54
54
|
}
|
|
55
|
-
async function
|
|
56
|
-
return Q().delete(
|
|
55
|
+
async function rt(r, s) {
|
|
56
|
+
return Q().delete(r, s);
|
|
57
57
|
}
|
|
58
|
-
async function
|
|
59
|
-
const
|
|
60
|
-
if (
|
|
58
|
+
async function lt(r) {
|
|
59
|
+
const s = await H("/users/profile/me", r);
|
|
60
|
+
if (s.status !== 200 && s.status !== 201 || !s.data)
|
|
61
61
|
throw new Error("Ошибка при получении профиля пользователя");
|
|
62
|
-
return
|
|
62
|
+
return s.data;
|
|
63
63
|
}
|
|
64
|
-
const
|
|
65
|
-
function
|
|
64
|
+
const G = w(null), K = _e(null);
|
|
65
|
+
function ee() {
|
|
66
66
|
return {
|
|
67
|
-
currentDialog:
|
|
68
|
-
dialogPayload:
|
|
69
|
-
openDialog: (
|
|
70
|
-
|
|
67
|
+
currentDialog: G,
|
|
68
|
+
dialogPayload: K,
|
|
69
|
+
openDialog: (l, g) => {
|
|
70
|
+
G.value = l, K.value = g ?? null;
|
|
71
71
|
},
|
|
72
72
|
closeDialog: () => {
|
|
73
|
-
|
|
73
|
+
G.value = null, K.value = null;
|
|
74
74
|
},
|
|
75
|
-
isDialogOpen: (
|
|
75
|
+
isDialogOpen: (l) => G.value === l
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
|
-
const
|
|
78
|
+
const st = {
|
|
79
79
|
ru: {
|
|
80
80
|
Имя: "Имя",
|
|
81
81
|
Фамилия: "Фамилия",
|
|
@@ -208,7 +208,7 @@ const na = {
|
|
|
208
208
|
"Введите новый номер телефона": "Enter a new phone number",
|
|
209
209
|
"Телефон успешно изменен": "Phone number successfully changed"
|
|
210
210
|
}
|
|
211
|
-
},
|
|
211
|
+
}, it = /* @__PURE__ */ j({
|
|
212
212
|
__name: "DialogManager",
|
|
213
213
|
props: {
|
|
214
214
|
language: {},
|
|
@@ -216,54 +216,54 @@ const na = {
|
|
|
216
216
|
disableAddPhone: { type: Boolean }
|
|
217
217
|
},
|
|
218
218
|
emits: ["clean-input-errors", "on-update-jwt", "update-phone-field", "update-email-field", "on-password-error", "on-toast"],
|
|
219
|
-
setup(
|
|
220
|
-
const
|
|
221
|
-
email:
|
|
222
|
-
phone:
|
|
223
|
-
password:
|
|
224
|
-
},
|
|
225
|
-
|
|
226
|
-
},
|
|
227
|
-
|
|
219
|
+
setup(r, { emit: s }) {
|
|
220
|
+
const a = s, l = w(!0), { currentDialog: g, dialogPayload: v, closeDialog: T } = ee(), d = {
|
|
221
|
+
email: q(() => import("./ProfileEmailDialog-CD76TKwr.js")),
|
|
222
|
+
phone: q(() => import("./ProfilePhoneDialog-CYQqEfo6.js")),
|
|
223
|
+
password: q(() => import("./ProfilePasswordDialog-BXoZ16Z1.js"))
|
|
224
|
+
}, m = ({ email: c }) => {
|
|
225
|
+
a("update-email-field", c);
|
|
226
|
+
}, i = ({ phone: c }) => {
|
|
227
|
+
a("update-phone-field", c);
|
|
228
228
|
};
|
|
229
|
-
return
|
|
230
|
-
|
|
231
|
-
}), (
|
|
229
|
+
return me(g, (c) => {
|
|
230
|
+
l.value = !!c;
|
|
231
|
+
}), (c, u) => f(g) ? (b(), I(Oe(d[f(g)]), Re({
|
|
232
232
|
key: 0,
|
|
233
|
-
modelValue:
|
|
234
|
-
"onUpdate:modelValue":
|
|
235
|
-
language:
|
|
236
|
-
provider:
|
|
237
|
-
"disable-add-phone":
|
|
238
|
-
},
|
|
239
|
-
onClose:
|
|
240
|
-
onCleanInputErrors:
|
|
241
|
-
onOnUpdateJwt:
|
|
242
|
-
onSubmitEmail:
|
|
243
|
-
onSubmitPhone:
|
|
244
|
-
onOnPasswordError:
|
|
245
|
-
onOnToast:
|
|
233
|
+
modelValue: l.value,
|
|
234
|
+
"onUpdate:modelValue": u[0] || (u[0] = (p) => l.value = p),
|
|
235
|
+
language: c.language,
|
|
236
|
+
provider: c.provider,
|
|
237
|
+
"disable-add-phone": c.disableAddPhone
|
|
238
|
+
}, f(v), {
|
|
239
|
+
onClose: f(T),
|
|
240
|
+
onCleanInputErrors: u[1] || (u[1] = (p) => a("clean-input-errors")),
|
|
241
|
+
onOnUpdateJwt: u[2] || (u[2] = (p, y, n) => a("on-update-jwt", p, y, n)),
|
|
242
|
+
onSubmitEmail: m,
|
|
243
|
+
onSubmitPhone: i,
|
|
244
|
+
onOnPasswordError: u[3] || (u[3] = (p, y) => a("on-password-error", p, y)),
|
|
245
|
+
onOnToast: u[4] || (u[4] = (p) => a("on-toast", p))
|
|
246
246
|
}), null, 16, ["modelValue", "language", "provider", "disable-add-phone", "onClose"])) : C("", !0);
|
|
247
247
|
}
|
|
248
|
-
}),
|
|
248
|
+
}), ut = { class: "base-container" }, dt = {
|
|
249
249
|
key: 0,
|
|
250
250
|
style: { color: "#E46060" }
|
|
251
|
-
},
|
|
251
|
+
}, mt = { key: 1 }, pt = {
|
|
252
252
|
key: 1,
|
|
253
253
|
class: "input-wrapper"
|
|
254
|
-
},
|
|
254
|
+
}, ct = {
|
|
255
255
|
key: 2,
|
|
256
256
|
class: "input-wrapper"
|
|
257
|
-
},
|
|
257
|
+
}, ft = {
|
|
258
258
|
key: 3,
|
|
259
259
|
class: "input-wrapper"
|
|
260
|
-
},
|
|
260
|
+
}, gt = {
|
|
261
261
|
key: 4,
|
|
262
262
|
class: "input-wrapper"
|
|
263
|
-
},
|
|
263
|
+
}, vt = { class: "buttons-container" }, ht = {
|
|
264
264
|
key: 0,
|
|
265
265
|
class: "centered-overlay"
|
|
266
|
-
},
|
|
266
|
+
}, yt = { class: "toastWrapper" }, wt = /* @__PURE__ */ j({
|
|
267
267
|
__name: "PEditUserContact",
|
|
268
268
|
props: {
|
|
269
269
|
language: {},
|
|
@@ -277,8 +277,8 @@ const na = {
|
|
|
277
277
|
disableAddPhone: { type: Boolean }
|
|
278
278
|
},
|
|
279
279
|
emits: ["open-email-dialog", "open-phone-dialog", "open-password-dialog", "on-update-jwt", "on-password-error", "update-tokens"],
|
|
280
|
-
setup(
|
|
281
|
-
const
|
|
280
|
+
setup(r, { emit: s }) {
|
|
281
|
+
const a = r, l = s, g = U(() => a.language ?? "ru"), v = (e) => st[g.value][e] || e, { openDialog: T } = ee(), d = W({ firstName: "", lastName: "" }), m = w({ firstName: "", lastName: "" }), i = W({ firstName: !1, lastName: !1, email: !1, phone: !1 }), c = w(""), u = w(""), p = w(""), y = w(!1), n = W({
|
|
282
282
|
value: null,
|
|
283
283
|
loading: !1,
|
|
284
284
|
accept: ["image/png", "image/jpeg"],
|
|
@@ -286,334 +286,334 @@ const na = {
|
|
|
286
286
|
// 10 MB
|
|
287
287
|
imageBinary: null,
|
|
288
288
|
imageContent: ""
|
|
289
|
-
}), B = w(""),
|
|
289
|
+
}), B = w(""), D = w(!1), A = w(!0), F = w(!0), V = w(void 0), te = w(""), ge = U(() => oe(d.firstName, i.firstName)), ve = U(() => oe(d.lastName, i.lastName)), he = U(() => i.email && !u.value.trim() ? "Введите e-mail" : ""), ye = U(() => i.phone && !p.value.trim() ? "Введите номер телефона" : ""), x = (e) => a.fields.some((t) => t.key === e), ae = (e) => e && e.trim() ? "edit" : "bind", J = () => setTimeout(() => {
|
|
290
290
|
var e;
|
|
291
291
|
return (e = document.activeElement) == null ? void 0 : e.blur();
|
|
292
|
-
}, 0),
|
|
293
|
-
if (!
|
|
294
|
-
const
|
|
295
|
-
return
|
|
296
|
-
},
|
|
297
|
-
|
|
298
|
-
},
|
|
299
|
-
|
|
300
|
-
},
|
|
301
|
-
e === "email" &&
|
|
302
|
-
},
|
|
303
|
-
|
|
304
|
-
},
|
|
305
|
-
|
|
306
|
-
},
|
|
307
|
-
|
|
308
|
-
},
|
|
309
|
-
|
|
310
|
-
},
|
|
311
|
-
|
|
312
|
-
},
|
|
313
|
-
if (
|
|
314
|
-
const
|
|
315
|
-
|
|
292
|
+
}, 0), we = U(() => !!(u.value && u.value.trim() !== "")), be = U(() => n.imageContent ? v("Загрузить другое фото") : v("Загрузить фото")), oe = (e, t) => {
|
|
293
|
+
if (!t) return "";
|
|
294
|
+
const o = e.trim();
|
|
295
|
+
return o ? o.length < 2 ? "Поле должно содержать минимум 2 символа" : "" : "Введите значение";
|
|
296
|
+
}, Ee = (e) => T("email", { mode: e ? "edit" : "bind", initialEmail: e }), Pe = () => {
|
|
297
|
+
J(), i.email = !1, F.value = !1, l("open-email-dialog", u.value, ae(u.value)), Ee(u.value);
|
|
298
|
+
}, Ne = () => {
|
|
299
|
+
J(), i.phone = !1, A.value = !1, l("open-phone-dialog", p.value, ae(p.value));
|
|
300
|
+
}, Ce = async (e, t, o) => {
|
|
301
|
+
e === "email" && o && (u.value = o), e === "phone" && o && (p.value = o), l("on-update-jwt");
|
|
302
|
+
}, ke = (e) => {
|
|
303
|
+
p.value = e;
|
|
304
|
+
}, Te = (e) => {
|
|
305
|
+
u.value = e;
|
|
306
|
+
}, Ue = (e, t) => {
|
|
307
|
+
D.value = !0, l("on-password-error", e, t);
|
|
308
|
+
}, Be = () => {
|
|
309
|
+
A.value = !1, F.value = !1;
|
|
310
|
+
}, L = (e) => {
|
|
311
|
+
D.value = !0, V.value = e.color ?? "", te.value = e.text ?? "";
|
|
312
|
+
}, M = (e) => {
|
|
313
|
+
if (i[e] = !0, e === "firstName" || e === "lastName") {
|
|
314
|
+
const t = d[e];
|
|
315
|
+
t.length > 40 && (d[e] = t.slice(0, 40));
|
|
316
316
|
}
|
|
317
|
-
},
|
|
318
|
-
var
|
|
317
|
+
}, De = (e) => {
|
|
318
|
+
var _, O;
|
|
319
319
|
if (B.value = "", !e) {
|
|
320
320
|
ne();
|
|
321
321
|
return;
|
|
322
322
|
}
|
|
323
|
-
const
|
|
324
|
-
if (
|
|
323
|
+
const t = ((_ = e.fileBinary) == null ? void 0 : _.type) ?? "", o = ((O = e.fileBinary) == null ? void 0 : O.size) ?? 0, N = !["image/png", "image/jpeg"].includes(t), P = o > n.uploadLimit;
|
|
324
|
+
if (N || P) {
|
|
325
325
|
B.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", ne();
|
|
326
326
|
return;
|
|
327
327
|
}
|
|
328
|
-
|
|
328
|
+
n.value = e, n.imageBinary = e.fileBinary ?? null, n.imageContent = e.fileContent ?? "", y.value = !0;
|
|
329
329
|
}, ne = () => {
|
|
330
|
-
|
|
331
|
-
},
|
|
330
|
+
n.value = null, n.imageBinary = null, n.imageContent = "", y.value = !1;
|
|
331
|
+
}, Ie = async () => {
|
|
332
332
|
try {
|
|
333
|
-
const
|
|
334
|
-
return (
|
|
333
|
+
const t = (await rt("/users/profile/delete/avatar")).data;
|
|
334
|
+
return (t == null ? void 0 : t.success) === !0;
|
|
335
335
|
} catch (e) {
|
|
336
336
|
return console.error("Ошибка при удалении аватара:", e), !1;
|
|
337
337
|
}
|
|
338
338
|
}, Ae = () => {
|
|
339
|
-
B.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ",
|
|
340
|
-
}, re = async (e,
|
|
339
|
+
B.value = "Файл не подходит. Пожалуйста, загрузите PNG или JPEG размером до 10 МБ", n.value = null, n.imageBinary = null, n.imageContent = "", y.value = !1;
|
|
340
|
+
}, re = async (e, t, o = "image/png") => {
|
|
341
341
|
if (!e) return null;
|
|
342
|
-
const
|
|
343
|
-
return new File([
|
|
342
|
+
const N = await (await fetch(e)).blob();
|
|
343
|
+
return new File([N], t, { type: o });
|
|
344
344
|
}, Fe = () => {
|
|
345
|
-
|
|
346
|
-
},
|
|
347
|
-
|
|
348
|
-
const
|
|
349
|
-
if (
|
|
350
|
-
const
|
|
345
|
+
n.value = null, n.imageBinary = null, n.imageContent = "", y.value = !1;
|
|
346
|
+
}, Ve = async (e) => {
|
|
347
|
+
y.value = !1;
|
|
348
|
+
const t = n.imageContent;
|
|
349
|
+
if (n.imageContent = e, !n.imageBinary) return;
|
|
350
|
+
const o = await re(
|
|
351
351
|
e,
|
|
352
|
-
|
|
353
|
-
|
|
352
|
+
n.imageBinary.name,
|
|
353
|
+
n.imageBinary.type || "image/png"
|
|
354
354
|
);
|
|
355
|
-
if (!
|
|
356
|
-
|
|
355
|
+
if (!o) {
|
|
356
|
+
n.imageContent = t;
|
|
357
357
|
return;
|
|
358
358
|
}
|
|
359
359
|
try {
|
|
360
|
-
|
|
360
|
+
n.loading = !0;
|
|
361
361
|
const E = new FormData();
|
|
362
|
-
E.append("file",
|
|
362
|
+
E.append("file", o), await H(`/users/profile/avatar/${c.value}`, E, { headers: { "Content-Type": void 0 } });
|
|
363
363
|
} catch (E) {
|
|
364
|
-
console.error(E),
|
|
364
|
+
console.error(E), L({
|
|
365
365
|
color: "error",
|
|
366
|
-
text:
|
|
367
|
-
}),
|
|
366
|
+
text: v("Не удалось сохранить изменения. Попробуйте позже")
|
|
367
|
+
}), n.imageContent = t;
|
|
368
368
|
} finally {
|
|
369
|
-
|
|
369
|
+
n.loading = !1;
|
|
370
370
|
}
|
|
371
|
-
},
|
|
372
|
-
|
|
371
|
+
}, xe = async (e) => {
|
|
372
|
+
n.imageContent = e ?? "", n.imageBinary && (n.imageBinary = await re(
|
|
373
373
|
e ?? "",
|
|
374
|
-
|
|
375
|
-
|
|
374
|
+
n.imageBinary.name,
|
|
375
|
+
n.imageBinary.type || "image/png"
|
|
376
376
|
));
|
|
377
|
-
},
|
|
378
|
-
var
|
|
379
|
-
const
|
|
380
|
-
if (
|
|
377
|
+
}, le = w(!1), se = async (e) => {
|
|
378
|
+
var o, E;
|
|
379
|
+
const t = (o = d[e]) == null ? void 0 : o.trim();
|
|
380
|
+
if (t)
|
|
381
381
|
try {
|
|
382
|
-
|
|
383
|
-
const
|
|
384
|
-
|
|
385
|
-
firstName:
|
|
386
|
-
lastName:
|
|
382
|
+
le.value = !0;
|
|
383
|
+
const P = (E = (await H("/users/profile/update-name", { [e]: t })).data) == null ? void 0 : E.data;
|
|
384
|
+
P != null && P.user && (d.firstName = P.user.firstName ?? d.firstName, d.lastName = P.user.lastName ?? d.lastName, m.value = {
|
|
385
|
+
firstName: d.firstName,
|
|
386
|
+
lastName: d.lastName
|
|
387
387
|
});
|
|
388
|
-
} catch (
|
|
389
|
-
throw
|
|
388
|
+
} catch (N) {
|
|
389
|
+
throw N;
|
|
390
390
|
} finally {
|
|
391
|
-
|
|
391
|
+
le.value = !1;
|
|
392
392
|
}
|
|
393
393
|
}, Se = async () => {
|
|
394
394
|
var e;
|
|
395
|
-
if (!
|
|
395
|
+
if (!a.accessToken)
|
|
396
396
|
throw console.error("Access token не передан в props"), new Error("Access token is required");
|
|
397
397
|
try {
|
|
398
|
-
const
|
|
399
|
-
accessToken:
|
|
400
|
-
refreshToken:
|
|
398
|
+
const o = (e = (await lt({
|
|
399
|
+
accessToken: a.accessToken,
|
|
400
|
+
refreshToken: a.refreshToken ?? "",
|
|
401
401
|
excludeFields: []
|
|
402
402
|
})).data) == null ? void 0 : e.user;
|
|
403
|
-
if (!
|
|
403
|
+
if (!o)
|
|
404
404
|
throw console.error("Данные пользователя отсутствуют в ответе сервера"), new Error("User data is missing from the response");
|
|
405
405
|
const {
|
|
406
406
|
userId: E,
|
|
407
|
-
privateFirstName:
|
|
408
|
-
privateLastName:
|
|
409
|
-
email:
|
|
407
|
+
privateFirstName: N,
|
|
408
|
+
privateLastName: P,
|
|
409
|
+
email: _,
|
|
410
410
|
phoneNumber: O
|
|
411
|
-
} =
|
|
412
|
-
|
|
413
|
-
firstName:
|
|
414
|
-
lastName:
|
|
411
|
+
} = o;
|
|
412
|
+
c.value = E ?? "", d.firstName = N ?? "", d.lastName = P ?? "", u.value = _ ?? "", p.value = O ?? "", n.imageContent = await $e(), m.value = {
|
|
413
|
+
firstName: N ?? "",
|
|
414
|
+
lastName: P ?? ""
|
|
415
415
|
};
|
|
416
|
-
} catch (
|
|
417
|
-
console.error("Критическая ошибка при загрузке профиля:",
|
|
416
|
+
} catch (t) {
|
|
417
|
+
console.error("Критическая ошибка при загрузке профиля:", t);
|
|
418
418
|
}
|
|
419
|
-
},
|
|
419
|
+
}, $e = async () => {
|
|
420
420
|
var e;
|
|
421
421
|
try {
|
|
422
|
-
const
|
|
423
|
-
return
|
|
424
|
-
} catch (
|
|
425
|
-
return console.error("Ошибка при загрузке метаданных аватара:",
|
|
422
|
+
const o = (e = (await nt("/users/profile/avatar")).data) == null ? void 0 : e.data;
|
|
423
|
+
return o ? ze(o) : "";
|
|
424
|
+
} catch (t) {
|
|
425
|
+
return console.error("Ошибка при загрузке метаданных аватара:", t), "";
|
|
426
426
|
}
|
|
427
427
|
};
|
|
428
|
-
function
|
|
428
|
+
function ze(e) {
|
|
429
429
|
if (!e)
|
|
430
430
|
return "";
|
|
431
431
|
try {
|
|
432
|
-
return new URL(e.key,
|
|
433
|
-
} catch (
|
|
434
|
-
return console.error("Ошибка при составлении URL аватара:",
|
|
432
|
+
return new URL(e.key, a.awsStorageUrl).toString();
|
|
433
|
+
} catch (t) {
|
|
434
|
+
return console.error("Ошибка при составлении URL аватара:", t), "";
|
|
435
435
|
}
|
|
436
436
|
}
|
|
437
|
-
const ie =
|
|
438
|
-
if (!
|
|
437
|
+
const ie = U(() => {
|
|
438
|
+
if (!m.value.firstName && !m.value.lastName)
|
|
439
439
|
return !1;
|
|
440
|
-
const e =
|
|
441
|
-
return
|
|
442
|
-
}),
|
|
440
|
+
const e = d.firstName.trim(), t = d.lastName.trim(), o = m.value.firstName.trim(), E = m.value.lastName.trim(), N = e !== o || t !== E, P = e.length >= 2 && t.length >= 2;
|
|
441
|
+
return N && P;
|
|
442
|
+
}), Le = async () => {
|
|
443
443
|
if (ie.value)
|
|
444
444
|
try {
|
|
445
|
-
await Promise.all([
|
|
445
|
+
await Promise.all([se("firstName"), se("lastName")]), l("on-update-jwt"), L({ color: "success", text: "Изменения сохранены" });
|
|
446
446
|
} catch (e) {
|
|
447
|
-
console.error(e),
|
|
447
|
+
console.error(e), L({
|
|
448
448
|
color: "error",
|
|
449
|
-
text:
|
|
449
|
+
text: v("Не удалось сохранить изменения. Попробуйте позже")
|
|
450
450
|
});
|
|
451
451
|
}
|
|
452
|
-
},
|
|
453
|
-
|
|
452
|
+
}, Me = () => {
|
|
453
|
+
J(), l("open-password-dialog");
|
|
454
454
|
};
|
|
455
455
|
return Ge(async () => {
|
|
456
|
-
if (!
|
|
457
|
-
if (!
|
|
458
|
-
|
|
459
|
-
}), (e,
|
|
460
|
-
|
|
461
|
-
language:
|
|
456
|
+
if (!a.accessToken) throw new Error("Access token не передан в props");
|
|
457
|
+
if (!a.requestUrl) throw new Error("auth-backend url не передан в props");
|
|
458
|
+
ot(a.accessToken, a.requestUrl, a.throttlerPrefix), await Se();
|
|
459
|
+
}), (e, t) => (b(), k(pe, null, [
|
|
460
|
+
h(it, {
|
|
461
|
+
language: g.value,
|
|
462
462
|
provider: e.provider,
|
|
463
463
|
"disable-add-phone": e.disableAddPhone,
|
|
464
|
-
onCleanInputErrors:
|
|
465
|
-
onOnUpdateJwt:
|
|
466
|
-
onUpdatePhoneField:
|
|
467
|
-
onUpdateEmailField:
|
|
468
|
-
onOnPasswordError:
|
|
469
|
-
onOnToast:
|
|
464
|
+
onCleanInputErrors: Be,
|
|
465
|
+
onOnUpdateJwt: Ce,
|
|
466
|
+
onUpdatePhoneField: ke,
|
|
467
|
+
onUpdateEmailField: Te,
|
|
468
|
+
onOnPasswordError: Ue,
|
|
469
|
+
onOnToast: L
|
|
470
470
|
}, null, 8, ["language", "provider", "disable-add-phone"]),
|
|
471
|
-
Y("div",
|
|
472
|
-
|
|
471
|
+
Y("div", ut, [
|
|
472
|
+
x("avatar") ? (b(), I(f(Ye), {
|
|
473
473
|
key: 0,
|
|
474
|
-
modelValue:
|
|
474
|
+
modelValue: n.value,
|
|
475
475
|
"onUpdate:modelValue": [
|
|
476
|
-
|
|
477
|
-
|
|
476
|
+
t[0] || (t[0] = (o) => n.value = o),
|
|
477
|
+
t[1] || (t[1] = (o) => De(o))
|
|
478
478
|
],
|
|
479
479
|
type: "img",
|
|
480
480
|
class: "avatar-input",
|
|
481
|
-
src:
|
|
482
|
-
loading:
|
|
483
|
-
label:
|
|
484
|
-
"upload-limit":
|
|
481
|
+
src: n.imageContent,
|
|
482
|
+
loading: n.loading,
|
|
483
|
+
label: v("Загрузить фото"),
|
|
484
|
+
"upload-limit": n.uploadLimit,
|
|
485
485
|
accept: "image/jpeg, image/png",
|
|
486
|
-
onDelete:
|
|
486
|
+
onDelete: Ie,
|
|
487
487
|
"onChange:error": Ae
|
|
488
488
|
}, {
|
|
489
|
-
afterLoadLabel:
|
|
490
|
-
|
|
489
|
+
afterLoadLabel: S(() => [
|
|
490
|
+
X($(be.value), 1)
|
|
491
491
|
]),
|
|
492
|
-
subtext:
|
|
493
|
-
B.value ? (
|
|
492
|
+
subtext: S(() => [
|
|
493
|
+
B.value ? (b(), k("span", dt, $(B.value), 1)) : (b(), k("span", mt, $(`${v("Формат")} ${f(at)(n.accept).join(", ")} ${v("до")} ${f(et)(n.uploadLimit)}`), 1))
|
|
494
494
|
]),
|
|
495
495
|
_: 1
|
|
496
496
|
}, 8, ["modelValue", "src", "loading", "label", "upload-limit"])) : C("", !0),
|
|
497
|
-
|
|
498
|
-
|
|
499
|
-
modelValue:
|
|
500
|
-
"onUpdate:modelValue":
|
|
497
|
+
x("firstName") ? (b(), k("div", pt, [
|
|
498
|
+
h(f(z), {
|
|
499
|
+
modelValue: d.firstName,
|
|
500
|
+
"onUpdate:modelValue": t[2] || (t[2] = (o) => d.firstName = o),
|
|
501
501
|
size: "large",
|
|
502
|
-
label:
|
|
503
|
-
error:
|
|
504
|
-
onBlur:
|
|
505
|
-
onInput:
|
|
502
|
+
label: v("Имя"),
|
|
503
|
+
error: ge.value,
|
|
504
|
+
onBlur: t[3] || (t[3] = (o) => i.firstName = !0),
|
|
505
|
+
onInput: t[4] || (t[4] = (o) => M("firstName"))
|
|
506
506
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
507
|
-
|
|
507
|
+
h(f(R), { class: "icon-locked" })
|
|
508
508
|
])) : C("", !0),
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
modelValue:
|
|
512
|
-
"onUpdate:modelValue":
|
|
509
|
+
x("lastName") ? (b(), k("div", ct, [
|
|
510
|
+
h(f(z), {
|
|
511
|
+
modelValue: d.lastName,
|
|
512
|
+
"onUpdate:modelValue": t[5] || (t[5] = (o) => d.lastName = o),
|
|
513
513
|
size: "large",
|
|
514
|
-
label:
|
|
515
|
-
error:
|
|
516
|
-
onBlur:
|
|
517
|
-
onInput:
|
|
514
|
+
label: v("Фамилия"),
|
|
515
|
+
error: ve.value,
|
|
516
|
+
onBlur: t[6] || (t[6] = (o) => i.lastName = !0),
|
|
517
|
+
onInput: t[7] || (t[7] = (o) => M("lastName"))
|
|
518
518
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
519
|
-
|
|
519
|
+
h(f(R), { class: "icon-locked" })
|
|
520
520
|
])) : C("", !0),
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
modelValue:
|
|
524
|
-
"onUpdate:modelValue":
|
|
521
|
+
x("email") ? (b(), k("div", ft, [
|
|
522
|
+
h(f(z), {
|
|
523
|
+
modelValue: u.value,
|
|
524
|
+
"onUpdate:modelValue": t[8] || (t[8] = (o) => u.value = o),
|
|
525
525
|
size: "large",
|
|
526
526
|
"text-size": "medium",
|
|
527
527
|
label: "E-mail",
|
|
528
528
|
type: "email",
|
|
529
529
|
readonly: "",
|
|
530
530
|
style: { cursor: "pointer" },
|
|
531
|
-
error:
|
|
532
|
-
onBlur:
|
|
533
|
-
onInput:
|
|
534
|
-
onClick:
|
|
531
|
+
error: he.value && F.value,
|
|
532
|
+
onBlur: t[9] || (t[9] = (o) => i.email = !0),
|
|
533
|
+
onInput: t[10] || (t[10] = (o) => M("email")),
|
|
534
|
+
onClick: Pe
|
|
535
535
|
}, null, 8, ["modelValue", "error"]),
|
|
536
|
-
|
|
536
|
+
h(f(R), { class: "icon-locked" })
|
|
537
537
|
])) : C("", !0),
|
|
538
|
-
|
|
539
|
-
|
|
540
|
-
modelValue:
|
|
541
|
-
"onUpdate:modelValue":
|
|
538
|
+
x("phone") ? (b(), k("div", gt, [
|
|
539
|
+
h(f(z), {
|
|
540
|
+
modelValue: p.value,
|
|
541
|
+
"onUpdate:modelValue": t[11] || (t[11] = (o) => p.value = o),
|
|
542
542
|
size: "large",
|
|
543
543
|
"text-size": "medium",
|
|
544
|
-
label:
|
|
544
|
+
label: v("Номер телефона"),
|
|
545
545
|
type: "tel",
|
|
546
546
|
readonly: "",
|
|
547
547
|
style: { cursor: "pointer" },
|
|
548
|
-
error:
|
|
549
|
-
onBlur:
|
|
550
|
-
onInput:
|
|
551
|
-
onClick:
|
|
548
|
+
error: ye.value && A.value,
|
|
549
|
+
onBlur: t[12] || (t[12] = (o) => i.phone = !0),
|
|
550
|
+
onInput: t[13] || (t[13] = (o) => M("phone")),
|
|
551
|
+
onClick: Ne
|
|
552
552
|
}, null, 8, ["modelValue", "label", "error"]),
|
|
553
|
-
|
|
553
|
+
h(f(R), { class: "icon-locked" })
|
|
554
554
|
])) : C("", !0),
|
|
555
|
-
Y("div",
|
|
556
|
-
|
|
555
|
+
Y("div", vt, [
|
|
556
|
+
we.value ? (b(), I(f(de), {
|
|
557
557
|
key: 0,
|
|
558
558
|
color: "secondary",
|
|
559
|
-
onClick:
|
|
559
|
+
onClick: Me
|
|
560
560
|
}, {
|
|
561
|
-
default:
|
|
562
|
-
|
|
561
|
+
default: S(() => [
|
|
562
|
+
X($(v("Сменить пароль")), 1)
|
|
563
563
|
]),
|
|
564
564
|
_: 1
|
|
565
565
|
})) : C("", !0),
|
|
566
|
-
|
|
566
|
+
h(f(de), {
|
|
567
567
|
disabled: !ie.value,
|
|
568
|
-
onClick:
|
|
568
|
+
onClick: Le
|
|
569
569
|
}, {
|
|
570
|
-
default:
|
|
571
|
-
|
|
570
|
+
default: S(() => [
|
|
571
|
+
X($(v("Сохранить")), 1)
|
|
572
572
|
]),
|
|
573
573
|
_: 1
|
|
574
574
|
}, 8, ["disabled"])
|
|
575
575
|
])
|
|
576
576
|
]),
|
|
577
|
-
|
|
577
|
+
y.value ? (b(), I(ue, {
|
|
578
578
|
key: 0,
|
|
579
579
|
to: "body"
|
|
580
580
|
}, [
|
|
581
|
-
|
|
582
|
-
|
|
581
|
+
y.value ? (b(), k("div", ht, [
|
|
582
|
+
h(f(Xe), {
|
|
583
583
|
"circle-mode": !0,
|
|
584
|
-
"model-value":
|
|
584
|
+
"model-value": n.imageContent,
|
|
585
585
|
onClose: Fe,
|
|
586
|
-
onSave:
|
|
587
|
-
"onUpdate:modelValue":
|
|
586
|
+
onSave: t[14] || (t[14] = (o) => Ve(o)),
|
|
587
|
+
"onUpdate:modelValue": t[15] || (t[15] = (o) => xe(o))
|
|
588
588
|
}, null, 8, ["model-value"])
|
|
589
589
|
])) : C("", !0)
|
|
590
590
|
])) : C("", !0),
|
|
591
|
-
(
|
|
592
|
-
Y("div",
|
|
593
|
-
|
|
594
|
-
default:
|
|
595
|
-
Je(
|
|
591
|
+
(b(), I(ue, { to: "#toast-root" }, [
|
|
592
|
+
Y("div", yt, [
|
|
593
|
+
h(je, { name: "list" }, {
|
|
594
|
+
default: S(() => [
|
|
595
|
+
Je(h(f(Ke), {
|
|
596
596
|
class: "toast",
|
|
597
|
-
color:
|
|
598
|
-
text:
|
|
599
|
-
onClose:
|
|
597
|
+
color: V.value,
|
|
598
|
+
text: te.value,
|
|
599
|
+
onClose: t[16] || (t[16] = (o) => D.value = !1)
|
|
600
600
|
}, null, 8, ["color", "text"]), [
|
|
601
|
-
[qe,
|
|
601
|
+
[qe, D.value]
|
|
602
602
|
])
|
|
603
603
|
]),
|
|
604
604
|
_: 1
|
|
605
605
|
})
|
|
606
606
|
])
|
|
607
607
|
])),
|
|
608
|
-
|
|
608
|
+
h(f(ce))
|
|
609
609
|
], 64));
|
|
610
610
|
}
|
|
611
|
-
}),
|
|
612
|
-
const
|
|
613
|
-
for (const [
|
|
614
|
-
|
|
615
|
-
return
|
|
616
|
-
},
|
|
611
|
+
}), fe = (r, s) => {
|
|
612
|
+
const a = r.__vccOpts || r;
|
|
613
|
+
for (const [l, g] of s)
|
|
614
|
+
a[l] = g;
|
|
615
|
+
return a;
|
|
616
|
+
}, bt = /* @__PURE__ */ fe(wt, [["__scopeId", "data-v-a56fcdbb"]]), $t = /* @__PURE__ */ j({
|
|
617
617
|
__name: "index",
|
|
618
618
|
props: {
|
|
619
619
|
throttlerPrefix: {},
|
|
@@ -627,43 +627,143 @@ const na = {
|
|
|
627
627
|
disableAddPhone: { type: Boolean }
|
|
628
628
|
},
|
|
629
629
|
emits: ["on-update-jwt", "update-tokens"],
|
|
630
|
-
setup(
|
|
631
|
-
const
|
|
632
|
-
|
|
633
|
-
},
|
|
634
|
-
|
|
635
|
-
},
|
|
636
|
-
|
|
637
|
-
},
|
|
638
|
-
|
|
630
|
+
setup(r, { emit: s }) {
|
|
631
|
+
const a = s, { openDialog: l } = ee(), g = (m, i) => {
|
|
632
|
+
l("email", { initialEmail: m, mode: i });
|
|
633
|
+
}, v = (m, i) => {
|
|
634
|
+
l("phone", { initialPhone: m, mode: i });
|
|
635
|
+
}, T = () => {
|
|
636
|
+
l("password");
|
|
637
|
+
}, d = (m, i, c) => {
|
|
638
|
+
a("on-update-jwt", m, i, c);
|
|
639
639
|
};
|
|
640
|
-
return (
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
"throttler-prefix":
|
|
644
|
-
provider:
|
|
645
|
-
"request-url":
|
|
646
|
-
language:
|
|
647
|
-
fields:
|
|
648
|
-
"access-token":
|
|
649
|
-
"refresh-token":
|
|
650
|
-
"aws-storage-url":
|
|
651
|
-
"disable-add-phone":
|
|
652
|
-
onOpenEmailDialog:
|
|
653
|
-
onOpenPhoneDialog:
|
|
654
|
-
onOpenPasswordDialog:
|
|
655
|
-
onOnUpdateJwt:
|
|
640
|
+
return (m, i) => (b(), k(pe, null, [
|
|
641
|
+
h(f(Ze)),
|
|
642
|
+
h(bt, {
|
|
643
|
+
"throttler-prefix": m.throttlerPrefix,
|
|
644
|
+
provider: m.provider,
|
|
645
|
+
"request-url": m.requestUrl,
|
|
646
|
+
language: m.language,
|
|
647
|
+
fields: m.fields,
|
|
648
|
+
"access-token": m.accessToken,
|
|
649
|
+
"refresh-token": m.refreshToken,
|
|
650
|
+
"aws-storage-url": m.awsStorageUrl,
|
|
651
|
+
"disable-add-phone": m.disableAddPhone,
|
|
652
|
+
onOpenEmailDialog: g,
|
|
653
|
+
onOpenPhoneDialog: v,
|
|
654
|
+
onOpenPasswordDialog: T,
|
|
655
|
+
onOnUpdateJwt: d
|
|
656
656
|
}, null, 8, ["throttler-prefix", "provider", "request-url", "language", "fields", "access-token", "refresh-token", "aws-storage-url", "disable-add-phone"]),
|
|
657
|
-
|
|
657
|
+
h(f(ce))
|
|
658
658
|
], 64));
|
|
659
659
|
}
|
|
660
|
-
});
|
|
660
|
+
}), Et = 10, Pt = 15;
|
|
661
|
+
function Nt(r, s) {
|
|
662
|
+
let a = r.replace(/[^\d+]/g, "");
|
|
663
|
+
return s && a && !a.startsWith("+") && (a = `+${a}`), a.startsWith("+") ? `+${a.slice(1).replace(/\D/g, "")}` : a;
|
|
664
|
+
}
|
|
665
|
+
function Ct(r, s) {
|
|
666
|
+
return r.startsWith("+") ? `+${r.slice(1).slice(0, s)}` : r;
|
|
667
|
+
}
|
|
668
|
+
function kt(r, s = Et, a = Pt) {
|
|
669
|
+
if (!r.startsWith("+"))
|
|
670
|
+
return !1;
|
|
671
|
+
const l = r.slice(1);
|
|
672
|
+
return !(!/^\d+$/.test(l) || l.length < s || l.length > a);
|
|
673
|
+
}
|
|
674
|
+
const Tt = /^[\w.%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i;
|
|
675
|
+
function Ut(r) {
|
|
676
|
+
return Tt.test(r);
|
|
677
|
+
}
|
|
678
|
+
function Bt(r, s) {
|
|
679
|
+
var a, l;
|
|
680
|
+
return r.startsWith("+") || /^\d+$/.test(r) ? (a = s.phone) != null && a.enabled ? "phone" : null : r.includes("@") && (l = s.email) != null && l.enabled ? "email" : null;
|
|
681
|
+
}
|
|
682
|
+
const Dt = { class: "smart-input" }, It = /* @__PURE__ */ j({
|
|
683
|
+
__name: "index",
|
|
684
|
+
props: {
|
|
685
|
+
modelValue: {},
|
|
686
|
+
disabled: { type: Boolean },
|
|
687
|
+
config: {}
|
|
688
|
+
},
|
|
689
|
+
emits: ["update:modelValue", "validity-change", "type-change"],
|
|
690
|
+
setup(r, { emit: s }) {
|
|
691
|
+
const a = r, l = s, g = U(() => {
|
|
692
|
+
var i, c, u, p, y, n, B, D, A, F, V;
|
|
693
|
+
return {
|
|
694
|
+
mode: ((i = a.config) == null ? void 0 : i.mode) ?? "auto",
|
|
695
|
+
phone: {
|
|
696
|
+
enabled: ((u = (c = a.config) == null ? void 0 : c.phone) == null ? void 0 : u.enabled) ?? !0,
|
|
697
|
+
minDigits: ((y = (p = a.config) == null ? void 0 : p.phone) == null ? void 0 : y.minDigits) ?? 10,
|
|
698
|
+
maxDigits: ((B = (n = a.config) == null ? void 0 : n.phone) == null ? void 0 : B.maxDigits) ?? 15,
|
|
699
|
+
autoPlus: ((A = (D = a.config) == null ? void 0 : D.phone) == null ? void 0 : A.autoPlus) ?? !0
|
|
700
|
+
},
|
|
701
|
+
email: {
|
|
702
|
+
enabled: ((V = (F = a.config) == null ? void 0 : F.email) == null ? void 0 : V.enabled) ?? !0
|
|
703
|
+
}
|
|
704
|
+
};
|
|
705
|
+
}), v = w(a.modelValue ?? ""), T = w("phone"), d = w("");
|
|
706
|
+
me(
|
|
707
|
+
() => a.modelValue,
|
|
708
|
+
(i) => {
|
|
709
|
+
i !== void 0 && (v.value = i);
|
|
710
|
+
}
|
|
711
|
+
);
|
|
712
|
+
function m(i) {
|
|
713
|
+
d.value = "";
|
|
714
|
+
const c = g.value.mode === "auto" ? Bt(i, g.value) : g.value.mode;
|
|
715
|
+
T.value = c, l("type-change", c);
|
|
716
|
+
let u = i;
|
|
717
|
+
if (c === "phone") {
|
|
718
|
+
const p = Nt(
|
|
719
|
+
i,
|
|
720
|
+
g.value.phone.autoPlus
|
|
721
|
+
);
|
|
722
|
+
i !== p && (d.value = "Допустимы только цифры и знак + в начале"), u = Ct(
|
|
723
|
+
p,
|
|
724
|
+
g.value.phone.maxDigits
|
|
725
|
+
);
|
|
726
|
+
const y = kt(
|
|
727
|
+
u,
|
|
728
|
+
g.value.phone.minDigits,
|
|
729
|
+
g.value.phone.maxDigits
|
|
730
|
+
);
|
|
731
|
+
l("validity-change", y), !y && !d.value && (d.value = "Это не похоже на номер телефона");
|
|
732
|
+
}
|
|
733
|
+
if (c === "email") {
|
|
734
|
+
const p = Ut(i);
|
|
735
|
+
l("validity-change", p), u = i, p || (d.value = "Это не похоже на email");
|
|
736
|
+
}
|
|
737
|
+
v.value = u, l("update:modelValue", u);
|
|
738
|
+
}
|
|
739
|
+
return (i, c) => (b(), k("div", Dt, [
|
|
740
|
+
h(f(z), {
|
|
741
|
+
"model-value": v.value,
|
|
742
|
+
readonly: i.disabled,
|
|
743
|
+
error: d.value,
|
|
744
|
+
type: "text",
|
|
745
|
+
size: "large",
|
|
746
|
+
label: "Email или телефон",
|
|
747
|
+
onInput: c[0] || (c[0] = (u) => m(u.target.value))
|
|
748
|
+
}, null, 8, ["model-value", "readonly", "error"]),
|
|
749
|
+
T.value === "phone" ? (b(), I(f(He), {
|
|
750
|
+
key: 0,
|
|
751
|
+
class: "smart-input__icon"
|
|
752
|
+
})) : C("", !0),
|
|
753
|
+
T.value === "email" ? (b(), I(f(Qe), {
|
|
754
|
+
key: 1,
|
|
755
|
+
class: "smart-input__icon"
|
|
756
|
+
})) : C("", !0)
|
|
757
|
+
]));
|
|
758
|
+
}
|
|
759
|
+
}), zt = /* @__PURE__ */ fe(It, [["__scopeId", "data-v-64e20b92"]]);
|
|
661
760
|
export {
|
|
662
|
-
|
|
663
|
-
|
|
664
|
-
|
|
665
|
-
|
|
666
|
-
|
|
667
|
-
|
|
668
|
-
|
|
761
|
+
St as B,
|
|
762
|
+
xt as C,
|
|
763
|
+
fe as _,
|
|
764
|
+
$t as a,
|
|
765
|
+
nt as g,
|
|
766
|
+
zt as i,
|
|
767
|
+
H as p,
|
|
768
|
+
st as t
|
|
669
769
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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}.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 } from "./index-
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.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-64e20b92]{position:relative;width:100%}.smart-input__icon[data-v-64e20b92]{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-C_oi-ArN.js";
|
|
3
3
|
export {
|
|
4
|
-
o as PEditUserContact
|
|
4
|
+
o as PEditUserContact,
|
|
5
|
+
r as PEmailOrPhoneInput
|
|
5
6
|
};
|
|
@@ -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-C_oi-ArN.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")}`;
|