@scbt-ecom/ui 0.89.3 → 0.90.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/{index-DM5UjNZl.js → index-CMQOOPU0.js} +358 -408
- package/dist/{index-DM5UjNZl.js.map → index-CMQOOPU0.js.map} +1 -1
- package/dist/{index-Bu5RfW_Z.js → index-Cj4n5Vtu.js} +2 -2
- package/dist/{index-Bu5RfW_Z.js.map → index-Cj4n5Vtu.js.map} +1 -1
- package/dist/lib/widgets/userFeedback/UserFeedback.d.ts +13 -3
- package/dist/lib/widgets/userFeedback/ui/Finally.d.ts +10 -0
- package/dist/lib/widgets/userFeedback/ui/SelectRating.d.ts +11 -1
- package/dist/lib/widgets/userFeedback/ui/UserReview.d.ts +20 -0
- package/dist/lib/widgets/userFeedback/ui/index.d.ts +2 -2
- package/dist/ui.js +3 -3
- package/dist/{utils-BAhmwXLC.js → utils-U4W3nat7.js} +1 -48
- package/dist/{utils-BAhmwXLC.js.map → utils-U4W3nat7.js.map} +1 -1
- package/dist/validation.js +2 -2
- package/dist/widget.js +1232 -1217
- package/dist/widget.js.map +1 -1
- package/package.json +3 -2
- package/dist/lib/widgets/userFeedback/ui/Success.d.ts +0 -4
- package/dist/lib/widgets/userFeedback/ui/UserReviewForm.d.ts +0 -9
package/dist/widget.js
CHANGED
|
@@ -1,151 +1,151 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
throw TypeError(
|
|
1
|
+
var ze = Object.defineProperty;
|
|
2
|
+
var At = (e) => {
|
|
3
|
+
throw TypeError(e);
|
|
4
4
|
};
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var h = (
|
|
8
|
-
var
|
|
5
|
+
var He = (e, t, r) => t in e ? ze(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
|
|
6
|
+
var Ft = (e, t, r) => He(e, typeof t != "symbol" ? t + "" : t, r), Bt = (e, t, r) => t.has(e) || At("Cannot " + r);
|
|
7
|
+
var h = (e, t, r) => (Bt(e, t, "read from private field"), r ? r.call(e) : t.get(e)), N = (e, t, r) => t.has(e) ? At("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), j = (e, t, r, n) => (Bt(e, t, "write to private field"), n ? n.call(e, r) : t.set(e, r), r), U = (e, t, r) => (Bt(e, t, "access private method"), r);
|
|
8
|
+
var yt = (e, t, r, n) => ({
|
|
9
9
|
set _(i) {
|
|
10
|
-
j(
|
|
10
|
+
j(e, t, i, r);
|
|
11
11
|
},
|
|
12
12
|
get _() {
|
|
13
|
-
return h(
|
|
13
|
+
return h(e, t, n);
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
import { j as o } from "./mergeRefs-Danc3mp8.js";
|
|
17
|
-
import { Y as
|
|
18
|
-
import { c as
|
|
19
|
-
import * as
|
|
20
|
-
import { lazy as B, useCallback as
|
|
21
|
-
import { i as
|
|
22
|
-
import { s as ir, c as
|
|
23
|
-
import { u as
|
|
24
|
-
import { z as
|
|
25
|
-
import { au as
|
|
17
|
+
import { Y as ve, Z as Ne, _ as Le, $ as T, a0 as Ut, a1 as Qe, a2 as $e, a3 as qt, a4 as W, a5 as Ve, a6 as We, a7 as Ae, a8 as Ue, a9 as Kt, aa as Zt, ab as qe, ac as Yt, ad as Xt, ae as Ke, B as pt, c as D, R as F, n as Ce, F as Ze, E as R, i as c, Q as ft, r as Ye, t as Xe, p as Ct, L as Je, o as Rt, A as at, U as Dt, af as Ge, q as se, W as St, z as tr, ag as zt, ah as er, M as rr } from "./index-CMQOOPU0.js";
|
|
18
|
+
import { c as a, T as _ } from "./typeGuards-BHbj394R.js";
|
|
19
|
+
import * as mt from "react";
|
|
20
|
+
import { lazy as B, useCallback as Se, useState as O, memo as ct, useMemo as gt, createElement as It, useRef as Ht, useReducer as nr, forwardRef as or, useEffect as vt } from "react";
|
|
21
|
+
import { i as Jt } from "./isClient-C9aZtt2Q.js";
|
|
22
|
+
import { s as ir, c as Mt, r as it, a as dr, l as ar } from "./renderImage-ViVSYcgG.js";
|
|
23
|
+
import { u as lt, b as _t, a as lr, g as Ot, F as ur } from "./useDebounce-5MeprqTX.js";
|
|
24
|
+
import { z as Lt, Z as Tt } from "./index-Cj4n5Vtu.js";
|
|
25
|
+
import { au as Qt } from "./utils-U4W3nat7.js";
|
|
26
26
|
import { b as mr, u as xr, a as hr } from "./useFieldsProgress-C918amw-.js";
|
|
27
|
-
import { createPortal as
|
|
28
|
-
var
|
|
29
|
-
constructor(
|
|
27
|
+
import { createPortal as Ie } from "react-dom";
|
|
28
|
+
var Q, je, pr = (je = class extends ve {
|
|
29
|
+
constructor(t = {}) {
|
|
30
30
|
super();
|
|
31
|
-
N(this,
|
|
32
|
-
this.config =
|
|
33
|
-
}
|
|
34
|
-
build(
|
|
35
|
-
const i = r.queryKey,
|
|
36
|
-
let l = this.get(
|
|
37
|
-
return l || (l = new
|
|
38
|
-
client:
|
|
31
|
+
N(this, Q);
|
|
32
|
+
this.config = t, j(this, Q, /* @__PURE__ */ new Map());
|
|
33
|
+
}
|
|
34
|
+
build(t, r, n) {
|
|
35
|
+
const i = r.queryKey, d = r.queryHash ?? Ne(i, r);
|
|
36
|
+
let l = this.get(d);
|
|
37
|
+
return l || (l = new Le({
|
|
38
|
+
client: t,
|
|
39
39
|
queryKey: i,
|
|
40
|
-
queryHash:
|
|
41
|
-
options:
|
|
40
|
+
queryHash: d,
|
|
41
|
+
options: t.defaultQueryOptions(r),
|
|
42
42
|
state: n,
|
|
43
|
-
defaultOptions:
|
|
43
|
+
defaultOptions: t.getQueryDefaults(i)
|
|
44
44
|
}), this.add(l)), l;
|
|
45
45
|
}
|
|
46
|
-
add(
|
|
47
|
-
h(this,
|
|
46
|
+
add(t) {
|
|
47
|
+
h(this, Q).has(t.queryHash) || (h(this, Q).set(t.queryHash, t), this.notify({
|
|
48
48
|
type: "added",
|
|
49
|
-
query:
|
|
49
|
+
query: t
|
|
50
50
|
}));
|
|
51
51
|
}
|
|
52
|
-
remove(
|
|
53
|
-
const r = h(this,
|
|
54
|
-
r && (
|
|
52
|
+
remove(t) {
|
|
53
|
+
const r = h(this, Q).get(t.queryHash);
|
|
54
|
+
r && (t.destroy(), r === t && h(this, Q).delete(t.queryHash), this.notify({ type: "removed", query: t }));
|
|
55
55
|
}
|
|
56
56
|
clear() {
|
|
57
57
|
T.batch(() => {
|
|
58
|
-
this.getAll().forEach((
|
|
59
|
-
this.remove(
|
|
58
|
+
this.getAll().forEach((t) => {
|
|
59
|
+
this.remove(t);
|
|
60
60
|
});
|
|
61
61
|
});
|
|
62
62
|
}
|
|
63
|
-
get(
|
|
64
|
-
return h(this,
|
|
63
|
+
get(t) {
|
|
64
|
+
return h(this, Q).get(t);
|
|
65
65
|
}
|
|
66
66
|
getAll() {
|
|
67
|
-
return [...h(this,
|
|
67
|
+
return [...h(this, Q).values()];
|
|
68
68
|
}
|
|
69
|
-
find(
|
|
70
|
-
const r = { exact: !0, ...
|
|
69
|
+
find(t) {
|
|
70
|
+
const r = { exact: !0, ...t };
|
|
71
71
|
return this.getAll().find(
|
|
72
|
-
(n) =>
|
|
72
|
+
(n) => Ut(r, n)
|
|
73
73
|
);
|
|
74
74
|
}
|
|
75
|
-
findAll(
|
|
75
|
+
findAll(t = {}) {
|
|
76
76
|
const r = this.getAll();
|
|
77
|
-
return Object.keys(
|
|
77
|
+
return Object.keys(t).length > 0 ? r.filter((n) => Ut(t, n)) : r;
|
|
78
78
|
}
|
|
79
|
-
notify(
|
|
79
|
+
notify(t) {
|
|
80
80
|
T.batch(() => {
|
|
81
81
|
this.listeners.forEach((r) => {
|
|
82
|
-
r(
|
|
82
|
+
r(t);
|
|
83
83
|
});
|
|
84
84
|
});
|
|
85
85
|
}
|
|
86
86
|
onFocus() {
|
|
87
87
|
T.batch(() => {
|
|
88
|
-
this.getAll().forEach((
|
|
89
|
-
|
|
88
|
+
this.getAll().forEach((t) => {
|
|
89
|
+
t.onFocus();
|
|
90
90
|
});
|
|
91
91
|
});
|
|
92
92
|
}
|
|
93
93
|
onOnline() {
|
|
94
94
|
T.batch(() => {
|
|
95
|
-
this.getAll().forEach((
|
|
96
|
-
|
|
95
|
+
this.getAll().forEach((t) => {
|
|
96
|
+
t.onOnline();
|
|
97
97
|
});
|
|
98
98
|
});
|
|
99
99
|
}
|
|
100
|
-
},
|
|
101
|
-
constructor(
|
|
100
|
+
}, Q = new WeakMap(), je), $, M, s, V, q, ye, fr = (ye = class extends Qe {
|
|
101
|
+
constructor(t) {
|
|
102
102
|
super();
|
|
103
|
+
N(this, V);
|
|
103
104
|
N(this, $);
|
|
104
|
-
N(this, Q);
|
|
105
105
|
N(this, M);
|
|
106
|
-
N(this,
|
|
107
|
-
this.mutationId =
|
|
106
|
+
N(this, s);
|
|
107
|
+
this.mutationId = t.mutationId, j(this, M, t.mutationCache), j(this, $, []), this.state = t.state || cr(), this.setOptions(t.options), this.scheduleGc();
|
|
108
108
|
}
|
|
109
|
-
setOptions(
|
|
110
|
-
this.options =
|
|
109
|
+
setOptions(t) {
|
|
110
|
+
this.options = t, this.updateGcTime(this.options.gcTime);
|
|
111
111
|
}
|
|
112
112
|
get meta() {
|
|
113
113
|
return this.options.meta;
|
|
114
114
|
}
|
|
115
|
-
addObserver(
|
|
116
|
-
h(this,
|
|
115
|
+
addObserver(t) {
|
|
116
|
+
h(this, $).includes(t) || (h(this, $).push(t), this.clearGcTimeout(), h(this, M).notify({
|
|
117
117
|
type: "observerAdded",
|
|
118
118
|
mutation: this,
|
|
119
|
-
observer:
|
|
119
|
+
observer: t
|
|
120
120
|
}));
|
|
121
121
|
}
|
|
122
|
-
removeObserver(
|
|
123
|
-
j(this,
|
|
122
|
+
removeObserver(t) {
|
|
123
|
+
j(this, $, h(this, $).filter((r) => r !== t)), this.scheduleGc(), h(this, M).notify({
|
|
124
124
|
type: "observerRemoved",
|
|
125
125
|
mutation: this,
|
|
126
|
-
observer:
|
|
126
|
+
observer: t
|
|
127
127
|
});
|
|
128
128
|
}
|
|
129
129
|
optionalRemove() {
|
|
130
|
-
h(this,
|
|
130
|
+
h(this, $).length || (this.state.status === "pending" ? this.scheduleGc() : h(this, M).remove(this));
|
|
131
131
|
}
|
|
132
132
|
continue() {
|
|
133
|
-
var
|
|
134
|
-
return ((
|
|
133
|
+
var t;
|
|
134
|
+
return ((t = h(this, s)) == null ? void 0 : t.continue()) ?? // continuing a mutation assumes that variables are set, mutation must have been dehydrated before
|
|
135
135
|
this.execute(this.state.variables);
|
|
136
136
|
}
|
|
137
|
-
async execute(
|
|
138
|
-
var
|
|
137
|
+
async execute(t) {
|
|
138
|
+
var d, l, u, x, m, p, f, S, y, P, k, I, E, H, v, C, L, X, bt, jt;
|
|
139
139
|
const r = () => {
|
|
140
|
-
|
|
140
|
+
U(this, V, q).call(this, { type: "continue" });
|
|
141
141
|
};
|
|
142
|
-
j(this,
|
|
143
|
-
fn: () => this.options.mutationFn ? this.options.mutationFn(
|
|
144
|
-
onFail: (w,
|
|
145
|
-
|
|
142
|
+
j(this, s, $e({
|
|
143
|
+
fn: () => this.options.mutationFn ? this.options.mutationFn(t) : Promise.reject(new Error("No mutationFn found")),
|
|
144
|
+
onFail: (w, J) => {
|
|
145
|
+
U(this, V, q).call(this, { type: "failed", failureCount: w, error: J });
|
|
146
146
|
},
|
|
147
147
|
onPause: () => {
|
|
148
|
-
|
|
148
|
+
U(this, V, q).call(this, { type: "pause" });
|
|
149
149
|
},
|
|
150
150
|
onContinue: r,
|
|
151
151
|
retry: this.options.retry ?? 0,
|
|
@@ -153,81 +153,81 @@ var L, jt, pr = (jt = class extends vt {
|
|
|
153
153
|
networkMode: this.options.networkMode,
|
|
154
154
|
canRun: () => h(this, M).canRun(this)
|
|
155
155
|
}));
|
|
156
|
-
const n = this.state.status === "pending", i = !h(this,
|
|
156
|
+
const n = this.state.status === "pending", i = !h(this, s).canStart();
|
|
157
157
|
try {
|
|
158
158
|
if (n)
|
|
159
159
|
r();
|
|
160
160
|
else {
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
161
|
+
U(this, V, q).call(this, { type: "pending", variables: t, isPaused: i }), await ((l = (d = h(this, M).config).onMutate) == null ? void 0 : l.call(
|
|
162
|
+
d,
|
|
163
|
+
t,
|
|
164
164
|
this
|
|
165
165
|
));
|
|
166
|
-
const
|
|
167
|
-
|
|
166
|
+
const J = await ((x = (u = this.options).onMutate) == null ? void 0 : x.call(u, t));
|
|
167
|
+
J !== this.state.context && U(this, V, q).call(this, {
|
|
168
168
|
type: "pending",
|
|
169
|
-
context:
|
|
170
|
-
variables:
|
|
169
|
+
context: J,
|
|
170
|
+
variables: t,
|
|
171
171
|
isPaused: i
|
|
172
172
|
});
|
|
173
173
|
}
|
|
174
|
-
const w = await h(this,
|
|
174
|
+
const w = await h(this, s).start();
|
|
175
175
|
return await ((p = (m = h(this, M).config).onSuccess) == null ? void 0 : p.call(
|
|
176
176
|
m,
|
|
177
177
|
w,
|
|
178
|
-
|
|
178
|
+
t,
|
|
179
179
|
this.state.context,
|
|
180
180
|
this
|
|
181
|
-
)), await ((S = (
|
|
181
|
+
)), await ((S = (f = this.options).onSuccess) == null ? void 0 : S.call(f, w, t, this.state.context)), await ((P = (y = h(this, M).config).onSettled) == null ? void 0 : P.call(
|
|
182
182
|
y,
|
|
183
183
|
w,
|
|
184
184
|
null,
|
|
185
185
|
this.state.variables,
|
|
186
186
|
this.state.context,
|
|
187
187
|
this
|
|
188
|
-
)), await ((I = (k = this.options).onSettled) == null ? void 0 : I.call(k, w, null,
|
|
188
|
+
)), await ((I = (k = this.options).onSettled) == null ? void 0 : I.call(k, w, null, t, this.state.context)), U(this, V, q).call(this, { type: "success", data: w }), w;
|
|
189
189
|
} catch (w) {
|
|
190
190
|
try {
|
|
191
|
-
throw await ((
|
|
192
|
-
|
|
191
|
+
throw await ((H = (E = h(this, M).config).onError) == null ? void 0 : H.call(
|
|
192
|
+
E,
|
|
193
193
|
w,
|
|
194
|
-
|
|
194
|
+
t,
|
|
195
195
|
this.state.context,
|
|
196
196
|
this
|
|
197
197
|
)), await ((C = (v = this.options).onError) == null ? void 0 : C.call(
|
|
198
198
|
v,
|
|
199
199
|
w,
|
|
200
|
-
|
|
200
|
+
t,
|
|
201
201
|
this.state.context
|
|
202
|
-
)), await ((
|
|
203
|
-
|
|
202
|
+
)), await ((X = (L = h(this, M).config).onSettled) == null ? void 0 : X.call(
|
|
203
|
+
L,
|
|
204
204
|
void 0,
|
|
205
205
|
w,
|
|
206
206
|
this.state.variables,
|
|
207
207
|
this.state.context,
|
|
208
208
|
this
|
|
209
|
-
)), await ((
|
|
210
|
-
|
|
209
|
+
)), await ((jt = (bt = this.options).onSettled) == null ? void 0 : jt.call(
|
|
210
|
+
bt,
|
|
211
211
|
void 0,
|
|
212
212
|
w,
|
|
213
|
-
|
|
213
|
+
t,
|
|
214
214
|
this.state.context
|
|
215
215
|
)), w;
|
|
216
216
|
} finally {
|
|
217
|
-
|
|
217
|
+
U(this, V, q).call(this, { type: "error", error: w });
|
|
218
218
|
}
|
|
219
219
|
} finally {
|
|
220
220
|
h(this, M).runNext(this);
|
|
221
221
|
}
|
|
222
222
|
}
|
|
223
|
-
},
|
|
223
|
+
}, $ = new WeakMap(), M = new WeakMap(), s = new WeakMap(), V = new WeakSet(), q = function(t) {
|
|
224
224
|
const r = (n) => {
|
|
225
|
-
switch (
|
|
225
|
+
switch (t.type) {
|
|
226
226
|
case "failed":
|
|
227
227
|
return {
|
|
228
228
|
...n,
|
|
229
|
-
failureCount:
|
|
230
|
-
failureReason:
|
|
229
|
+
failureCount: t.failureCount,
|
|
230
|
+
failureReason: t.error
|
|
231
231
|
};
|
|
232
232
|
case "pause":
|
|
233
233
|
return {
|
|
@@ -242,20 +242,20 @@ var L, jt, pr = (jt = class extends vt {
|
|
|
242
242
|
case "pending":
|
|
243
243
|
return {
|
|
244
244
|
...n,
|
|
245
|
-
context:
|
|
245
|
+
context: t.context,
|
|
246
246
|
data: void 0,
|
|
247
247
|
failureCount: 0,
|
|
248
248
|
failureReason: null,
|
|
249
249
|
error: null,
|
|
250
|
-
isPaused:
|
|
250
|
+
isPaused: t.isPaused,
|
|
251
251
|
status: "pending",
|
|
252
|
-
variables:
|
|
252
|
+
variables: t.variables,
|
|
253
253
|
submittedAt: Date.now()
|
|
254
254
|
};
|
|
255
255
|
case "success":
|
|
256
256
|
return {
|
|
257
257
|
...n,
|
|
258
|
-
data:
|
|
258
|
+
data: t.data,
|
|
259
259
|
failureCount: 0,
|
|
260
260
|
failureReason: null,
|
|
261
261
|
error: null,
|
|
@@ -266,25 +266,25 @@ var L, jt, pr = (jt = class extends vt {
|
|
|
266
266
|
return {
|
|
267
267
|
...n,
|
|
268
268
|
data: void 0,
|
|
269
|
-
error:
|
|
269
|
+
error: t.error,
|
|
270
270
|
failureCount: n.failureCount + 1,
|
|
271
|
-
failureReason:
|
|
271
|
+
failureReason: t.error,
|
|
272
272
|
isPaused: !1,
|
|
273
273
|
status: "error"
|
|
274
274
|
};
|
|
275
275
|
}
|
|
276
276
|
};
|
|
277
277
|
this.state = r(this.state), T.batch(() => {
|
|
278
|
-
h(this,
|
|
279
|
-
n.onMutationUpdate(
|
|
278
|
+
h(this, $).forEach((n) => {
|
|
279
|
+
n.onMutationUpdate(t);
|
|
280
280
|
}), h(this, M).notify({
|
|
281
281
|
mutation: this,
|
|
282
282
|
type: "updated",
|
|
283
|
-
action:
|
|
283
|
+
action: t
|
|
284
284
|
});
|
|
285
285
|
});
|
|
286
|
-
},
|
|
287
|
-
function
|
|
286
|
+
}, ye);
|
|
287
|
+
function cr() {
|
|
288
288
|
return {
|
|
289
289
|
context: void 0,
|
|
290
290
|
data: void 0,
|
|
@@ -297,214 +297,214 @@ function fr() {
|
|
|
297
297
|
submittedAt: 0
|
|
298
298
|
};
|
|
299
299
|
}
|
|
300
|
-
var
|
|
301
|
-
constructor(
|
|
300
|
+
var A, z, ht, ke, gr = (ke = class extends ve {
|
|
301
|
+
constructor(t = {}) {
|
|
302
302
|
super();
|
|
303
|
-
N(this,
|
|
304
|
-
N(this,
|
|
305
|
-
N(this,
|
|
306
|
-
this.config =
|
|
303
|
+
N(this, A);
|
|
304
|
+
N(this, z);
|
|
305
|
+
N(this, ht);
|
|
306
|
+
this.config = t, j(this, A, /* @__PURE__ */ new Set()), j(this, z, /* @__PURE__ */ new Map()), j(this, ht, 0);
|
|
307
307
|
}
|
|
308
|
-
build(
|
|
309
|
-
const i = new
|
|
308
|
+
build(t, r, n) {
|
|
309
|
+
const i = new fr({
|
|
310
310
|
mutationCache: this,
|
|
311
|
-
mutationId: ++
|
|
312
|
-
options:
|
|
311
|
+
mutationId: ++yt(this, ht)._,
|
|
312
|
+
options: t.defaultMutationOptions(r),
|
|
313
313
|
state: n
|
|
314
314
|
});
|
|
315
315
|
return this.add(i), i;
|
|
316
316
|
}
|
|
317
|
-
add(
|
|
318
|
-
h(this,
|
|
319
|
-
const r =
|
|
317
|
+
add(t) {
|
|
318
|
+
h(this, A).add(t);
|
|
319
|
+
const r = kt(t);
|
|
320
320
|
if (typeof r == "string") {
|
|
321
|
-
const n = h(this,
|
|
322
|
-
n ? n.push(
|
|
321
|
+
const n = h(this, z).get(r);
|
|
322
|
+
n ? n.push(t) : h(this, z).set(r, [t]);
|
|
323
323
|
}
|
|
324
|
-
this.notify({ type: "added", mutation:
|
|
324
|
+
this.notify({ type: "added", mutation: t });
|
|
325
325
|
}
|
|
326
|
-
remove(
|
|
327
|
-
if (h(this,
|
|
328
|
-
const r =
|
|
326
|
+
remove(t) {
|
|
327
|
+
if (h(this, A).delete(t)) {
|
|
328
|
+
const r = kt(t);
|
|
329
329
|
if (typeof r == "string") {
|
|
330
|
-
const n = h(this,
|
|
330
|
+
const n = h(this, z).get(r);
|
|
331
331
|
if (n)
|
|
332
332
|
if (n.length > 1) {
|
|
333
|
-
const i = n.indexOf(
|
|
333
|
+
const i = n.indexOf(t);
|
|
334
334
|
i !== -1 && n.splice(i, 1);
|
|
335
|
-
} else n[0] ===
|
|
335
|
+
} else n[0] === t && h(this, z).delete(r);
|
|
336
336
|
}
|
|
337
337
|
}
|
|
338
|
-
this.notify({ type: "removed", mutation:
|
|
338
|
+
this.notify({ type: "removed", mutation: t });
|
|
339
339
|
}
|
|
340
|
-
canRun(
|
|
341
|
-
const r =
|
|
340
|
+
canRun(t) {
|
|
341
|
+
const r = kt(t);
|
|
342
342
|
if (typeof r == "string") {
|
|
343
|
-
const n = h(this,
|
|
344
|
-
(
|
|
343
|
+
const n = h(this, z).get(r), i = n == null ? void 0 : n.find(
|
|
344
|
+
(d) => d.state.status === "pending"
|
|
345
345
|
);
|
|
346
|
-
return !i || i ===
|
|
346
|
+
return !i || i === t;
|
|
347
347
|
} else
|
|
348
348
|
return !0;
|
|
349
349
|
}
|
|
350
|
-
runNext(
|
|
350
|
+
runNext(t) {
|
|
351
351
|
var n;
|
|
352
|
-
const r =
|
|
352
|
+
const r = kt(t);
|
|
353
353
|
if (typeof r == "string") {
|
|
354
|
-
const i = (n = h(this,
|
|
354
|
+
const i = (n = h(this, z).get(r)) == null ? void 0 : n.find((d) => d !== t && d.state.isPaused);
|
|
355
355
|
return (i == null ? void 0 : i.continue()) ?? Promise.resolve();
|
|
356
356
|
} else
|
|
357
357
|
return Promise.resolve();
|
|
358
358
|
}
|
|
359
359
|
clear() {
|
|
360
360
|
T.batch(() => {
|
|
361
|
-
h(this,
|
|
362
|
-
this.notify({ type: "removed", mutation:
|
|
363
|
-
}), h(this,
|
|
361
|
+
h(this, A).forEach((t) => {
|
|
362
|
+
this.notify({ type: "removed", mutation: t });
|
|
363
|
+
}), h(this, A).clear(), h(this, z).clear();
|
|
364
364
|
});
|
|
365
365
|
}
|
|
366
366
|
getAll() {
|
|
367
|
-
return Array.from(h(this,
|
|
367
|
+
return Array.from(h(this, A));
|
|
368
368
|
}
|
|
369
|
-
find(
|
|
370
|
-
const r = { exact: !0, ...
|
|
369
|
+
find(t) {
|
|
370
|
+
const r = { exact: !0, ...t };
|
|
371
371
|
return this.getAll().find(
|
|
372
|
-
(n) =>
|
|
372
|
+
(n) => qt(r, n)
|
|
373
373
|
);
|
|
374
374
|
}
|
|
375
|
-
findAll(
|
|
376
|
-
return this.getAll().filter((r) =>
|
|
375
|
+
findAll(t = {}) {
|
|
376
|
+
return this.getAll().filter((r) => qt(t, r));
|
|
377
377
|
}
|
|
378
|
-
notify(
|
|
378
|
+
notify(t) {
|
|
379
379
|
T.batch(() => {
|
|
380
380
|
this.listeners.forEach((r) => {
|
|
381
|
-
r(
|
|
381
|
+
r(t);
|
|
382
382
|
});
|
|
383
383
|
});
|
|
384
384
|
}
|
|
385
385
|
resumePausedMutations() {
|
|
386
|
-
const
|
|
386
|
+
const t = this.getAll().filter((r) => r.state.isPaused);
|
|
387
387
|
return T.batch(
|
|
388
388
|
() => Promise.all(
|
|
389
|
-
|
|
389
|
+
t.map((r) => r.continue().catch(W))
|
|
390
390
|
)
|
|
391
391
|
);
|
|
392
392
|
}
|
|
393
|
-
},
|
|
394
|
-
function
|
|
395
|
-
var
|
|
396
|
-
return (
|
|
393
|
+
}, A = new WeakMap(), z = new WeakMap(), ht = new WeakMap(), ke);
|
|
394
|
+
function kt(e) {
|
|
395
|
+
var t;
|
|
396
|
+
return (t = e.options.scope) == null ? void 0 : t.id;
|
|
397
397
|
}
|
|
398
|
-
function
|
|
398
|
+
function Gt(e) {
|
|
399
399
|
return {
|
|
400
|
-
onFetch: (
|
|
401
|
-
var p,
|
|
402
|
-
const n =
|
|
400
|
+
onFetch: (t, r) => {
|
|
401
|
+
var p, f, S, y, P;
|
|
402
|
+
const n = t.options, i = (S = (f = (p = t.fetchOptions) == null ? void 0 : p.meta) == null ? void 0 : f.fetchMore) == null ? void 0 : S.direction, d = ((y = t.state.data) == null ? void 0 : y.pages) || [], l = ((P = t.state.data) == null ? void 0 : P.pageParams) || [];
|
|
403
403
|
let u = { pages: [], pageParams: [] }, x = 0;
|
|
404
404
|
const m = async () => {
|
|
405
405
|
let k = !1;
|
|
406
406
|
const I = (v) => {
|
|
407
407
|
Object.defineProperty(v, "signal", {
|
|
408
408
|
enumerable: !0,
|
|
409
|
-
get: () => (
|
|
409
|
+
get: () => (t.signal.aborted ? k = !0 : t.signal.addEventListener("abort", () => {
|
|
410
410
|
k = !0;
|
|
411
|
-
}),
|
|
411
|
+
}), t.signal)
|
|
412
412
|
});
|
|
413
|
-
},
|
|
413
|
+
}, E = Ve(t.options, t.fetchOptions), H = async (v, C, L) => {
|
|
414
414
|
if (k)
|
|
415
415
|
return Promise.reject();
|
|
416
416
|
if (C == null && v.pages.length)
|
|
417
417
|
return Promise.resolve(v);
|
|
418
|
-
const
|
|
419
|
-
const
|
|
420
|
-
client:
|
|
421
|
-
queryKey:
|
|
418
|
+
const bt = (() => {
|
|
419
|
+
const Wt = {
|
|
420
|
+
client: t.client,
|
|
421
|
+
queryKey: t.queryKey,
|
|
422
422
|
pageParam: C,
|
|
423
|
-
direction:
|
|
424
|
-
meta:
|
|
423
|
+
direction: L ? "backward" : "forward",
|
|
424
|
+
meta: t.options.meta
|
|
425
425
|
};
|
|
426
|
-
return I(
|
|
427
|
-
})(),
|
|
426
|
+
return I(Wt), Wt;
|
|
427
|
+
})(), jt = await E(bt), { maxPages: w } = t.options, J = L ? We : Ae;
|
|
428
428
|
return {
|
|
429
|
-
pages:
|
|
430
|
-
pageParams:
|
|
429
|
+
pages: J(v.pages, jt, w),
|
|
430
|
+
pageParams: J(v.pageParams, C, w)
|
|
431
431
|
};
|
|
432
432
|
};
|
|
433
|
-
if (i &&
|
|
434
|
-
const v = i === "backward", C = v ? br :
|
|
435
|
-
pages:
|
|
433
|
+
if (i && d.length) {
|
|
434
|
+
const v = i === "backward", C = v ? br : st, L = {
|
|
435
|
+
pages: d,
|
|
436
436
|
pageParams: l
|
|
437
|
-
},
|
|
438
|
-
u = await
|
|
437
|
+
}, X = C(n, L);
|
|
438
|
+
u = await H(L, X, v);
|
|
439
439
|
} else {
|
|
440
|
-
const v =
|
|
440
|
+
const v = e ?? d.length;
|
|
441
441
|
do {
|
|
442
|
-
const C = x === 0 ? l[0] ?? n.initialPageParam :
|
|
442
|
+
const C = x === 0 ? l[0] ?? n.initialPageParam : st(n, u);
|
|
443
443
|
if (x > 0 && C == null)
|
|
444
444
|
break;
|
|
445
|
-
u = await
|
|
445
|
+
u = await H(u, C), x++;
|
|
446
446
|
} while (x < v);
|
|
447
447
|
}
|
|
448
448
|
return u;
|
|
449
449
|
};
|
|
450
|
-
|
|
450
|
+
t.options.persister ? t.fetchFn = () => {
|
|
451
451
|
var k, I;
|
|
452
|
-
return (I = (k =
|
|
452
|
+
return (I = (k = t.options).persister) == null ? void 0 : I.call(
|
|
453
453
|
k,
|
|
454
454
|
m,
|
|
455
455
|
{
|
|
456
|
-
client:
|
|
457
|
-
queryKey:
|
|
458
|
-
meta:
|
|
459
|
-
signal:
|
|
456
|
+
client: t.client,
|
|
457
|
+
queryKey: t.queryKey,
|
|
458
|
+
meta: t.options.meta,
|
|
459
|
+
signal: t.signal
|
|
460
460
|
},
|
|
461
461
|
r
|
|
462
462
|
);
|
|
463
|
-
} :
|
|
463
|
+
} : t.fetchFn = m;
|
|
464
464
|
}
|
|
465
465
|
};
|
|
466
466
|
}
|
|
467
|
-
function
|
|
468
|
-
const n =
|
|
469
|
-
return
|
|
470
|
-
|
|
471
|
-
|
|
467
|
+
function st(e, { pages: t, pageParams: r }) {
|
|
468
|
+
const n = t.length - 1;
|
|
469
|
+
return t.length > 0 ? e.getNextPageParam(
|
|
470
|
+
t[n],
|
|
471
|
+
t,
|
|
472
472
|
r[n],
|
|
473
473
|
r
|
|
474
474
|
) : void 0;
|
|
475
475
|
}
|
|
476
|
-
function br(
|
|
476
|
+
function br(e, { pages: t, pageParams: r }) {
|
|
477
477
|
var n;
|
|
478
|
-
return
|
|
478
|
+
return t.length > 0 ? (n = e.getPreviousPageParam) == null ? void 0 : n.call(e, t[0], t, r[0], r) : void 0;
|
|
479
479
|
}
|
|
480
|
-
var b,
|
|
481
|
-
constructor(
|
|
480
|
+
var b, K, Z, et, rt, Y, nt, ot, we, jr = (we = class {
|
|
481
|
+
constructor(e = {}) {
|
|
482
482
|
N(this, b);
|
|
483
|
-
N(this, q);
|
|
484
483
|
N(this, K);
|
|
485
|
-
N(this, te);
|
|
486
|
-
N(this, re);
|
|
487
484
|
N(this, Z);
|
|
488
|
-
N(this,
|
|
489
|
-
N(this,
|
|
490
|
-
|
|
485
|
+
N(this, et);
|
|
486
|
+
N(this, rt);
|
|
487
|
+
N(this, Y);
|
|
488
|
+
N(this, nt);
|
|
489
|
+
N(this, ot);
|
|
490
|
+
j(this, b, e.queryCache || new pr()), j(this, K, e.mutationCache || new gr()), j(this, Z, e.defaultOptions || {}), j(this, et, /* @__PURE__ */ new Map()), j(this, rt, /* @__PURE__ */ new Map()), j(this, Y, 0);
|
|
491
491
|
}
|
|
492
492
|
mount() {
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
})), j(this,
|
|
496
|
-
|
|
493
|
+
yt(this, Y)._++, h(this, Y) === 1 && (j(this, nt, Ue.subscribe(async (e) => {
|
|
494
|
+
e && (await this.resumePausedMutations(), h(this, b).onFocus());
|
|
495
|
+
})), j(this, ot, Kt.subscribe(async (e) => {
|
|
496
|
+
e && (await this.resumePausedMutations(), h(this, b).onOnline());
|
|
497
497
|
})));
|
|
498
498
|
}
|
|
499
499
|
unmount() {
|
|
500
|
-
var
|
|
501
|
-
|
|
500
|
+
var e, t;
|
|
501
|
+
yt(this, Y)._--, h(this, Y) === 0 && ((e = h(this, nt)) == null || e.call(this), j(this, nt, void 0), (t = h(this, ot)) == null || t.call(this), j(this, ot, void 0));
|
|
502
502
|
}
|
|
503
|
-
isFetching(
|
|
504
|
-
return h(this, b).findAll({ ...
|
|
503
|
+
isFetching(e) {
|
|
504
|
+
return h(this, b).findAll({ ...e, fetchStatus: "fetching" }).length;
|
|
505
505
|
}
|
|
506
|
-
isMutating(
|
|
507
|
-
return h(this,
|
|
506
|
+
isMutating(e) {
|
|
507
|
+
return h(this, K).findAll({ ...e, status: "pending" }).length;
|
|
508
508
|
}
|
|
509
509
|
/**
|
|
510
510
|
* Imperative (non-reactive) way to retrieve data for a QueryKey.
|
|
@@ -513,178 +513,178 @@ var b, q, K, te, re, Z, ne, oe, wt, jr = (wt = class {
|
|
|
513
513
|
* Hint: Do not use this function inside a component, because it won't receive updates.
|
|
514
514
|
* Use `useQuery` to create a `QueryObserver` that subscribes to changes.
|
|
515
515
|
*/
|
|
516
|
-
getQueryData(
|
|
516
|
+
getQueryData(e) {
|
|
517
517
|
var r;
|
|
518
|
-
const
|
|
519
|
-
return (r = h(this, b).get(
|
|
518
|
+
const t = this.defaultQueryOptions({ queryKey: e });
|
|
519
|
+
return (r = h(this, b).get(t.queryHash)) == null ? void 0 : r.state.data;
|
|
520
520
|
}
|
|
521
|
-
ensureQueryData(
|
|
522
|
-
const
|
|
523
|
-
return n === void 0 ? this.fetchQuery(
|
|
521
|
+
ensureQueryData(e) {
|
|
522
|
+
const t = this.defaultQueryOptions(e), r = h(this, b).build(this, t), n = r.state.data;
|
|
523
|
+
return n === void 0 ? this.fetchQuery(e) : (e.revalidateIfStale && r.isStaleByTime(Zt(t.staleTime, r)) && this.prefetchQuery(t), Promise.resolve(n));
|
|
524
524
|
}
|
|
525
|
-
getQueriesData(
|
|
526
|
-
return h(this, b).findAll(
|
|
525
|
+
getQueriesData(e) {
|
|
526
|
+
return h(this, b).findAll(e).map(({ queryKey: t, state: r }) => {
|
|
527
527
|
const n = r.data;
|
|
528
|
-
return [
|
|
528
|
+
return [t, n];
|
|
529
529
|
});
|
|
530
530
|
}
|
|
531
|
-
setQueryData(
|
|
532
|
-
const n = this.defaultQueryOptions({ queryKey:
|
|
531
|
+
setQueryData(e, t, r) {
|
|
532
|
+
const n = this.defaultQueryOptions({ queryKey: e }), i = h(this, b).get(
|
|
533
533
|
n.queryHash
|
|
534
|
-
),
|
|
534
|
+
), d = i == null ? void 0 : i.state.data, l = qe(t, d);
|
|
535
535
|
if (l !== void 0)
|
|
536
536
|
return h(this, b).build(this, n).setData(l, { ...r, manual: !0 });
|
|
537
537
|
}
|
|
538
|
-
setQueriesData(
|
|
538
|
+
setQueriesData(e, t, r) {
|
|
539
539
|
return T.batch(
|
|
540
|
-
() => h(this, b).findAll(
|
|
540
|
+
() => h(this, b).findAll(e).map(({ queryKey: n }) => [
|
|
541
541
|
n,
|
|
542
|
-
this.setQueryData(n,
|
|
542
|
+
this.setQueryData(n, t, r)
|
|
543
543
|
])
|
|
544
544
|
);
|
|
545
545
|
}
|
|
546
|
-
getQueryState(
|
|
546
|
+
getQueryState(e) {
|
|
547
547
|
var r;
|
|
548
|
-
const
|
|
548
|
+
const t = this.defaultQueryOptions({ queryKey: e });
|
|
549
549
|
return (r = h(this, b).get(
|
|
550
|
-
|
|
550
|
+
t.queryHash
|
|
551
551
|
)) == null ? void 0 : r.state;
|
|
552
552
|
}
|
|
553
|
-
removeQueries(
|
|
554
|
-
const
|
|
553
|
+
removeQueries(e) {
|
|
554
|
+
const t = h(this, b);
|
|
555
555
|
T.batch(() => {
|
|
556
|
-
|
|
557
|
-
|
|
556
|
+
t.findAll(e).forEach((r) => {
|
|
557
|
+
t.remove(r);
|
|
558
558
|
});
|
|
559
559
|
});
|
|
560
560
|
}
|
|
561
|
-
resetQueries(
|
|
561
|
+
resetQueries(e, t) {
|
|
562
562
|
const r = h(this, b);
|
|
563
|
-
return T.batch(() => (r.findAll(
|
|
563
|
+
return T.batch(() => (r.findAll(e).forEach((n) => {
|
|
564
564
|
n.reset();
|
|
565
565
|
}), this.refetchQueries(
|
|
566
566
|
{
|
|
567
567
|
type: "active",
|
|
568
|
-
...
|
|
568
|
+
...e
|
|
569
569
|
},
|
|
570
|
-
|
|
570
|
+
t
|
|
571
571
|
)));
|
|
572
572
|
}
|
|
573
|
-
cancelQueries(
|
|
574
|
-
const r = { revert: !0, ...
|
|
575
|
-
() => h(this, b).findAll(
|
|
573
|
+
cancelQueries(e, t = {}) {
|
|
574
|
+
const r = { revert: !0, ...t }, n = T.batch(
|
|
575
|
+
() => h(this, b).findAll(e).map((i) => i.cancel(r))
|
|
576
576
|
);
|
|
577
|
-
return Promise.all(n).then(
|
|
577
|
+
return Promise.all(n).then(W).catch(W);
|
|
578
578
|
}
|
|
579
|
-
invalidateQueries(
|
|
580
|
-
return T.batch(() => (h(this, b).findAll(
|
|
579
|
+
invalidateQueries(e, t = {}) {
|
|
580
|
+
return T.batch(() => (h(this, b).findAll(e).forEach((r) => {
|
|
581
581
|
r.invalidate();
|
|
582
|
-
}), (
|
|
582
|
+
}), (e == null ? void 0 : e.refetchType) === "none" ? Promise.resolve() : this.refetchQueries(
|
|
583
583
|
{
|
|
584
|
-
...
|
|
585
|
-
type: (
|
|
584
|
+
...e,
|
|
585
|
+
type: (e == null ? void 0 : e.refetchType) ?? (e == null ? void 0 : e.type) ?? "active"
|
|
586
586
|
},
|
|
587
|
-
|
|
587
|
+
t
|
|
588
588
|
)));
|
|
589
589
|
}
|
|
590
|
-
refetchQueries(
|
|
590
|
+
refetchQueries(e, t = {}) {
|
|
591
591
|
const r = {
|
|
592
|
-
...
|
|
593
|
-
cancelRefetch:
|
|
592
|
+
...t,
|
|
593
|
+
cancelRefetch: t.cancelRefetch ?? !0
|
|
594
594
|
}, n = T.batch(
|
|
595
|
-
() => h(this, b).findAll(
|
|
596
|
-
let
|
|
597
|
-
return r.throwOnError || (
|
|
595
|
+
() => h(this, b).findAll(e).filter((i) => !i.isDisabled() && !i.isStatic()).map((i) => {
|
|
596
|
+
let d = i.fetch(void 0, r);
|
|
597
|
+
return r.throwOnError || (d = d.catch(W)), i.state.fetchStatus === "paused" ? Promise.resolve() : d;
|
|
598
598
|
})
|
|
599
599
|
);
|
|
600
|
-
return Promise.all(n).then(
|
|
600
|
+
return Promise.all(n).then(W);
|
|
601
601
|
}
|
|
602
|
-
fetchQuery(
|
|
603
|
-
const
|
|
604
|
-
|
|
605
|
-
const r = h(this, b).build(this,
|
|
602
|
+
fetchQuery(e) {
|
|
603
|
+
const t = this.defaultQueryOptions(e);
|
|
604
|
+
t.retry === void 0 && (t.retry = !1);
|
|
605
|
+
const r = h(this, b).build(this, t);
|
|
606
606
|
return r.isStaleByTime(
|
|
607
|
-
|
|
608
|
-
) ? r.fetch(
|
|
607
|
+
Zt(t.staleTime, r)
|
|
608
|
+
) ? r.fetch(t) : Promise.resolve(r.state.data);
|
|
609
609
|
}
|
|
610
|
-
prefetchQuery(
|
|
611
|
-
return this.fetchQuery(
|
|
610
|
+
prefetchQuery(e) {
|
|
611
|
+
return this.fetchQuery(e).then(W).catch(W);
|
|
612
612
|
}
|
|
613
|
-
fetchInfiniteQuery(
|
|
614
|
-
return
|
|
613
|
+
fetchInfiniteQuery(e) {
|
|
614
|
+
return e.behavior = Gt(e.pages), this.fetchQuery(e);
|
|
615
615
|
}
|
|
616
|
-
prefetchInfiniteQuery(
|
|
617
|
-
return this.fetchInfiniteQuery(
|
|
616
|
+
prefetchInfiniteQuery(e) {
|
|
617
|
+
return this.fetchInfiniteQuery(e).then(W).catch(W);
|
|
618
618
|
}
|
|
619
|
-
ensureInfiniteQueryData(
|
|
620
|
-
return
|
|
619
|
+
ensureInfiniteQueryData(e) {
|
|
620
|
+
return e.behavior = Gt(e.pages), this.ensureQueryData(e);
|
|
621
621
|
}
|
|
622
622
|
resumePausedMutations() {
|
|
623
|
-
return
|
|
623
|
+
return Kt.isOnline() ? h(this, K).resumePausedMutations() : Promise.resolve();
|
|
624
624
|
}
|
|
625
625
|
getQueryCache() {
|
|
626
626
|
return h(this, b);
|
|
627
627
|
}
|
|
628
628
|
getMutationCache() {
|
|
629
|
-
return h(this,
|
|
629
|
+
return h(this, K);
|
|
630
630
|
}
|
|
631
631
|
getDefaultOptions() {
|
|
632
|
-
return h(this,
|
|
632
|
+
return h(this, Z);
|
|
633
633
|
}
|
|
634
|
-
setDefaultOptions(
|
|
635
|
-
j(this,
|
|
634
|
+
setDefaultOptions(e) {
|
|
635
|
+
j(this, Z, e);
|
|
636
636
|
}
|
|
637
|
-
setQueryDefaults(
|
|
638
|
-
h(this,
|
|
639
|
-
queryKey:
|
|
640
|
-
defaultOptions:
|
|
637
|
+
setQueryDefaults(e, t) {
|
|
638
|
+
h(this, et).set(Yt(e), {
|
|
639
|
+
queryKey: e,
|
|
640
|
+
defaultOptions: t
|
|
641
641
|
});
|
|
642
642
|
}
|
|
643
|
-
getQueryDefaults(
|
|
644
|
-
const
|
|
645
|
-
return
|
|
646
|
-
|
|
643
|
+
getQueryDefaults(e) {
|
|
644
|
+
const t = [...h(this, et).values()], r = {};
|
|
645
|
+
return t.forEach((n) => {
|
|
646
|
+
Xt(e, n.queryKey) && Object.assign(r, n.defaultOptions);
|
|
647
647
|
}), r;
|
|
648
648
|
}
|
|
649
|
-
setMutationDefaults(
|
|
650
|
-
h(this,
|
|
651
|
-
mutationKey:
|
|
652
|
-
defaultOptions:
|
|
649
|
+
setMutationDefaults(e, t) {
|
|
650
|
+
h(this, rt).set(Yt(e), {
|
|
651
|
+
mutationKey: e,
|
|
652
|
+
defaultOptions: t
|
|
653
653
|
});
|
|
654
654
|
}
|
|
655
|
-
getMutationDefaults(
|
|
656
|
-
const
|
|
657
|
-
return
|
|
658
|
-
|
|
655
|
+
getMutationDefaults(e) {
|
|
656
|
+
const t = [...h(this, rt).values()], r = {};
|
|
657
|
+
return t.forEach((n) => {
|
|
658
|
+
Xt(e, n.mutationKey) && Object.assign(r, n.defaultOptions);
|
|
659
659
|
}), r;
|
|
660
660
|
}
|
|
661
|
-
defaultQueryOptions(
|
|
662
|
-
if (
|
|
663
|
-
return
|
|
664
|
-
const
|
|
665
|
-
...h(this,
|
|
666
|
-
...this.getQueryDefaults(
|
|
667
|
-
...
|
|
661
|
+
defaultQueryOptions(e) {
|
|
662
|
+
if (e._defaulted)
|
|
663
|
+
return e;
|
|
664
|
+
const t = {
|
|
665
|
+
...h(this, Z).queries,
|
|
666
|
+
...this.getQueryDefaults(e.queryKey),
|
|
667
|
+
...e,
|
|
668
668
|
_defaulted: !0
|
|
669
669
|
};
|
|
670
|
-
return
|
|
671
|
-
|
|
672
|
-
|
|
673
|
-
)),
|
|
674
|
-
}
|
|
675
|
-
defaultMutationOptions(
|
|
676
|
-
return
|
|
677
|
-
...h(this,
|
|
678
|
-
...(
|
|
679
|
-
...
|
|
670
|
+
return t.queryHash || (t.queryHash = Ne(
|
|
671
|
+
t.queryKey,
|
|
672
|
+
t
|
|
673
|
+
)), t.refetchOnReconnect === void 0 && (t.refetchOnReconnect = t.networkMode !== "always"), t.throwOnError === void 0 && (t.throwOnError = !!t.suspense), !t.networkMode && t.persister && (t.networkMode = "offlineFirst"), t.queryFn === Ke && (t.enabled = !1), t;
|
|
674
|
+
}
|
|
675
|
+
defaultMutationOptions(e) {
|
|
676
|
+
return e != null && e._defaulted ? e : {
|
|
677
|
+
...h(this, Z).mutations,
|
|
678
|
+
...(e == null ? void 0 : e.mutationKey) && this.getMutationDefaults(e.mutationKey),
|
|
679
|
+
...e,
|
|
680
680
|
_defaulted: !0
|
|
681
681
|
};
|
|
682
682
|
}
|
|
683
683
|
clear() {
|
|
684
|
-
h(this, b).clear(), h(this,
|
|
684
|
+
h(this, b).clear(), h(this, K).clear();
|
|
685
685
|
}
|
|
686
|
-
}, b = new WeakMap(),
|
|
687
|
-
const yr = B(() => Promise.resolve().then(() =>
|
|
686
|
+
}, b = new WeakMap(), K = new WeakMap(), Z = new WeakMap(), et = new WeakMap(), rt = new WeakMap(), Y = new WeakMap(), nt = new WeakMap(), ot = new WeakMap(), we);
|
|
687
|
+
const yr = B(() => Promise.resolve().then(() => Ar)), kr = B(() => Promise.resolve().then(() => Po)), wr = B(() => Promise.resolve().then(() => Kn)), vr = B(() => Promise.resolve().then(() => Yn)), Nr = B(() => Promise.resolve().then(() => Gr)), Cr = B(() => Promise.resolve().then(() => $r)), Sr = B(() => Promise.resolve().then(() => gn)), Ir = B(() => Promise.resolve().then(() => mn)), Mr = B(() => Promise.resolve().then(() => fo)), _r = B(() => Promise.resolve().then(() => rn)), Or = B(() => Promise.resolve().then(() => Hn)), Tr = B(() => Promise.resolve().then(() => Lr)), Fr = B(() => Promise.resolve().then(() => Do)), Br = B(() => Promise.resolve().then(() => Yo)), Pr = {
|
|
688
688
|
header: Cr,
|
|
689
689
|
seoHeader: Mr,
|
|
690
690
|
banner: yr,
|
|
@@ -699,24 +699,24 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
699
699
|
footer: Nr,
|
|
700
700
|
infoBlock: Fr,
|
|
701
701
|
userFeedback: Br
|
|
702
|
-
},
|
|
703
|
-
(
|
|
702
|
+
}, Er = Object.keys(Pr), g = Er.reduce(
|
|
703
|
+
(e, t) => (e[t] = t, e),
|
|
704
704
|
{}
|
|
705
|
-
),
|
|
706
|
-
switch (
|
|
705
|
+
), Rr = (e) => Se(() => {
|
|
706
|
+
switch (e.handler) {
|
|
707
707
|
case "navigate": {
|
|
708
|
-
const { url: r, target: n, rel: i } =
|
|
709
|
-
|
|
708
|
+
const { url: r, target: n, rel: i } = e;
|
|
709
|
+
Jt && (window == null || window.open(r, n, i));
|
|
710
710
|
break;
|
|
711
711
|
}
|
|
712
712
|
case "scroll": {
|
|
713
|
-
const { widgetId: r } =
|
|
713
|
+
const { widgetId: r } = e ?? "";
|
|
714
714
|
ir({ widgetId: r });
|
|
715
715
|
break;
|
|
716
716
|
}
|
|
717
717
|
case "dialog": {
|
|
718
|
-
if (!
|
|
719
|
-
const { dialogId: r } =
|
|
718
|
+
if (!Jt) return;
|
|
719
|
+
const { dialogId: r } = e ?? {}, n = document.getElementById(r);
|
|
720
720
|
if (!n) {
|
|
721
721
|
console.error("Такого элемента в DOM не существует", r);
|
|
722
722
|
break;
|
|
@@ -724,10 +724,10 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
724
724
|
n.show();
|
|
725
725
|
}
|
|
726
726
|
}
|
|
727
|
-
}, [
|
|
728
|
-
const n =
|
|
729
|
-
return /* @__PURE__ */ o.jsx(
|
|
730
|
-
},
|
|
727
|
+
}, [e]), tt = ({ handlerOptions: e, className: t, ...r }) => {
|
|
728
|
+
const n = Rr(e);
|
|
729
|
+
return /* @__PURE__ */ o.jsx(pt, { className: a(t), onClick: n, ...r, children: r.children });
|
|
730
|
+
}, Dr = D(
|
|
731
731
|
"flex flex-col justify-between overflow-hidden rounded-md bg-color-blue-grey-100 py-6 desktop:flex-row desktop:px-0 desktop:py-0",
|
|
732
732
|
{
|
|
733
733
|
variants: {
|
|
@@ -738,43 +738,43 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
738
738
|
}
|
|
739
739
|
}
|
|
740
740
|
}
|
|
741
|
-
),
|
|
742
|
-
subtitle:
|
|
743
|
-
title:
|
|
741
|
+
), zr = ({
|
|
742
|
+
subtitle: e,
|
|
743
|
+
title: t,
|
|
744
744
|
img: r,
|
|
745
745
|
mobileImg: n,
|
|
746
746
|
classes: i,
|
|
747
|
-
withButton:
|
|
747
|
+
withButton: d,
|
|
748
748
|
button: l,
|
|
749
749
|
variant: u,
|
|
750
750
|
color: x
|
|
751
751
|
}) => {
|
|
752
|
-
const { isDesktop: m } =
|
|
752
|
+
const { isDesktop: m } = lt();
|
|
753
753
|
return /* @__PURE__ */ o.jsxs(
|
|
754
754
|
"li",
|
|
755
755
|
{
|
|
756
756
|
style: { backgroundColor: x ?? "#F3F4F7" },
|
|
757
|
-
className:
|
|
757
|
+
className: a(Dr({ variant: u }), { "pb-0": n }, { "pb-12": !n }, i == null ? void 0 : i.root),
|
|
758
758
|
children: [
|
|
759
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
760
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
761
|
-
/* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html:
|
|
759
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", i == null ? void 0 : i.wrapper), children: [
|
|
760
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", i == null ? void 0 : i.textContainer), children: [
|
|
761
|
+
/* @__PURE__ */ o.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: a("desktop:desk-title-bold-s", i == null ? void 0 : i.title) }),
|
|
762
762
|
/* @__PURE__ */ o.jsx(
|
|
763
763
|
"div",
|
|
764
764
|
{
|
|
765
|
-
dangerouslySetInnerHTML: { __html:
|
|
766
|
-
className:
|
|
765
|
+
dangerouslySetInnerHTML: { __html: e },
|
|
766
|
+
className: a("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", i == null ? void 0 : i.subtitle)
|
|
767
767
|
}
|
|
768
768
|
)
|
|
769
769
|
] }),
|
|
770
|
-
|
|
770
|
+
d && m && (l == null ? void 0 : l.handlerOptions) && /* @__PURE__ */ o.jsx(tt, { intent: "primary", className: a("desktop:w-[200px]", i == null ? void 0 : i.button), size: "lg", ...l })
|
|
771
771
|
] }),
|
|
772
|
-
(n || m) && r && /* @__PURE__ */ o.jsx("div", { className:
|
|
772
|
+
(n || m) && r && /* @__PURE__ */ o.jsx("div", { className: a("flex w-full justify-end", i == null ? void 0 : i.imgContainer), children: r && "url" in r && _.isObject(r) ? /* @__PURE__ */ o.jsx("img", { className: a("h-[246px] object-cover", i == null ? void 0 : i.img), src: r.url, alt: r.alt }) : r })
|
|
773
773
|
]
|
|
774
774
|
},
|
|
775
|
-
|
|
775
|
+
t
|
|
776
776
|
);
|
|
777
|
-
},
|
|
777
|
+
}, Hr = D("grid gap-4", {
|
|
778
778
|
variants: {
|
|
779
779
|
variant: {
|
|
780
780
|
twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
|
|
@@ -782,132 +782,132 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
782
782
|
fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
|
|
783
783
|
}
|
|
784
784
|
}
|
|
785
|
-
}),
|
|
785
|
+
}), te = ({ headline: e, details: t, variant: r, classes: n }) => /* @__PURE__ */ o.jsx("section", { id: g.benefit, "data-test-id": g.benefit, className: a("pb-20", n == null ? void 0 : n.root), children: /* @__PURE__ */ o.jsxs(F, { className: n == null ? void 0 : n.container, children: [
|
|
786
786
|
/* @__PURE__ */ o.jsx(
|
|
787
787
|
"div",
|
|
788
788
|
{
|
|
789
|
-
dangerouslySetInnerHTML: { __html:
|
|
790
|
-
className:
|
|
789
|
+
dangerouslySetInnerHTML: { __html: e },
|
|
790
|
+
className: a("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", n == null ? void 0 : n.heading)
|
|
791
791
|
}
|
|
792
792
|
),
|
|
793
|
-
/* @__PURE__ */ o.jsx("ul", { className:
|
|
794
|
-
] }) }),
|
|
793
|
+
/* @__PURE__ */ o.jsx("ul", { className: a(Hr({ variant: r }), n == null ? void 0 : n.grid), children: t == null ? void 0 : t.map((i) => /* @__PURE__ */ o.jsx(zr, { variant: r, classes: n == null ? void 0 : n.item, ...i }, i.title)) })
|
|
794
|
+
] }) }), Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
795
795
|
__proto__: null,
|
|
796
|
-
Benefit:
|
|
797
|
-
default:
|
|
798
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
799
|
-
switch (
|
|
796
|
+
Benefit: te,
|
|
797
|
+
default: te
|
|
798
|
+
}, Symbol.toStringTag, { value: "Module" })), Qr = ({ variant: e, details: t }) => {
|
|
799
|
+
switch (e) {
|
|
800
800
|
case "withButton":
|
|
801
|
-
return /* @__PURE__ */ o.jsx(
|
|
801
|
+
return /* @__PURE__ */ o.jsx(tt, { ...t });
|
|
802
802
|
case "withPhone":
|
|
803
|
-
return /* @__PURE__ */ o.jsx(
|
|
803
|
+
return /* @__PURE__ */ o.jsx(Ce, { classes: { root: "items-end" }, ...t, phone: Mt(t.phone) });
|
|
804
804
|
default:
|
|
805
805
|
return null;
|
|
806
806
|
}
|
|
807
|
-
},
|
|
808
|
-
const { logoPath:
|
|
807
|
+
}, ee = (e) => {
|
|
808
|
+
const { logoPath: t = "/", logoType: r = "main", classes: n } = e;
|
|
809
809
|
return /* @__PURE__ */ o.jsx(
|
|
810
810
|
"header",
|
|
811
811
|
{
|
|
812
812
|
id: g.header,
|
|
813
813
|
"data-test-id": g.header,
|
|
814
|
-
className:
|
|
815
|
-
children: /* @__PURE__ */ o.jsx(F, { className:
|
|
814
|
+
className: a("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.root),
|
|
815
|
+
children: /* @__PURE__ */ o.jsx(F, { className: a(n == null ? void 0 : n.container), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
|
|
816
816
|
/* @__PURE__ */ o.jsx(
|
|
817
817
|
"a",
|
|
818
818
|
{
|
|
819
|
-
href:
|
|
819
|
+
href: t,
|
|
820
820
|
"aria-label": "logo",
|
|
821
821
|
target: "_blank",
|
|
822
822
|
rel: "noreferrer",
|
|
823
|
-
className:
|
|
823
|
+
className: a(
|
|
824
824
|
"flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
|
|
825
825
|
n == null ? void 0 : n.logo
|
|
826
826
|
),
|
|
827
|
-
children:
|
|
827
|
+
children: Ze[r]
|
|
828
828
|
}
|
|
829
829
|
),
|
|
830
|
-
|
|
830
|
+
Qr(e)
|
|
831
831
|
] }) })
|
|
832
832
|
}
|
|
833
833
|
);
|
|
834
|
-
},
|
|
834
|
+
}, $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
835
835
|
__proto__: null,
|
|
836
|
-
Header:
|
|
837
|
-
default:
|
|
838
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
839
|
-
const { primary: r, secondary: n } =
|
|
836
|
+
Header: ee,
|
|
837
|
+
default: ee
|
|
838
|
+
}, Symbol.toStringTag, { value: "Module" })), Me = ({ buttonConfig: e, classes: t }) => {
|
|
839
|
+
const { primary: r, secondary: n } = e || {};
|
|
840
840
|
return /* @__PURE__ */ o.jsxs(
|
|
841
841
|
"div",
|
|
842
842
|
{
|
|
843
|
-
className:
|
|
843
|
+
className: a(
|
|
844
844
|
"grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col justify-self-center px-4 desktop:static desktop:left-auto desktop:max-w-full desktop:translate-x-0 desktop:flex-row desktop:justify-normal desktop:px-0",
|
|
845
845
|
{ "flex items-center gap-4": n == null ? void 0 : n.enabled },
|
|
846
|
-
|
|
846
|
+
t == null ? void 0 : t.group
|
|
847
847
|
),
|
|
848
848
|
children: [
|
|
849
849
|
r.enabled && /* @__PURE__ */ o.jsx(
|
|
850
|
-
|
|
850
|
+
tt,
|
|
851
851
|
{
|
|
852
|
-
className:
|
|
852
|
+
className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.primary),
|
|
853
853
|
size: "lg",
|
|
854
854
|
intent: "primary",
|
|
855
855
|
...r.buttonContent
|
|
856
856
|
}
|
|
857
857
|
),
|
|
858
858
|
(n == null ? void 0 : n.enabled) && /* @__PURE__ */ o.jsx(
|
|
859
|
-
|
|
859
|
+
tt,
|
|
860
860
|
{
|
|
861
861
|
intent: "secondary",
|
|
862
862
|
size: "lg",
|
|
863
|
-
className:
|
|
863
|
+
className: a("w-full desktop:max-w-[216px]", t == null ? void 0 : t.secondary),
|
|
864
864
|
...r.buttonContent
|
|
865
865
|
}
|
|
866
866
|
)
|
|
867
867
|
]
|
|
868
868
|
}
|
|
869
869
|
);
|
|
870
|
-
},
|
|
871
|
-
const { variant: r, items: n } =
|
|
872
|
-
return /* @__PURE__ */ o.jsx("div", { className:
|
|
870
|
+
}, Nt = ({ details: e, classes: t }) => {
|
|
871
|
+
const { variant: r, items: n } = e ?? {};
|
|
872
|
+
return /* @__PURE__ */ o.jsx("div", { className: a("flex items-center justify-center pb-8", t == null ? void 0 : t.root), children: /* @__PURE__ */ o.jsx(
|
|
873
873
|
"div",
|
|
874
874
|
{
|
|
875
875
|
id: "advantages",
|
|
876
|
-
className:
|
|
876
|
+
className: a(
|
|
877
877
|
"z-10 m-auto flex w-full min-w-[328px] max-w-[636px] flex-col gap-8 rounded-md bg-color-white p-6 shadow-sm desktop:w-full desktop:flex-row desktop:items-start desktop:gap-0 desktop:p-0 desktop:py-6",
|
|
878
878
|
{ "desktop:max-w-[860px]": r === "threeCards" },
|
|
879
879
|
{ "desktop:max-w-[1140px]": r === "fourCards" },
|
|
880
|
-
|
|
880
|
+
t == null ? void 0 : t.advantagesContainer
|
|
881
881
|
),
|
|
882
|
-
children: n == null ? void 0 : n.map(({ title: i, description:
|
|
882
|
+
children: n == null ? void 0 : n.map(({ title: i, description: d }) => /* @__PURE__ */ o.jsxs(
|
|
883
883
|
"div",
|
|
884
884
|
{
|
|
885
|
-
className:
|
|
885
|
+
className: a(
|
|
886
886
|
'after:content-[" "] relative flex h-full w-full flex-col gap-1 after:absolute after:-bottom-4 after:left-1/2 after:h-[1px] after:w-full after:-translate-x-1/2 after:bg-color-blue-grey-300 last:after:hidden desktop:w-[285px] desktop:items-center desktop:px-8 desktop:after:bottom-auto desktop:after:left-auto desktop:after:right-0 desktop:after:top-1/2 desktop:after:h-10 desktop:after:w-[1px] desktop:after:-translate-y-1/2 desktop:after:translate-x-0',
|
|
887
|
-
|
|
887
|
+
t == null ? void 0 : t.item
|
|
888
888
|
),
|
|
889
889
|
children: [
|
|
890
|
-
/* @__PURE__ */ o.jsx(
|
|
891
|
-
/* @__PURE__ */ o.jsx("p", { className:
|
|
890
|
+
/* @__PURE__ */ o.jsx(R, { as: "h4", className: a("text-color-dark", t == null ? void 0 : t.title), children: i }),
|
|
891
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
|
|
892
892
|
]
|
|
893
893
|
},
|
|
894
894
|
i
|
|
895
895
|
))
|
|
896
896
|
}
|
|
897
897
|
) });
|
|
898
|
-
},
|
|
899
|
-
headTitle:
|
|
900
|
-
subtitle:
|
|
898
|
+
}, Vr = ({
|
|
899
|
+
headTitle: e,
|
|
900
|
+
subtitle: t,
|
|
901
901
|
buttonsConfig: r,
|
|
902
902
|
advantages: n,
|
|
903
903
|
classes: i,
|
|
904
|
-
imageDesktop:
|
|
904
|
+
imageDesktop: d,
|
|
905
905
|
imageMobile: l,
|
|
906
906
|
renderImageCb: u,
|
|
907
907
|
backgroundColor: x
|
|
908
908
|
}) => {
|
|
909
|
-
var
|
|
910
|
-
const { isMobile: m } =
|
|
909
|
+
var f;
|
|
910
|
+
const { isMobile: m } = lt(), p = (n == null ? void 0 : n.details) && ((f = n == null ? void 0 : n.details) == null ? void 0 : f.items.length) > 0;
|
|
911
911
|
return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
912
912
|
/* @__PURE__ */ o.jsxs(
|
|
913
913
|
"section",
|
|
@@ -915,43 +915,43 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
915
915
|
id: g.banner,
|
|
916
916
|
"data-test-id": g.banner,
|
|
917
917
|
style: { backgroundColor: x ?? "#d9edff" },
|
|
918
|
-
className:
|
|
918
|
+
className: a("relative h-[552px] desktop:h-[456px]", i == null ? void 0 : i.root),
|
|
919
919
|
children: [
|
|
920
|
-
/* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ?
|
|
920
|
+
/* @__PURE__ */ o.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? it({
|
|
921
921
|
imgProps: {
|
|
922
922
|
className: "h-full w-full object-cover object-center",
|
|
923
923
|
...l
|
|
924
924
|
},
|
|
925
925
|
renderImageCb: u
|
|
926
|
-
}) :
|
|
926
|
+
}) : it({
|
|
927
927
|
imgProps: {
|
|
928
928
|
className: "h-full w-full object-cover object-center",
|
|
929
|
-
...
|
|
929
|
+
...d
|
|
930
930
|
},
|
|
931
931
|
renderImageCb: u
|
|
932
932
|
}) }),
|
|
933
|
-
/* @__PURE__ */ o.jsxs(F, { className:
|
|
934
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
933
|
+
/* @__PURE__ */ o.jsxs(F, { className: a("h-full", i == null ? void 0 : i.container), children: [
|
|
934
|
+
/* @__PURE__ */ o.jsx("div", { className: a("flex h-full", i == null ? void 0 : i.wrapper), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", i == null ? void 0 : i.textBlock), children: [
|
|
935
935
|
/* @__PURE__ */ o.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
|
|
936
936
|
/* @__PURE__ */ o.jsx(
|
|
937
937
|
"div",
|
|
938
938
|
{
|
|
939
|
-
dangerouslySetInnerHTML: { __html:
|
|
940
|
-
className:
|
|
939
|
+
dangerouslySetInnerHTML: { __html: e },
|
|
940
|
+
className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
|
|
941
941
|
}
|
|
942
942
|
),
|
|
943
943
|
/* @__PURE__ */ o.jsx(
|
|
944
944
|
"div",
|
|
945
945
|
{
|
|
946
|
-
dangerouslySetInnerHTML: { __html:
|
|
947
|
-
className:
|
|
946
|
+
dangerouslySetInnerHTML: { __html: t },
|
|
947
|
+
className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
|
|
948
948
|
}
|
|
949
949
|
)
|
|
950
950
|
] }),
|
|
951
|
-
/* @__PURE__ */ o.jsx(
|
|
951
|
+
/* @__PURE__ */ o.jsx(Me, { buttonConfig: r })
|
|
952
952
|
] }) }),
|
|
953
953
|
(n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
|
|
954
|
-
|
|
954
|
+
Nt,
|
|
955
955
|
{
|
|
956
956
|
classes: {
|
|
957
957
|
root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
|
|
@@ -964,7 +964,7 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
964
964
|
}
|
|
965
965
|
),
|
|
966
966
|
(n == null ? void 0 : n.enabled) && p && /* @__PURE__ */ o.jsx(
|
|
967
|
-
|
|
967
|
+
Nt,
|
|
968
968
|
{
|
|
969
969
|
classes: {
|
|
970
970
|
root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
|
|
@@ -973,13 +973,13 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
973
973
|
}
|
|
974
974
|
)
|
|
975
975
|
] });
|
|
976
|
-
},
|
|
977
|
-
headTitle:
|
|
978
|
-
subtitle:
|
|
976
|
+
}, Wr = ({
|
|
977
|
+
headTitle: e,
|
|
978
|
+
subtitle: t,
|
|
979
979
|
buttonsConfig: r,
|
|
980
980
|
advantages: n,
|
|
981
981
|
classes: i,
|
|
982
|
-
renderImageCb:
|
|
982
|
+
renderImageCb: d,
|
|
983
983
|
imageDesktop: l,
|
|
984
984
|
imageMobile: u,
|
|
985
985
|
backgroundColor: x
|
|
@@ -992,29 +992,29 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
992
992
|
id: g.banner,
|
|
993
993
|
style: { backgroundColor: x ?? "#d9edff" },
|
|
994
994
|
"data-test-id": g.banner,
|
|
995
|
-
className:
|
|
995
|
+
className: a("", i == null ? void 0 : i.root),
|
|
996
996
|
children: [
|
|
997
|
-
/* @__PURE__ */ o.jsxs(F, { className:
|
|
998
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
997
|
+
/* @__PURE__ */ o.jsxs(F, { className: a("relative desktop:h-[456px]", i == null ? void 0 : i.container), children: [
|
|
998
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col desktop:flex-row desktop:justify-between", i == null ? void 0 : i.wrapper), children: [
|
|
999
999
|
/* @__PURE__ */ o.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
|
|
1000
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1000
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 pt-6 desktop:pt-0", i == null ? void 0 : i.textBlock), children: [
|
|
1001
1001
|
/* @__PURE__ */ o.jsx(
|
|
1002
1002
|
"div",
|
|
1003
1003
|
{
|
|
1004
|
-
dangerouslySetInnerHTML: { __html:
|
|
1005
|
-
className:
|
|
1004
|
+
dangerouslySetInnerHTML: { __html: e },
|
|
1005
|
+
className: a("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", i == null ? void 0 : i.title)
|
|
1006
1006
|
}
|
|
1007
1007
|
),
|
|
1008
1008
|
/* @__PURE__ */ o.jsx(
|
|
1009
1009
|
"div",
|
|
1010
1010
|
{
|
|
1011
|
-
dangerouslySetInnerHTML: { __html:
|
|
1012
|
-
className:
|
|
1011
|
+
dangerouslySetInnerHTML: { __html: t },
|
|
1012
|
+
className: a("desk-body-regular-l text-color-dark", i == null ? void 0 : i.subtitle)
|
|
1013
1013
|
}
|
|
1014
1014
|
)
|
|
1015
1015
|
] }),
|
|
1016
1016
|
/* @__PURE__ */ o.jsx(
|
|
1017
|
-
|
|
1017
|
+
Me,
|
|
1018
1018
|
{
|
|
1019
1019
|
buttonConfig: r,
|
|
1020
1020
|
classes: {
|
|
@@ -1026,38 +1026,38 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1026
1026
|
/* @__PURE__ */ o.jsx(
|
|
1027
1027
|
"div",
|
|
1028
1028
|
{
|
|
1029
|
-
className:
|
|
1029
|
+
className: a(
|
|
1030
1030
|
"relative flex h-[356px] justify-center desktop:hidden desktop:h-[456px] desktop:w-[550px]",
|
|
1031
1031
|
i == null ? void 0 : i.imageContainer
|
|
1032
1032
|
),
|
|
1033
|
-
children:
|
|
1033
|
+
children: it({
|
|
1034
1034
|
imgProps: {
|
|
1035
1035
|
className: "h-full object-contain",
|
|
1036
1036
|
...u
|
|
1037
1037
|
},
|
|
1038
|
-
renderImageCb:
|
|
1038
|
+
renderImageCb: d
|
|
1039
1039
|
})
|
|
1040
1040
|
}
|
|
1041
1041
|
),
|
|
1042
1042
|
/* @__PURE__ */ o.jsx(
|
|
1043
1043
|
"div",
|
|
1044
1044
|
{
|
|
1045
|
-
className:
|
|
1045
|
+
className: a(
|
|
1046
1046
|
"relative flex h-[356px] justify-center mobile:hidden desktop:h-[456px] desktop:w-[550px]",
|
|
1047
1047
|
i == null ? void 0 : i.imageContainer
|
|
1048
1048
|
),
|
|
1049
|
-
children:
|
|
1049
|
+
children: it({
|
|
1050
1050
|
imgProps: {
|
|
1051
1051
|
className: "h-full object-contain",
|
|
1052
1052
|
...l
|
|
1053
1053
|
},
|
|
1054
|
-
renderImageCb:
|
|
1054
|
+
renderImageCb: d
|
|
1055
1055
|
})
|
|
1056
1056
|
}
|
|
1057
1057
|
)
|
|
1058
1058
|
] }),
|
|
1059
1059
|
(n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
|
|
1060
|
-
|
|
1060
|
+
Nt,
|
|
1061
1061
|
{
|
|
1062
1062
|
classes: {
|
|
1063
1063
|
root: "mobile:hidden desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:rounded-md desktop:p-0"
|
|
@@ -1067,7 +1067,7 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1067
1067
|
)
|
|
1068
1068
|
] }),
|
|
1069
1069
|
(n == null ? void 0 : n.enabled) && m && /* @__PURE__ */ o.jsx(
|
|
1070
|
-
|
|
1070
|
+
Nt,
|
|
1071
1071
|
{
|
|
1072
1072
|
classes: {
|
|
1073
1073
|
root: "px-4 pt-4 mobile:bg-color-white desktop:hidden"
|
|
@@ -1078,58 +1078,58 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1078
1078
|
]
|
|
1079
1079
|
}
|
|
1080
1080
|
);
|
|
1081
|
-
},
|
|
1082
|
-
switch (
|
|
1081
|
+
}, re = ({ variant: e, ...t }) => {
|
|
1082
|
+
switch (e) {
|
|
1083
1083
|
case "fullImg":
|
|
1084
|
-
return /* @__PURE__ */ o.jsx(
|
|
1084
|
+
return /* @__PURE__ */ o.jsx(Vr, { ...t });
|
|
1085
1085
|
default:
|
|
1086
|
-
return /* @__PURE__ */ o.jsx(
|
|
1086
|
+
return /* @__PURE__ */ o.jsx(Wr, { ...t });
|
|
1087
1087
|
}
|
|
1088
|
-
},
|
|
1088
|
+
}, Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1089
1089
|
__proto__: null,
|
|
1090
|
-
Banner:
|
|
1091
|
-
default:
|
|
1092
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1090
|
+
Banner: re,
|
|
1091
|
+
default: re
|
|
1092
|
+
}, Symbol.toStringTag, { value: "Module" })), Ur = ({ socialsLinks: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: e == null ? void 0 : e.map(({ iconName: r, href: n, ...i }) => /* @__PURE__ */ o.jsx(
|
|
1093
1093
|
"a",
|
|
1094
1094
|
{
|
|
1095
|
-
className:
|
|
1095
|
+
className: a("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
|
|
1096
1096
|
href: n,
|
|
1097
1097
|
"aria-label": r.replace("social/", ""),
|
|
1098
1098
|
...i,
|
|
1099
|
-
children: /* @__PURE__ */ o.jsx(
|
|
1099
|
+
children: /* @__PURE__ */ o.jsx(c, { name: r, className: a("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
|
|
1100
1100
|
},
|
|
1101
1101
|
n
|
|
1102
|
-
)) }),
|
|
1103
|
-
|
|
1102
|
+
)) }), qr = ({ phones: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: e == null ? void 0 : e.map(({ phone: r, text: n }) => /* @__PURE__ */ o.jsx(
|
|
1103
|
+
Ce,
|
|
1104
1104
|
{
|
|
1105
|
-
phone:
|
|
1105
|
+
phone: Mt(r),
|
|
1106
1106
|
text: n,
|
|
1107
1107
|
classes: {
|
|
1108
|
-
root:
|
|
1109
|
-
text:
|
|
1110
|
-
link:
|
|
1108
|
+
root: a(t == null ? void 0 : t.phoneWrapper),
|
|
1109
|
+
text: a("text-color-footer", t == null ? void 0 : t.phoneText),
|
|
1110
|
+
link: a("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
|
|
1111
1111
|
}
|
|
1112
1112
|
},
|
|
1113
1113
|
r
|
|
1114
|
-
)) }),
|
|
1114
|
+
)) }), Kr = ({ classes: e, details: t }) => /* @__PURE__ */ o.jsx(
|
|
1115
1115
|
"div",
|
|
1116
1116
|
{
|
|
1117
|
-
className:
|
|
1117
|
+
className: a(
|
|
1118
1118
|
"mt-6 grid grid-cols-1 gap-6 border-b border-blue-grey-500 pb-6 desktop:my-8 desktop:grid-cols-4 desktop:gap-10 desktop:pb-8",
|
|
1119
|
-
|
|
1119
|
+
e == null ? void 0 : e.navRoot
|
|
1120
1120
|
),
|
|
1121
|
-
children:
|
|
1122
|
-
({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className:
|
|
1123
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1124
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1125
|
-
|
|
1121
|
+
children: t == null ? void 0 : t.map(
|
|
1122
|
+
({ column: r }) => r == null ? void 0 : r.map(({ groupLabel: n, links: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
|
|
1123
|
+
/* @__PURE__ */ o.jsx("div", { className: a("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: n }),
|
|
1124
|
+
/* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ path: d, label: l, ...u }) => /* @__PURE__ */ o.jsx(
|
|
1125
|
+
ft,
|
|
1126
1126
|
{
|
|
1127
|
-
href:
|
|
1127
|
+
href: d,
|
|
1128
1128
|
"aria-label": l,
|
|
1129
1129
|
intent: "white",
|
|
1130
1130
|
classes: {
|
|
1131
|
-
link:
|
|
1132
|
-
icon:
|
|
1131
|
+
link: e == null ? void 0 : e.navLink,
|
|
1132
|
+
icon: e == null ? void 0 : e.navLinkIcon
|
|
1133
1133
|
},
|
|
1134
1134
|
...u,
|
|
1135
1135
|
children: l
|
|
@@ -1139,27 +1139,27 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1139
1139
|
] }, n))
|
|
1140
1140
|
)
|
|
1141
1141
|
}
|
|
1142
|
-
),
|
|
1142
|
+
), Zr = ({ text: e, classes: t }) => {
|
|
1143
1143
|
const r = (/* @__PURE__ */ new Date()).getFullYear();
|
|
1144
1144
|
return /* @__PURE__ */ o.jsx(
|
|
1145
1145
|
"div",
|
|
1146
1146
|
{
|
|
1147
|
-
className:
|
|
1147
|
+
className: a("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
|
|
1148
1148
|
dangerouslySetInnerHTML: {
|
|
1149
|
-
__html: `<div style="display: inline-flex; gap: 4px"><span>© 2004-${r}</span> ${
|
|
1149
|
+
__html: `<div style="display: inline-flex; gap: 4px"><span>© 2004-${r}</span> ${e}</div>`
|
|
1150
1150
|
}
|
|
1151
1151
|
}
|
|
1152
1152
|
);
|
|
1153
|
-
},
|
|
1153
|
+
}, Yr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
|
|
1154
1154
|
"a",
|
|
1155
1155
|
{
|
|
1156
1156
|
"aria-label": "logo",
|
|
1157
1157
|
href: "https://sovcombank.ru/",
|
|
1158
|
-
className:
|
|
1159
|
-
children: /* @__PURE__ */ o.jsx(
|
|
1158
|
+
className: a("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", e == null ? void 0 : e.footerLogo),
|
|
1159
|
+
children: /* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoWhite", className: a("size-full", e == null ? void 0 : e.footerLogoIcon) })
|
|
1160
1160
|
}
|
|
1161
|
-
),
|
|
1162
|
-
|
|
1161
|
+
), Xr = ({ classes: e }) => /* @__PURE__ */ o.jsx(
|
|
1162
|
+
ft,
|
|
1163
1163
|
{
|
|
1164
1164
|
intent: "white",
|
|
1165
1165
|
href: "https://sovcombank.ru/site-map",
|
|
@@ -1167,23 +1167,23 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1167
1167
|
"aria-label": "site-map",
|
|
1168
1168
|
rel: "noreferrer",
|
|
1169
1169
|
classes: {
|
|
1170
|
-
link:
|
|
1171
|
-
icon:
|
|
1170
|
+
link: a("mobile:mt-6", e == null ? void 0 : e.siteMapLink),
|
|
1171
|
+
icon: e == null ? void 0 : e.siteMapLinkIcon
|
|
1172
1172
|
},
|
|
1173
1173
|
children: "Карта сайта"
|
|
1174
1174
|
}
|
|
1175
|
-
),
|
|
1176
|
-
const [r, n] =
|
|
1177
|
-
return
|
|
1175
|
+
), Jr = ({ text: e, classes: t }) => {
|
|
1176
|
+
const [r, n] = mt.useState(!1), [i, d] = mt.useState(!1), l = mt.useRef(null);
|
|
1177
|
+
return mt.useEffect(() => {
|
|
1178
1178
|
const u = l.current;
|
|
1179
|
-
u &&
|
|
1180
|
-
}, []), /* @__PURE__ */ o.jsxs("div", { className:
|
|
1179
|
+
u && d(u.scrollHeight > u.clientHeight);
|
|
1180
|
+
}, []), /* @__PURE__ */ o.jsxs("div", { className: a("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
|
|
1181
1181
|
/* @__PURE__ */ o.jsx(
|
|
1182
1182
|
"div",
|
|
1183
1183
|
{
|
|
1184
1184
|
ref: l,
|
|
1185
|
-
className:
|
|
1186
|
-
dangerouslySetInnerHTML: { __html:
|
|
1185
|
+
className: a("desk-body-regular-m text-color-footer", { "line-clamp-3": !r }, t == null ? void 0 : t.ligalText),
|
|
1186
|
+
dangerouslySetInnerHTML: { __html: e }
|
|
1187
1187
|
}
|
|
1188
1188
|
),
|
|
1189
1189
|
i && /* @__PURE__ */ o.jsx(
|
|
@@ -1192,113 +1192,113 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1192
1192
|
tabIndex: 0,
|
|
1193
1193
|
role: "button",
|
|
1194
1194
|
onClick: () => n((u) => !u),
|
|
1195
|
-
className:
|
|
1195
|
+
className: a(
|
|
1196
1196
|
"desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
|
|
1197
|
-
|
|
1197
|
+
t == null ? void 0 : t.ligalButton
|
|
1198
1198
|
),
|
|
1199
1199
|
children: "Подробнее"
|
|
1200
1200
|
}
|
|
1201
1201
|
)
|
|
1202
1202
|
] });
|
|
1203
|
-
},
|
|
1204
|
-
socialsLinks:
|
|
1205
|
-
phones:
|
|
1203
|
+
}, ne = ({
|
|
1204
|
+
socialsLinks: e,
|
|
1205
|
+
phones: t,
|
|
1206
1206
|
ligal: r,
|
|
1207
1207
|
copyright: n,
|
|
1208
1208
|
classes: i,
|
|
1209
|
-
details:
|
|
1209
|
+
details: d,
|
|
1210
1210
|
siteMap: l = !0
|
|
1211
1211
|
}) => /* @__PURE__ */ o.jsx(
|
|
1212
1212
|
"footer",
|
|
1213
1213
|
{
|
|
1214
1214
|
id: g.footer,
|
|
1215
1215
|
"data-test-id": g.footer,
|
|
1216
|
-
className:
|
|
1217
|
-
children: /* @__PURE__ */ o.jsx(F, { className:
|
|
1216
|
+
className: a("w-full bg-color-footer py-8 desktop:py-10", i == null ? void 0 : i.root),
|
|
1217
|
+
children: /* @__PURE__ */ o.jsx(F, { className: a(i == null ? void 0 : i.footerContainer), children: /* @__PURE__ */ o.jsxs("div", { className: a("mobile:pb-[176px]", i == null ? void 0 : i.footerWrapper), children: [
|
|
1218
1218
|
/* @__PURE__ */ o.jsxs(
|
|
1219
1219
|
"div",
|
|
1220
1220
|
{
|
|
1221
|
-
className:
|
|
1221
|
+
className: a(
|
|
1222
1222
|
"flex flex-col items-start justify-between gap-4 border-b border-solid border-blue-grey-500 pb-6 desktop:flex-row desktop:gap-6 desktop:pb-8",
|
|
1223
1223
|
i == null ? void 0 : i.footerHead
|
|
1224
1224
|
),
|
|
1225
1225
|
children: [
|
|
1226
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1227
|
-
/* @__PURE__ */ o.jsx(
|
|
1228
|
-
|
|
1226
|
+
/* @__PURE__ */ o.jsxs("div", { className: a(i == null ? void 0 : i.footerSocialBlock), children: [
|
|
1227
|
+
/* @__PURE__ */ o.jsx(Yr, { classes: i == null ? void 0 : i.footerLogo }),
|
|
1228
|
+
e.enabled && /* @__PURE__ */ o.jsx(Ur, { socialsLinks: e.links, classes: i == null ? void 0 : i.socialLinks })
|
|
1229
1229
|
] }),
|
|
1230
|
-
|
|
1230
|
+
t.enabled && /* @__PURE__ */ o.jsx(qr, { phones: t.items, classes: i == null ? void 0 : i.phonesBlock })
|
|
1231
1231
|
]
|
|
1232
1232
|
}
|
|
1233
1233
|
),
|
|
1234
|
-
!_.isArrayEmpty(
|
|
1235
|
-
r.enabled && /* @__PURE__ */ o.jsx(
|
|
1234
|
+
!_.isArrayEmpty(d) && /* @__PURE__ */ o.jsx(Kr, { details: d, classes: i == null ? void 0 : i.navLinks }),
|
|
1235
|
+
r.enabled && /* @__PURE__ */ o.jsx(Jr, { text: r.text }),
|
|
1236
1236
|
/* @__PURE__ */ o.jsxs(
|
|
1237
1237
|
"div",
|
|
1238
1238
|
{
|
|
1239
|
-
className:
|
|
1239
|
+
className: a(
|
|
1240
1240
|
"mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
|
|
1241
1241
|
i == null ? void 0 : i.footerBottom
|
|
1242
1242
|
),
|
|
1243
1243
|
children: [
|
|
1244
|
-
n.enabled && /* @__PURE__ */ o.jsx(
|
|
1245
|
-
l && /* @__PURE__ */ o.jsx(
|
|
1244
|
+
n.enabled && /* @__PURE__ */ o.jsx(Zr, { text: n.text, classes: i == null ? void 0 : i.copyright }),
|
|
1245
|
+
l && /* @__PURE__ */ o.jsx(Xr, { classes: i == null ? void 0 : i.siteMap })
|
|
1246
1246
|
]
|
|
1247
1247
|
}
|
|
1248
1248
|
)
|
|
1249
1249
|
] }) })
|
|
1250
1250
|
}
|
|
1251
|
-
),
|
|
1251
|
+
), Gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1252
1252
|
__proto__: null,
|
|
1253
|
-
Footer:
|
|
1254
|
-
default:
|
|
1255
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1256
|
-
var
|
|
1257
|
-
const { classes:
|
|
1253
|
+
Footer: ne,
|
|
1254
|
+
default: ne
|
|
1255
|
+
}, Symbol.toStringTag, { value: "Module" })), sr = (e) => {
|
|
1256
|
+
var d, l;
|
|
1257
|
+
const { classes: t, index: r, title: n, description: i } = e;
|
|
1258
1258
|
return /* @__PURE__ */ o.jsxs(
|
|
1259
1259
|
"div",
|
|
1260
1260
|
{
|
|
1261
|
-
className:
|
|
1261
|
+
className: a(
|
|
1262
1262
|
"flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",
|
|
1263
|
-
|
|
1263
|
+
t == null ? void 0 : t.singleStep
|
|
1264
1264
|
),
|
|
1265
1265
|
children: [
|
|
1266
1266
|
/* @__PURE__ */ o.jsx(
|
|
1267
1267
|
"div",
|
|
1268
1268
|
{
|
|
1269
|
-
className:
|
|
1269
|
+
className: a(
|
|
1270
1270
|
"mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",
|
|
1271
|
-
|
|
1271
|
+
t == null ? void 0 : t.numeric
|
|
1272
1272
|
),
|
|
1273
1273
|
children: r
|
|
1274
1274
|
}
|
|
1275
1275
|
),
|
|
1276
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1277
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1276
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.stepContainer), children: [
|
|
1277
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2"), children: [
|
|
1278
1278
|
n && /* @__PURE__ */ o.jsx(
|
|
1279
1279
|
"div",
|
|
1280
1280
|
{
|
|
1281
1281
|
dangerouslySetInnerHTML: { __html: n },
|
|
1282
|
-
className:
|
|
1282
|
+
className: a("mob-title-bold-m text-color-dark desktop:desk-title-bold-s", t == null ? void 0 : t.title)
|
|
1283
1283
|
}
|
|
1284
1284
|
),
|
|
1285
1285
|
/* @__PURE__ */ o.jsx(
|
|
1286
1286
|
"div",
|
|
1287
1287
|
{
|
|
1288
1288
|
dangerouslySetInnerHTML: { __html: i ?? "" },
|
|
1289
|
-
className:
|
|
1289
|
+
className: a("desk-body-regular-l text-color-tetriary", t == null ? void 0 : t.description)
|
|
1290
1290
|
}
|
|
1291
1291
|
)
|
|
1292
1292
|
] }),
|
|
1293
|
-
|
|
1293
|
+
e.type === "withImage" && Object.keys((e == null ? void 0 : e.image) ?? {}).length > 0 && /* @__PURE__ */ o.jsx("div", { className: a("h-[368px] w-[348px] mobile:hidden", t == null ? void 0 : t.imageContainer), children: /* @__PURE__ */ o.jsx("img", { className: a("h-full w-full object-contain", t == null ? void 0 : t.image), src: (d = e == null ? void 0 : e.image) == null ? void 0 : d.src, alt: (l = e == null ? void 0 : e.image) == null ? void 0 : l.alt }) })
|
|
1294
1294
|
] })
|
|
1295
1295
|
]
|
|
1296
1296
|
}
|
|
1297
1297
|
);
|
|
1298
|
-
},
|
|
1299
|
-
const [r, n] = O(0), { carouselClasses: i, carouselSlideClasses:
|
|
1298
|
+
}, tn = ({ currentStepper: e, classes: t }) => {
|
|
1299
|
+
const [r, n] = O(0), { carouselClasses: i, carouselSlideClasses: d } = t || {};
|
|
1300
1300
|
return /* @__PURE__ */ o.jsx(
|
|
1301
|
-
|
|
1301
|
+
Ye,
|
|
1302
1302
|
{
|
|
1303
1303
|
carouselOptions: {
|
|
1304
1304
|
dragFree: !1
|
|
@@ -1318,67 +1318,67 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1318
1318
|
},
|
|
1319
1319
|
...i
|
|
1320
1320
|
},
|
|
1321
|
-
children:
|
|
1322
|
-
|
|
1321
|
+
children: e.details.map((l, u) => /* @__PURE__ */ o.jsx(
|
|
1322
|
+
Xe,
|
|
1323
1323
|
{
|
|
1324
1324
|
variant: "fullScreen",
|
|
1325
1325
|
slideIndex: u,
|
|
1326
1326
|
...l,
|
|
1327
1327
|
classes: {
|
|
1328
1328
|
slide: "mobile:w-[328px] desktop:w-[1140px]",
|
|
1329
|
-
...
|
|
1329
|
+
...d
|
|
1330
1330
|
}
|
|
1331
1331
|
},
|
|
1332
1332
|
u
|
|
1333
1333
|
))
|
|
1334
1334
|
}
|
|
1335
1335
|
);
|
|
1336
|
-
},
|
|
1336
|
+
}, en = ct(({ stepperTabs: e, activeStepper: t, setActiveStepper: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("customScrollbar-y scrollHidden flex items-center gap-4 overflow-x-auto", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ headline: i }) => /* @__PURE__ */ o.jsx(
|
|
1337
1337
|
"button",
|
|
1338
1338
|
{
|
|
1339
1339
|
onClick: () => r(i),
|
|
1340
|
-
className:
|
|
1340
|
+
className: a(
|
|
1341
1341
|
"mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
|
|
1342
|
-
{ "bg-icon-primary-default text-color-white":
|
|
1342
|
+
{ "bg-icon-primary-default text-color-white": t === i },
|
|
1343
1343
|
n == null ? void 0 : n.tab
|
|
1344
1344
|
),
|
|
1345
1345
|
children: i
|
|
1346
1346
|
},
|
|
1347
1347
|
i
|
|
1348
|
-
)) })),
|
|
1348
|
+
)) })), oe = ({ steppers: e, classes: t }) => {
|
|
1349
1349
|
var x, m;
|
|
1350
|
-
const r =
|
|
1351
|
-
return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className:
|
|
1352
|
-
/* @__PURE__ */ o.jsx(
|
|
1350
|
+
const r = e.length > 1, [n, i] = O(r ? (x = e[0]) == null ? void 0 : x.headline : ""), d = gt(() => e == null ? void 0 : e.map(({ headline: p }) => ({ headline: p })), [e]), l = r ? d == null ? void 0 : d.findIndex((p) => p.headline === n) : 0, u = e[l];
|
|
1351
|
+
return /* @__PURE__ */ o.jsx("section", { id: g.stepper, "data-test-id": g.stepper, className: t == null ? void 0 : t.root, children: /* @__PURE__ */ o.jsx(F, { className: a(t == null ? void 0 : t.container, "mobile:max-w-[360px]"), children: /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-6 desktop:items-start desktop:gap-12", t == null ? void 0 : t.wrapper), children: [
|
|
1352
|
+
/* @__PURE__ */ o.jsx(R, { as: "h2", className: a("text-color-dark", t == null ? void 0 : t.headline), children: u.headline }),
|
|
1353
1353
|
/* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-6 desktop:gap-10", children: [
|
|
1354
1354
|
r && /* @__PURE__ */ o.jsx(
|
|
1355
|
-
|
|
1355
|
+
en,
|
|
1356
1356
|
{
|
|
1357
|
-
stepperTabs:
|
|
1357
|
+
stepperTabs: d,
|
|
1358
1358
|
activeStepper: n,
|
|
1359
1359
|
setActiveStepper: i,
|
|
1360
|
-
classes:
|
|
1360
|
+
classes: t == null ? void 0 : t.stepperTabs
|
|
1361
1361
|
}
|
|
1362
1362
|
),
|
|
1363
|
-
u.withImages && /* @__PURE__ */ o.jsx(
|
|
1363
|
+
u.withImages && /* @__PURE__ */ o.jsx(tn, { classes: t == null ? void 0 : t.stepperCarousel, currentStepper: u }),
|
|
1364
1364
|
/* @__PURE__ */ o.jsx(
|
|
1365
1365
|
"div",
|
|
1366
1366
|
{
|
|
1367
|
-
className:
|
|
1367
|
+
className: a(
|
|
1368
1368
|
"flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
|
|
1369
|
-
|
|
1369
|
+
t == null ? void 0 : t.stepsWrapper,
|
|
1370
1370
|
{ "mobile:hidden": u.withImages }
|
|
1371
1371
|
),
|
|
1372
|
-
children: (m = u.details) == null ? void 0 : m.map((p,
|
|
1372
|
+
children: (m = u.details) == null ? void 0 : m.map((p, f) => /* @__PURE__ */ It(sr, { ...p, key: p.description, index: f + 1, classes: t == null ? void 0 : t.step }))
|
|
1373
1373
|
}
|
|
1374
1374
|
)
|
|
1375
1375
|
] })
|
|
1376
1376
|
] }) }) }, u.headline);
|
|
1377
1377
|
}, rn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1378
1378
|
__proto__: null,
|
|
1379
|
-
Stepper:
|
|
1380
|
-
default:
|
|
1381
|
-
}, Symbol.toStringTag, { value: "Module" })), nn =
|
|
1379
|
+
Stepper: oe,
|
|
1380
|
+
default: oe
|
|
1381
|
+
}, Symbol.toStringTag, { value: "Module" })), nn = D("", {
|
|
1382
1382
|
variants: {
|
|
1383
1383
|
intent: {
|
|
1384
1384
|
twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
|
|
@@ -1394,7 +1394,7 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1394
1394
|
defaultVariants: {
|
|
1395
1395
|
intent: "twoItems"
|
|
1396
1396
|
}
|
|
1397
|
-
}), on =
|
|
1397
|
+
}), on = D("", {
|
|
1398
1398
|
variants: {
|
|
1399
1399
|
intent: {
|
|
1400
1400
|
twoItems: "",
|
|
@@ -1426,7 +1426,7 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1426
1426
|
class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
|
|
1427
1427
|
}
|
|
1428
1428
|
]
|
|
1429
|
-
}),
|
|
1429
|
+
}), dn = D("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
|
|
1430
1430
|
variants: {
|
|
1431
1431
|
intent: {
|
|
1432
1432
|
twoItems: 'last:border-none relative desktop:first:after:top-1/2 desktop:first:after:-translate-y-1/2 desktop:first:after:right-0 desktop:first:after:content-[""] desktop:first:after:block desktop:first:after:absolute desktop:first:after:w-[1px] desktop:first:after:h-[64px] desktop:first:after:bg-color-blue-grey-500 desktop:ml-8 desktop:pr-8 desktop:first:ml-0 desktop:last:pr-0 desktop:pb-3',
|
|
@@ -1436,7 +1436,7 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1436
1436
|
defaultVariants: {
|
|
1437
1437
|
intent: "twoItems"
|
|
1438
1438
|
}
|
|
1439
|
-
}),
|
|
1439
|
+
}), an = D("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
|
|
1440
1440
|
variants: {
|
|
1441
1441
|
intent: {
|
|
1442
1442
|
twoItems: "desktop:h-[232px] desktop:w-[500px]",
|
|
@@ -1462,56 +1462,56 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1462
1462
|
class: "desktop:h-[272px] desktop:w-[500px]"
|
|
1463
1463
|
}
|
|
1464
1464
|
]
|
|
1465
|
-
}), ln = ({ data:
|
|
1465
|
+
}), ln = ({ data: e, intent: t }) => {
|
|
1466
1466
|
const {
|
|
1467
1467
|
title: r,
|
|
1468
1468
|
description: n,
|
|
1469
1469
|
popover: i = {
|
|
1470
1470
|
enabled: !1
|
|
1471
1471
|
}
|
|
1472
|
-
} =
|
|
1473
|
-
return /* @__PURE__ */ o.jsx("li", { className:
|
|
1474
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1475
|
-
/* @__PURE__ */ o.jsx("h4", { className:
|
|
1476
|
-
i.enabled && /* @__PURE__ */ o.jsx(
|
|
1472
|
+
} = e;
|
|
1473
|
+
return /* @__PURE__ */ o.jsx("li", { className: a(dn({ intent: t })), children: /* @__PURE__ */ o.jsxs("div", { className: "desktop:max-w-[264px]", children: [
|
|
1474
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("mb-2 flex items-center gap-2"), children: [
|
|
1475
|
+
/* @__PURE__ */ o.jsx("h4", { className: a("mob-title-bold-m text-color-dark"), children: r }),
|
|
1476
|
+
i.enabled && /* @__PURE__ */ o.jsx(Ct, { triggerElement: /* @__PURE__ */ o.jsx(c, { className: a("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: i.text })
|
|
1477
1477
|
] }),
|
|
1478
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1478
|
+
/* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
|
|
1479
1479
|
] }) });
|
|
1480
|
-
},
|
|
1481
|
-
headline:
|
|
1482
|
-
buttonConfig:
|
|
1480
|
+
}, Pt = ({ intent: e, headline: t, desktopHidden: r = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ o.jsx("h2", { className: a(nn({ intent: e, desktopHidden: r, mobileHidden: n })), children: t }), un = ({ details: e, intent: t, withButton: r }) => /* @__PURE__ */ o.jsx("ul", { className: a(on({ intent: t, withButton: r })), children: e == null ? void 0 : e.map((n, i) => /* @__PURE__ */ o.jsx(ln, { intent: t, data: n }, i)) }), ie = ({
|
|
1481
|
+
headline: e,
|
|
1482
|
+
buttonConfig: t,
|
|
1483
1483
|
intent: r = "twoItems",
|
|
1484
1484
|
details: n,
|
|
1485
1485
|
image: i,
|
|
1486
|
-
classes:
|
|
1486
|
+
classes: d
|
|
1487
1487
|
}) => {
|
|
1488
1488
|
const l = r === "fourItems", u = r === "twoItems", x = i && "url" in i && _.isObject(i) ? /* @__PURE__ */ o.jsx("img", { className: "w-full object-contain", alt: i.alt, src: i.url }) : i;
|
|
1489
|
-
return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: d
|
|
1490
|
-
u && /* @__PURE__ */ o.jsx(
|
|
1489
|
+
return /* @__PURE__ */ o.jsx("section", { id: g.longBanner, "data-test-id": g.longBanner, className: a(d == null ? void 0 : d.root), children: /* @__PURE__ */ o.jsxs(F, { className: a(d == null ? void 0 : d.container), children: [
|
|
1490
|
+
u && /* @__PURE__ */ o.jsx(Pt, { intent: r, headline: e }),
|
|
1491
1491
|
/* @__PURE__ */ o.jsxs(
|
|
1492
1492
|
"div",
|
|
1493
1493
|
{
|
|
1494
|
-
className:
|
|
1494
|
+
className: a(
|
|
1495
1495
|
"bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",
|
|
1496
|
-
|
|
1496
|
+
d == null ? void 0 : d.contentContainer
|
|
1497
1497
|
),
|
|
1498
1498
|
children: [
|
|
1499
|
-
l && /* @__PURE__ */ o.jsx(
|
|
1500
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1499
|
+
l && /* @__PURE__ */ o.jsx(Pt, { intent: r, headline: e, desktopHidden: !0 }),
|
|
1500
|
+
/* @__PURE__ */ o.jsx("div", { className: a(an({ intent: r, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: x }),
|
|
1501
1501
|
/* @__PURE__ */ o.jsxs(
|
|
1502
1502
|
"div",
|
|
1503
1503
|
{
|
|
1504
|
-
className:
|
|
1504
|
+
className: a("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
|
|
1505
1505
|
children: [
|
|
1506
|
-
l && /* @__PURE__ */ o.jsx(
|
|
1507
|
-
/* @__PURE__ */ o.jsx(un, { details: n, intent: r, withButton: (
|
|
1508
|
-
(
|
|
1509
|
-
|
|
1506
|
+
l && /* @__PURE__ */ o.jsx(Pt, { intent: r, headline: e, mobileHidden: !0 }),
|
|
1507
|
+
/* @__PURE__ */ o.jsx(un, { details: n, intent: r, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
|
|
1508
|
+
(t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ o.jsx(
|
|
1509
|
+
tt,
|
|
1510
1510
|
{
|
|
1511
|
-
className:
|
|
1511
|
+
className: a("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
|
|
1512
1512
|
size: "lg",
|
|
1513
1513
|
intent: "secondary",
|
|
1514
|
-
...
|
|
1514
|
+
...t.buttonContent
|
|
1515
1515
|
}
|
|
1516
1516
|
)
|
|
1517
1517
|
]
|
|
@@ -1523,17 +1523,17 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1523
1523
|
] }) });
|
|
1524
1524
|
}, mn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1525
1525
|
__proto__: null,
|
|
1526
|
-
LongBanner:
|
|
1527
|
-
default:
|
|
1528
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
1526
|
+
LongBanner: ie,
|
|
1527
|
+
default: ie
|
|
1528
|
+
}, Symbol.toStringTag, { value: "Module" })), Et = {
|
|
1529
1529
|
ESIA: "esia",
|
|
1530
1530
|
MOBILE_ID: "mobileId",
|
|
1531
1531
|
COMBINE: "combine"
|
|
1532
|
-
},
|
|
1532
|
+
}, _e = ({ children: e, isLoading: t, classes: r, loaderProps: n }) => /* @__PURE__ */ o.jsx(
|
|
1533
1533
|
"div",
|
|
1534
1534
|
{
|
|
1535
1535
|
tabIndex: 0,
|
|
1536
|
-
className:
|
|
1536
|
+
className: a(
|
|
1537
1537
|
"relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
|
|
1538
1538
|
"bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
|
|
1539
1539
|
r == null ? void 0 : r.root
|
|
@@ -1541,17 +1541,17 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1541
1541
|
children: /* @__PURE__ */ o.jsx(
|
|
1542
1542
|
"div",
|
|
1543
1543
|
{
|
|
1544
|
-
className:
|
|
1544
|
+
className: a(
|
|
1545
1545
|
"flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
|
|
1546
1546
|
"bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
|
|
1547
|
-
{ "items-center":
|
|
1547
|
+
{ "items-center": t },
|
|
1548
1548
|
r == null ? void 0 : r.wrapper
|
|
1549
1549
|
),
|
|
1550
|
-
children:
|
|
1550
|
+
children: t ? /* @__PURE__ */ o.jsx(Je, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : e
|
|
1551
1551
|
}
|
|
1552
1552
|
)
|
|
1553
1553
|
}
|
|
1554
|
-
), xn = ({ ...
|
|
1554
|
+
), xn = ({ ...e }) => /* @__PURE__ */ o.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e, children: [
|
|
1555
1555
|
/* @__PURE__ */ o.jsx(
|
|
1556
1556
|
"path",
|
|
1557
1557
|
{
|
|
@@ -1579,113 +1579,113 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1579
1579
|
/* @__PURE__ */ o.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
|
|
1580
1580
|
/* @__PURE__ */ o.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
|
|
1581
1581
|
] }) })
|
|
1582
|
-
] }),
|
|
1582
|
+
] }), Oe = ({ mainLink: e, subLink: t, isMobile: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
|
|
1583
1583
|
/* @__PURE__ */ o.jsx(
|
|
1584
1584
|
"a",
|
|
1585
1585
|
{
|
|
1586
|
-
href:
|
|
1586
|
+
href: e.href,
|
|
1587
1587
|
target: "_blank",
|
|
1588
1588
|
rel: "noreferrer",
|
|
1589
|
-
className:
|
|
1589
|
+
className: a(
|
|
1590
1590
|
'before:content=[" "] desk-body-medium-l z-[4] text-color-dark before:absolute before:left-1/2 before:top-1/2 before:h-full before:w-full before:-translate-x-1/2 before:-translate-y-1/2',
|
|
1591
1591
|
n == null ? void 0 : n.linksMainLink
|
|
1592
1592
|
),
|
|
1593
|
-
children: r ?
|
|
1593
|
+
children: r ? e.mobileTitle : e.title
|
|
1594
1594
|
}
|
|
1595
1595
|
),
|
|
1596
|
-
(
|
|
1597
|
-
|
|
1596
|
+
(t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ o.jsx(
|
|
1597
|
+
ft,
|
|
1598
1598
|
{
|
|
1599
1599
|
intent: "blue",
|
|
1600
1600
|
withUnderline: !0,
|
|
1601
|
-
href:
|
|
1601
|
+
href: t == null ? void 0 : t.href,
|
|
1602
1602
|
target: "_blank",
|
|
1603
1603
|
rel: "noreferrer",
|
|
1604
1604
|
classes: {
|
|
1605
|
-
link:
|
|
1605
|
+
link: a("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
|
|
1606
1606
|
},
|
|
1607
|
-
children:
|
|
1607
|
+
children: t == null ? void 0 : t.text
|
|
1608
1608
|
}
|
|
1609
1609
|
)
|
|
1610
|
-
] }),
|
|
1611
|
-
const { isMobile: l } =
|
|
1612
|
-
return /* @__PURE__ */ o.jsx(
|
|
1610
|
+
] }), de = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
|
|
1611
|
+
const { isMobile: l } = lt();
|
|
1612
|
+
return /* @__PURE__ */ o.jsx(_e, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
|
|
1613
1613
|
"div",
|
|
1614
1614
|
{
|
|
1615
|
-
className:
|
|
1615
|
+
className: a(
|
|
1616
1616
|
"flex flex-1 items-center justify-between gap-1",
|
|
1617
1617
|
{ "justify-center": !n && l },
|
|
1618
|
-
|
|
1618
|
+
d == null ? void 0 : d.innerWrapper
|
|
1619
1619
|
),
|
|
1620
1620
|
children: [
|
|
1621
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1621
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
|
|
1622
1622
|
/* @__PURE__ */ o.jsxs("div", { children: [
|
|
1623
|
-
/* @__PURE__ */ o.jsx(
|
|
1624
|
-
/* @__PURE__ */ o.jsx(
|
|
1625
|
-
/* @__PURE__ */ o.jsx(
|
|
1623
|
+
/* @__PURE__ */ o.jsx(c, { name: "logos/mts", className: a("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
|
|
1624
|
+
/* @__PURE__ */ o.jsx(c, { name: "logos/megafon", className: a("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
|
|
1625
|
+
/* @__PURE__ */ o.jsx(c, { name: "logos/beeline", className: a("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
|
|
1626
1626
|
] }),
|
|
1627
|
-
/* @__PURE__ */ o.jsx(
|
|
1628
|
-
/* @__PURE__ */ o.jsx(
|
|
1627
|
+
/* @__PURE__ */ o.jsx(Oe, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
|
|
1628
|
+
/* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
|
|
1629
1629
|
] }),
|
|
1630
|
-
n && /* @__PURE__ */ o.jsx(
|
|
1630
|
+
n && /* @__PURE__ */ o.jsx(Rt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
|
|
1631
1631
|
]
|
|
1632
1632
|
}
|
|
1633
1633
|
) });
|
|
1634
|
-
},
|
|
1635
|
-
const { isMobile: l } =
|
|
1636
|
-
return /* @__PURE__ */ o.jsx(
|
|
1634
|
+
}, ae = ({ mainLink: e, subLink: t, isLoading: r, badge: n, loaderProps: i, classes: d }) => {
|
|
1635
|
+
const { isMobile: l } = lt();
|
|
1636
|
+
return /* @__PURE__ */ o.jsx(_e, { isLoading: r, loaderProps: i, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ o.jsxs(
|
|
1637
1637
|
"div",
|
|
1638
1638
|
{
|
|
1639
|
-
className:
|
|
1639
|
+
className: a(
|
|
1640
1640
|
"flex flex-1 items-center justify-between gap-1",
|
|
1641
1641
|
{ "justify-center": !n && l },
|
|
1642
|
-
|
|
1642
|
+
d == null ? void 0 : d.innerWrapper
|
|
1643
1643
|
),
|
|
1644
1644
|
children: [
|
|
1645
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1646
|
-
/* @__PURE__ */ o.jsx(xn, { className:
|
|
1647
|
-
/* @__PURE__ */ o.jsx(
|
|
1648
|
-
/* @__PURE__ */ o.jsx(
|
|
1645
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
|
|
1646
|
+
/* @__PURE__ */ o.jsx(xn, { className: a("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
|
|
1647
|
+
/* @__PURE__ */ o.jsx(Oe, { mainLink: e, subLink: t, isMobile: l, classes: d == null ? void 0 : d.links }),
|
|
1648
|
+
/* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
|
|
1649
1649
|
] }),
|
|
1650
|
-
n && /* @__PURE__ */ o.jsx(
|
|
1650
|
+
n && /* @__PURE__ */ o.jsx(Rt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: n })
|
|
1651
1651
|
]
|
|
1652
1652
|
}
|
|
1653
1653
|
) });
|
|
1654
|
-
}, hn = (
|
|
1655
|
-
switch (
|
|
1656
|
-
case
|
|
1657
|
-
return /* @__PURE__ */ o.jsx(
|
|
1658
|
-
case
|
|
1659
|
-
return /* @__PURE__ */ o.jsx(
|
|
1660
|
-
case
|
|
1654
|
+
}, hn = (e) => {
|
|
1655
|
+
switch (e.mode) {
|
|
1656
|
+
case Et.ESIA:
|
|
1657
|
+
return /* @__PURE__ */ o.jsx(ae, { ...e });
|
|
1658
|
+
case Et.MOBILE_ID:
|
|
1659
|
+
return /* @__PURE__ */ o.jsx(de, { ...e });
|
|
1660
|
+
case Et.COMBINE:
|
|
1661
1661
|
default:
|
|
1662
|
-
const { esiaConfig:
|
|
1662
|
+
const { esiaConfig: t, mobileIdConfig: r, subtitle: n, badge: i, classes: d } = e, l = !n && !i ? mt.Fragment : "div";
|
|
1663
1663
|
return /* @__PURE__ */ o.jsxs(
|
|
1664
1664
|
"div",
|
|
1665
1665
|
{
|
|
1666
|
-
className:
|
|
1666
|
+
className: a(
|
|
1667
1667
|
"flex w-[328px] flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",
|
|
1668
|
-
|
|
1668
|
+
d == null ? void 0 : d.root
|
|
1669
1669
|
),
|
|
1670
1670
|
children: [
|
|
1671
|
-
/* @__PURE__ */ o.jsxs(l, { className:
|
|
1672
|
-
n && /* @__PURE__ */ o.jsx("h5", { className:
|
|
1673
|
-
i && /* @__PURE__ */ o.jsx(
|
|
1671
|
+
/* @__PURE__ */ o.jsxs(l, { className: a("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
|
|
1672
|
+
n && /* @__PURE__ */ o.jsx("h5", { className: a("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: n }),
|
|
1673
|
+
i && /* @__PURE__ */ o.jsx(Rt, { className: a("bg-color-positive", d == null ? void 0 : d.badge), children: i })
|
|
1674
1674
|
] }),
|
|
1675
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1675
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
|
|
1676
1676
|
/* @__PURE__ */ o.jsx(
|
|
1677
|
-
|
|
1677
|
+
ae,
|
|
1678
1678
|
{
|
|
1679
|
-
...
|
|
1679
|
+
...t,
|
|
1680
1680
|
classes: {
|
|
1681
1681
|
root: "p-0 outline-0 h-[74px]",
|
|
1682
1682
|
arrowIcon: "hidden",
|
|
1683
|
-
...
|
|
1683
|
+
...t.classes
|
|
1684
1684
|
}
|
|
1685
1685
|
}
|
|
1686
1686
|
),
|
|
1687
1687
|
/* @__PURE__ */ o.jsx(
|
|
1688
|
-
|
|
1688
|
+
de,
|
|
1689
1689
|
{
|
|
1690
1690
|
...r,
|
|
1691
1691
|
classes: {
|
|
@@ -1700,12 +1700,12 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1700
1700
|
}
|
|
1701
1701
|
);
|
|
1702
1702
|
}
|
|
1703
|
-
}, li = (
|
|
1704
|
-
|
|
1703
|
+
}, li = (e) => hn(e), le = ({ links: e, classes: t }) => /* @__PURE__ */ o.jsx("nav", { className: a("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: e == null ? void 0 : e.map(({ path: r, label: n, ...i }) => /* @__PURE__ */ o.jsx(
|
|
1704
|
+
ft,
|
|
1705
1705
|
{
|
|
1706
1706
|
classes: {
|
|
1707
|
-
link:
|
|
1708
|
-
icon:
|
|
1707
|
+
link: a("w-max", t == null ? void 0 : t.linkText),
|
|
1708
|
+
icon: a(t == null ? void 0 : t.linkIcon)
|
|
1709
1709
|
},
|
|
1710
1710
|
intent: "dark",
|
|
1711
1711
|
href: r,
|
|
@@ -1713,33 +1713,33 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1713
1713
|
children: n
|
|
1714
1714
|
},
|
|
1715
1715
|
r
|
|
1716
|
-
)) }), pn = ({ groupLabel:
|
|
1717
|
-
var
|
|
1718
|
-
const { isMobile: i } =
|
|
1719
|
-
return /* @__PURE__ */ o.jsxs("div", { className:
|
|
1716
|
+
)) }), pn = ({ groupLabel: e, links: t, mobileAccordionProps: r, classes: n }) => {
|
|
1717
|
+
var d, l, u;
|
|
1718
|
+
const { isMobile: i } = lt();
|
|
1719
|
+
return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
|
|
1720
1720
|
!i && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
1721
|
-
/* @__PURE__ */ o.jsx("h5", { className:
|
|
1722
|
-
/* @__PURE__ */ o.jsx(
|
|
1721
|
+
/* @__PURE__ */ o.jsx("h5", { className: a("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: e }),
|
|
1722
|
+
/* @__PURE__ */ o.jsx(le, { links: t, classes: n == null ? void 0 : n.linksList }, "desktop")
|
|
1723
1723
|
] }),
|
|
1724
1724
|
i && /* @__PURE__ */ o.jsx(
|
|
1725
|
-
|
|
1725
|
+
at,
|
|
1726
1726
|
{
|
|
1727
1727
|
defaultOpen: !0,
|
|
1728
|
-
label:
|
|
1729
|
-
icon: /* @__PURE__ */ o.jsx(
|
|
1728
|
+
label: e,
|
|
1729
|
+
icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
|
|
1730
1730
|
...r,
|
|
1731
1731
|
classes: {
|
|
1732
1732
|
...r == null ? void 0 : r.classes,
|
|
1733
1733
|
header: {
|
|
1734
|
-
trigger:
|
|
1734
|
+
trigger: a("p-0 bg-color-blue-grey-100", (l = (d = r == null ? void 0 : r.classes) == null ? void 0 : d.header) == null ? void 0 : l.trigger)
|
|
1735
1735
|
},
|
|
1736
|
-
contentInner:
|
|
1736
|
+
contentInner: a("py-2 px-4", (u = r == null ? void 0 : r.classes) == null ? void 0 : u.contentInner)
|
|
1737
1737
|
},
|
|
1738
|
-
children: /* @__PURE__ */ o.jsx(
|
|
1738
|
+
children: /* @__PURE__ */ o.jsx(le, { links: t, classes: n == null ? void 0 : n.linksList }, "mobile")
|
|
1739
1739
|
}
|
|
1740
1740
|
)
|
|
1741
1741
|
] });
|
|
1742
|
-
},
|
|
1742
|
+
}, fn = ({ column: e, mobileAccordionProps: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4 desktop:gap-6", r == null ? void 0 : r.column), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx(pn, { ...t, ...n, classes: r == null ? void 0 : r.columnGroup }, n.groupLabel)) }), cn = D("grid gap-4 grid-cols-1", {
|
|
1743
1743
|
variants: {
|
|
1744
1744
|
variant: {
|
|
1745
1745
|
twoCols: "desktop:grid-cols-2",
|
|
@@ -1750,13 +1750,13 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1750
1750
|
defaultVariants: {
|
|
1751
1751
|
variant: "fourCols"
|
|
1752
1752
|
}
|
|
1753
|
-
}),
|
|
1754
|
-
variant:
|
|
1755
|
-
details:
|
|
1753
|
+
}), ue = ({
|
|
1754
|
+
variant: e,
|
|
1755
|
+
details: t,
|
|
1756
1756
|
headline: r,
|
|
1757
1757
|
mobileAccordionProps: n,
|
|
1758
1758
|
rootAccordionProps: i,
|
|
1759
|
-
classes:
|
|
1759
|
+
classes: d,
|
|
1760
1760
|
defaultOpen: l
|
|
1761
1761
|
}) => {
|
|
1762
1762
|
var u, x, m;
|
|
@@ -1765,71 +1765,71 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1765
1765
|
{
|
|
1766
1766
|
id: g.interLinking,
|
|
1767
1767
|
"data-test-id": g.interLinking,
|
|
1768
|
-
className:
|
|
1768
|
+
className: a("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
|
|
1769
1769
|
children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsx(
|
|
1770
|
-
|
|
1770
|
+
at,
|
|
1771
1771
|
{
|
|
1772
1772
|
defaultOpen: l,
|
|
1773
|
-
label: /* @__PURE__ */ o.jsx(
|
|
1773
|
+
label: /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("text-left", d == null ? void 0 : d.headline), children: r }),
|
|
1774
1774
|
...i,
|
|
1775
1775
|
classes: {
|
|
1776
1776
|
...i == null ? void 0 : i.classes,
|
|
1777
1777
|
header: {
|
|
1778
|
-
trigger:
|
|
1778
|
+
trigger: a("bg-color-blue-grey-100", (x = (u = i == null ? void 0 : i.classes) == null ? void 0 : u.header) == null ? void 0 : x.trigger)
|
|
1779
1779
|
},
|
|
1780
|
-
content:
|
|
1780
|
+
content: a("max-w-full bg-color-blue-grey-100 relative", (m = i == null ? void 0 : i.classes) == null ? void 0 : m.content)
|
|
1781
1781
|
},
|
|
1782
|
-
children: /* @__PURE__ */ o.jsx("div", { className:
|
|
1782
|
+
children: /* @__PURE__ */ o.jsx("div", { className: a(cn({ variant: e }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((p, f) => /* @__PURE__ */ o.jsx(fn, { ...p, ...n, classes: d == null ? void 0 : d.column }, f)) })
|
|
1783
1783
|
}
|
|
1784
1784
|
) })
|
|
1785
1785
|
}
|
|
1786
1786
|
);
|
|
1787
1787
|
}, gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
1788
1788
|
__proto__: null,
|
|
1789
|
-
InterLinking:
|
|
1790
|
-
default:
|
|
1791
|
-
}, Symbol.toStringTag, { value: "Module" })), bn = ({ tabsNames:
|
|
1789
|
+
InterLinking: ue,
|
|
1790
|
+
default: ue
|
|
1791
|
+
}, Symbol.toStringTag, { value: "Module" })), bn = ({ tabsNames: e, activeTab: t, setActiveTab: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", n == null ? void 0 : n.tabs), children: e && e.map((i, d) => /* @__PURE__ */ o.jsx(
|
|
1792
1792
|
"button",
|
|
1793
1793
|
{
|
|
1794
|
-
onClick: () => r(
|
|
1795
|
-
className:
|
|
1794
|
+
onClick: () => r(d),
|
|
1795
|
+
className: a(
|
|
1796
1796
|
"mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent focus:outline-primary-focus desktop:px-4 desktop:py-3",
|
|
1797
1797
|
{
|
|
1798
|
-
"bg-icon-primary-default text-color-white":
|
|
1798
|
+
"bg-icon-primary-default text-color-white": t === d
|
|
1799
1799
|
},
|
|
1800
1800
|
n == null ? void 0 : n.button
|
|
1801
1801
|
),
|
|
1802
1802
|
children: i
|
|
1803
1803
|
},
|
|
1804
1804
|
i
|
|
1805
|
-
)) }), jn = (
|
|
1806
|
-
const i = /* @__PURE__ */ o.jsx("div", { className:
|
|
1807
|
-
return /* @__PURE__ */ o.jsx(o.Fragment, { children:
|
|
1808
|
-
}, vn = (
|
|
1809
|
-
rows:
|
|
1805
|
+
)) }), jn = (e) => e.variant === "HTML", yn = (e) => e.variant === "DOCUMENTS", kn = (e) => e.variant === "TABLE", wn = ({ html: e, config: t, classes: r, accordionConfig: n }) => {
|
|
1806
|
+
const i = /* @__PURE__ */ o.jsx("div", { className: a(r == null ? void 0 : r.html), dangerouslySetInnerHTML: { __html: e ?? "" } });
|
|
1807
|
+
return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: t == null ? void 0 : t.accordionTitle, ...n, children: (n == null ? void 0 : n.children) ?? i }) : i });
|
|
1808
|
+
}, vn = (e, t) => ({
|
|
1809
|
+
rows: e == null ? void 0 : e.map(({ row: r }) => ({
|
|
1810
1810
|
row: r == null ? void 0 : r.map((n, i) => {
|
|
1811
|
-
var
|
|
1811
|
+
var d;
|
|
1812
1812
|
return {
|
|
1813
1813
|
...n,
|
|
1814
|
-
heading:
|
|
1814
|
+
heading: t && ((d = t[i]) == null ? void 0 : d.heading)
|
|
1815
1815
|
};
|
|
1816
1816
|
})
|
|
1817
1817
|
}))
|
|
1818
|
-
}), Nn =
|
|
1818
|
+
}), Nn = D("flex flex-col", {
|
|
1819
1819
|
variants: {
|
|
1820
1820
|
columnsVariant: {
|
|
1821
1821
|
twoCols: "w-full max-w-[656px]",
|
|
1822
1822
|
threeCols: "w-full max-w-[768px]"
|
|
1823
1823
|
}
|
|
1824
1824
|
}
|
|
1825
|
-
}), Cn =
|
|
1825
|
+
}), Cn = D("desktop:grid mobile:hidden px-4 mb-4", {
|
|
1826
1826
|
variants: {
|
|
1827
1827
|
columnsVariant: {
|
|
1828
1828
|
twoCols: "grid-cols-2 gap-16",
|
|
1829
1829
|
threeCols: "grid-cols-3 gap-12"
|
|
1830
1830
|
}
|
|
1831
1831
|
}
|
|
1832
|
-
}), Sn = ({ headings:
|
|
1832
|
+
}), Sn = ({ headings: e, columnsVariant: t, classes: r }) => /* @__PURE__ */ o.jsx("div", { className: a(Cn({ columnsVariant: t }), r == null ? void 0 : r.row), children: e == null ? void 0 : e.map((n) => /* @__PURE__ */ o.jsx("div", { className: a("text-color-secondary", r == null ? void 0 : r.cell), children: n == null ? void 0 : n.heading }, n == null ? void 0 : n.heading)) }), In = D("desktop:grid mobile:hidden items-center", {
|
|
1833
1833
|
variants: {
|
|
1834
1834
|
columnsVariant: {
|
|
1835
1835
|
twoCols: "grid-cols-2 gap-16",
|
|
@@ -1840,56 +1840,56 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1840
1840
|
separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
|
|
1841
1841
|
}
|
|
1842
1842
|
}
|
|
1843
|
-
}), Mn = ({ row:
|
|
1843
|
+
}), Mn = ({ row: e, tableVariant: t, columnsVariant: r, rowIndex: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(In({ columnsVariant: r, tableVariant: t }), { "border-none": n === 0 }, i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d }, l) => /* @__PURE__ */ o.jsx(
|
|
1844
1844
|
"div",
|
|
1845
1845
|
{
|
|
1846
|
-
className:
|
|
1847
|
-
children:
|
|
1846
|
+
className: a("desk-body-regular-l text-color-dark", { "font-medium": l !== 0 }, i == null ? void 0 : i.cell),
|
|
1847
|
+
children: d && d
|
|
1848
1848
|
},
|
|
1849
1849
|
l
|
|
1850
|
-
)) }), _n =
|
|
1850
|
+
)) }), _n = D("mobile:flex desktop:hidden flex-col gap-2", {
|
|
1851
1851
|
variants: {
|
|
1852
1852
|
tableVariant: {
|
|
1853
1853
|
filled: "px-4 py-4 odd:bg-color-primary-light-default",
|
|
1854
1854
|
separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
|
|
1855
1855
|
}
|
|
1856
1856
|
}
|
|
1857
|
-
}), On = ({ row:
|
|
1858
|
-
l && /* @__PURE__ */ o.jsx("div", { className:
|
|
1857
|
+
}), On = ({ row: e, tableVariant: t, columnsVariant: r, headingsExist: n, classes: i }) => /* @__PURE__ */ o.jsx("div", { className: a(_n({ tableVariant: t }), i == null ? void 0 : i.row), children: e == null ? void 0 : e.map(({ cell: d, heading: l }, u) => /* @__PURE__ */ o.jsxs("div", { className: a("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !n }, i == null ? void 0 : i.wrapper), children: [
|
|
1858
|
+
l && /* @__PURE__ */ o.jsx("div", { className: a("mob-body-regular-l text-color-secondary", i == null ? void 0 : i.heading), children: l }),
|
|
1859
1859
|
/* @__PURE__ */ o.jsx(
|
|
1860
1860
|
"div",
|
|
1861
1861
|
{
|
|
1862
|
-
className:
|
|
1862
|
+
className: a(
|
|
1863
1863
|
"mob-body-regular-l text-color-dark",
|
|
1864
1864
|
{
|
|
1865
1865
|
"font-medium": u !== 0 && r === "twoCols" || r === "threeCols" || r === "twoCols" && n
|
|
1866
1866
|
},
|
|
1867
1867
|
i == null ? void 0 : i.cell
|
|
1868
1868
|
),
|
|
1869
|
-
children:
|
|
1869
|
+
children: d
|
|
1870
1870
|
}
|
|
1871
1871
|
)
|
|
1872
|
-
] }, u)) }), Tn = ({ tableVariant:
|
|
1872
|
+
] }, u)) }), Tn = ({ tableVariant: e, rows: t, headings: r, columnsVariant: n, classes: i }) => {
|
|
1873
1873
|
var u;
|
|
1874
|
-
const
|
|
1875
|
-
return /* @__PURE__ */ o.jsxs("div", { className:
|
|
1874
|
+
const d = ((u = vn(t, r)) == null ? void 0 : u.rows) ?? [], l = !!(r && r.length > 0);
|
|
1875
|
+
return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", i == null ? void 0 : i.wrapper), children: [
|
|
1876
1876
|
l && /* @__PURE__ */ o.jsx(Sn, { headings: r, columnsVariant: n, classes: i == null ? void 0 : i.desktopHeading }),
|
|
1877
|
-
|
|
1877
|
+
t == null ? void 0 : t.map((x, m) => /* @__PURE__ */ o.jsx(
|
|
1878
1878
|
Mn,
|
|
1879
1879
|
{
|
|
1880
1880
|
rowIndex: m,
|
|
1881
|
-
tableVariant:
|
|
1881
|
+
tableVariant: e,
|
|
1882
1882
|
columnsVariant: n,
|
|
1883
1883
|
classes: i == null ? void 0 : i.desktopRow,
|
|
1884
1884
|
...x
|
|
1885
1885
|
},
|
|
1886
1886
|
m
|
|
1887
1887
|
)),
|
|
1888
|
-
|
|
1888
|
+
d == null ? void 0 : d.map((x, m) => /* @__PURE__ */ o.jsx(
|
|
1889
1889
|
On,
|
|
1890
1890
|
{
|
|
1891
1891
|
headingsExist: l,
|
|
1892
|
-
tableVariant:
|
|
1892
|
+
tableVariant: e,
|
|
1893
1893
|
columnsVariant: n,
|
|
1894
1894
|
classes: i == null ? void 0 : i.desktopRow,
|
|
1895
1895
|
...x
|
|
@@ -1898,32 +1898,32 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1898
1898
|
))
|
|
1899
1899
|
] });
|
|
1900
1900
|
}, Fn = ({
|
|
1901
|
-
tableVariant:
|
|
1902
|
-
description:
|
|
1901
|
+
tableVariant: e,
|
|
1902
|
+
description: t,
|
|
1903
1903
|
columnsVariant: r,
|
|
1904
1904
|
config: n,
|
|
1905
1905
|
rows: i,
|
|
1906
|
-
title:
|
|
1906
|
+
title: d,
|
|
1907
1907
|
headings: l,
|
|
1908
1908
|
accordionConfig: u,
|
|
1909
1909
|
classes: x
|
|
1910
1910
|
}) => {
|
|
1911
|
-
const m = /* @__PURE__ */ o.jsxs("div", { className:
|
|
1912
|
-
|
|
1913
|
-
/* @__PURE__ */ o.jsx(Tn, { tableVariant:
|
|
1914
|
-
|
|
1911
|
+
const m = /* @__PURE__ */ o.jsxs("div", { className: a(Nn({ columnsVariant: r }), x == null ? void 0 : x.wrapper), children: [
|
|
1912
|
+
d && /* @__PURE__ */ o.jsx(R, { as: "h4", className: a("mb-4 desktop:mb-6", x == null ? void 0 : x.headline), children: d }),
|
|
1913
|
+
/* @__PURE__ */ o.jsx(Tn, { tableVariant: e, rows: i, headings: l, columnsVariant: r }),
|
|
1914
|
+
t && /* @__PURE__ */ o.jsx(
|
|
1915
1915
|
"div",
|
|
1916
1916
|
{
|
|
1917
|
-
className:
|
|
1918
|
-
dangerouslySetInnerHTML: { __html:
|
|
1917
|
+
className: a("mt-2 [&&]:desk-body-regular-m desktop:mt-2", x == null ? void 0 : x.description),
|
|
1918
|
+
dangerouslySetInnerHTML: { __html: t ?? "" }
|
|
1919
1919
|
}
|
|
1920
1920
|
)
|
|
1921
1921
|
] });
|
|
1922
|
-
return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(
|
|
1922
|
+
return /* @__PURE__ */ o.jsx(o.Fragment, { children: n && (n != null && n.isAccordion) && (n != null && n.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: n == null ? void 0 : n.accordionTitle, ...u, children: (u == null ? void 0 : u.children) || m }) : m });
|
|
1923
1923
|
}, Bn = {
|
|
1924
1924
|
documentFilled: "files/documentFilled",
|
|
1925
1925
|
documentOutline: "files/documentOutline"
|
|
1926
|
-
},
|
|
1926
|
+
}, Pn = D("size-8 transition-colors", {
|
|
1927
1927
|
variants: {
|
|
1928
1928
|
iconType: {
|
|
1929
1929
|
documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
|
|
@@ -1933,65 +1933,65 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1933
1933
|
defaultVariants: {
|
|
1934
1934
|
iconType: "documentOutline"
|
|
1935
1935
|
}
|
|
1936
|
-
}),
|
|
1936
|
+
}), En = ({ label: e, size: t, url: r, iconType: n, classes: i }) => /* @__PURE__ */ o.jsxs(
|
|
1937
1937
|
"a",
|
|
1938
1938
|
{
|
|
1939
1939
|
href: r,
|
|
1940
1940
|
target: "_blank",
|
|
1941
1941
|
rel: "noreferrer",
|
|
1942
1942
|
tabIndex: 0,
|
|
1943
|
-
className:
|
|
1943
|
+
className: a(
|
|
1944
1944
|
"group flex w-full cursor-pointer items-center gap-2 rounded-sm p-1 outline outline-2 outline-transparent transition-colors focus-within:outline-primary-focus",
|
|
1945
1945
|
i == null ? void 0 : i.link
|
|
1946
1946
|
),
|
|
1947
1947
|
children: [
|
|
1948
|
-
/* @__PURE__ */ o.jsx(
|
|
1949
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1950
|
-
/* @__PURE__ */ o.jsx("p", { className:
|
|
1951
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
1952
|
-
Number(
|
|
1948
|
+
/* @__PURE__ */ o.jsx(c, { name: Bn[n], className: a(Pn({ iconType: n }), i == null ? void 0 : i.icon) }),
|
|
1949
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col", i == null ? void 0 : i.wrapper), children: [
|
|
1950
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l text-color-dark", i == null ? void 0 : i.label), children: e }),
|
|
1951
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("desk-body-regular-m text-color-disabled", i == null ? void 0 : i.size), children: [
|
|
1952
|
+
Number(t),
|
|
1953
1953
|
" КБ"
|
|
1954
1954
|
] })
|
|
1955
1955
|
] })
|
|
1956
1956
|
]
|
|
1957
1957
|
}
|
|
1958
|
-
),
|
|
1959
|
-
const u = /* @__PURE__ */ o.jsxs("div", { className:
|
|
1960
|
-
r && /* @__PURE__ */ o.jsx(
|
|
1961
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
1962
|
-
i && /* @__PURE__ */ o.jsx("div", { className:
|
|
1958
|
+
), Rn = ({ docs: e, config: t, title: r, iconType: n, description: i, classes: d, accordionConfig: l }) => {
|
|
1959
|
+
const u = /* @__PURE__ */ o.jsxs("div", { className: a("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
|
|
1960
|
+
r && /* @__PURE__ */ o.jsx(R, { as: "h3", className: "mb-4", children: r }),
|
|
1961
|
+
/* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: e == null ? void 0 : e.map((x) => /* @__PURE__ */ o.jsx(En, { iconType: n, ...x, classes: d == null ? void 0 : d.singleDocument }, x.label)) }),
|
|
1962
|
+
i && /* @__PURE__ */ o.jsx("div", { className: a("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: i ?? "" } })
|
|
1963
1963
|
] });
|
|
1964
|
-
return /* @__PURE__ */ o.jsx(o.Fragment, { children:
|
|
1965
|
-
},
|
|
1966
|
-
var n, i,
|
|
1964
|
+
return /* @__PURE__ */ o.jsx(o.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ o.jsx(at, { label: t == null ? void 0 : t.accordionTitle, ...l, children: (l == null ? void 0 : l.children) || u }) : u });
|
|
1965
|
+
}, Dn = ({ entity: e, classes: t, accordionsConfig: r }) => {
|
|
1966
|
+
var n, i, d;
|
|
1967
1967
|
switch (!0) {
|
|
1968
|
-
case jn(
|
|
1969
|
-
return (n =
|
|
1968
|
+
case jn(e):
|
|
1969
|
+
return (n = e.details) == null ? void 0 : n.map((l, u) => {
|
|
1970
1970
|
var x;
|
|
1971
|
-
return /* @__PURE__ */ o.jsx(wn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x =
|
|
1971
|
+
return /* @__PURE__ */ o.jsx(wn, { ...l, accordionConfig: r == null ? void 0 : r.htmlAccordion, classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.html }, u);
|
|
1972
1972
|
});
|
|
1973
|
-
case yn(
|
|
1974
|
-
return (i =
|
|
1973
|
+
case yn(e):
|
|
1974
|
+
return (i = e.details) == null ? void 0 : i.map((l, u) => {
|
|
1975
1975
|
var x;
|
|
1976
1976
|
return /* @__PURE__ */ o.jsx(
|
|
1977
|
-
|
|
1977
|
+
Rn,
|
|
1978
1978
|
{
|
|
1979
1979
|
accordionConfig: r == null ? void 0 : r.documentAccordion,
|
|
1980
1980
|
...l,
|
|
1981
|
-
classes: (x =
|
|
1981
|
+
classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.documents
|
|
1982
1982
|
},
|
|
1983
1983
|
u
|
|
1984
1984
|
);
|
|
1985
1985
|
});
|
|
1986
|
-
case kn(
|
|
1987
|
-
return (
|
|
1986
|
+
case kn(e):
|
|
1987
|
+
return (d = e.details) == null ? void 0 : d.map((l, u) => {
|
|
1988
1988
|
var x;
|
|
1989
1989
|
return /* @__PURE__ */ o.jsx(
|
|
1990
1990
|
Fn,
|
|
1991
1991
|
{
|
|
1992
1992
|
accordionConfig: r == null ? void 0 : r.tableAccordion,
|
|
1993
1993
|
...l,
|
|
1994
|
-
classes: (x =
|
|
1994
|
+
classes: (x = t == null ? void 0 : t.entities) == null ? void 0 : x.table
|
|
1995
1995
|
},
|
|
1996
1996
|
u
|
|
1997
1997
|
);
|
|
@@ -1999,27 +1999,27 @@ const yr = B(() => Promise.resolve().then(() => Wr)), kr = B(() => Promise.resol
|
|
|
1999
1999
|
default:
|
|
2000
2000
|
return null;
|
|
2001
2001
|
}
|
|
2002
|
-
},
|
|
2002
|
+
}, zn = ({ entity: e, classes: t, accordionsConfig: r }) => /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: Dn({ entity: e, classes: t, accordionsConfig: r }) }), me = ({ headline: e, tabs: t, classes: r, accordionsConfig: n }) => {
|
|
2003
2003
|
var u, x;
|
|
2004
|
-
const [i,
|
|
2005
|
-
return !
|
|
2006
|
-
/* @__PURE__ */ o.jsx(
|
|
2007
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
2008
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
2004
|
+
const [i, d] = O(0), l = gt(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
|
|
2005
|
+
return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ o.jsx("section", { id: g.usefulInfo, "data-test-id": g.usefulInfo, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsxs(F, { className: a(r == null ? void 0 : r.container), children: [
|
|
2006
|
+
/* @__PURE__ */ o.jsx(R, { className: a(r == null ? void 0 : r.headline), as: "h2", children: e }),
|
|
2007
|
+
/* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-2 desktop:mt-12", r == null ? void 0 : r.tabsWrapper), children: /* @__PURE__ */ o.jsx(bn, { tabsNames: l, activeTab: i, setActiveTab: d, classes: r == null ? void 0 : r.tabs }) }),
|
|
2008
|
+
/* @__PURE__ */ o.jsx("div", { className: a("mt-6 flex flex-col gap-6", r == null ? void 0 : r.contentWrapper), children: (x = (u = t == null ? void 0 : t[i]) == null ? void 0 : u.contents) == null ? void 0 : x.map((m, p) => /* @__PURE__ */ o.jsx(zn, { accordionsConfig: n, ...m, classes: r == null ? void 0 : r.entityClasses }, p)) })
|
|
2009
2009
|
] }) });
|
|
2010
|
-
},
|
|
2010
|
+
}, Hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2011
2011
|
__proto__: null,
|
|
2012
|
-
UsefulInfo:
|
|
2013
|
-
default:
|
|
2014
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2015
|
-
const i =
|
|
2016
|
-
return /* @__PURE__ */
|
|
2012
|
+
UsefulInfo: me,
|
|
2013
|
+
default: me
|
|
2014
|
+
}, Symbol.toStringTag, { value: "Module" })), $t = ({ fields: e, control: t }) => e.map(({ type: r, args: n }) => {
|
|
2015
|
+
const i = Dt[r];
|
|
2016
|
+
return /* @__PURE__ */ It(i, { ...n, key: n.name, control: t });
|
|
2017
2017
|
});
|
|
2018
|
-
class
|
|
2019
|
-
constructor(
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
this.options =
|
|
2018
|
+
class Ln {
|
|
2019
|
+
constructor(t) {
|
|
2020
|
+
Ft(this, "TEXT_NODE", 3);
|
|
2021
|
+
Ft(this, "ELEMENT_NODE", 1);
|
|
2022
|
+
this.options = t;
|
|
2023
2023
|
}
|
|
2024
2024
|
/**
|
|
2025
2025
|
* Рекурсивно обходит DOM дерево и собирает данные в зависимости от опций.
|
|
@@ -2027,12 +2027,11 @@ class Hn {
|
|
|
2027
2027
|
* @param elements Массив для сбора элементов
|
|
2028
2028
|
* @param as Тип возвращаемых данных ('string' или 'node')
|
|
2029
2029
|
*/
|
|
2030
|
-
traverse(
|
|
2031
|
-
const { includeSolidText: i, recursive:
|
|
2032
|
-
switch (
|
|
2033
|
-
// если узел - элемент
|
|
2030
|
+
traverse(t, r = "string", n) {
|
|
2031
|
+
const { includeSolidText: i, recursive: d, element: l } = this.options || {};
|
|
2032
|
+
switch (t.nodeType) {
|
|
2034
2033
|
case this.ELEMENT_NODE:
|
|
2035
|
-
const u =
|
|
2034
|
+
const u = t, x = u.tagName.toLowerCase();
|
|
2036
2035
|
if (x === "script") {
|
|
2037
2036
|
console.warn("Found script node. For better security this node will be skipped.");
|
|
2038
2037
|
break;
|
|
@@ -2040,23 +2039,22 @@ class Hn {
|
|
|
2040
2039
|
if (l && x !== l)
|
|
2041
2040
|
break;
|
|
2042
2041
|
if (r === "node")
|
|
2043
|
-
n.push(
|
|
2042
|
+
n.push(t);
|
|
2044
2043
|
else {
|
|
2045
2044
|
const m = u.outerHTML.trim();
|
|
2046
2045
|
n.push(m);
|
|
2047
2046
|
}
|
|
2048
|
-
if (
|
|
2049
|
-
for (const m of
|
|
2047
|
+
if (d)
|
|
2048
|
+
for (const m of t.childNodes)
|
|
2050
2049
|
this.traverse(m, r, n);
|
|
2051
2050
|
break;
|
|
2052
|
-
// если узел - текстовый и требуется его добавить, добавляем
|
|
2053
2051
|
case this.TEXT_NODE:
|
|
2054
2052
|
if (!i)
|
|
2055
2053
|
break;
|
|
2056
2054
|
if (r === "node")
|
|
2057
|
-
n.push(
|
|
2055
|
+
n.push(t);
|
|
2058
2056
|
else {
|
|
2059
|
-
const m =
|
|
2057
|
+
const m = t.textContent;
|
|
2060
2058
|
m && n.push(m);
|
|
2061
2059
|
}
|
|
2062
2060
|
break;
|
|
@@ -2068,94 +2066,94 @@ class Hn {
|
|
|
2068
2066
|
* @param as Тип возвращаемых данных ('string' или 'node')
|
|
2069
2067
|
* @returns Массив тегов или нод
|
|
2070
2068
|
*/
|
|
2071
|
-
async parse(
|
|
2072
|
-
const { includeBody: n } = this.options || {}, i = [],
|
|
2069
|
+
async parse(t, r = "string") {
|
|
2070
|
+
const { includeBody: n } = this.options || {}, i = [], d = [], l = await this.parseFromString(t), u = r === "string" ? i : d;
|
|
2073
2071
|
if (n)
|
|
2074
2072
|
this.traverse(l.body, r, u);
|
|
2075
2073
|
else
|
|
2076
2074
|
for (const x of l.body.childNodes)
|
|
2077
2075
|
this.traverse(x, r, u);
|
|
2078
|
-
return { stringNodes: i, nodes:
|
|
2076
|
+
return { stringNodes: i, nodes: d };
|
|
2079
2077
|
}
|
|
2080
2078
|
/**
|
|
2081
2079
|
* Считает количество указанных тегов в HTML строке.
|
|
2082
2080
|
* @param html HTML строка
|
|
2083
2081
|
* @returns Количество найденных тегов
|
|
2084
2082
|
*/
|
|
2085
|
-
async countElements(
|
|
2086
|
-
const { stringNodes: r } = await this.parse(
|
|
2083
|
+
async countElements(t) {
|
|
2084
|
+
const { stringNodes: r } = await this.parse(t, "string");
|
|
2087
2085
|
return r.length;
|
|
2088
2086
|
}
|
|
2089
2087
|
}
|
|
2090
|
-
const
|
|
2091
|
-
class ui extends
|
|
2092
|
-
constructor(
|
|
2093
|
-
super(
|
|
2088
|
+
const Qn = typeof window < "u";
|
|
2089
|
+
class ui extends Ln {
|
|
2090
|
+
constructor(t) {
|
|
2091
|
+
super(t);
|
|
2094
2092
|
}
|
|
2095
|
-
async parseFromString(
|
|
2096
|
-
return
|
|
2093
|
+
async parseFromString(t) {
|
|
2094
|
+
return Qn ? new DOMParser().parseFromString(t, "text/html") : Promise.reject();
|
|
2097
2095
|
}
|
|
2098
2096
|
}
|
|
2099
|
-
const
|
|
2100
|
-
const n =
|
|
2101
|
-
return /* @__PURE__ */ o.jsx(n, { dangerouslySetInnerHTML: { __html:
|
|
2102
|
-
},
|
|
2097
|
+
const dt = ({ html: e, as: t, ...r }) => {
|
|
2098
|
+
const n = t ?? "div";
|
|
2099
|
+
return /* @__PURE__ */ o.jsx(n, { dangerouslySetInnerHTML: { __html: e }, ...r });
|
|
2100
|
+
}, $n = (e, t) => e.enabled ? t.map((r) => ({
|
|
2103
2101
|
name: r.args.name,
|
|
2104
2102
|
...r.args.progress
|
|
2105
|
-
})) : null,
|
|
2106
|
-
const n = t
|
|
2103
|
+
})) : null, Vn = ["getFioSchema"], Te = (e, t, r) => {
|
|
2104
|
+
const n = e[t];
|
|
2107
2105
|
if (_.isNil(n))
|
|
2108
|
-
throw new Error(`validation for type ${String(
|
|
2106
|
+
throw new Error(`validation for type ${String(t)} not found`);
|
|
2109
2107
|
if (!_.isFunction(n))
|
|
2110
|
-
throw new Error(`Cannot generate ${String(
|
|
2108
|
+
throw new Error(`Cannot generate ${String(t)} because is not a function`);
|
|
2111
2109
|
return n(r);
|
|
2112
|
-
},
|
|
2113
|
-
const r = ((
|
|
2114
|
-
const
|
|
2110
|
+
}, Wn = (e, t) => Te(Lt.base, e, t), An = (e, t) => Te(Lt.dadata, e, t), Vt = (e) => {
|
|
2111
|
+
const r = ((e == null ? void 0 : e.map((n) => ({ name: n.args.name, validation: n.args.validation }))) ?? []).reduce((n, i) => {
|
|
2112
|
+
const d = Vn.includes(i.validation.type) ? An(
|
|
2115
2113
|
i.validation.type,
|
|
2116
2114
|
i.validation.args
|
|
2117
|
-
) :
|
|
2115
|
+
) : Wn(
|
|
2118
2116
|
i.validation.type,
|
|
2119
2117
|
i.validation.args
|
|
2120
2118
|
);
|
|
2121
|
-
return n[i.name] =
|
|
2119
|
+
return n[i.name] = d, n;
|
|
2122
2120
|
}, {});
|
|
2123
|
-
return
|
|
2124
|
-
},
|
|
2121
|
+
return Qt(r);
|
|
2122
|
+
}, Un = new jr(), Fe = ({ children: e }) => /* @__PURE__ */ o.jsx(Ge, { client: Un, children: e }), qn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(dt, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
|
|
2125
2123
|
"label",
|
|
2126
2124
|
{
|
|
2127
|
-
className:
|
|
2125
|
+
className: a(
|
|
2128
2126
|
"mob-body-regular-s text-color-dark",
|
|
2129
2127
|
"desktop:desk-body-regular-m desktop:gap-x-4",
|
|
2130
2128
|
"flex items-center justify-items-start gap-x-3"
|
|
2131
2129
|
),
|
|
2132
2130
|
children: [
|
|
2133
|
-
/* @__PURE__ */ o.jsx(
|
|
2134
|
-
/* @__PURE__ */ o.jsx(
|
|
2131
|
+
/* @__PURE__ */ o.jsx(St.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
|
|
2132
|
+
/* @__PURE__ */ o.jsx(dt, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
|
|
2135
2133
|
]
|
|
2136
2134
|
}
|
|
2137
|
-
),
|
|
2138
|
-
fields:
|
|
2139
|
-
title:
|
|
2135
|
+
), xe = ({
|
|
2136
|
+
fields: e,
|
|
2137
|
+
title: t,
|
|
2140
2138
|
progress: r,
|
|
2141
2139
|
approvement: n,
|
|
2142
2140
|
chips: i,
|
|
2143
|
-
submitProps:
|
|
2141
|
+
submitProps: d,
|
|
2144
2142
|
classes: l,
|
|
2145
2143
|
buttonGroup: u
|
|
2146
2144
|
}) => {
|
|
2147
|
-
var
|
|
2148
|
-
const { submitCallback: x } =
|
|
2149
|
-
schema:
|
|
2145
|
+
var H, v;
|
|
2146
|
+
const { submitCallback: x } = d || {}, [m, p] = O(!1), f = Vt(e), S = Tt.getZodDefaults(f), { control: y, handleSubmit: P } = _t({
|
|
2147
|
+
schema: f,
|
|
2150
2148
|
defaultValues: S,
|
|
2151
2149
|
mode: "onBlur"
|
|
2152
|
-
}), k =
|
|
2150
|
+
}), k = $n(r, e), I = mr({ control: y, fields: k || [], schema: f }), E = (C) => {
|
|
2153
2151
|
x && x({ ...C, agree: m });
|
|
2154
2152
|
};
|
|
2155
|
-
return /* @__PURE__ */ o.jsx(
|
|
2153
|
+
return /* @__PURE__ */ o.jsx(Fe, { children: /* @__PURE__ */ o.jsx("section", { id: g.form, "data-test-id": g.form, className: a("w-full", l == null ? void 0 : l.root), children: /* @__PURE__ */ o.jsxs(
|
|
2156
2154
|
F,
|
|
2157
2155
|
{
|
|
2158
|
-
className:
|
|
2156
|
+
className: a(
|
|
2159
2157
|
"!max-w-[636px] border-warm-grey-200 px-4 desktop:gap-8 desktop:p-14",
|
|
2160
2158
|
"relative mx-auto flex flex-col gap-6 rounded-sm py-8 desktop:border"
|
|
2161
2159
|
),
|
|
@@ -2163,48 +2161,48 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2163
2161
|
i.enabled && /* @__PURE__ */ o.jsxs(
|
|
2164
2162
|
"div",
|
|
2165
2163
|
{
|
|
2166
|
-
className:
|
|
2164
|
+
className: a(
|
|
2167
2165
|
"desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
|
|
2168
2166
|
"bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
|
|
2169
2167
|
"right-4 top-4 w-max",
|
|
2170
|
-
(
|
|
2168
|
+
(H = l == null ? void 0 : l.chips) == null ? void 0 : H.root
|
|
2171
2169
|
),
|
|
2172
2170
|
children: [
|
|
2173
|
-
i.image && /* @__PURE__ */ o.jsx(
|
|
2171
|
+
i.image && /* @__PURE__ */ o.jsx(c, { name: i.image, className: a("size-6", (v = l == null ? void 0 : l.chips) == null ? void 0 : v.icon) }),
|
|
2174
2172
|
i.content
|
|
2175
2173
|
]
|
|
2176
2174
|
}
|
|
2177
2175
|
),
|
|
2178
|
-
/* @__PURE__ */ o.jsx(
|
|
2179
|
-
/* @__PURE__ */ o.jsx(
|
|
2176
|
+
/* @__PURE__ */ o.jsx(R, { as: "h2", className: a("desktop:hidden", l == null ? void 0 : l.title), children: t }),
|
|
2177
|
+
/* @__PURE__ */ o.jsx(R, { as: "h3", className: a("mobile:hidden", l == null ? void 0 : l.title), children: t }),
|
|
2180
2178
|
/* @__PURE__ */ o.jsxs(
|
|
2181
2179
|
"form",
|
|
2182
2180
|
{
|
|
2183
|
-
onSubmit: E
|
|
2184
|
-
className:
|
|
2181
|
+
onSubmit: P(E),
|
|
2182
|
+
className: a("flex w-full flex-col gap-y-6", "desktop:gap-y-8", l == null ? void 0 : l.form),
|
|
2185
2183
|
children: [
|
|
2186
2184
|
r.enabled && /* @__PURE__ */ o.jsx(
|
|
2187
|
-
|
|
2185
|
+
se,
|
|
2188
2186
|
{
|
|
2189
2187
|
progress: I,
|
|
2190
|
-
topContent: /* @__PURE__ */ o.jsx(
|
|
2191
|
-
bottomContent: /* @__PURE__ */ o.jsx(
|
|
2188
|
+
topContent: /* @__PURE__ */ o.jsx(dt, { html: r.title }),
|
|
2189
|
+
bottomContent: /* @__PURE__ */ o.jsx(dt, { html: r.subtitle }),
|
|
2192
2190
|
maxPercent: r.maxPercent,
|
|
2193
2191
|
classes: l == null ? void 0 : l.progressBar
|
|
2194
2192
|
}
|
|
2195
2193
|
),
|
|
2196
|
-
/* @__PURE__ */ o.jsx(
|
|
2194
|
+
/* @__PURE__ */ o.jsx($t, { control: y, fields: e }),
|
|
2197
2195
|
/* @__PURE__ */ o.jsxs("div", { className: "mob-body-regular-m flex flex-col items-start justify-center gap-4", children: [
|
|
2198
|
-
|
|
2199
|
-
/* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C,
|
|
2200
|
-
const
|
|
2201
|
-
return /* @__PURE__ */
|
|
2202
|
-
|
|
2196
|
+
qn(n, m, p, l == null ? void 0 : l.approvement),
|
|
2197
|
+
/* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-4 desktop:flex-row", children: u == null ? void 0 : u.map((C, L) => {
|
|
2198
|
+
const X = C.type === "submit" && n.type === "checkbox" ? !m : !1;
|
|
2199
|
+
return /* @__PURE__ */ It(
|
|
2200
|
+
pt,
|
|
2203
2201
|
{
|
|
2204
2202
|
...C,
|
|
2205
|
-
key:
|
|
2206
|
-
disabled:
|
|
2207
|
-
className:
|
|
2203
|
+
key: L,
|
|
2204
|
+
disabled: X,
|
|
2205
|
+
className: a(
|
|
2208
2206
|
"w-full whitespace-nowrap",
|
|
2209
2207
|
{
|
|
2210
2208
|
"w-full": !!n
|
|
@@ -2221,70 +2219,70 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2221
2219
|
]
|
|
2222
2220
|
}
|
|
2223
2221
|
) }) });
|
|
2224
|
-
},
|
|
2222
|
+
}, Kn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2225
2223
|
__proto__: null,
|
|
2226
|
-
DynamicForm:
|
|
2227
|
-
default:
|
|
2228
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2224
|
+
DynamicForm: xe,
|
|
2225
|
+
default: xe
|
|
2226
|
+
}, Symbol.toStringTag, { value: "Module" })), Zn = (e, t, r, n) => e.type === "off" ? null : e.type === "text" ? /* @__PURE__ */ o.jsx(dt, { html: e.message, as: "div", className: n == null ? void 0 : n.content }) : /* @__PURE__ */ o.jsxs(
|
|
2229
2227
|
"label",
|
|
2230
2228
|
{
|
|
2231
|
-
className:
|
|
2229
|
+
className: a(
|
|
2232
2230
|
"mob-body-regular-s text-color-dark",
|
|
2233
2231
|
"desktop:desk-body-regular-m desktop:gap-x-4",
|
|
2234
2232
|
"flex items-center justify-items-start gap-x-3"
|
|
2235
2233
|
),
|
|
2236
2234
|
children: [
|
|
2237
|
-
/* @__PURE__ */ o.jsx(
|
|
2238
|
-
/* @__PURE__ */ o.jsx(
|
|
2235
|
+
/* @__PURE__ */ o.jsx(St.CheckboxBase, { classes: n == null ? void 0 : n.checkbox, checked: t, onCheckedChange: r }),
|
|
2236
|
+
/* @__PURE__ */ o.jsx(dt, { html: e.content, as: "div", className: n == null ? void 0 : n.content })
|
|
2239
2237
|
]
|
|
2240
2238
|
}
|
|
2241
|
-
),
|
|
2242
|
-
fields:
|
|
2243
|
-
title:
|
|
2239
|
+
), he = ({
|
|
2240
|
+
fields: e,
|
|
2241
|
+
title: t,
|
|
2244
2242
|
approvement: r,
|
|
2245
2243
|
submitProps: n,
|
|
2246
2244
|
dialogId: i,
|
|
2247
|
-
classes:
|
|
2245
|
+
classes: d,
|
|
2248
2246
|
buttonGroup: l,
|
|
2249
2247
|
...u
|
|
2250
2248
|
}) => {
|
|
2251
|
-
const { submitCallback: x } = n ?? {}, [m, p] = O(!1),
|
|
2252
|
-
schema:
|
|
2249
|
+
const { submitCallback: x } = n ?? {}, [m, p] = O(!1), f = Vt(e), S = Tt.getZodDefaults(f), { control: y, handleSubmit: P } = _t({
|
|
2250
|
+
schema: f,
|
|
2253
2251
|
defaultValues: S,
|
|
2254
2252
|
mode: "onBlur"
|
|
2255
2253
|
}), k = (I) => {
|
|
2256
2254
|
x && x({ ...I, agree: m });
|
|
2257
2255
|
};
|
|
2258
|
-
return /* @__PURE__ */ o.jsx(
|
|
2259
|
-
/* @__PURE__ */ o.jsx(
|
|
2260
|
-
|
|
2261
|
-
l == null ? void 0 : l.map((I,
|
|
2262
|
-
const
|
|
2263
|
-
return /* @__PURE__ */
|
|
2264
|
-
|
|
2256
|
+
return /* @__PURE__ */ o.jsx(Fe, { children: /* @__PURE__ */ o.jsx(tr, { id: i, title: t, ...u, children: /* @__PURE__ */ o.jsxs("form", { onSubmit: P(k), className: "flex flex-col gap-6", children: [
|
|
2257
|
+
/* @__PURE__ */ o.jsx($t, { control: y, fields: e }),
|
|
2258
|
+
Zn(r, m, p, d == null ? void 0 : d.approvement),
|
|
2259
|
+
l == null ? void 0 : l.map((I, E) => {
|
|
2260
|
+
const H = I.type === "submit" && r.type === "checkbox" ? !m : !1;
|
|
2261
|
+
return /* @__PURE__ */ It(
|
|
2262
|
+
pt,
|
|
2265
2263
|
{
|
|
2266
2264
|
...I,
|
|
2267
|
-
key:
|
|
2268
|
-
disabled:
|
|
2269
|
-
className:
|
|
2265
|
+
key: E,
|
|
2266
|
+
disabled: H,
|
|
2267
|
+
className: a(
|
|
2270
2268
|
"w-full whitespace-nowrap",
|
|
2271
2269
|
{
|
|
2272
2270
|
"w-full": !!r
|
|
2273
2271
|
},
|
|
2274
|
-
|
|
2272
|
+
d == null ? void 0 : d.submit
|
|
2275
2273
|
)
|
|
2276
2274
|
}
|
|
2277
2275
|
);
|
|
2278
2276
|
})
|
|
2279
2277
|
] }) }) });
|
|
2280
|
-
},
|
|
2278
|
+
}, Yn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2281
2279
|
__proto__: null,
|
|
2282
|
-
DynamicFormDialog:
|
|
2283
|
-
default:
|
|
2284
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2280
|
+
DynamicFormDialog: he,
|
|
2281
|
+
default: he
|
|
2282
|
+
}, Symbol.toStringTag, { value: "Module" })), ut = () => ({
|
|
2285
2283
|
approve: {
|
|
2286
2284
|
icon: {
|
|
2287
|
-
element: /* @__PURE__ */ o.jsx(
|
|
2285
|
+
element: /* @__PURE__ */ o.jsx(c, { name: "status/iconMark" }),
|
|
2288
2286
|
bg: "bg-color-positive-light"
|
|
2289
2287
|
},
|
|
2290
2288
|
title: "Ваша заявка отправлена",
|
|
@@ -2299,7 +2297,7 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2299
2297
|
},
|
|
2300
2298
|
repeated: {
|
|
2301
2299
|
icon: {
|
|
2302
|
-
element: /* @__PURE__ */ o.jsx(
|
|
2300
|
+
element: /* @__PURE__ */ o.jsx(c, { name: "status/iconUser" }),
|
|
2303
2301
|
bg: "bg-color-positive-light"
|
|
2304
2302
|
},
|
|
2305
2303
|
title: "Мы вас узнали",
|
|
@@ -2314,7 +2312,7 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2314
2312
|
},
|
|
2315
2313
|
error: {
|
|
2316
2314
|
icon: {
|
|
2317
|
-
element: /* @__PURE__ */ o.jsx(
|
|
2315
|
+
element: /* @__PURE__ */ o.jsx(c, { name: "status/iconRetry" }),
|
|
2318
2316
|
bg: "bg-color-warning-light"
|
|
2319
2317
|
},
|
|
2320
2318
|
title: "Что-то пошло не так",
|
|
@@ -2329,7 +2327,7 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2329
2327
|
},
|
|
2330
2328
|
reject: {
|
|
2331
2329
|
icon: {
|
|
2332
|
-
element: /* @__PURE__ */ o.jsx(
|
|
2330
|
+
element: /* @__PURE__ */ o.jsx(c, { name: "status/badSmile" }),
|
|
2333
2331
|
bg: "bg-color-negative-light"
|
|
2334
2332
|
},
|
|
2335
2333
|
title: "Нам очень жаль",
|
|
@@ -2342,23 +2340,23 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2342
2340
|
text: "Вернуться на главную"
|
|
2343
2341
|
}
|
|
2344
2342
|
}
|
|
2345
|
-
}), mi = ({ status:
|
|
2343
|
+
}), mi = ({ status: e, navigationFn: t }) => /* @__PURE__ */ o.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ o.jsx(F, { className: "flex flex-col justify-center", children: /* @__PURE__ */ o.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
|
|
2346
2344
|
/* @__PURE__ */ o.jsx(
|
|
2347
2345
|
"span",
|
|
2348
2346
|
{
|
|
2349
|
-
className:
|
|
2347
|
+
className: a(
|
|
2350
2348
|
"flex size-16 items-center justify-center rounded-full bg-color-positive-light",
|
|
2351
|
-
`${
|
|
2349
|
+
`${ut()[e].icon.bg}`
|
|
2352
2350
|
),
|
|
2353
|
-
children:
|
|
2351
|
+
children: ut()[e].icon.element
|
|
2354
2352
|
}
|
|
2355
2353
|
),
|
|
2356
2354
|
/* @__PURE__ */ o.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
|
|
2357
|
-
/* @__PURE__ */ o.jsx(
|
|
2358
|
-
/* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children:
|
|
2355
|
+
/* @__PURE__ */ o.jsx(R, { as: "h2", children: ut()[e].title }),
|
|
2356
|
+
/* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: ut()[e].description })
|
|
2359
2357
|
] }),
|
|
2360
|
-
/* @__PURE__ */ o.jsx(
|
|
2361
|
-
] }) }) }),
|
|
2358
|
+
/* @__PURE__ */ o.jsx(pt, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: ut()[e].button.text })
|
|
2359
|
+
] }) }) }), Be = ({ breadcrumb: e, className: t, ...r }) => /* @__PURE__ */ o.jsx("a", { href: e.path, className: a("desk-body-regular-m", t), ...r, children: e.label }), Xn = [
|
|
2362
2360
|
{
|
|
2363
2361
|
label: "Главная",
|
|
2364
2362
|
path: "https://sovcombank.ru/apply/credit/kredit-na-kartu/"
|
|
@@ -2371,52 +2369,52 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2371
2369
|
label: "В Тольятти",
|
|
2372
2370
|
disabled: !0
|
|
2373
2371
|
}
|
|
2374
|
-
],
|
|
2375
|
-
const l =
|
|
2372
|
+
], wt = (e, t, r, n) => e.map((i, d) => {
|
|
2373
|
+
const l = d === n;
|
|
2376
2374
|
return /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-x-1", children: [
|
|
2377
2375
|
/* @__PURE__ */ o.jsx(
|
|
2378
|
-
|
|
2376
|
+
Be,
|
|
2379
2377
|
{
|
|
2380
2378
|
breadcrumb: i,
|
|
2381
|
-
className:
|
|
2379
|
+
className: a(r, {
|
|
2382
2380
|
"pointer-events-none text-color-primary-disabled": l,
|
|
2383
2381
|
"text-color-blue-grey-600": i.disabled
|
|
2384
2382
|
})
|
|
2385
2383
|
}
|
|
2386
2384
|
),
|
|
2387
|
-
|
|
2385
|
+
d !== e.length - 1 && t
|
|
2388
2386
|
] }, i.label);
|
|
2389
|
-
}),
|
|
2390
|
-
const [i,
|
|
2391
|
-
lr(l, () =>
|
|
2392
|
-
const { first: u, middle: x, last: m } =
|
|
2393
|
-
let
|
|
2394
|
-
return
|
|
2395
|
-
}, [n,
|
|
2387
|
+
}), Jn = ({ separator: e, ellipsis: t, classes: r, breadcrumbs: n = Xn }) => {
|
|
2388
|
+
const [i, d] = O(!1), l = Ht(null);
|
|
2389
|
+
lr(l, () => d(!1));
|
|
2390
|
+
const { first: u, middle: x, last: m } = gt(() => {
|
|
2391
|
+
let f = [], S = [], y = [];
|
|
2392
|
+
return t && (f = n.slice(0, t), S = n.slice(t, n.length - t), y = n.slice(n.length - t)), { first: f, middle: S, last: y };
|
|
2393
|
+
}, [n, t]), p = e ?? /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: a("size-4", r == null ? void 0 : r.separator) });
|
|
2396
2394
|
return /* @__PURE__ */ o.jsx(
|
|
2397
2395
|
"div",
|
|
2398
2396
|
{
|
|
2399
|
-
className:
|
|
2397
|
+
className: a(
|
|
2400
2398
|
"flex max-w-[840px] flex-wrap items-center",
|
|
2401
2399
|
"gap-x-2 gap-y-1 py-4 text-color-primary-default",
|
|
2402
2400
|
r == null ? void 0 : r.root
|
|
2403
2401
|
),
|
|
2404
|
-
children:
|
|
2402
|
+
children: t ? (
|
|
2405
2403
|
// if ellipsis provided, render hidden breadcrumbs
|
|
2406
|
-
/* @__PURE__ */ o.jsx(o.Fragment, { children: n.length >
|
|
2404
|
+
/* @__PURE__ */ o.jsx(o.Fragment, { children: n.length > t * 2 + 1 ? (
|
|
2407
2405
|
// if we have more than ellipsis (visible crumbs) + available hidden crumbs
|
|
2408
2406
|
// render hidden breadcrumbs
|
|
2409
2407
|
/* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
2410
|
-
|
|
2408
|
+
wt(u, p, r == null ? void 0 : r.breadcrumb),
|
|
2411
2409
|
p,
|
|
2412
2410
|
x.length > 0 && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
2413
2411
|
/* @__PURE__ */ o.jsxs("div", { className: "relative", children: [
|
|
2414
|
-
/* @__PURE__ */ o.jsx("button", { onClick: () =>
|
|
2412
|
+
/* @__PURE__ */ o.jsx("button", { onClick: () => d(!0), children: "..." }),
|
|
2415
2413
|
/* @__PURE__ */ o.jsx(
|
|
2416
2414
|
"ul",
|
|
2417
2415
|
{
|
|
2418
2416
|
ref: l,
|
|
2419
|
-
className:
|
|
2417
|
+
className: a(
|
|
2420
2418
|
"invisible absolute max-h-[264px] overflow-y-auto",
|
|
2421
2419
|
"w-[280px] rounded-sm bg-color-white",
|
|
2422
2420
|
"customScrollbar-y p-1 opacity-0 shadow-sm",
|
|
@@ -2424,85 +2422,85 @@ const ae = ({ html: t, as: e, ...r }) => {
|
|
|
2424
2422
|
"visible opacity-100": i
|
|
2425
2423
|
}
|
|
2426
2424
|
),
|
|
2427
|
-
children: x.map((
|
|
2428
|
-
|
|
2425
|
+
children: x.map((f) => /* @__PURE__ */ o.jsx("li", { children: /* @__PURE__ */ o.jsx(
|
|
2426
|
+
Be,
|
|
2429
2427
|
{
|
|
2430
|
-
breadcrumb:
|
|
2431
|
-
className:
|
|
2428
|
+
breadcrumb: f,
|
|
2429
|
+
className: a(
|
|
2432
2430
|
"desk-body-regular-l inline-block py-3",
|
|
2433
2431
|
"w-full rounded-sm bg-color-white px-2",
|
|
2434
2432
|
"text-color-dark hover:bg-color-primary-tr-hover",
|
|
2435
2433
|
r == null ? void 0 : r.breadcrumb
|
|
2436
2434
|
)
|
|
2437
2435
|
}
|
|
2438
|
-
) },
|
|
2436
|
+
) }, f.label))
|
|
2439
2437
|
}
|
|
2440
2438
|
)
|
|
2441
2439
|
] }),
|
|
2442
2440
|
p
|
|
2443
2441
|
] }),
|
|
2444
|
-
|
|
2442
|
+
wt(m, p, r == null ? void 0 : r.breadcrumb, m.length - 1)
|
|
2445
2443
|
] })
|
|
2446
2444
|
) : (
|
|
2447
2445
|
// otherwise render all breadcrumbs
|
|
2448
|
-
|
|
2446
|
+
wt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
|
|
2449
2447
|
) })
|
|
2450
2448
|
) : (
|
|
2451
2449
|
// if ellipsis doesn't provided render all breadcrumbs
|
|
2452
|
-
|
|
2450
|
+
wt(n, p, r == null ? void 0 : r.breadcrumb, n.length - 1)
|
|
2453
2451
|
)
|
|
2454
2452
|
}
|
|
2455
2453
|
);
|
|
2456
2454
|
};
|
|
2457
|
-
var
|
|
2458
|
-
const
|
|
2459
|
-
switch (
|
|
2460
|
-
case
|
|
2455
|
+
var xt = /* @__PURE__ */ ((e) => (e.ROOT = "root", e.CURRENT = "current", e))(xt || {});
|
|
2456
|
+
const Gn = (e, t) => {
|
|
2457
|
+
switch (t.type) {
|
|
2458
|
+
case xt.ROOT:
|
|
2461
2459
|
return {
|
|
2462
|
-
...
|
|
2463
|
-
root:
|
|
2460
|
+
...e,
|
|
2461
|
+
root: t.payload
|
|
2464
2462
|
};
|
|
2465
|
-
case
|
|
2463
|
+
case xt.CURRENT:
|
|
2466
2464
|
return {
|
|
2467
|
-
...
|
|
2468
|
-
current:
|
|
2465
|
+
...e,
|
|
2466
|
+
current: t.payload
|
|
2469
2467
|
};
|
|
2470
2468
|
default:
|
|
2471
|
-
return
|
|
2469
|
+
return e;
|
|
2472
2470
|
}
|
|
2473
|
-
},
|
|
2474
|
-
const [
|
|
2475
|
-
return [
|
|
2476
|
-
},
|
|
2477
|
-
type:
|
|
2478
|
-
payload:
|
|
2479
|
-
}),
|
|
2480
|
-
type:
|
|
2481
|
-
payload:
|
|
2482
|
-
}), ro = ({ categories:
|
|
2471
|
+
}, sn = (e) => {
|
|
2472
|
+
const [t, r] = nr(Gn, e);
|
|
2473
|
+
return [t, r];
|
|
2474
|
+
}, to = (e) => ({
|
|
2475
|
+
type: xt.CURRENT,
|
|
2476
|
+
payload: e
|
|
2477
|
+
}), eo = (e) => ({
|
|
2478
|
+
type: xt.ROOT,
|
|
2479
|
+
payload: e
|
|
2480
|
+
}), ro = ({ categories: e, ...t }) => {
|
|
2483
2481
|
var r, n;
|
|
2484
|
-
return
|
|
2482
|
+
return Ie(
|
|
2485
2483
|
/* @__PURE__ */ o.jsx(
|
|
2486
|
-
|
|
2484
|
+
zt.div,
|
|
2487
2485
|
{
|
|
2488
|
-
...
|
|
2486
|
+
...t,
|
|
2489
2487
|
layout: !0,
|
|
2490
2488
|
initial: { opacity: 0 },
|
|
2491
2489
|
animate: { opacity: 1 },
|
|
2492
2490
|
transition: { duration: 0.2 },
|
|
2493
2491
|
className: 'absolute z-20 w-full bg-color-white after:absolute after:left-1/2 after:top-[-1px] after:h-[1px] after:w-full after:max-w-[636px] after:-translate-x-1/2 after:bg-color-blue-grey-200 after:content-[""] after:desktop:max-w-[1140px]',
|
|
2494
|
-
children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children:
|
|
2492
|
+
children: /* @__PURE__ */ o.jsx("div", { className: "mx-auto flex w-full max-w-[1140px] gap-x-[56px] py-10", children: e.map((i) => {
|
|
2495
2493
|
var l;
|
|
2496
|
-
const
|
|
2494
|
+
const d = i.link ? "a" : "p";
|
|
2497
2495
|
return /* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-y-6", children: [
|
|
2498
2496
|
i.title && /* @__PURE__ */ o.jsxs(
|
|
2499
|
-
|
|
2497
|
+
d,
|
|
2500
2498
|
{
|
|
2501
2499
|
href: ((l = i.link) == null ? void 0 : l.href) ?? void 0,
|
|
2502
2500
|
className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
|
|
2503
2501
|
children: [
|
|
2504
2502
|
i.title,
|
|
2505
|
-
/* @__PURE__ */ o.jsx(
|
|
2503
|
+
/* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink", className: "size-6" })
|
|
2506
2504
|
]
|
|
2507
2505
|
}
|
|
2508
2506
|
),
|
|
@@ -2519,14 +2517,14 @@ const Jn = (t, e) => {
|
|
|
2519
2517
|
*/
|
|
2520
2518
|
((n = (r = document.body.querySelector("#modal-preview")) == null ? void 0 : r.contentDocument) == null ? void 0 : n.body) ?? document.body
|
|
2521
2519
|
);
|
|
2522
|
-
}, no = or(({ category:
|
|
2520
|
+
}, no = or(({ category: e, active: t, onActiveTabChange: r }, n) => {
|
|
2523
2521
|
var x, m;
|
|
2524
|
-
const i = n && "current" in n ? n : null,
|
|
2522
|
+
const i = n && "current" in n ? n : null, d = (x = i == null ? void 0 : i.current) == null ? void 0 : x.getBoundingClientRect(), l = t && !_.isArrayEmpty(e.children), u = e.link ? _.isStringEmpty(e.link.href) ? "span" : "a" : "span";
|
|
2525
2523
|
return /* @__PURE__ */ o.jsxs(
|
|
2526
|
-
|
|
2524
|
+
zt.div,
|
|
2527
2525
|
{
|
|
2528
2526
|
ref: n,
|
|
2529
|
-
className:
|
|
2527
|
+
className: a(
|
|
2530
2528
|
"relative flex cursor-default items-center justify-center py-4 text-color-dark",
|
|
2531
2529
|
'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
|
|
2532
2530
|
"after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
|
|
@@ -2535,85 +2533,85 @@ const Jn = (t, e) => {
|
|
|
2535
2533
|
"after:w-full": l
|
|
2536
2534
|
}
|
|
2537
2535
|
),
|
|
2538
|
-
onMouseEnter: () => r(
|
|
2536
|
+
onMouseEnter: () => r(e.title),
|
|
2539
2537
|
onMouseLeave: () => r(null),
|
|
2540
|
-
onFocus: () => r(
|
|
2538
|
+
onFocus: () => r(e.title),
|
|
2541
2539
|
children: [
|
|
2542
|
-
/* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m =
|
|
2540
|
+
/* @__PURE__ */ o.jsx(u, { href: u === "a" ? (m = e.link) == null ? void 0 : m.href : void 0, className: "desk-body-regular-m outline-none", children: e.title }),
|
|
2543
2541
|
l && /* @__PURE__ */ o.jsx(
|
|
2544
2542
|
ro,
|
|
2545
2543
|
{
|
|
2546
|
-
categories:
|
|
2544
|
+
categories: e.children,
|
|
2547
2545
|
style: {
|
|
2548
|
-
top:
|
|
2546
|
+
top: d ? d.top + d.height : 0
|
|
2549
2547
|
}
|
|
2550
2548
|
}
|
|
2551
2549
|
)
|
|
2552
2550
|
]
|
|
2553
2551
|
}
|
|
2554
2552
|
);
|
|
2555
|
-
}), oo =
|
|
2556
|
-
const [
|
|
2557
|
-
r(
|
|
2558
|
-
}, []), i =
|
|
2559
|
-
return /* @__PURE__ */ o.jsx(
|
|
2553
|
+
}), oo = ct(no), io = ({ categories: e }) => {
|
|
2554
|
+
const [t, r] = O(null), n = Se((d) => {
|
|
2555
|
+
r(d);
|
|
2556
|
+
}, []), i = Ht(null);
|
|
2557
|
+
return /* @__PURE__ */ o.jsx(er, { mode: "sync", children: /* @__PURE__ */ o.jsxs(
|
|
2560
2558
|
"div",
|
|
2561
2559
|
{
|
|
2562
2560
|
ref: i,
|
|
2563
2561
|
id: "tabs",
|
|
2564
2562
|
className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]",
|
|
2565
2563
|
children: [
|
|
2566
|
-
|
|
2564
|
+
e.map((d) => /* @__PURE__ */ o.jsx(
|
|
2567
2565
|
oo,
|
|
2568
2566
|
{
|
|
2569
2567
|
ref: i,
|
|
2570
|
-
category:
|
|
2571
|
-
active:
|
|
2568
|
+
category: d,
|
|
2569
|
+
active: t === d.title,
|
|
2572
2570
|
onActiveTabChange: n
|
|
2573
2571
|
},
|
|
2574
|
-
|
|
2572
|
+
d.title
|
|
2575
2573
|
)),
|
|
2576
2574
|
/* @__PURE__ */ o.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
|
|
2577
2575
|
]
|
|
2578
2576
|
}
|
|
2579
2577
|
) });
|
|
2580
|
-
}, ao =
|
|
2581
|
-
category:
|
|
2582
|
-
selectedCategory:
|
|
2578
|
+
}, ao = ct(io), lo = ({
|
|
2579
|
+
category: e,
|
|
2580
|
+
selectedCategory: t,
|
|
2583
2581
|
onCurrentCategoryChange: r,
|
|
2584
2582
|
onRootCategoryChange: n,
|
|
2585
2583
|
active: i,
|
|
2586
|
-
...
|
|
2584
|
+
...d
|
|
2587
2585
|
}) => /* @__PURE__ */ o.jsxs(
|
|
2588
2586
|
"div",
|
|
2589
2587
|
{
|
|
2590
|
-
...
|
|
2588
|
+
...d,
|
|
2591
2589
|
onClick: () => {
|
|
2592
|
-
r(
|
|
2590
|
+
r(e.children[0]), n(e);
|
|
2593
2591
|
},
|
|
2594
|
-
className:
|
|
2592
|
+
className: a("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
|
|
2595
2593
|
"text-color-dark": i
|
|
2596
2594
|
}),
|
|
2597
2595
|
children: [
|
|
2598
|
-
/* @__PURE__ */ o.jsx("span", { className: "desk-body-regular-m", children:
|
|
2599
|
-
|
|
2596
|
+
/* @__PURE__ */ o.jsx("span", { className: "desk-body-regular-m", children: e.title }),
|
|
2597
|
+
e.children.length > 1 && /* @__PURE__ */ o.jsx(
|
|
2600
2598
|
"div",
|
|
2601
2599
|
{
|
|
2602
|
-
className:
|
|
2600
|
+
className: a(
|
|
2603
2601
|
"absolute right-0 top-full z-10 flex w-max flex-col",
|
|
2604
2602
|
"invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
|
|
2605
2603
|
"rounded-sm p-1"
|
|
2606
2604
|
),
|
|
2607
|
-
children:
|
|
2605
|
+
children: e.children.map((l) => /* @__PURE__ */ o.jsx(
|
|
2608
2606
|
"span",
|
|
2609
2607
|
{
|
|
2610
2608
|
onClick: (u) => {
|
|
2611
|
-
u.stopPropagation(), u.nativeEvent.stopPropagation(), n(
|
|
2609
|
+
u.stopPropagation(), u.nativeEvent.stopPropagation(), n(e), r(l);
|
|
2612
2610
|
},
|
|
2613
|
-
className:
|
|
2611
|
+
className: a(
|
|
2614
2612
|
"desk-body-regular-l rounded-sm px-3 py-3.5 text-color-dark duration-100 hover:bg-color-primary-tr-hover hover:text-color-dark",
|
|
2615
2613
|
{
|
|
2616
|
-
"text-color-primary-default":
|
|
2614
|
+
"text-color-primary-default": t.title === l.title
|
|
2617
2615
|
}
|
|
2618
2616
|
),
|
|
2619
2617
|
children: l.title
|
|
@@ -2624,37 +2622,37 @@ const Jn = (t, e) => {
|
|
|
2624
2622
|
)
|
|
2625
2623
|
]
|
|
2626
2624
|
}
|
|
2627
|
-
), uo = ({ categories:
|
|
2628
|
-
const [n, i] =
|
|
2625
|
+
), uo = ({ categories: e, helpers: t, phone: r }) => {
|
|
2626
|
+
const [n, i] = sn({ root: e[0].children[0], current: e[0].children[0] });
|
|
2629
2627
|
return /* @__PURE__ */ o.jsxs("div", { className: "mobile:hidden", children: [
|
|
2630
2628
|
/* @__PURE__ */ o.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
|
|
2631
|
-
/* @__PURE__ */ o.jsx(
|
|
2632
|
-
|
|
2633
|
-
const l = n.root.title ===
|
|
2629
|
+
/* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
|
|
2630
|
+
e.map((d) => {
|
|
2631
|
+
const l = n.root.title === d.title;
|
|
2634
2632
|
return /* @__PURE__ */ o.jsx(
|
|
2635
2633
|
lo,
|
|
2636
2634
|
{
|
|
2637
|
-
category:
|
|
2635
|
+
category: d,
|
|
2638
2636
|
selectedCategory: n.current,
|
|
2639
|
-
onCurrentCategoryChange: (u) => i(
|
|
2640
|
-
onRootCategoryChange: (u) => i(
|
|
2637
|
+
onCurrentCategoryChange: (u) => i(to(u)),
|
|
2638
|
+
onRootCategoryChange: (u) => i(eo(u)),
|
|
2641
2639
|
active: l
|
|
2642
2640
|
},
|
|
2643
|
-
|
|
2641
|
+
d.title
|
|
2644
2642
|
);
|
|
2645
2643
|
}),
|
|
2646
2644
|
/* @__PURE__ */ o.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
|
|
2647
|
-
|
|
2645
|
+
t.map((d) => /* @__PURE__ */ o.jsxs(
|
|
2648
2646
|
"a",
|
|
2649
2647
|
{
|
|
2650
|
-
href:
|
|
2648
|
+
href: d.link.href,
|
|
2651
2649
|
className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
|
|
2652
2650
|
children: [
|
|
2653
|
-
|
|
2654
|
-
|
|
2651
|
+
d.link.icon && /* @__PURE__ */ o.jsx(c, { name: d.link.icon, className: "size-4" }),
|
|
2652
|
+
d.title
|
|
2655
2653
|
]
|
|
2656
2654
|
},
|
|
2657
|
-
|
|
2655
|
+
d.title
|
|
2658
2656
|
)),
|
|
2659
2657
|
/* @__PURE__ */ o.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
|
|
2660
2658
|
/* @__PURE__ */ o.jsx(
|
|
@@ -2662,68 +2660,68 @@ const Jn = (t, e) => {
|
|
|
2662
2660
|
{
|
|
2663
2661
|
href: `tel:${r}`,
|
|
2664
2662
|
className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
|
|
2665
|
-
children:
|
|
2663
|
+
children: Mt(r, "x xxx xxx xx xx")
|
|
2666
2664
|
}
|
|
2667
2665
|
)
|
|
2668
2666
|
] }),
|
|
2669
2667
|
/* @__PURE__ */ o.jsx(ao, { categories: n.current.children })
|
|
2670
2668
|
] });
|
|
2671
|
-
}, mo = ({ category:
|
|
2672
|
-
|
|
2669
|
+
}, mo = ({ category: e }) => /* @__PURE__ */ o.jsx(
|
|
2670
|
+
at,
|
|
2673
2671
|
{
|
|
2674
|
-
label:
|
|
2675
|
-
icon: /* @__PURE__ */ o.jsx(
|
|
2672
|
+
label: e.title ?? "",
|
|
2673
|
+
icon: /* @__PURE__ */ o.jsx(c, { name: "arrows/arrowRight", className: "-rotate-90" }),
|
|
2676
2674
|
classes: {
|
|
2677
2675
|
root: "w-full",
|
|
2678
2676
|
header: {
|
|
2679
2677
|
trigger: "py-2 data-[open=false]:bg-color-white",
|
|
2680
2678
|
label: "desk-body-regular-m"
|
|
2681
2679
|
},
|
|
2682
|
-
content:
|
|
2680
|
+
content: a(
|
|
2683
2681
|
"relative",
|
|
2684
2682
|
'after:content-"" after:absolute after:w-[calc(100%-32px)]',
|
|
2685
2683
|
"after:bottom-0 after:left-1/2 after:-translate-x-1/2",
|
|
2686
2684
|
"after:h-[1px] after:bg-color-blue-grey-200"
|
|
2687
2685
|
)
|
|
2688
2686
|
},
|
|
2689
|
-
children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children:
|
|
2687
|
+
children: /* @__PURE__ */ o.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: e.children.map((t) => {
|
|
2690
2688
|
var i;
|
|
2691
|
-
const r = !!
|
|
2689
|
+
const r = !!t.link, n = r ? "a" : "p";
|
|
2692
2690
|
return /* @__PURE__ */ o.jsxs("ul", { className: "w-full list-none p-0", children: [
|
|
2693
2691
|
/* @__PURE__ */ o.jsxs(
|
|
2694
2692
|
n,
|
|
2695
2693
|
{
|
|
2696
|
-
href: r ? (i =
|
|
2694
|
+
href: r ? (i = t.link) == null ? void 0 : i.href : void 0,
|
|
2697
2695
|
className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
|
|
2698
2696
|
children: [
|
|
2699
|
-
|
|
2700
|
-
/* @__PURE__ */ o.jsx(
|
|
2697
|
+
t.title,
|
|
2698
|
+
/* @__PURE__ */ o.jsx(c, { name: "arrows/arrowLink" })
|
|
2701
2699
|
]
|
|
2702
2700
|
}
|
|
2703
2701
|
),
|
|
2704
|
-
|
|
2702
|
+
t.children.map((d) => {
|
|
2705
2703
|
var l;
|
|
2706
|
-
return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l =
|
|
2704
|
+
return /* @__PURE__ */ o.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ o.jsx("a", { href: (l = d.link) == null ? void 0 : l.href, className: "w-full", children: d.title }) }, d.title);
|
|
2707
2705
|
})
|
|
2708
|
-
] },
|
|
2706
|
+
] }, t.title);
|
|
2709
2707
|
}) })
|
|
2710
2708
|
},
|
|
2711
|
-
|
|
2712
|
-
), xo = (
|
|
2713
|
-
value:
|
|
2714
|
-
label:
|
|
2715
|
-
})), ho = ({ categories:
|
|
2716
|
-
const i = xo(
|
|
2709
|
+
e.title
|
|
2710
|
+
), xo = (e) => e.map((t) => ({
|
|
2711
|
+
value: t.title ?? "",
|
|
2712
|
+
label: t.title ?? ""
|
|
2713
|
+
})), ho = ({ categories: e, helpers: t, phone: r, ...n }) => {
|
|
2714
|
+
const i = xo(e), [d, l] = O(i[0]), u = (m) => {
|
|
2717
2715
|
_.isUndefined(m) || _.isArray(m) || l(m);
|
|
2718
|
-
}, x =
|
|
2716
|
+
}, x = gt(() => {
|
|
2719
2717
|
var m;
|
|
2720
|
-
return _.isUndefined(
|
|
2721
|
-
}, [
|
|
2718
|
+
return _.isUndefined(d) || _.isArray(d) ? [] : ((m = e.find((p) => p.title === d.value)) == null ? void 0 : m.children) ?? [];
|
|
2719
|
+
}, [d, e]);
|
|
2722
2720
|
return /* @__PURE__ */ o.jsxs(
|
|
2723
|
-
|
|
2721
|
+
zt.div,
|
|
2724
2722
|
{
|
|
2725
2723
|
...n,
|
|
2726
|
-
className:
|
|
2724
|
+
className: a(
|
|
2727
2725
|
"absolute z-10 w-full max-w-[calc(636px-32px)]",
|
|
2728
2726
|
"absolute left-1/2 top-full bg-color-white p-4",
|
|
2729
2727
|
"-translate-x-1/2 overflow-x-hidden",
|
|
@@ -2732,45 +2730,45 @@ const Jn = (t, e) => {
|
|
|
2732
2730
|
initial: { opacity: 0 },
|
|
2733
2731
|
animate: { opacity: 1 },
|
|
2734
2732
|
children: [
|
|
2735
|
-
/* @__PURE__ */ o.jsx(
|
|
2733
|
+
/* @__PURE__ */ o.jsx(St.SelectBase, { label: "Категория", options: i, value: d, onChange: u }),
|
|
2736
2734
|
/* @__PURE__ */ o.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: x.map((m) => {
|
|
2737
2735
|
var p;
|
|
2738
2736
|
return _.isArrayEmpty(m.children) ? /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsx("a", { href: (p = m.link) == null ? void 0 : p.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ o.jsx(mo, { category: m }, m.title);
|
|
2739
2737
|
}) }),
|
|
2740
2738
|
/* @__PURE__ */ o.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
|
|
2741
2739
|
/* @__PURE__ */ o.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
|
|
2742
|
-
|
|
2743
|
-
var p,
|
|
2740
|
+
t.map((m) => {
|
|
2741
|
+
var p, f;
|
|
2744
2742
|
return /* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: (p = m.link) == null ? void 0 : p.href, className: "flex w-full items-center gap-x-1", children: [
|
|
2745
|
-
((
|
|
2743
|
+
((f = m.link) == null ? void 0 : f.icon) && /* @__PURE__ */ o.jsx(c, { name: m.link.icon, className: "size-4" }),
|
|
2746
2744
|
m.title
|
|
2747
2745
|
] }) }, m.title);
|
|
2748
2746
|
}),
|
|
2749
2747
|
/* @__PURE__ */ o.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ o.jsxs("a", { href: `tel:${r}`, className: "flex w-full items-center gap-x-1", children: [
|
|
2750
|
-
/* @__PURE__ */ o.jsx(
|
|
2751
|
-
|
|
2748
|
+
/* @__PURE__ */ o.jsx(c, { name: "communication/phone", className: "size-4" }),
|
|
2749
|
+
Mt(r)
|
|
2752
2750
|
] }) })
|
|
2753
2751
|
] })
|
|
2754
2752
|
]
|
|
2755
2753
|
}
|
|
2756
2754
|
);
|
|
2757
|
-
}, po = ({ categories:
|
|
2755
|
+
}, po = ({ categories: e, helpers: t, phone: r }) => {
|
|
2758
2756
|
var x, m, p;
|
|
2759
|
-
const n =
|
|
2757
|
+
const n = Ht(null), i = (x = n.current) == null ? void 0 : x.getBoundingClientRect(), [d, l] = O(!1), u = () => l(!d);
|
|
2760
2758
|
return /* @__PURE__ */ o.jsxs(
|
|
2761
2759
|
"div",
|
|
2762
2760
|
{
|
|
2763
2761
|
ref: n,
|
|
2764
2762
|
className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4 desktop:hidden",
|
|
2765
2763
|
children: [
|
|
2766
|
-
/* @__PURE__ */ o.jsx(
|
|
2767
|
-
/* @__PURE__ */ o.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(
|
|
2768
|
-
|
|
2764
|
+
/* @__PURE__ */ o.jsx(c, { name: "brandLogos/logoMain", className: "w-[130px]" }),
|
|
2765
|
+
/* @__PURE__ */ o.jsx("button", { type: "button", onClick: u, className: "h-max w-max", children: /* @__PURE__ */ o.jsx(c, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
|
|
2766
|
+
d && Ie(
|
|
2769
2767
|
/* @__PURE__ */ o.jsx(
|
|
2770
2768
|
ho,
|
|
2771
2769
|
{
|
|
2772
|
-
categories:
|
|
2773
|
-
helpers:
|
|
2770
|
+
categories: e,
|
|
2771
|
+
helpers: t,
|
|
2774
2772
|
phone: r,
|
|
2775
2773
|
style: { top: i ? i.top + i.height : 0 }
|
|
2776
2774
|
}
|
|
@@ -2783,30 +2781,30 @@ const Jn = (t, e) => {
|
|
|
2783
2781
|
]
|
|
2784
2782
|
}
|
|
2785
2783
|
);
|
|
2786
|
-
},
|
|
2787
|
-
const { isMobile:
|
|
2788
|
-
return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className:
|
|
2789
|
-
/* @__PURE__ */ o.jsx(po, { categories:
|
|
2790
|
-
/* @__PURE__ */ o.jsx(uo, { categories:
|
|
2784
|
+
}, pe = ({ categories: e, helpers: t, phone: r, breadcrumbs: n, classes: i }) => {
|
|
2785
|
+
const { isMobile: d } = lt();
|
|
2786
|
+
return /* @__PURE__ */ o.jsx("div", { id: g.seoHeader, "data-test-id": g.seoHeader, className: a("w-full bg-color-white", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsxs(F, { className: "mx-auto w-full", children: [
|
|
2787
|
+
/* @__PURE__ */ o.jsx(po, { categories: e.map((l) => l.children).flat(), helpers: t, phone: r }),
|
|
2788
|
+
/* @__PURE__ */ o.jsx(uo, { categories: e, helpers: t, phone: r }),
|
|
2791
2789
|
/* @__PURE__ */ o.jsx(
|
|
2792
|
-
|
|
2790
|
+
Jn,
|
|
2793
2791
|
{
|
|
2794
|
-
ellipsis:
|
|
2792
|
+
ellipsis: d ? 1 : void 0,
|
|
2795
2793
|
breadcrumbs: n,
|
|
2796
|
-
matcher: (l) => ({ label:
|
|
2794
|
+
matcher: (l) => ({ label: dr(l.label).split("-").join(" ") })
|
|
2797
2795
|
}
|
|
2798
2796
|
)
|
|
2799
2797
|
] }) });
|
|
2800
|
-
},
|
|
2798
|
+
}, fo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
2801
2799
|
__proto__: null,
|
|
2802
|
-
SeoHeader:
|
|
2803
|
-
default:
|
|
2804
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
2805
|
-
let r =
|
|
2800
|
+
SeoHeader: pe,
|
|
2801
|
+
default: pe
|
|
2802
|
+
}, Symbol.toStringTag, { value: "Module" })), Pe = (e) => typeof e != "string" && "formula" in e, Ee = (e, t) => {
|
|
2803
|
+
let r = t;
|
|
2806
2804
|
const n = {
|
|
2807
|
-
style:
|
|
2805
|
+
style: e
|
|
2808
2806
|
};
|
|
2809
|
-
switch (
|
|
2807
|
+
switch (e) {
|
|
2810
2808
|
case "currency":
|
|
2811
2809
|
n.currency = "RUB", n.minimumFractionDigits = 0, n.maximumFractionDigits = 0;
|
|
2812
2810
|
break;
|
|
@@ -2817,86 +2815,86 @@ const Jn = (t, e) => {
|
|
|
2817
2815
|
return null;
|
|
2818
2816
|
}
|
|
2819
2817
|
return new Intl.NumberFormat("ru-RU", n).format(r);
|
|
2820
|
-
},
|
|
2821
|
-
switch (
|
|
2818
|
+
}, co = (e, t) => {
|
|
2819
|
+
switch (e) {
|
|
2822
2820
|
case "text":
|
|
2823
|
-
return
|
|
2821
|
+
return t;
|
|
2824
2822
|
default:
|
|
2825
|
-
return
|
|
2823
|
+
return Ee(e, Number(t));
|
|
2826
2824
|
}
|
|
2827
|
-
}, go = (
|
|
2828
|
-
const r = Object.entries(
|
|
2825
|
+
}, go = (e) => Object.values(e).reduce((r, n) => r.merge(Vt(n.fields)), Qt({})), bo = (e, t) => (e.match(/[a-zA-Z_$][a-zA-Z0-9_$]*/g) || []).filter((i) => !(i in t)).length > 0 ? "" : e, Re = (e, t) => {
|
|
2826
|
+
const r = Object.entries(t).map(([x, m]) => [x, _.isNil(m) ? "1" : m]), n = r.map(([x]) => x), i = r.map(([, x]) => x), d = bo(e, Object.fromEntries(r)), u = new Function(...n, `return ${d};`)(...i.map(Number));
|
|
2829
2827
|
return Number.isNaN(Number(u)) ? "0" : u.toString();
|
|
2830
|
-
}, jo = (
|
|
2828
|
+
}, jo = (e, t) => e.map((r) => ({
|
|
2831
2829
|
...r,
|
|
2832
|
-
value:
|
|
2833
|
-
})), yo = ({ subtitle:
|
|
2834
|
-
|
|
2835
|
-
|
|
2836
|
-
] }) }), ko = ({ rootDescription:
|
|
2837
|
-
/* @__PURE__ */ o.jsx("p", { className:
|
|
2838
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
2839
|
-
] }), wo = ({ hint:
|
|
2830
|
+
value: Pe(r.value) ? Re(r.value.formula, t) : r.value
|
|
2831
|
+
})), yo = ({ subtitle: e, title: t, classes: r }) => /* @__PURE__ */ o.jsx(o.Fragment, { children: (t || e) && /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2", r == null ? void 0 : r.wrapper), children: [
|
|
2832
|
+
t && /* @__PURE__ */ o.jsx(R, { as: "h3", className: r == null ? void 0 : r.title, children: t }),
|
|
2833
|
+
e && /* @__PURE__ */ o.jsx("div", { className: a("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
|
|
2834
|
+
] }) }), ko = ({ rootDescription: e, rootValue: t, suffix: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center justify-between gap-6", n == null ? void 0 : n.wrapper), children: [
|
|
2835
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-dark", n == null ? void 0 : n.description), children: e }),
|
|
2836
|
+
/* @__PURE__ */ o.jsx("div", { className: a("desk-title-bold-l flex items-center gap-1 text-color-dark", n == null ? void 0 : n.value), children: Ee(r, Number(t)) })
|
|
2837
|
+
] }), wo = ({ hint: e, value: t, label: r, mode: n, color: i = "dark", accent: d = !1 }) => /* @__PURE__ */ o.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
|
|
2840
2838
|
/* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
|
|
2841
2839
|
/* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l text-color-dark", children: r }),
|
|
2842
|
-
|
|
2843
|
-
|
|
2840
|
+
e && /* @__PURE__ */ o.jsx(
|
|
2841
|
+
Ct,
|
|
2844
2842
|
{
|
|
2845
2843
|
withCloseBtn: !1,
|
|
2846
|
-
triggerElement: /* @__PURE__ */ o.jsx(
|
|
2847
|
-
children: /* @__PURE__ */ o.jsx("p", { children:
|
|
2844
|
+
triggerElement: /* @__PURE__ */ o.jsx(c, { className: "size-5 text-icon-blue-grey-600", name: "info/helpCircle" }),
|
|
2845
|
+
children: /* @__PURE__ */ o.jsx("p", { children: e })
|
|
2848
2846
|
}
|
|
2849
2847
|
)
|
|
2850
2848
|
] }),
|
|
2851
2849
|
/* @__PURE__ */ o.jsx(
|
|
2852
2850
|
"span",
|
|
2853
2851
|
{
|
|
2854
|
-
className:
|
|
2855
|
-
"[&&]:desk-title-bold-s":
|
|
2852
|
+
className: a("desk-body-medium-l text-color-dark", {
|
|
2853
|
+
"[&&]:desk-title-bold-s": d,
|
|
2856
2854
|
"text-color-primary-default": i === "blue"
|
|
2857
2855
|
}),
|
|
2858
|
-
children:
|
|
2856
|
+
children: co(n, t)
|
|
2859
2857
|
}
|
|
2860
2858
|
)
|
|
2861
|
-
] }), vo = ({ infoList:
|
|
2862
|
-
const { watch: r } =
|
|
2863
|
-
return /* @__PURE__ */ o.jsx("div", { className:
|
|
2864
|
-
}, No = ({ iconName:
|
|
2865
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
2866
|
-
/* @__PURE__ */ o.jsx(
|
|
2867
|
-
/* @__PURE__ */ o.jsx("p", { className:
|
|
2859
|
+
] }), vo = ({ infoList: e, classes: t }) => {
|
|
2860
|
+
const { watch: r } = Ot(), n = r(), i = jo(e, n);
|
|
2861
|
+
return /* @__PURE__ */ o.jsx("div", { className: a("my-4 flex flex-col gap-3 border-t border-solid border-blue-grey-500 pt-4", t == null ? void 0 : t.wrapper), children: i == null ? void 0 : i.map((d) => /* @__PURE__ */ o.jsx(wo, { ...d }, d.label)) });
|
|
2862
|
+
}, No = ({ iconName: e, text: t, hint: r, classes: n, popoverProps: i }) => /* @__PURE__ */ o.jsxs("div", { className: a("mb-6 flex items-center gap-2", n == null ? void 0 : n.wrapper), children: [
|
|
2863
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex items-center gap-1", n == null ? void 0 : n.block), children: [
|
|
2864
|
+
/* @__PURE__ */ o.jsx(c, { name: e, className: a("size-6 text-icon-blue-grey-800", n == null ? void 0 : n.icon) }),
|
|
2865
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: t })
|
|
2868
2866
|
] }),
|
|
2869
2867
|
r && /* @__PURE__ */ o.jsx(
|
|
2870
|
-
|
|
2868
|
+
Ct,
|
|
2871
2869
|
{
|
|
2872
2870
|
withCloseBtn: !1,
|
|
2873
|
-
triggerElement: /* @__PURE__ */ o.jsx(
|
|
2871
|
+
triggerElement: /* @__PURE__ */ o.jsx(c, { name: "info/helpCircle", className: "size-5 text-icon-blue-grey-600" }),
|
|
2874
2872
|
...i,
|
|
2875
2873
|
children: r
|
|
2876
2874
|
}
|
|
2877
2875
|
)
|
|
2878
|
-
] }), Co = ({ assistHint:
|
|
2879
|
-
|
|
2880
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
2881
|
-
r && /* @__PURE__ */ o.jsx("p", { className:
|
|
2876
|
+
] }), Co = ({ assistHint: e, buttonsConfig: t, bottomDescription: r, classes: n }) => /* @__PURE__ */ o.jsxs("div", { children: [
|
|
2877
|
+
e && /* @__PURE__ */ o.jsx(No, { ...e, classes: n == null ? void 0 : n.assistHint }),
|
|
2878
|
+
/* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-4 mobile:flex-col", n == null ? void 0 : n.buttonsWrapper), children: t == null ? void 0 : t.map((i, d) => /* @__PURE__ */ o.jsx(tt, { className: "w-full", ...i }, d)) }),
|
|
2879
|
+
r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-m mt-4 text-color-secondary", n == null ? void 0 : n.bottomDescription), children: r })
|
|
2882
2880
|
] }), So = ({
|
|
2883
|
-
rootDescription:
|
|
2884
|
-
bottomDescription:
|
|
2881
|
+
rootDescription: e,
|
|
2882
|
+
bottomDescription: t,
|
|
2885
2883
|
rootValue: r,
|
|
2886
2884
|
title: n,
|
|
2887
2885
|
subtitle: i,
|
|
2888
|
-
buttonsConfig:
|
|
2886
|
+
buttonsConfig: d,
|
|
2889
2887
|
infoList: l,
|
|
2890
2888
|
suffix: u,
|
|
2891
2889
|
assistHint: x,
|
|
2892
2890
|
classes: m
|
|
2893
|
-
}) => /* @__PURE__ */ o.jsxs("div", { className:
|
|
2891
|
+
}) => /* @__PURE__ */ o.jsxs("div", { className: a("w-[456px] rounded-md bg-color-blue-grey-100 p-8", m == null ? void 0 : m.wrapper), children: [
|
|
2894
2892
|
/* @__PURE__ */ o.jsx(
|
|
2895
2893
|
ko,
|
|
2896
2894
|
{
|
|
2897
2895
|
suffix: u,
|
|
2898
2896
|
rootValue: r,
|
|
2899
|
-
rootDescription:
|
|
2897
|
+
rootDescription: e,
|
|
2900
2898
|
classes: m == null ? void 0 : m.calculatedBlock
|
|
2901
2899
|
}
|
|
2902
2900
|
),
|
|
@@ -2906,158 +2904,158 @@ const Jn = (t, e) => {
|
|
|
2906
2904
|
Co,
|
|
2907
2905
|
{
|
|
2908
2906
|
assistHint: x,
|
|
2909
|
-
buttonsConfig:
|
|
2910
|
-
bottomDescription:
|
|
2907
|
+
buttonsConfig: d,
|
|
2908
|
+
bottomDescription: t,
|
|
2911
2909
|
classes: m == null ? void 0 : m.calculatorInfoFooter
|
|
2912
2910
|
}
|
|
2913
2911
|
)
|
|
2914
|
-
] }), Io = 2e4,
|
|
2915
|
-
slidersGroupConfig:
|
|
2916
|
-
additionalSliderGroupConfig:
|
|
2912
|
+
] }), Io = 2e4, De = ({
|
|
2913
|
+
slidersGroupConfig: e,
|
|
2914
|
+
additionalSliderGroupConfig: t
|
|
2917
2915
|
}) => {
|
|
2918
|
-
const [r, n] = O(!1), { watch: i, setValue:
|
|
2919
|
-
return
|
|
2920
|
-
|
|
2921
|
-
}, [k,
|
|
2922
|
-
Number(x) ===
|
|
2923
|
-
}, [n, x,
|
|
2916
|
+
const [r, n] = O(!1), { watch: i, setValue: d } = Ot(), l = e == null ? void 0 : e.fields.find(({ args: E }) => E.name === "sum"), { args: u } = l || {}, { max: x, name: m, defaultValue: p } = u || {}, f = i(m), { min: S, name: y } = (t == null ? void 0 : t.args) ?? {}, P = i(y), k = Number(x ?? 0) - (f ?? p);
|
|
2917
|
+
return vt(() => {
|
|
2918
|
+
P > k && d(y, k);
|
|
2919
|
+
}, [k, P, d, f]), vt(() => {
|
|
2920
|
+
Number(x) === f && n(!1);
|
|
2921
|
+
}, [n, x, f]), {
|
|
2924
2922
|
sliderVisible: r,
|
|
2925
2923
|
setSliderVisible: n,
|
|
2926
2924
|
sumMax: x,
|
|
2927
2925
|
sumName: m,
|
|
2928
2926
|
sumDefaultValue: p,
|
|
2929
|
-
sumValue:
|
|
2927
|
+
sumValue: f,
|
|
2930
2928
|
additionalSliderMax: k,
|
|
2931
2929
|
onCheckedChange: () => {
|
|
2932
|
-
n((
|
|
2930
|
+
n((E) => !E), P <= 0 && d(y, S), Number(x) === f && (d(m ?? "", f - Io), d(y, S));
|
|
2933
2931
|
},
|
|
2934
2932
|
sliderSumExist: !_.isObjectEmpty(l == null ? void 0 : l.args),
|
|
2935
2933
|
sliderSumCorrectType: (l == null ? void 0 : l.args.componentType) === "algorithmic" || (l == null ? void 0 : l.args.componentType) === "step"
|
|
2936
2934
|
};
|
|
2937
|
-
}, Mo = (
|
|
2938
|
-
switch (
|
|
2935
|
+
}, Mo = (e) => {
|
|
2936
|
+
switch (e) {
|
|
2939
2937
|
case "content1":
|
|
2940
2938
|
return /* @__PURE__ */ o.jsx("div", { children: "content 1" });
|
|
2941
2939
|
case "content2":
|
|
2942
2940
|
return /* @__PURE__ */ o.jsx("div", { children: "content 2" });
|
|
2943
2941
|
}
|
|
2944
2942
|
}, _o = ({
|
|
2945
|
-
triggerText:
|
|
2946
|
-
modalTitle:
|
|
2943
|
+
triggerText: e,
|
|
2944
|
+
modalTitle: t,
|
|
2947
2945
|
description: r,
|
|
2948
2946
|
classes: n,
|
|
2949
2947
|
modalProps: i,
|
|
2950
|
-
contentVariant:
|
|
2948
|
+
contentVariant: d
|
|
2951
2949
|
}) => {
|
|
2952
2950
|
const [l, u] = xr(!1);
|
|
2953
|
-
return /* @__PURE__ */ o.jsxs("div", { className:
|
|
2954
|
-
r && /* @__PURE__ */ o.jsx("p", { className:
|
|
2951
|
+
return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 rounded-sm bg-color-blue-grey-100 p-4", n == null ? void 0 : n.wrapper), children: [
|
|
2952
|
+
r && /* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description), children: r }),
|
|
2955
2953
|
/* @__PURE__ */ o.jsx(
|
|
2956
2954
|
"button",
|
|
2957
2955
|
{
|
|
2958
2956
|
onClick: () => u(!0),
|
|
2959
|
-
className:
|
|
2957
|
+
className: a(
|
|
2960
2958
|
"desk-body-regular-l w-max cursor-pointer text-color-primary-default underline underline-offset-4",
|
|
2961
2959
|
n == null ? void 0 : n.button
|
|
2962
2960
|
),
|
|
2963
|
-
children:
|
|
2961
|
+
children: e
|
|
2964
2962
|
}
|
|
2965
2963
|
),
|
|
2966
|
-
/* @__PURE__ */ o.jsx(rr, { title:
|
|
2964
|
+
/* @__PURE__ */ o.jsx(rr, { title: t, isModalOpen: l, closeModal: () => u(!1), ...i, children: Mo(d) })
|
|
2967
2965
|
] });
|
|
2968
|
-
},
|
|
2969
|
-
const { control:
|
|
2970
|
-
return /* @__PURE__ */ o.jsx(
|
|
2966
|
+
}, G = ({ fields: e }) => {
|
|
2967
|
+
const { control: t } = Ot();
|
|
2968
|
+
return /* @__PURE__ */ o.jsx($t, { control: t, fields: e });
|
|
2971
2969
|
}, Oo = ({
|
|
2972
|
-
slidersGroupConfig:
|
|
2973
|
-
additionalSliderGroupConfig:
|
|
2970
|
+
slidersGroupConfig: e,
|
|
2971
|
+
additionalSliderGroupConfig: t,
|
|
2974
2972
|
classes: r
|
|
2975
2973
|
}) => {
|
|
2976
|
-
const { control: n } =
|
|
2977
|
-
slidersGroupConfig:
|
|
2978
|
-
additionalSliderGroupConfig:
|
|
2974
|
+
const { control: n } = Ot(), { sliderVisible: i, additionalSliderMax: d, onCheckedChange: l } = De({
|
|
2975
|
+
slidersGroupConfig: e,
|
|
2976
|
+
additionalSliderGroupConfig: t
|
|
2979
2977
|
});
|
|
2980
|
-
return _.isNil(
|
|
2981
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
2982
|
-
/* @__PURE__ */ o.jsx(
|
|
2978
|
+
return _.isNil(t == null ? void 0 : t.args) || !(t != null && t.args) ? null : /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.wrapper), children: [
|
|
2979
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("inline-flex items-center gap-2", r == null ? void 0 : r.block), children: [
|
|
2980
|
+
/* @__PURE__ */ o.jsx(St.SwitchBase, { checked: i, onCheckedChange: l }),
|
|
2983
2981
|
/* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: "Хочу получить деньги дополнительно" })
|
|
2984
2982
|
] }),
|
|
2985
2983
|
i && /* @__PURE__ */ o.jsx(
|
|
2986
|
-
|
|
2984
|
+
Dt.SliderControl,
|
|
2987
2985
|
{
|
|
2988
|
-
...
|
|
2986
|
+
...t.args,
|
|
2989
2987
|
control: n,
|
|
2990
2988
|
componentType: "algorithmic",
|
|
2991
2989
|
suffix: "currency",
|
|
2992
|
-
defaultValue:
|
|
2993
|
-
max:
|
|
2990
|
+
defaultValue: t == null ? void 0 : t.args.min,
|
|
2991
|
+
max: d
|
|
2994
2992
|
}
|
|
2995
2993
|
)
|
|
2996
2994
|
] });
|
|
2997
|
-
}, To = ({ modalConfig:
|
|
2998
|
-
var
|
|
2999
|
-
const { sliderSumExist: n, sliderSumCorrectType: i } =
|
|
3000
|
-
slidersGroupConfig:
|
|
3001
|
-
additionalSliderGroupConfig:
|
|
2995
|
+
}, To = ({ modalConfig: e, fieldsGroup: t, classes: r }) => {
|
|
2996
|
+
var d;
|
|
2997
|
+
const { sliderSumExist: n, sliderSumCorrectType: i } = De({
|
|
2998
|
+
slidersGroupConfig: t.slidersGroupConfig,
|
|
2999
|
+
additionalSliderGroupConfig: t.additionalSliderGroupConfig
|
|
3002
3000
|
});
|
|
3003
|
-
return /* @__PURE__ */ o.jsxs("div", { className:
|
|
3004
|
-
(
|
|
3005
|
-
(
|
|
3006
|
-
(
|
|
3007
|
-
(
|
|
3008
|
-
(
|
|
3009
|
-
(
|
|
3010
|
-
(
|
|
3011
|
-
(
|
|
3012
|
-
((
|
|
3001
|
+
return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-1 flex-col gap-8", r == null ? void 0 : r.rootFieldsWrapper), children: [
|
|
3002
|
+
(e == null ? void 0 : e.triggerText) && (e == null ? void 0 : e.contentVariant) && /* @__PURE__ */ o.jsx(_o, { classes: r == null ? void 0 : r.modalClasses, ...e }),
|
|
3003
|
+
(t == null ? void 0 : t.selectGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.selectFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.selectGroupConfig }) }),
|
|
3004
|
+
(t == null ? void 0 : t.slidersGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.slidersGroupConfig }),
|
|
3005
|
+
(t == null ? void 0 : t.radioGroupTabConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupTabConfig }),
|
|
3006
|
+
(t == null ? void 0 : t.checkboxGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.checkboxFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.checkboxGroupConfig }) }),
|
|
3007
|
+
(t == null ? void 0 : t.radioGroupConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupConfig }),
|
|
3008
|
+
(t == null ? void 0 : t.radioGroupCardConfig) && /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.radioGroupCardConfig }),
|
|
3009
|
+
(t == null ? void 0 : t.switchGroupConfig) && /* @__PURE__ */ o.jsx("div", { className: a("flex flex-col gap-4", r == null ? void 0 : r.switchFieldsWrapper), children: /* @__PURE__ */ o.jsx(G, { ...t == null ? void 0 : t.switchGroupConfig }) }),
|
|
3010
|
+
((d = t.additionalSliderGroupConfig) == null ? void 0 : d.args.enabled) && t.slidersGroupConfig && t.additionalSliderGroupConfig && n && i && /* @__PURE__ */ o.jsx(
|
|
3013
3011
|
Oo,
|
|
3014
3012
|
{
|
|
3015
|
-
slidersGroupConfig:
|
|
3016
|
-
additionalSliderGroupConfig:
|
|
3013
|
+
slidersGroupConfig: t.slidersGroupConfig,
|
|
3014
|
+
additionalSliderGroupConfig: t.additionalSliderGroupConfig
|
|
3017
3015
|
}
|
|
3018
3016
|
)
|
|
3019
3017
|
] });
|
|
3020
|
-
}, Fo =
|
|
3018
|
+
}, Fo = ct(({ calculatorTabs: e, activeCalculator: t, setActiveCalculator: r, classes: n }) => /* @__PURE__ */ o.jsx("div", { className: a("mb-8 flex items-center gap-4", n == null ? void 0 : n.wrapper), children: e == null ? void 0 : e.map(({ name: i, label: d }) => /* @__PURE__ */ o.jsx(
|
|
3021
3019
|
"button",
|
|
3022
3020
|
{
|
|
3023
3021
|
onClick: () => r(i),
|
|
3024
|
-
className:
|
|
3022
|
+
className: a(
|
|
3025
3023
|
"mob-body-regular-m text-nowrap rounded-sm bg-color-blue-grey-100 px-3 py-1.5 text-color-secondary outline-1 outline-offset-4 outline-transparent desktop:desk-body-regular-l focus:outline-primary-focus desktop:px-4 desktop:py-3",
|
|
3026
|
-
{ "bg-icon-primary-default text-color-white":
|
|
3024
|
+
{ "bg-icon-primary-default text-color-white": t === i },
|
|
3027
3025
|
n == null ? void 0 : n.tab
|
|
3028
3026
|
),
|
|
3029
|
-
children:
|
|
3027
|
+
children: d
|
|
3030
3028
|
},
|
|
3031
3029
|
i
|
|
3032
3030
|
)) })), Bo = ({
|
|
3033
|
-
calculatorInfoConfig:
|
|
3034
|
-
calculatorFieldsConfig:
|
|
3031
|
+
calculatorInfoConfig: e,
|
|
3032
|
+
calculatorFieldsConfig: t,
|
|
3035
3033
|
classes: r
|
|
3036
3034
|
}) => {
|
|
3037
|
-
const n = go(
|
|
3035
|
+
const n = go(t == null ? void 0 : t.fieldsGroup), i = _t({
|
|
3038
3036
|
schema: n,
|
|
3039
3037
|
mode: "onBlur",
|
|
3040
|
-
defaultValues:
|
|
3041
|
-
}),
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
}, [
|
|
3045
|
-
const u =
|
|
3046
|
-
return /* @__PURE__ */ o.jsx(ur, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className:
|
|
3047
|
-
/* @__PURE__ */ o.jsx(To, { ...
|
|
3038
|
+
defaultValues: Tt.getZodDefaults(n)
|
|
3039
|
+
}), d = i.watch(), { rootValue: l } = e;
|
|
3040
|
+
vt(() => {
|
|
3041
|
+
ar.setItem("calculatorData", JSON.stringify(d));
|
|
3042
|
+
}, [d]);
|
|
3043
|
+
const u = Pe(l) ? Re(l.formula, d) : l, x = { ...e, rootValue: u };
|
|
3044
|
+
return /* @__PURE__ */ o.jsx(ur, { ...i, children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-start gap-16", r == null ? void 0 : r.wrapper), children: [
|
|
3045
|
+
/* @__PURE__ */ o.jsx(To, { ...t, classes: r == null ? void 0 : r.calculatorFields }),
|
|
3048
3046
|
/* @__PURE__ */ o.jsx(So, { ...x, classes: r == null ? void 0 : r.calculatorInfo })
|
|
3049
3047
|
] }) });
|
|
3050
|
-
},
|
|
3048
|
+
}, fe = ({ calculators: e, headline: t, classes: r }) => {
|
|
3051
3049
|
var m;
|
|
3052
|
-
const n =
|
|
3053
|
-
return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className:
|
|
3054
|
-
/* @__PURE__ */ o.jsx(
|
|
3050
|
+
const n = e.length > 1, [i, d] = O(n ? (m = e[0]) == null ? void 0 : m.name : ""), l = gt(() => e == null ? void 0 : e.map(({ name: p, label: f }) => ({ name: p, label: f })), [e]), u = n ? l == null ? void 0 : l.findIndex((p) => p.name === i) : 0, x = e[u];
|
|
3051
|
+
return /* @__PURE__ */ o.jsx("section", { id: g.calculator, "data-test-id": g.calculator, className: a(r == null ? void 0 : r.root), children: /* @__PURE__ */ o.jsx(F, { className: a(r == null ? void 0 : r.container), children: /* @__PURE__ */ o.jsxs("div", { className: a(r == null ? void 0 : r.wrapper), children: [
|
|
3052
|
+
/* @__PURE__ */ o.jsx(R, { className: a("mb-12", r == null ? void 0 : r.headline), as: "h2", children: t }),
|
|
3055
3053
|
n && /* @__PURE__ */ o.jsx(
|
|
3056
3054
|
Fo,
|
|
3057
3055
|
{
|
|
3058
3056
|
calculatorTabs: l,
|
|
3059
3057
|
activeCalculator: i,
|
|
3060
|
-
setActiveCalculator:
|
|
3058
|
+
setActiveCalculator: d,
|
|
3061
3059
|
classes: r == null ? void 0 : r.calculatorTabs
|
|
3062
3060
|
}
|
|
3063
3061
|
),
|
|
@@ -3072,61 +3070,61 @@ const Jn = (t, e) => {
|
|
|
3072
3070
|
}
|
|
3073
3071
|
)
|
|
3074
3072
|
] }) }) });
|
|
3075
|
-
},
|
|
3073
|
+
}, Po = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3076
3074
|
__proto__: null,
|
|
3077
|
-
Calculator:
|
|
3078
|
-
default:
|
|
3079
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
3080
|
-
heading:
|
|
3081
|
-
buttonsGroup:
|
|
3075
|
+
Calculator: fe,
|
|
3076
|
+
default: fe
|
|
3077
|
+
}, Symbol.toStringTag, { value: "Module" })), Eo = ({ linksList: e, classes: t }) => /* @__PURE__ */ o.jsx("div", { className: a("mt-4 flex flex-wrap items-center gap-4 desktop:mt-12 desktop:gap-8", t == null ? void 0 : t.list), children: e == null ? void 0 : e.map((r, n) => /* @__PURE__ */ o.jsx(ft, { withUnderline: !0, size: "md", classes: t == null ? void 0 : t.customLink, ...r }, n)) }), Ro = ({
|
|
3078
|
+
heading: e,
|
|
3079
|
+
buttonsGroup: t,
|
|
3082
3080
|
imageMobile: r,
|
|
3083
3081
|
renderImageCb: n,
|
|
3084
3082
|
description: i,
|
|
3085
|
-
linksList:
|
|
3083
|
+
linksList: d,
|
|
3086
3084
|
classes: l
|
|
3087
3085
|
}) => {
|
|
3088
|
-
const u =
|
|
3089
|
-
return /* @__PURE__ */ o.jsxs("div", { className:
|
|
3090
|
-
/* @__PURE__ */ o.jsxs("div", { className:
|
|
3091
|
-
/* @__PURE__ */ o.jsx(
|
|
3086
|
+
const u = t && (t == null ? void 0 : t.length) > 0, x = d && (d == null ? void 0 : d.length) > 0;
|
|
3087
|
+
return /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col", l == null ? void 0 : l.wrapper), children: [
|
|
3088
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-4 mobile:mb-2", l == null ? void 0 : l.textBlock), children: [
|
|
3089
|
+
/* @__PURE__ */ o.jsx(R, { as: "h2", className: a(l == null ? void 0 : l.heading), children: e }),
|
|
3092
3090
|
i && /* @__PURE__ */ o.jsx(
|
|
3093
3091
|
"p",
|
|
3094
3092
|
{
|
|
3095
3093
|
dangerouslySetInnerHTML: { __html: i },
|
|
3096
|
-
className:
|
|
3094
|
+
className: a("desk-body-regular-l text-color-dark", l == null ? void 0 : l.description)
|
|
3097
3095
|
}
|
|
3098
3096
|
)
|
|
3099
3097
|
] }),
|
|
3100
|
-
/* @__PURE__ */ o.jsx("div", { className:
|
|
3098
|
+
/* @__PURE__ */ o.jsx("div", { className: a("h-full w-full desktop:hidden", l == null ? void 0 : l.imageMobileWrapper), children: it({
|
|
3101
3099
|
imgProps: {
|
|
3102
|
-
className:
|
|
3100
|
+
className: a("object-contain w-full h-full", l == null ? void 0 : l.imageMobile),
|
|
3103
3101
|
...r
|
|
3104
3102
|
},
|
|
3105
3103
|
renderImageCb: n
|
|
3106
3104
|
}) }),
|
|
3107
|
-
u && /* @__PURE__ */ o.jsx("div", { className:
|
|
3108
|
-
x && /* @__PURE__ */ o.jsx(
|
|
3105
|
+
u && /* @__PURE__ */ o.jsx("div", { className: a("mt-2 flex items-center gap-3 mobile:flex-col desktop:mt-8 desktop:gap-8", l == null ? void 0 : l.buttonsGroup), children: t == null ? void 0 : t.map((m, p) => /* @__PURE__ */ o.jsx(tt, { className: "w-full desktop:w-[216px]", ...m }, p)) }),
|
|
3106
|
+
x && /* @__PURE__ */ o.jsx(Eo, { linksList: d, classes: l == null ? void 0 : l.linksList })
|
|
3109
3107
|
] });
|
|
3110
|
-
},
|
|
3111
|
-
const { size:
|
|
3108
|
+
}, ce = (e) => {
|
|
3109
|
+
const { size: t = "md", renderImageCb: r, backgroundColor: n = "#F4F8FE", imageDesktop: i, classes: d, ...l } = e;
|
|
3112
3110
|
return /* @__PURE__ */ o.jsx(
|
|
3113
3111
|
"section",
|
|
3114
3112
|
{
|
|
3115
3113
|
id: g.infoBlock,
|
|
3116
3114
|
"data-test-id": g.infoBlock,
|
|
3117
3115
|
style: { backgroundColor: n },
|
|
3118
|
-
className:
|
|
3119
|
-
children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className:
|
|
3120
|
-
/* @__PURE__ */ o.jsx(
|
|
3116
|
+
className: a("py-14", d == null ? void 0 : d.root),
|
|
3117
|
+
children: /* @__PURE__ */ o.jsx(F, { children: /* @__PURE__ */ o.jsxs("div", { className: a("flex items-center justify-between gap-11 mobile:flex-col", d == null ? void 0 : d.container), children: [
|
|
3118
|
+
/* @__PURE__ */ o.jsx(Ro, { renderImageCb: r, classes: d == null ? void 0 : d.rootContent, ...l }),
|
|
3121
3119
|
/* @__PURE__ */ o.jsx(
|
|
3122
3120
|
"div",
|
|
3123
3121
|
{
|
|
3124
|
-
className:
|
|
3125
|
-
"h-[238px]":
|
|
3122
|
+
className: a("h-[200px] w-full max-w-[432px] mobile:hidden", d == null ? void 0 : d.imageDesktopWrapper, {
|
|
3123
|
+
"h-[238px]": t === "md"
|
|
3126
3124
|
}),
|
|
3127
|
-
children:
|
|
3125
|
+
children: it({
|
|
3128
3126
|
imgProps: {
|
|
3129
|
-
className:
|
|
3127
|
+
className: a("object-contain w-full h-full", d == null ? void 0 : d.imageDesktop),
|
|
3130
3128
|
...i
|
|
3131
3129
|
},
|
|
3132
3130
|
renderImageCb: r
|
|
@@ -3136,30 +3134,30 @@ const Jn = (t, e) => {
|
|
|
3136
3134
|
] }) })
|
|
3137
3135
|
}
|
|
3138
3136
|
);
|
|
3139
|
-
},
|
|
3137
|
+
}, Do = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3140
3138
|
__proto__: null,
|
|
3141
|
-
InfoBlock:
|
|
3142
|
-
default:
|
|
3143
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
3144
|
-
const [
|
|
3139
|
+
InfoBlock: ce,
|
|
3140
|
+
default: ce
|
|
3141
|
+
}, Symbol.toStringTag, { value: "Module" })), zo = (e) => {
|
|
3142
|
+
const [t, r] = O(0), [n, i] = O(0);
|
|
3145
3143
|
return {
|
|
3146
|
-
selectedRating:
|
|
3144
|
+
selectedRating: t,
|
|
3147
3145
|
hoveredRatings: n,
|
|
3148
3146
|
handleMouseEnter: (x) => {
|
|
3149
3147
|
i(x);
|
|
3150
3148
|
},
|
|
3151
3149
|
handleMouseLeave: () => {
|
|
3152
|
-
i(
|
|
3150
|
+
i(t);
|
|
3153
3151
|
},
|
|
3154
3152
|
handleSelectRating: (x) => {
|
|
3155
|
-
r(x),
|
|
3153
|
+
r(x), e("review");
|
|
3156
3154
|
}
|
|
3157
3155
|
};
|
|
3158
|
-
},
|
|
3159
|
-
review:
|
|
3160
|
-
}),
|
|
3161
|
-
const
|
|
3162
|
-
return
|
|
3156
|
+
}, ge = Qt({
|
|
3157
|
+
review: Lt.base.getStringSchema({ required: !1 })
|
|
3158
|
+
}), Ho = ct(() => {
|
|
3159
|
+
const e = hr({ ids: ["banner"] }), [t, r] = O(!1);
|
|
3160
|
+
return vt(() => {
|
|
3163
3161
|
r(!1);
|
|
3164
3162
|
const n = setTimeout(() => {
|
|
3165
3163
|
r(!0);
|
|
@@ -3168,96 +3166,112 @@ const Jn = (t, e) => {
|
|
|
3168
3166
|
}, []), /* @__PURE__ */ o.jsx(
|
|
3169
3167
|
"div",
|
|
3170
3168
|
{
|
|
3171
|
-
className:
|
|
3169
|
+
className: a(
|
|
3172
3170
|
"invisible flex size-16 items-center justify-center rounded-full bg-color-secondary-default opacity-0 transition-all hover:bg-color-secondary-hover",
|
|
3173
|
-
{ "opacity-1 visible":
|
|
3171
|
+
{ "opacity-1 visible": t && !e }
|
|
3174
3172
|
),
|
|
3175
|
-
children: /* @__PURE__ */ o.jsx(
|
|
3173
|
+
children: /* @__PURE__ */ o.jsx(c, { name: "general/heart", className: "size-7 fill-transparent stroke-white stroke-[3px]" })
|
|
3176
3174
|
}
|
|
3177
3175
|
);
|
|
3178
|
-
}),
|
|
3179
|
-
/* @__PURE__ */ o.jsx(
|
|
3180
|
-
/* @__PURE__ */ o.jsx("p", { className: "desk-body-medium-l",
|
|
3181
|
-
] }),
|
|
3182
|
-
|
|
3183
|
-
|
|
3176
|
+
}), Lo = "Спасибо за оценку!", Qo = ({ title: e = Lo, classes: t }) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-center gap-4 text-center", t == null ? void 0 : t.wrapper), children: [
|
|
3177
|
+
/* @__PURE__ */ o.jsx(c, { name: "status/succesCircle", className: a(t == null ? void 0 : t.icon) }),
|
|
3178
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", t == null ? void 0 : t.title), children: e })
|
|
3179
|
+
] }), $o = "Расскажите о впечатлениях", Vo = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
|
|
3180
|
+
"Вам нравится сайт банка? ",
|
|
3181
|
+
/* @__PURE__ */ o.jsx("br", {}),
|
|
3182
|
+
" У вас есть предложения по его улучшению?"
|
|
3183
|
+
] }), Wo = ({
|
|
3184
|
+
submitCallback: e,
|
|
3185
|
+
rating: t,
|
|
3184
3186
|
setFormStep: r,
|
|
3185
|
-
title: n =
|
|
3186
|
-
subtitle: i =
|
|
3187
|
+
title: n = $o,
|
|
3188
|
+
subtitle: i = Vo,
|
|
3189
|
+
classes: d
|
|
3187
3190
|
}) => {
|
|
3188
|
-
const { control:
|
|
3191
|
+
const { control: l, handleSubmit: u } = _t({
|
|
3189
3192
|
mode: "onBlur",
|
|
3190
|
-
schema:
|
|
3191
|
-
defaultValues:
|
|
3192
|
-
}),
|
|
3193
|
-
var
|
|
3194
|
-
|
|
3195
|
-
rating:
|
|
3196
|
-
pageUrl: (
|
|
3197
|
-
...
|
|
3193
|
+
schema: ge,
|
|
3194
|
+
defaultValues: Tt.getZodDefaults(ge)
|
|
3195
|
+
}), x = async (m) => {
|
|
3196
|
+
var p;
|
|
3197
|
+
e && (await e({
|
|
3198
|
+
rating: t,
|
|
3199
|
+
pageUrl: (p = window == null ? void 0 : window.location) == null ? void 0 : p.href,
|
|
3200
|
+
...m
|
|
3198
3201
|
}), r("finally"));
|
|
3199
3202
|
};
|
|
3200
|
-
return /* @__PURE__ */ o.jsxs("form", { onSubmit:
|
|
3201
|
-
/* @__PURE__ */ o.jsxs("div", { className: "flex flex-col gap-2 text-center", children: [
|
|
3202
|
-
/* @__PURE__ */ o.jsx("p", { className: "desk-body-medium-l", children: n }),
|
|
3203
|
-
/* @__PURE__ */ o.jsx("p", { className: "desk-body-regular-l", children: i })
|
|
3203
|
+
return /* @__PURE__ */ o.jsxs("form", { onSubmit: u(x), className: a("flex flex-col gap-4", d == null ? void 0 : d.form), children: [
|
|
3204
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2 text-center", d == null ? void 0 : d.textBlock), children: [
|
|
3205
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", d == null ? void 0 : d.title), children: n }),
|
|
3206
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l", d == null ? void 0 : d.subtitle), children: i })
|
|
3204
3207
|
] }),
|
|
3205
|
-
/* @__PURE__ */ o.jsx(
|
|
3206
|
-
|
|
3208
|
+
/* @__PURE__ */ o.jsx(
|
|
3209
|
+
Dt.TextareaControl,
|
|
3210
|
+
{
|
|
3211
|
+
control: l,
|
|
3212
|
+
name: "review",
|
|
3213
|
+
label: "Поделитесь вашим мнением",
|
|
3214
|
+
classes: d == null ? void 0 : d.textareaClasses
|
|
3215
|
+
}
|
|
3216
|
+
),
|
|
3217
|
+
/* @__PURE__ */ o.jsx(pt, { type: "submit", size: "sm", intent: "negative", className: a("w-full", d == null ? void 0 : d.button), children: "Отправить" })
|
|
3207
3218
|
] });
|
|
3208
|
-
},
|
|
3209
|
-
handleMouseLeave:
|
|
3210
|
-
hoveredRatings:
|
|
3219
|
+
}, Ao = Array(5).fill(0), Uo = "Ваше мнение важно для нас!", qo = "Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее", Ko = ({
|
|
3220
|
+
handleMouseLeave: e,
|
|
3221
|
+
hoveredRatings: t,
|
|
3211
3222
|
selectedRating: r,
|
|
3212
3223
|
handleSelectRating: n,
|
|
3213
3224
|
handleMouseEnter: i,
|
|
3214
|
-
title:
|
|
3215
|
-
subtitle: l =
|
|
3216
|
-
|
|
3217
|
-
|
|
3218
|
-
|
|
3219
|
-
/* @__PURE__ */ o.jsx("p", { className: "desk-body-
|
|
3225
|
+
title: d = Uo,
|
|
3226
|
+
subtitle: l = qo,
|
|
3227
|
+
classes: u
|
|
3228
|
+
}) => /* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col items-center gap-4", u == null ? void 0 : u.wrapper), children: [
|
|
3229
|
+
/* @__PURE__ */ o.jsxs("div", { className: a("flex flex-col gap-2 text-center", u == null ? void 0 : u.textBlock), children: [
|
|
3230
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-medium-l", u == null ? void 0 : u.title), children: d }),
|
|
3231
|
+
/* @__PURE__ */ o.jsx("p", { className: a("desk-body-regular-l", u == null ? void 0 : u.subtitle), children: l })
|
|
3220
3232
|
] }),
|
|
3221
|
-
/* @__PURE__ */ o.jsx("div", { className: "flex items-center gap-2", children:
|
|
3233
|
+
/* @__PURE__ */ o.jsx("div", { className: a("flex items-center gap-2", u == null ? void 0 : u.ratingsWrapper), children: Ao.map((x, m) => /* @__PURE__ */ o.jsx(
|
|
3222
3234
|
"button",
|
|
3223
3235
|
{
|
|
3224
|
-
className: "size-8",
|
|
3225
|
-
onMouseEnter: () => i(
|
|
3226
|
-
onMouseLeave: () =>
|
|
3227
|
-
onClick: () => n(
|
|
3236
|
+
className: a("size-8", u == null ? void 0 : u.ratingBtn),
|
|
3237
|
+
onMouseEnter: () => i(m + 1),
|
|
3238
|
+
onMouseLeave: () => e(),
|
|
3239
|
+
onClick: () => n(m + 1),
|
|
3228
3240
|
children: /* @__PURE__ */ o.jsx(
|
|
3229
|
-
|
|
3241
|
+
c,
|
|
3230
3242
|
{
|
|
3231
3243
|
name: "general/heart",
|
|
3232
|
-
className:
|
|
3233
|
-
"fill-secondary-default":
|
|
3244
|
+
className: a("fill-[#b0c0d2] transition-colors duration-12", u == null ? void 0 : u.ratingIcon, {
|
|
3245
|
+
"fill-secondary-default": m < (t || r)
|
|
3234
3246
|
})
|
|
3235
3247
|
}
|
|
3236
3248
|
)
|
|
3237
3249
|
},
|
|
3238
|
-
|
|
3250
|
+
m
|
|
3239
3251
|
)) })
|
|
3240
|
-
] }),
|
|
3241
|
-
|
|
3252
|
+
] }), Zo = ({ formStep: e, setFormStep: t, ratingProps: r, ...n }) => {
|
|
3253
|
+
var i, d, l;
|
|
3254
|
+
switch (e) {
|
|
3242
3255
|
case "rating":
|
|
3243
|
-
return /* @__PURE__ */ o.jsx(
|
|
3256
|
+
return /* @__PURE__ */ o.jsx(Ko, { ...r, classes: (i = n.classes) == null ? void 0 : i.selectRating, ...n.selectRatingStepProps });
|
|
3244
3257
|
case "review":
|
|
3245
3258
|
return /* @__PURE__ */ o.jsx(
|
|
3246
|
-
|
|
3259
|
+
Wo,
|
|
3247
3260
|
{
|
|
3248
3261
|
submitCallback: n.submitCallback,
|
|
3249
|
-
setFormStep:
|
|
3262
|
+
setFormStep: t,
|
|
3250
3263
|
rating: r.selectedRating,
|
|
3264
|
+
classes: (d = n.classes) == null ? void 0 : d.userReview,
|
|
3251
3265
|
...n.userReviewStepProps
|
|
3252
3266
|
}
|
|
3253
3267
|
);
|
|
3254
3268
|
case "finally":
|
|
3255
|
-
return /* @__PURE__ */ o.jsx(
|
|
3269
|
+
return /* @__PURE__ */ o.jsx(Qo, { classes: (l = n.classes) == null ? void 0 : l.finally, ...n.finallyStepProps });
|
|
3256
3270
|
}
|
|
3257
|
-
},
|
|
3258
|
-
const [
|
|
3259
|
-
return /* @__PURE__ */ o.jsx("div", { className: "fixed right-5 top-[80%] z-[1000]", children: /* @__PURE__ */ o.jsx(
|
|
3260
|
-
|
|
3271
|
+
}, be = (e) => {
|
|
3272
|
+
const [t, r] = O("rating"), n = zo(r), { classes: i } = e;
|
|
3273
|
+
return /* @__PURE__ */ o.jsx("div", { className: a("fixed right-5 top-[80%] z-[1000]", i == null ? void 0 : i.root), children: /* @__PURE__ */ o.jsx(
|
|
3274
|
+
Ct,
|
|
3261
3275
|
{
|
|
3262
3276
|
side: "top",
|
|
3263
3277
|
align: "end",
|
|
@@ -3267,42 +3281,43 @@ const Jn = (t, e) => {
|
|
|
3267
3281
|
classes: {
|
|
3268
3282
|
content: "max-w-[330px] w-[330px] p-6"
|
|
3269
3283
|
},
|
|
3270
|
-
triggerElement: /* @__PURE__ */ o.jsx(
|
|
3271
|
-
|
|
3284
|
+
triggerElement: /* @__PURE__ */ o.jsx(Ho, {}),
|
|
3285
|
+
...e == null ? void 0 : e.popoverProps,
|
|
3286
|
+
children: /* @__PURE__ */ o.jsx("div", { className: a("w-full", i == null ? void 0 : i.wrapper), children: Zo({ formStep: t, setFormStep: r, ratingProps: n, ...e }) })
|
|
3272
3287
|
}
|
|
3273
3288
|
) });
|
|
3274
|
-
},
|
|
3289
|
+
}, Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
3275
3290
|
__proto__: null,
|
|
3276
|
-
UserFeedback:
|
|
3277
|
-
default:
|
|
3291
|
+
UserFeedback: be,
|
|
3292
|
+
default: be
|
|
3278
3293
|
}, Symbol.toStringTag, { value: "Module" }));
|
|
3279
3294
|
export {
|
|
3280
3295
|
li as AuthProvider,
|
|
3281
|
-
|
|
3282
|
-
|
|
3283
|
-
|
|
3284
|
-
|
|
3285
|
-
|
|
3286
|
-
|
|
3296
|
+
re as Banner,
|
|
3297
|
+
Wr as BannerWithSeparateImg,
|
|
3298
|
+
te as Benefit,
|
|
3299
|
+
Jn as Breadcrumbs,
|
|
3300
|
+
tt as ButtonWithHandlers,
|
|
3301
|
+
fe as Calculator,
|
|
3287
3302
|
Bo as CalculatorView,
|
|
3288
|
-
|
|
3289
|
-
|
|
3303
|
+
xe as DynamicForm,
|
|
3304
|
+
he as DynamicFormDialog,
|
|
3290
3305
|
mi as FallbacksView,
|
|
3291
|
-
|
|
3292
|
-
|
|
3306
|
+
$t as FieldMapper,
|
|
3307
|
+
ne as Footer,
|
|
3293
3308
|
ui as HTMLParser,
|
|
3294
|
-
|
|
3295
|
-
|
|
3296
|
-
|
|
3297
|
-
|
|
3298
|
-
|
|
3299
|
-
|
|
3300
|
-
|
|
3301
|
-
|
|
3302
|
-
|
|
3303
|
-
|
|
3304
|
-
|
|
3305
|
-
|
|
3309
|
+
dt as HTMLRenderer,
|
|
3310
|
+
ee as Header,
|
|
3311
|
+
ce as InfoBlock,
|
|
3312
|
+
ue as InterLinking,
|
|
3313
|
+
Er as KEYS_OF_WIDGET_LIST,
|
|
3314
|
+
ie as LongBanner,
|
|
3315
|
+
pe as SeoHeader,
|
|
3316
|
+
oe as Stepper,
|
|
3317
|
+
me as UsefulInfo,
|
|
3318
|
+
be as UserFeedback,
|
|
3319
|
+
Pr as WIDGET_LIST_MAP,
|
|
3320
|
+
Un as queryClient,
|
|
3306
3321
|
g as widgetIds
|
|
3307
3322
|
};
|
|
3308
3323
|
//# sourceMappingURL=widget.js.map
|