@scbt-ecom/ui 0.59.0 → 0.59.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/hooks.js +2 -2
- package/dist/{index-Bnb3sS3q.js → index-mSNqlGXI.js} +45 -42
- package/dist/{index-Bnb3sS3q.js.map → index-mSNqlGXI.js.map} +1 -1
- package/dist/ui.js +3 -3
- package/dist/{useDebounce-CK7Ghu8F.js → useDebounce-QgEEiWs9.js} +7 -7
- package/dist/{useDebounce-CK7Ghu8F.js.map → useDebounce-QgEEiWs9.js.map} +1 -1
- package/dist/{useFieldsProgress-BeFcsVuB.js → useFieldsProgress-BXzIWmGP.js} +7 -7
- package/dist/{useFieldsProgress-BeFcsVuB.js.map → useFieldsProgress-BXzIWmGP.js.map} +1 -1
- package/dist/utils.js +10 -11
- package/dist/utils.js.map +1 -1
- package/dist/uuid-2wKG15vy.js +25 -0
- package/dist/uuid-2wKG15vy.js.map +1 -0
- package/dist/widget.js +900 -580
- package/dist/widget.js.map +1 -1
- package/dist/widgets/index.d.ts +1 -0
- package/dist/widgets/seoHeader/SeoHeader.d.ts +1 -2
- package/dist/widgets/seoHeader/index.d.ts +1 -0
- package/package.json +1 -1
- package/dist/uuid-DQgafI7K.js +0 -24
- package/dist/uuid-DQgafI7K.js.map +0 -1
package/dist/widget.js
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
var
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
import { j as e, B as
|
|
5
|
-
import { c as
|
|
6
|
-
import * as
|
|
7
|
-
import { useCallback as
|
|
8
|
-
import { s as
|
|
9
|
-
import { i as
|
|
10
|
-
import {
|
|
11
|
-
import { o as
|
|
12
|
-
import { z as
|
|
13
|
-
import { u as
|
|
14
|
-
|
|
1
|
+
var ae = Object.defineProperty;
|
|
2
|
+
var pe = (o, t, n) => t in o ? ae(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n;
|
|
3
|
+
var B = (o, t, n) => pe(o, typeof t != "symbol" ? t + "" : t, n);
|
|
4
|
+
import { j as e, B as U, c as k, R as y, l as Q, r as me, H as N, i as h, s as R, p as ue, L as fe, n as V, A as E, t as he, q as be, U as Y, m as W, k as je } from "./index-mSNqlGXI.js";
|
|
5
|
+
import { c as l, T as j } from "./typeGuards-Bhdr9KYW.js";
|
|
6
|
+
import * as _ from "react";
|
|
7
|
+
import { useCallback as A, useState as v, useMemo as G, createElement as P, Fragment as ce, useEffect as s, useRef as $, useReducer as ke, memo as ee } from "react";
|
|
8
|
+
import { s as ge, c as F, g as Z, a as we } from "./uuid-2wKG15vy.js";
|
|
9
|
+
import { i as te } from "./isClient-C9aZtt2Q.js";
|
|
10
|
+
import { a as C, c as ye, b as Ne } from "./useDebounce-QgEEiWs9.js";
|
|
11
|
+
import { o as ve } from "./utils-Cc0awqbk.js";
|
|
12
|
+
import { z as re, Z as Ce } from "./index-DskTH4KE.js";
|
|
13
|
+
import { u as Te } from "./useFieldsProgress-BXzIWmGP.js";
|
|
14
|
+
import { createPortal as oe } from "react-dom";
|
|
15
|
+
const Ie = [
|
|
15
16
|
"header",
|
|
16
17
|
"footer",
|
|
17
18
|
"interLinking",
|
|
@@ -22,26 +23,26 @@ const wt = [
|
|
|
22
23
|
"benefit",
|
|
23
24
|
"form",
|
|
24
25
|
"seoHeader"
|
|
25
|
-
],
|
|
26
|
-
(
|
|
26
|
+
], b = Ie.reduce(
|
|
27
|
+
(o, t) => (o[t] = t, o),
|
|
27
28
|
{}
|
|
28
|
-
),
|
|
29
|
-
switch (
|
|
29
|
+
), Ee = (o) => A(() => {
|
|
30
|
+
switch (o.handler) {
|
|
30
31
|
case "navigate": {
|
|
31
|
-
const { url: n, target:
|
|
32
|
-
|
|
32
|
+
const { url: n, target: i, rel: r } = o;
|
|
33
|
+
te && (window == null || window.open(n, i, r));
|
|
33
34
|
break;
|
|
34
35
|
}
|
|
35
36
|
case "scroll": {
|
|
36
|
-
const { widgetId: n } =
|
|
37
|
-
|
|
37
|
+
const { widgetId: n } = o ?? "";
|
|
38
|
+
ge({ widgetId: n });
|
|
38
39
|
break;
|
|
39
40
|
}
|
|
40
41
|
}
|
|
41
|
-
}, [
|
|
42
|
-
const n =
|
|
43
|
-
return /* @__PURE__ */ e.jsx(
|
|
44
|
-
},
|
|
42
|
+
}, [o]), I = ({ handlerOptions: o, ...t }) => {
|
|
43
|
+
const n = Ee(o);
|
|
44
|
+
return /* @__PURE__ */ e.jsx(U, { onClick: n, ...t, children: t.children });
|
|
45
|
+
}, Be = k(
|
|
45
46
|
"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",
|
|
46
47
|
{
|
|
47
48
|
variants: {
|
|
@@ -52,43 +53,43 @@ const wt = [
|
|
|
52
53
|
}
|
|
53
54
|
}
|
|
54
55
|
}
|
|
55
|
-
),
|
|
56
|
-
subtitle:
|
|
56
|
+
), Se = ({
|
|
57
|
+
subtitle: o,
|
|
57
58
|
title: t,
|
|
58
59
|
img: n,
|
|
59
|
-
mobileImg:
|
|
60
|
+
mobileImg: i,
|
|
60
61
|
classes: r,
|
|
61
62
|
withButton: d,
|
|
62
63
|
button: x,
|
|
63
|
-
variant:
|
|
64
|
-
color:
|
|
64
|
+
variant: a,
|
|
65
|
+
color: p
|
|
65
66
|
}) => {
|
|
66
|
-
const { isDesktop:
|
|
67
|
+
const { isDesktop: m } = C();
|
|
67
68
|
return /* @__PURE__ */ e.jsxs(
|
|
68
69
|
"li",
|
|
69
70
|
{
|
|
70
|
-
style: { backgroundColor:
|
|
71
|
-
className:
|
|
71
|
+
style: { backgroundColor: p ?? "#f4f8fe" },
|
|
72
|
+
className: l(Be({ variant: a }), { "pb-0": i }, { "pb-12": !i }, r == null ? void 0 : r.root),
|
|
72
73
|
children: [
|
|
73
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
74
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
75
|
-
/* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className:
|
|
74
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
|
|
75
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
|
|
76
|
+
/* @__PURE__ */ e.jsx("div", { dangerouslySetInnerHTML: { __html: t }, className: l("desktop:desk-title-bold-s", r == null ? void 0 : r.title) }),
|
|
76
77
|
/* @__PURE__ */ e.jsx(
|
|
77
78
|
"div",
|
|
78
79
|
{
|
|
79
|
-
dangerouslySetInnerHTML: { __html:
|
|
80
|
-
className:
|
|
80
|
+
dangerouslySetInnerHTML: { __html: o },
|
|
81
|
+
className: l("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.subtitle)
|
|
81
82
|
}
|
|
82
83
|
)
|
|
83
84
|
] }),
|
|
84
|
-
d &&
|
|
85
|
+
d && m && (x == null ? void 0 : x.handlerOptions) && /* @__PURE__ */ e.jsx(I, { intent: "primary", className: l("desktop:w-[200px]", r == null ? void 0 : r.button), size: "lg", ...x })
|
|
85
86
|
] }),
|
|
86
|
-
(
|
|
87
|
+
(i || m) && n && /* @__PURE__ */ e.jsx("div", { className: l("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: n && "url" in n && j.isObject(n) ? /* @__PURE__ */ e.jsx("img", { className: l("h-[246px] object-cover", r == null ? void 0 : r.img), src: n.url, alt: t }) : n })
|
|
87
88
|
]
|
|
88
89
|
},
|
|
89
90
|
t
|
|
90
91
|
);
|
|
91
|
-
},
|
|
92
|
+
}, _e = k("grid gap-4", {
|
|
92
93
|
variants: {
|
|
93
94
|
variant: {
|
|
94
95
|
twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
|
|
@@ -96,33 +97,33 @@ const wt = [
|
|
|
96
97
|
fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
|
|
97
98
|
}
|
|
98
99
|
}
|
|
99
|
-
}),
|
|
100
|
+
}), ir = ({ headline: o, details: t, variant: n, classes: i }) => /* @__PURE__ */ e.jsx("section", { id: b.benefit, "data-test-id": b.benefit, className: l("pb-20", i == null ? void 0 : i.root), children: /* @__PURE__ */ e.jsxs(y, { className: i == null ? void 0 : i.container, children: [
|
|
100
101
|
/* @__PURE__ */ e.jsx(
|
|
101
102
|
"div",
|
|
102
103
|
{
|
|
103
|
-
dangerouslySetInnerHTML: { __html:
|
|
104
|
-
className:
|
|
104
|
+
dangerouslySetInnerHTML: { __html: o },
|
|
105
|
+
className: l("mob-headline-bold-s mb-8 desktop:desk-headline-bold-m", i == null ? void 0 : i.heading)
|
|
105
106
|
}
|
|
106
107
|
),
|
|
107
|
-
/* @__PURE__ */ e.jsx("ul", { className:
|
|
108
|
-
] }) }),
|
|
109
|
-
switch (
|
|
108
|
+
/* @__PURE__ */ e.jsx("ul", { className: l(_e({ variant: n }), i == null ? void 0 : i.grid), children: t == null ? void 0 : t.map((r) => /* @__PURE__ */ e.jsx(Se, { variant: n, classes: i == null ? void 0 : i.item, ...r }, r.title)) })
|
|
109
|
+
] }) }), Me = ({ variant: o, details: t }) => {
|
|
110
|
+
switch (o) {
|
|
110
111
|
case "withButton":
|
|
111
|
-
return /* @__PURE__ */ e.jsx(
|
|
112
|
+
return /* @__PURE__ */ e.jsx(I, { ...t });
|
|
112
113
|
case "withPhone":
|
|
113
|
-
return /* @__PURE__ */ e.jsx(
|
|
114
|
+
return /* @__PURE__ */ e.jsx(Q, { classes: { root: "items-end" }, ...t, phone: F(t.phone) });
|
|
114
115
|
default:
|
|
115
116
|
return null;
|
|
116
117
|
}
|
|
117
|
-
},
|
|
118
|
-
const { logoPath: t = "/", logoType: n = "main", classes:
|
|
118
|
+
}, dr = (o) => {
|
|
119
|
+
const { logoPath: t = "/", logoType: n = "main", classes: i } = o;
|
|
119
120
|
return /* @__PURE__ */ e.jsx(
|
|
120
121
|
"header",
|
|
121
122
|
{
|
|
122
|
-
id:
|
|
123
|
-
"data-test-id":
|
|
124
|
-
className:
|
|
125
|
-
children: /* @__PURE__ */ e.jsx(
|
|
123
|
+
id: b.header,
|
|
124
|
+
"data-test-id": b.header,
|
|
125
|
+
className: l("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", i == null ? void 0 : i.header),
|
|
126
|
+
children: /* @__PURE__ */ e.jsx(y, { className: l(i == null ? void 0 : i.container), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex items-center justify-between gap-5", i == null ? void 0 : i.wrapper), children: [
|
|
126
127
|
/* @__PURE__ */ e.jsx(
|
|
127
128
|
"a",
|
|
128
129
|
{
|
|
@@ -130,290 +131,290 @@ const wt = [
|
|
|
130
131
|
"aria-label": "logo",
|
|
131
132
|
target: "_blank",
|
|
132
133
|
rel: "noreferrer",
|
|
133
|
-
className:
|
|
134
|
+
className: l(
|
|
134
135
|
"flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
|
|
135
|
-
|
|
136
|
+
i == null ? void 0 : i.logo
|
|
136
137
|
),
|
|
137
|
-
children:
|
|
138
|
+
children: me[n]
|
|
138
139
|
}
|
|
139
140
|
),
|
|
140
|
-
|
|
141
|
+
Me(o)
|
|
141
142
|
] }) })
|
|
142
143
|
}
|
|
143
144
|
);
|
|
144
|
-
},
|
|
145
|
-
headTitle:
|
|
145
|
+
}, He = ({
|
|
146
|
+
headTitle: o,
|
|
146
147
|
subtitle: t,
|
|
147
148
|
buttonsConfig: n,
|
|
148
|
-
advantages:
|
|
149
|
+
advantages: i,
|
|
149
150
|
classes: r,
|
|
150
151
|
imgMobile: d,
|
|
151
152
|
imgDesktop: x,
|
|
152
|
-
color:
|
|
153
|
+
color: a
|
|
153
154
|
}) => {
|
|
154
|
-
var
|
|
155
|
-
const { isDesktop:
|
|
155
|
+
var T;
|
|
156
|
+
const { isDesktop: p, isMobile: m } = C(), { primary: u, secondary: f } = n || {}, c = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: d.url }) : d, w = x && "url" in x && j.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "h-full w-full object-cover object-center", alt: "Картинка баннера", src: x.url }) : x, g = /* @__PURE__ */ e.jsx(
|
|
156
157
|
"div",
|
|
157
158
|
{
|
|
158
|
-
className:
|
|
159
|
+
className: l(
|
|
159
160
|
"flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
|
|
160
161
|
r == null ? void 0 : r.advantageContainer
|
|
161
162
|
),
|
|
162
|
-
children: (
|
|
163
|
+
children: (i == null ? void 0 : i.details) && ((T = i == null ? void 0 : i.details) == null ? void 0 : T.items.length) > 0 && /* @__PURE__ */ e.jsx(ne, { ...i })
|
|
163
164
|
}
|
|
164
165
|
);
|
|
165
166
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
166
167
|
/* @__PURE__ */ e.jsxs(
|
|
167
168
|
"section",
|
|
168
169
|
{
|
|
169
|
-
id:
|
|
170
|
-
"data-test-id":
|
|
171
|
-
style: { backgroundColor:
|
|
172
|
-
className:
|
|
170
|
+
id: b.banner,
|
|
171
|
+
"data-test-id": b.banner,
|
|
172
|
+
style: { backgroundColor: a ?? "#d9edff" },
|
|
173
|
+
className: l("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root),
|
|
173
174
|
children: [
|
|
174
|
-
/* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children:
|
|
175
|
-
/* @__PURE__ */ e.jsxs(
|
|
176
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
175
|
+
/* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 top-0 mx-auto h-full max-w-[1920px] desktop:h-[456px]", children: m ? c : w }),
|
|
176
|
+
/* @__PURE__ */ e.jsxs(y, { className: l("h-full", r == null ? void 0 : r.container), children: [
|
|
177
|
+
/* @__PURE__ */ e.jsx("div", { className: l("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ e.jsxs("div", { className: l("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.textBlock), children: [
|
|
177
178
|
/* @__PURE__ */ e.jsxs("div", { className: "z-10 flex flex-col gap-4", children: [
|
|
178
179
|
/* @__PURE__ */ e.jsx(
|
|
179
180
|
"div",
|
|
180
181
|
{
|
|
181
|
-
dangerouslySetInnerHTML: { __html:
|
|
182
|
-
className:
|
|
182
|
+
dangerouslySetInnerHTML: { __html: o },
|
|
183
|
+
className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", r == null ? void 0 : r.title)
|
|
183
184
|
}
|
|
184
185
|
),
|
|
185
186
|
/* @__PURE__ */ e.jsx(
|
|
186
187
|
"div",
|
|
187
188
|
{
|
|
188
189
|
dangerouslySetInnerHTML: { __html: t },
|
|
189
|
-
className:
|
|
190
|
+
className: l("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
|
|
190
191
|
}
|
|
191
192
|
)
|
|
192
193
|
] }),
|
|
193
194
|
/* @__PURE__ */ e.jsxs(
|
|
194
195
|
"div",
|
|
195
196
|
{
|
|
196
|
-
className:
|
|
197
|
+
className: l(
|
|
197
198
|
"grid-buttons-apply absolute bottom-6 left-1/2 flex w-full -translate-x-1/2 flex-col self-end 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:self-center desktop:px-0",
|
|
198
|
-
{ "flex items-center gap-4":
|
|
199
|
+
{ "flex items-center gap-4": f == null ? void 0 : f.enabled },
|
|
199
200
|
r == null ? void 0 : r.group
|
|
200
201
|
),
|
|
201
202
|
children: [
|
|
202
|
-
|
|
203
|
-
|
|
203
|
+
u.enabled && /* @__PURE__ */ e.jsx(
|
|
204
|
+
I,
|
|
204
205
|
{
|
|
205
|
-
className:
|
|
206
|
+
className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
|
|
206
207
|
size: "lg",
|
|
207
208
|
intent: "primary",
|
|
208
|
-
...
|
|
209
|
+
...u.buttonContent
|
|
209
210
|
}
|
|
210
211
|
),
|
|
211
|
-
(
|
|
212
|
-
|
|
212
|
+
(f == null ? void 0 : f.enabled) && /* @__PURE__ */ e.jsx(
|
|
213
|
+
I,
|
|
213
214
|
{
|
|
214
215
|
intent: "secondary",
|
|
215
|
-
className:
|
|
216
|
-
...
|
|
216
|
+
className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
|
|
217
|
+
...u.buttonContent
|
|
217
218
|
}
|
|
218
219
|
)
|
|
219
220
|
]
|
|
220
221
|
}
|
|
221
222
|
)
|
|
222
223
|
] }) }),
|
|
223
|
-
|
|
224
|
+
p && (i == null ? void 0 : i.enabled) && g
|
|
224
225
|
] })
|
|
225
226
|
]
|
|
226
227
|
}
|
|
227
228
|
),
|
|
228
|
-
|
|
229
|
+
m && (i == null ? void 0 : i.enabled) && g
|
|
229
230
|
] });
|
|
230
|
-
},
|
|
231
|
-
headTitle:
|
|
231
|
+
}, X = ({
|
|
232
|
+
headTitle: o,
|
|
232
233
|
subtitle: t,
|
|
233
234
|
buttonsConfig: n,
|
|
234
|
-
advantages:
|
|
235
|
+
advantages: i,
|
|
235
236
|
classes: r,
|
|
236
237
|
imgMobile: d,
|
|
237
238
|
imgDesktop: x,
|
|
238
|
-
color:
|
|
239
|
+
color: a
|
|
239
240
|
}) => {
|
|
240
|
-
var
|
|
241
|
-
const { isDesktop:
|
|
241
|
+
var T;
|
|
242
|
+
const { isDesktop: p, isMobile: m } = C(), { primary: u, secondary: f } = n || {}, c = d && "url" in d && j.isObject(d) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: d.url }) : d, w = x && "url" in x && j.isObject(x) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: x.url }) : x, g = /* @__PURE__ */ e.jsx(
|
|
242
243
|
"div",
|
|
243
244
|
{
|
|
244
|
-
className:
|
|
245
|
+
className: l(
|
|
245
246
|
"flex items-center justify-center rounded-md bg-color-blue-grey-100 p-4 pb-8 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:p-0",
|
|
246
247
|
r == null ? void 0 : r.advantageContainer
|
|
247
248
|
),
|
|
248
|
-
children: (
|
|
249
|
+
children: (i == null ? void 0 : i.details) && ((T = i == null ? void 0 : i.details) == null ? void 0 : T.items.length) > 0 && /* @__PURE__ */ e.jsx(ne, { ...i })
|
|
249
250
|
}
|
|
250
251
|
);
|
|
251
252
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
252
253
|
/* @__PURE__ */ e.jsx(
|
|
253
254
|
"section",
|
|
254
255
|
{
|
|
255
|
-
id:
|
|
256
|
-
"data-test-id":
|
|
257
|
-
style: { backgroundColor:
|
|
258
|
-
className:
|
|
259
|
-
children: /* @__PURE__ */ e.jsxs(
|
|
260
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
256
|
+
id: b.banner,
|
|
257
|
+
"data-test-id": b.banner,
|
|
258
|
+
style: { backgroundColor: a ?? "#d9edff" },
|
|
259
|
+
className: l("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.root),
|
|
260
|
+
children: /* @__PURE__ */ e.jsxs(y, { className: l("relative", r == null ? void 0 : r.container), children: [
|
|
261
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
|
|
261
262
|
/* @__PURE__ */ e.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
|
|
262
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
263
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
|
|
263
264
|
/* @__PURE__ */ e.jsx(
|
|
264
265
|
"div",
|
|
265
266
|
{
|
|
266
|
-
dangerouslySetInnerHTML: { __html:
|
|
267
|
-
className:
|
|
267
|
+
dangerouslySetInnerHTML: { __html: o },
|
|
268
|
+
className: l("mob-headline-bold-m text-color-dark desktop:desk-headline-bold-l", r == null ? void 0 : r.title)
|
|
268
269
|
}
|
|
269
270
|
),
|
|
270
271
|
/* @__PURE__ */ e.jsx(
|
|
271
272
|
"div",
|
|
272
273
|
{
|
|
273
274
|
dangerouslySetInnerHTML: { __html: t },
|
|
274
|
-
className:
|
|
275
|
+
className: l("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle)
|
|
275
276
|
}
|
|
276
277
|
)
|
|
277
278
|
] }),
|
|
278
279
|
/* @__PURE__ */ e.jsxs(
|
|
279
280
|
"div",
|
|
280
281
|
{
|
|
281
|
-
className:
|
|
282
|
+
className: l(
|
|
282
283
|
"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",
|
|
283
|
-
{ "flex items-center gap-4":
|
|
284
|
+
{ "flex items-center gap-4": f == null ? void 0 : f.enabled },
|
|
284
285
|
r == null ? void 0 : r.group
|
|
285
286
|
),
|
|
286
287
|
children: [
|
|
287
|
-
|
|
288
|
-
|
|
288
|
+
u.enabled && /* @__PURE__ */ e.jsx(
|
|
289
|
+
I,
|
|
289
290
|
{
|
|
290
|
-
className:
|
|
291
|
+
className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.primary),
|
|
291
292
|
size: "lg",
|
|
292
293
|
intent: "primary",
|
|
293
|
-
...
|
|
294
|
+
...u.buttonContent
|
|
294
295
|
}
|
|
295
296
|
),
|
|
296
|
-
(
|
|
297
|
-
|
|
297
|
+
(f == null ? void 0 : f.enabled) && /* @__PURE__ */ e.jsx(
|
|
298
|
+
I,
|
|
298
299
|
{
|
|
299
300
|
intent: "secondary",
|
|
300
|
-
className:
|
|
301
|
-
...
|
|
301
|
+
className: l("w-full desktop:max-w-[216px]", r == null ? void 0 : r.secondary),
|
|
302
|
+
...u.buttonContent
|
|
302
303
|
}
|
|
303
304
|
)
|
|
304
305
|
]
|
|
305
306
|
}
|
|
306
307
|
)
|
|
307
308
|
] }),
|
|
308
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
309
|
+
/* @__PURE__ */ e.jsx("div", { className: l("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer), children: m ? c : w })
|
|
309
310
|
] }),
|
|
310
|
-
|
|
311
|
+
p && (i == null ? void 0 : i.enabled) && g
|
|
311
312
|
] })
|
|
312
313
|
}
|
|
313
314
|
),
|
|
314
|
-
|
|
315
|
+
m && (i == null ? void 0 : i.enabled) && g
|
|
315
316
|
] });
|
|
316
|
-
},
|
|
317
|
-
switch (
|
|
317
|
+
}, lr = ({ variant: o, ...t }) => {
|
|
318
|
+
switch (o) {
|
|
318
319
|
case "separateImg":
|
|
319
|
-
return /* @__PURE__ */ e.jsx(
|
|
320
|
+
return /* @__PURE__ */ e.jsx(X, { ...t });
|
|
320
321
|
case "fullImg":
|
|
321
|
-
return /* @__PURE__ */ e.jsx(
|
|
322
|
+
return /* @__PURE__ */ e.jsx(He, { ...t });
|
|
322
323
|
default:
|
|
323
|
-
return /* @__PURE__ */ e.jsx(
|
|
324
|
+
return /* @__PURE__ */ e.jsx(X, { ...t });
|
|
324
325
|
}
|
|
325
|
-
},
|
|
326
|
-
const { variant: n, items:
|
|
326
|
+
}, ne = ({ details: o, classes: t }) => {
|
|
327
|
+
const { variant: n, items: i } = o ?? {};
|
|
327
328
|
return /* @__PURE__ */ e.jsx(
|
|
328
329
|
"div",
|
|
329
330
|
{
|
|
330
331
|
id: "advantages",
|
|
331
|
-
className:
|
|
332
|
+
className: l(
|
|
332
333
|
"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",
|
|
333
334
|
{ "desktop:max-w-[860px]": n === "threeCards" },
|
|
334
335
|
{ "desktop:max-w-[1140px]": n === "fourCards" },
|
|
335
336
|
t == null ? void 0 : t.root
|
|
336
337
|
),
|
|
337
|
-
children:
|
|
338
|
+
children: i == null ? void 0 : i.map(({ title: r, description: d }) => /* @__PURE__ */ e.jsxs(
|
|
338
339
|
"div",
|
|
339
340
|
{
|
|
340
|
-
className:
|
|
341
|
+
className: l(
|
|
341
342
|
'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',
|
|
342
343
|
t == null ? void 0 : t.item
|
|
343
344
|
),
|
|
344
345
|
children: [
|
|
345
|
-
/* @__PURE__ */ e.jsx(
|
|
346
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
346
|
+
/* @__PURE__ */ e.jsx(N, { as: "h4", className: l("text-color-dark", t == null ? void 0 : t.title), children: r }),
|
|
347
|
+
/* @__PURE__ */ e.jsx("p", { className: l("desk-body-regular-l text-color-secondary", t == null ? void 0 : t.description), children: d })
|
|
347
348
|
]
|
|
348
349
|
},
|
|
349
350
|
r
|
|
350
351
|
))
|
|
351
352
|
}
|
|
352
353
|
);
|
|
353
|
-
},
|
|
354
|
+
}, Le = ({ socialsLinks: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("mt-4 flex items-center gap-2 desktop:mt-6", t == null ? void 0 : t.socialRoot), children: o == null ? void 0 : o.map(({ iconName: n, href: i }) => /* @__PURE__ */ e.jsx(
|
|
354
355
|
"a",
|
|
355
356
|
{
|
|
356
|
-
className:
|
|
357
|
-
href:
|
|
357
|
+
className: l("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", t == null ? void 0 : t.socialLink),
|
|
358
|
+
href: i,
|
|
358
359
|
"aria-label": n.replace("social/", ""),
|
|
359
|
-
children: /* @__PURE__ */ e.jsx(
|
|
360
|
+
children: /* @__PURE__ */ e.jsx(h, { name: n, className: l("h-full w-full text-icon-white", t == null ? void 0 : t.socialIcon) })
|
|
360
361
|
},
|
|
361
|
-
|
|
362
|
-
)) }),
|
|
363
|
-
|
|
362
|
+
i
|
|
363
|
+
)) }), Re = ({ phones: o, classes: t }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:items-end", t == null ? void 0 : t.phonesRoot), children: o == null ? void 0 : o.map(({ phone: n, text: i }) => /* @__PURE__ */ e.jsx(
|
|
364
|
+
Q,
|
|
364
365
|
{
|
|
365
|
-
phone:
|
|
366
|
-
text:
|
|
366
|
+
phone: F(n),
|
|
367
|
+
text: i,
|
|
367
368
|
classes: {
|
|
368
|
-
root:
|
|
369
|
-
text:
|
|
370
|
-
link:
|
|
369
|
+
root: l(t == null ? void 0 : t.phoneWrapper),
|
|
370
|
+
text: l("text-color-footer", t == null ? void 0 : t.phoneText),
|
|
371
|
+
link: l("text-color-white mobile:m-0", t == null ? void 0 : t.phoneLink)
|
|
371
372
|
}
|
|
372
373
|
},
|
|
373
374
|
n
|
|
374
|
-
)) }),
|
|
375
|
+
)) }), Fe = ({ classes: o, details: t }) => /* @__PURE__ */ e.jsx(
|
|
375
376
|
"div",
|
|
376
377
|
{
|
|
377
|
-
className:
|
|
378
|
+
className: l(
|
|
378
379
|
"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",
|
|
379
|
-
|
|
380
|
+
o == null ? void 0 : o.navRoot
|
|
380
381
|
),
|
|
381
382
|
children: t == null ? void 0 : t.map(
|
|
382
|
-
({ column: n }) => n == null ? void 0 : n.map(({ groupLabel:
|
|
383
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
384
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
385
|
-
|
|
383
|
+
({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: i, links: r }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-4", o == null ? void 0 : o.navGroup), children: [
|
|
384
|
+
/* @__PURE__ */ e.jsx("div", { className: l("desk-body-medium-l text-color-white", o == null ? void 0 : o.navLabel), children: i }),
|
|
385
|
+
/* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-1", o == null ? void 0 : o.navLinks), children: r == null ? void 0 : r.map(({ path: d, label: x }) => /* @__PURE__ */ e.jsx(
|
|
386
|
+
R,
|
|
386
387
|
{
|
|
387
388
|
href: d,
|
|
388
389
|
"aria-label": x,
|
|
389
390
|
intent: "white",
|
|
390
391
|
classes: {
|
|
391
|
-
link:
|
|
392
|
-
icon:
|
|
392
|
+
link: o == null ? void 0 : o.navLink,
|
|
393
|
+
icon: o == null ? void 0 : o.navLinkIcon
|
|
393
394
|
},
|
|
394
395
|
children: x
|
|
395
396
|
},
|
|
396
397
|
x
|
|
397
398
|
)) })
|
|
398
|
-
] },
|
|
399
|
+
] }, i))
|
|
399
400
|
)
|
|
400
401
|
}
|
|
401
|
-
),
|
|
402
|
+
), ze = ({ text: o, classes: t }) => /* @__PURE__ */ e.jsx(
|
|
402
403
|
"div",
|
|
403
404
|
{
|
|
404
|
-
className:
|
|
405
|
-
dangerouslySetInnerHTML: { __html:
|
|
405
|
+
className: l("desk-body-regular-m text-color-footer", t == null ? void 0 : t.copyRight),
|
|
406
|
+
dangerouslySetInnerHTML: { __html: o }
|
|
406
407
|
}
|
|
407
|
-
),
|
|
408
|
+
), Oe = ({ classes: o }) => /* @__PURE__ */ e.jsx(
|
|
408
409
|
"a",
|
|
409
410
|
{
|
|
410
411
|
"aria-label": "logo",
|
|
411
412
|
href: "https://sovcombank.ru/",
|
|
412
|
-
className:
|
|
413
|
-
children: /* @__PURE__ */ e.jsx(
|
|
413
|
+
className: l("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", o == null ? void 0 : o.footerLogo),
|
|
414
|
+
children: /* @__PURE__ */ e.jsx(h, { name: "brandLogos/logoWhite", className: l("size-full", o == null ? void 0 : o.footerLogoIcon) })
|
|
414
415
|
}
|
|
415
|
-
),
|
|
416
|
-
|
|
416
|
+
), De = ({ classes: o }) => /* @__PURE__ */ e.jsx(
|
|
417
|
+
R,
|
|
417
418
|
{
|
|
418
419
|
intent: "white",
|
|
419
420
|
href: "https://sovcombank.ru/site-map",
|
|
@@ -421,23 +422,23 @@ const wt = [
|
|
|
421
422
|
"aria-label": "site-map",
|
|
422
423
|
rel: "noreferrer",
|
|
423
424
|
classes: {
|
|
424
|
-
link:
|
|
425
|
-
icon:
|
|
425
|
+
link: l("mobile:mt-6", o == null ? void 0 : o.siteMapLink),
|
|
426
|
+
icon: o == null ? void 0 : o.siteMapLinkIcon
|
|
426
427
|
},
|
|
427
428
|
children: "Карта сайта"
|
|
428
429
|
}
|
|
429
|
-
),
|
|
430
|
-
const [n,
|
|
431
|
-
return
|
|
432
|
-
const
|
|
433
|
-
|
|
434
|
-
}, []), /* @__PURE__ */ e.jsxs("div", { className:
|
|
430
|
+
), Ue = ({ text: o, classes: t }) => {
|
|
431
|
+
const [n, i] = _.useState(!1), [r, d] = _.useState(!1), x = _.useRef(null);
|
|
432
|
+
return _.useEffect(() => {
|
|
433
|
+
const a = x.current;
|
|
434
|
+
a && d(a.scrollHeight > a.clientHeight);
|
|
435
|
+
}, []), /* @__PURE__ */ e.jsxs("div", { className: l("mt-8 flex flex-col gap-4", t == null ? void 0 : t.ligalRoot), children: [
|
|
435
436
|
/* @__PURE__ */ e.jsx(
|
|
436
437
|
"div",
|
|
437
438
|
{
|
|
438
439
|
ref: x,
|
|
439
|
-
className:
|
|
440
|
-
dangerouslySetInnerHTML: { __html:
|
|
440
|
+
className: l("desk-body-regular-m text-color-footer", { "line-clamp-3": !n }, t == null ? void 0 : t.ligalText),
|
|
441
|
+
dangerouslySetInnerHTML: { __html: o }
|
|
441
442
|
}
|
|
442
443
|
),
|
|
443
444
|
r && /* @__PURE__ */ e.jsx(
|
|
@@ -445,8 +446,8 @@ const wt = [
|
|
|
445
446
|
{
|
|
446
447
|
tabIndex: 0,
|
|
447
448
|
role: "button",
|
|
448
|
-
onClick: () =>
|
|
449
|
-
className:
|
|
449
|
+
onClick: () => i((a) => !a),
|
|
450
|
+
className: l(
|
|
450
451
|
"desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
|
|
451
452
|
t == null ? void 0 : t.ligalButton
|
|
452
453
|
),
|
|
@@ -454,100 +455,100 @@ const wt = [
|
|
|
454
455
|
}
|
|
455
456
|
)
|
|
456
457
|
] });
|
|
457
|
-
},
|
|
458
|
-
socialsLinks:
|
|
458
|
+
}, xr = ({
|
|
459
|
+
socialsLinks: o,
|
|
459
460
|
phones: t,
|
|
460
461
|
ligal: n,
|
|
461
|
-
copyright:
|
|
462
|
+
copyright: i,
|
|
462
463
|
classes: r,
|
|
463
464
|
details: d,
|
|
464
465
|
siteMap: x = !0
|
|
465
466
|
}) => /* @__PURE__ */ e.jsx(
|
|
466
467
|
"footer",
|
|
467
468
|
{
|
|
468
|
-
id:
|
|
469
|
-
"data-test-id":
|
|
470
|
-
className:
|
|
471
|
-
children: /* @__PURE__ */ e.jsx(
|
|
469
|
+
id: b.footer,
|
|
470
|
+
"data-test-id": b.footer,
|
|
471
|
+
className: l("w-full bg-color-footer py-8 desktop:py-10", r == null ? void 0 : r.root),
|
|
472
|
+
children: /* @__PURE__ */ e.jsx(y, { className: l(r == null ? void 0 : r.footerContainer), children: /* @__PURE__ */ e.jsxs("div", { className: l("mobile:pb-[176px]", r == null ? void 0 : r.footerWrapper), children: [
|
|
472
473
|
/* @__PURE__ */ e.jsxs(
|
|
473
474
|
"div",
|
|
474
475
|
{
|
|
475
|
-
className:
|
|
476
|
+
className: l(
|
|
476
477
|
"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",
|
|
477
478
|
r == null ? void 0 : r.footerHead
|
|
478
479
|
),
|
|
479
480
|
children: [
|
|
480
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
481
|
-
/* @__PURE__ */ e.jsx(
|
|
482
|
-
|
|
481
|
+
/* @__PURE__ */ e.jsxs("div", { className: l(r == null ? void 0 : r.footerSocialBlock), children: [
|
|
482
|
+
/* @__PURE__ */ e.jsx(Oe, { classes: r == null ? void 0 : r.footerLogo }),
|
|
483
|
+
o.enabled && /* @__PURE__ */ e.jsx(Le, { socialsLinks: o.links, classes: r == null ? void 0 : r.socialLinks })
|
|
483
484
|
] }),
|
|
484
|
-
t.enabled && /* @__PURE__ */ e.jsx(
|
|
485
|
+
t.enabled && /* @__PURE__ */ e.jsx(Re, { phones: t.items, classes: r == null ? void 0 : r.phonesBlock })
|
|
485
486
|
]
|
|
486
487
|
}
|
|
487
488
|
),
|
|
488
|
-
!
|
|
489
|
-
n.enabled && /* @__PURE__ */ e.jsx(
|
|
489
|
+
!j.isArrayEmpty(d) && /* @__PURE__ */ e.jsx(Fe, { details: d, classes: r == null ? void 0 : r.navLinks }),
|
|
490
|
+
n.enabled && /* @__PURE__ */ e.jsx(Ue, { text: n.text }),
|
|
490
491
|
/* @__PURE__ */ e.jsxs(
|
|
491
492
|
"div",
|
|
492
493
|
{
|
|
493
|
-
className:
|
|
494
|
+
className: l(
|
|
494
495
|
"mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
|
|
495
496
|
r == null ? void 0 : r.footerBottom
|
|
496
497
|
),
|
|
497
498
|
children: [
|
|
498
|
-
|
|
499
|
-
x && /* @__PURE__ */ e.jsx(
|
|
499
|
+
i.enabled && /* @__PURE__ */ e.jsx(ze, { text: i.text, classes: r == null ? void 0 : r.copyright }),
|
|
500
|
+
x && /* @__PURE__ */ e.jsx(De, { classes: r == null ? void 0 : r.siteMap })
|
|
500
501
|
]
|
|
501
502
|
}
|
|
502
503
|
)
|
|
503
504
|
] }) })
|
|
504
505
|
}
|
|
505
|
-
),
|
|
506
|
-
const d = n === "withTitleAndDescription" &&
|
|
506
|
+
), Ve = ({ classes: o, index: t, variant: n, title: i, description: r }) => {
|
|
507
|
+
const d = n === "withTitleAndDescription" && i;
|
|
507
508
|
return /* @__PURE__ */ e.jsxs(
|
|
508
509
|
"div",
|
|
509
510
|
{
|
|
510
|
-
className:
|
|
511
|
+
className: l(
|
|
511
512
|
"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",
|
|
512
|
-
|
|
513
|
+
o == null ? void 0 : o.singleStep
|
|
513
514
|
),
|
|
514
515
|
children: [
|
|
515
516
|
/* @__PURE__ */ e.jsx(
|
|
516
517
|
"div",
|
|
517
518
|
{
|
|
518
|
-
className:
|
|
519
|
+
className: l(
|
|
519
520
|
"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",
|
|
520
|
-
|
|
521
|
+
o == null ? void 0 : o.numeric
|
|
521
522
|
),
|
|
522
523
|
children: t
|
|
523
524
|
}
|
|
524
525
|
),
|
|
525
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
526
|
-
d && /* @__PURE__ */ e.jsx(
|
|
526
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2"), children: [
|
|
527
|
+
d && /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("text-color-dark", o == null ? void 0 : o.title), children: i }),
|
|
527
528
|
/* @__PURE__ */ e.jsx(
|
|
528
529
|
"div",
|
|
529
530
|
{
|
|
530
531
|
dangerouslySetInnerHTML: { __html: r ?? "" },
|
|
531
|
-
className:
|
|
532
|
+
className: l("desk-body-regular-l text-color-tetriary", o == null ? void 0 : o.description)
|
|
532
533
|
}
|
|
533
534
|
)
|
|
534
535
|
] })
|
|
535
536
|
]
|
|
536
537
|
}
|
|
537
538
|
);
|
|
538
|
-
},
|
|
539
|
-
/* @__PURE__ */ e.jsx(
|
|
539
|
+
}, ar = ({ headline: o, details: t, variant: n, classes: i }) => /* @__PURE__ */ e.jsx("section", { id: b.stepper, "data-test-id": b.stepper, className: i == null ? void 0 : i.root, children: /* @__PURE__ */ e.jsx(y, { className: i == null ? void 0 : i.container, children: /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-6 desktop:items-start desktop:gap-12", i == null ? void 0 : i.wrapper), children: [
|
|
540
|
+
/* @__PURE__ */ e.jsx(N, { as: "h2", className: l("text-color-dark", i == null ? void 0 : i.headline), children: o }),
|
|
540
541
|
/* @__PURE__ */ e.jsx(
|
|
541
542
|
"div",
|
|
542
543
|
{
|
|
543
|
-
className:
|
|
544
|
+
className: l(
|
|
544
545
|
"flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
|
|
545
|
-
|
|
546
|
+
i == null ? void 0 : i.stepsWrapper
|
|
546
547
|
),
|
|
547
|
-
children: t == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(
|
|
548
|
+
children: t == null ? void 0 : t.map((r, d) => /* @__PURE__ */ e.jsx(Ve, { variant: n, ...r, index: d + 1, classes: i == null ? void 0 : i.step }, r.description))
|
|
548
549
|
}
|
|
549
550
|
)
|
|
550
|
-
] }) }) }),
|
|
551
|
+
] }) }) }), We = k("", {
|
|
551
552
|
variants: {
|
|
552
553
|
intent: {
|
|
553
554
|
twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
|
|
@@ -563,7 +564,7 @@ const wt = [
|
|
|
563
564
|
defaultVariants: {
|
|
564
565
|
intent: "twoItems"
|
|
565
566
|
}
|
|
566
|
-
}),
|
|
567
|
+
}), Ge = k("", {
|
|
567
568
|
variants: {
|
|
568
569
|
intent: {
|
|
569
570
|
twoItems: "",
|
|
@@ -595,7 +596,7 @@ const wt = [
|
|
|
595
596
|
class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
|
|
596
597
|
}
|
|
597
598
|
]
|
|
598
|
-
}),
|
|
599
|
+
}), $e = k("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
|
|
599
600
|
variants: {
|
|
600
601
|
intent: {
|
|
601
602
|
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',
|
|
@@ -605,7 +606,7 @@ const wt = [
|
|
|
605
606
|
defaultVariants: {
|
|
606
607
|
intent: "twoItems"
|
|
607
608
|
}
|
|
608
|
-
}),
|
|
609
|
+
}), Ze = k("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
|
|
609
610
|
variants: {
|
|
610
611
|
intent: {
|
|
611
612
|
twoItems: "desktop:h-[232px] desktop:w-[500px]",
|
|
@@ -631,53 +632,53 @@ const wt = [
|
|
|
631
632
|
class: "desktop:h-[272px] desktop:w-[500px]"
|
|
632
633
|
}
|
|
633
634
|
]
|
|
634
|
-
}),
|
|
635
|
+
}), Xe = ({ data: o, intent: t }) => {
|
|
635
636
|
const {
|
|
636
637
|
title: n,
|
|
637
|
-
description:
|
|
638
|
+
description: i,
|
|
638
639
|
popover: r = {
|
|
639
640
|
enabled: !1
|
|
640
641
|
}
|
|
641
|
-
} =
|
|
642
|
-
return /* @__PURE__ */ e.jsx("li", { className:
|
|
643
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
644
|
-
/* @__PURE__ */ e.jsx("h4", { className:
|
|
645
|
-
r.enabled && /* @__PURE__ */ e.jsx(
|
|
642
|
+
} = o;
|
|
643
|
+
return /* @__PURE__ */ e.jsx("li", { className: l($e({ intent: t })), children: /* @__PURE__ */ e.jsxs("div", { className: "desktop:max-w-[264px]", children: [
|
|
644
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("mb-2 flex items-center gap-2"), children: [
|
|
645
|
+
/* @__PURE__ */ e.jsx("h4", { className: l("mob-title-bold-m text-color-dark"), children: n }),
|
|
646
|
+
r.enabled && /* @__PURE__ */ e.jsx(ue, { triggerElement: /* @__PURE__ */ e.jsx(h, { className: l("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r.text })
|
|
646
647
|
] }),
|
|
647
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
648
|
+
/* @__PURE__ */ e.jsx("div", { className: l("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: i } })
|
|
648
649
|
] }) });
|
|
649
|
-
},
|
|
650
|
-
headline:
|
|
650
|
+
}, z = ({ intent: o, headline: t, desktopHidden: n = !1, mobileHidden: i = !1 }) => /* @__PURE__ */ e.jsx("h2", { className: l(We({ intent: o, desktopHidden: n, mobileHidden: i })), children: t }), qe = ({ details: o, intent: t, withButton: n }) => /* @__PURE__ */ e.jsx("ul", { className: l(Ge({ intent: t, withButton: n })), children: o == null ? void 0 : o.map((i, r) => /* @__PURE__ */ e.jsx(Xe, { intent: t, data: i }, r)) }), pr = ({
|
|
651
|
+
headline: o,
|
|
651
652
|
buttonConfig: t,
|
|
652
653
|
intent: n = "twoItems",
|
|
653
|
-
details:
|
|
654
|
+
details: i,
|
|
654
655
|
image: r,
|
|
655
656
|
classes: d
|
|
656
657
|
}) => {
|
|
657
|
-
const x = n === "fourItems",
|
|
658
|
-
return /* @__PURE__ */ e.jsx("section", { id:
|
|
659
|
-
|
|
658
|
+
const x = n === "fourItems", a = n === "twoItems", p = r && "url" in r && j.isObject(r) ? /* @__PURE__ */ e.jsx("img", { className: "w-full object-contain", alt: "Картинка баннера", src: r.url }) : r;
|
|
659
|
+
return /* @__PURE__ */ e.jsx("section", { id: b.longBanner, "data-test-id": b.longBanner, className: l(d == null ? void 0 : d.root), children: /* @__PURE__ */ e.jsxs(y, { className: l(d == null ? void 0 : d.container), children: [
|
|
660
|
+
a && /* @__PURE__ */ e.jsx(z, { intent: n, headline: o }),
|
|
660
661
|
/* @__PURE__ */ e.jsxs(
|
|
661
662
|
"div",
|
|
662
663
|
{
|
|
663
|
-
className:
|
|
664
|
+
className: l(
|
|
664
665
|
"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",
|
|
665
666
|
d == null ? void 0 : d.contentContainer
|
|
666
667
|
),
|
|
667
668
|
children: [
|
|
668
|
-
x && /* @__PURE__ */ e.jsx(
|
|
669
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
669
|
+
x && /* @__PURE__ */ e.jsx(z, { intent: n, headline: o, desktopHidden: !0 }),
|
|
670
|
+
/* @__PURE__ */ e.jsx("div", { className: l(Ze({ intent: n, withButton: t == null ? void 0 : t.enabled }), d == null ? void 0 : d.imgContainer), children: p }),
|
|
670
671
|
/* @__PURE__ */ e.jsxs(
|
|
671
672
|
"div",
|
|
672
673
|
{
|
|
673
|
-
className:
|
|
674
|
+
className: l("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", d == null ? void 0 : d.textWithBtnContainer),
|
|
674
675
|
children: [
|
|
675
|
-
x && /* @__PURE__ */ e.jsx(
|
|
676
|
-
/* @__PURE__ */ e.jsx(
|
|
676
|
+
x && /* @__PURE__ */ e.jsx(z, { intent: n, headline: o, mobileHidden: !0 }),
|
|
677
|
+
/* @__PURE__ */ e.jsx(qe, { details: i, intent: n, withButton: (t == null ? void 0 : t.enabled) ?? !1 }),
|
|
677
678
|
(t == null ? void 0 : t.enabled) && t && /* @__PURE__ */ e.jsx(
|
|
678
|
-
|
|
679
|
+
I,
|
|
679
680
|
{
|
|
680
|
-
className:
|
|
681
|
+
className: l("w-full px-4 desktop:w-max", d == null ? void 0 : d.button),
|
|
681
682
|
size: "lg",
|
|
682
683
|
intent: "secondary",
|
|
683
684
|
...t.buttonContent
|
|
@@ -690,15 +691,15 @@ const wt = [
|
|
|
690
691
|
}
|
|
691
692
|
)
|
|
692
693
|
] }) });
|
|
693
|
-
},
|
|
694
|
+
}, O = {
|
|
694
695
|
ESIA: "esia",
|
|
695
696
|
MOBILE_ID: "mobileId",
|
|
696
697
|
COMBINE: "combine"
|
|
697
|
-
},
|
|
698
|
+
}, ie = ({ children: o, isLoading: t, classes: n, loaderProps: i }) => /* @__PURE__ */ e.jsx(
|
|
698
699
|
"div",
|
|
699
700
|
{
|
|
700
701
|
tabIndex: 0,
|
|
701
|
-
className:
|
|
702
|
+
className: l(
|
|
702
703
|
"relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
|
|
703
704
|
"bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
|
|
704
705
|
n == null ? void 0 : n.root
|
|
@@ -706,17 +707,17 @@ const wt = [
|
|
|
706
707
|
children: /* @__PURE__ */ e.jsx(
|
|
707
708
|
"div",
|
|
708
709
|
{
|
|
709
|
-
className:
|
|
710
|
+
className: l(
|
|
710
711
|
"flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
|
|
711
712
|
"bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
|
|
712
713
|
{ "items-center": t },
|
|
713
714
|
n == null ? void 0 : n.wrapper
|
|
714
715
|
),
|
|
715
|
-
children: t ? /* @__PURE__ */ e.jsx(
|
|
716
|
+
children: t ? /* @__PURE__ */ e.jsx(fe, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...i }) : o
|
|
716
717
|
}
|
|
717
718
|
)
|
|
718
719
|
}
|
|
719
|
-
),
|
|
720
|
+
), Je = ({ ...o }) => /* @__PURE__ */ e.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: [
|
|
720
721
|
/* @__PURE__ */ e.jsx(
|
|
721
722
|
"path",
|
|
722
723
|
{
|
|
@@ -744,22 +745,22 @@ const wt = [
|
|
|
744
745
|
/* @__PURE__ */ e.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
|
|
745
746
|
/* @__PURE__ */ e.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
|
|
746
747
|
] }) })
|
|
747
|
-
] }),
|
|
748
|
+
] }), de = ({ mainLink: o, subLink: t, isMobile: n, classes: i }) => /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col", i == null ? void 0 : i.linksWrapper), children: [
|
|
748
749
|
/* @__PURE__ */ e.jsx(
|
|
749
750
|
"a",
|
|
750
751
|
{
|
|
751
|
-
href:
|
|
752
|
+
href: o.href,
|
|
752
753
|
target: "_blank",
|
|
753
754
|
rel: "noreferrer",
|
|
754
|
-
className:
|
|
755
|
+
className: l(
|
|
755
756
|
'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',
|
|
756
|
-
|
|
757
|
+
i == null ? void 0 : i.linksMainLink
|
|
757
758
|
),
|
|
758
|
-
children: n ?
|
|
759
|
+
children: n ? o.mobileTitle : o.title
|
|
759
760
|
}
|
|
760
761
|
),
|
|
761
762
|
(t == null ? void 0 : t.text) && (t == null ? void 0 : t.href) && /* @__PURE__ */ e.jsx(
|
|
762
|
-
|
|
763
|
+
R,
|
|
763
764
|
{
|
|
764
765
|
intent: "blue",
|
|
765
766
|
withUnderline: !0,
|
|
@@ -767,79 +768,79 @@ const wt = [
|
|
|
767
768
|
target: "_blank",
|
|
768
769
|
rel: "noreferrer",
|
|
769
770
|
classes: {
|
|
770
|
-
link:
|
|
771
|
+
link: l("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.linksSubLink)
|
|
771
772
|
},
|
|
772
773
|
children: t == null ? void 0 : t.text
|
|
773
774
|
}
|
|
774
775
|
)
|
|
775
|
-
] }),
|
|
776
|
-
const { isMobile: x } =
|
|
777
|
-
return /* @__PURE__ */ e.jsx(
|
|
776
|
+
] }), q = ({ mainLink: o, subLink: t, isLoading: n, badge: i, loaderProps: r, classes: d }) => {
|
|
777
|
+
const { isMobile: x } = C();
|
|
778
|
+
return /* @__PURE__ */ e.jsx(ie, { isLoading: n, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
|
|
778
779
|
"div",
|
|
779
780
|
{
|
|
780
|
-
className:
|
|
781
|
+
className: l(
|
|
781
782
|
"flex flex-1 items-center justify-between gap-1",
|
|
782
|
-
{ "justify-center": !
|
|
783
|
+
{ "justify-center": !i && x },
|
|
783
784
|
d == null ? void 0 : d.innerWrapper
|
|
784
785
|
),
|
|
785
786
|
children: [
|
|
786
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
787
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
|
|
787
788
|
/* @__PURE__ */ e.jsxs("div", { children: [
|
|
788
|
-
/* @__PURE__ */ e.jsx(
|
|
789
|
-
/* @__PURE__ */ e.jsx(
|
|
790
|
-
/* @__PURE__ */ e.jsx(
|
|
789
|
+
/* @__PURE__ */ e.jsx(h, { name: "logos/mts", className: l("relative z-[9] size-7 desktop:size-8", d == null ? void 0 : d.mtsLogo) }),
|
|
790
|
+
/* @__PURE__ */ e.jsx(h, { name: "logos/megafon", className: l("relative z-[8] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.megafonLogo) }),
|
|
791
|
+
/* @__PURE__ */ e.jsx(h, { name: "logos/beeline", className: l("relative z-[7] -ml-4 size-7 desktop:size-8", d == null ? void 0 : d.beelineLogo) })
|
|
791
792
|
] }),
|
|
792
|
-
/* @__PURE__ */ e.jsx(
|
|
793
|
-
/* @__PURE__ */ e.jsx(
|
|
793
|
+
/* @__PURE__ */ e.jsx(de, { mainLink: o, subLink: t, isMobile: x, classes: d == null ? void 0 : d.links }),
|
|
794
|
+
/* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
|
|
794
795
|
] }),
|
|
795
|
-
|
|
796
|
+
i && /* @__PURE__ */ e.jsx(V, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
|
|
796
797
|
]
|
|
797
798
|
}
|
|
798
799
|
) });
|
|
799
|
-
},
|
|
800
|
-
const { isMobile: x } =
|
|
801
|
-
return /* @__PURE__ */ e.jsx(
|
|
800
|
+
}, J = ({ mainLink: o, subLink: t, isLoading: n, badge: i, loaderProps: r, classes: d }) => {
|
|
801
|
+
const { isMobile: x } = C();
|
|
802
|
+
return /* @__PURE__ */ e.jsx(ie, { isLoading: n, loaderProps: r, classes: d == null ? void 0 : d.authWrapper, children: /* @__PURE__ */ e.jsxs(
|
|
802
803
|
"div",
|
|
803
804
|
{
|
|
804
|
-
className:
|
|
805
|
+
className: l(
|
|
805
806
|
"flex flex-1 items-center justify-between gap-1",
|
|
806
|
-
{ "justify-center": !
|
|
807
|
+
{ "justify-center": !i && x },
|
|
807
808
|
d == null ? void 0 : d.innerWrapper
|
|
808
809
|
),
|
|
809
810
|
children: [
|
|
810
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
811
|
-
/* @__PURE__ */ e.jsx(
|
|
812
|
-
/* @__PURE__ */ e.jsx(
|
|
813
|
-
/* @__PURE__ */ e.jsx(
|
|
811
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex items-center gap-1 desktop:gap-4", d == null ? void 0 : d.textContent), children: [
|
|
812
|
+
/* @__PURE__ */ e.jsx(Je, { className: l("size-7 desktop:size-8", d == null ? void 0 : d.esiaLogo) }),
|
|
813
|
+
/* @__PURE__ */ e.jsx(de, { mainLink: o, subLink: t, isMobile: x, classes: d == null ? void 0 : d.links }),
|
|
814
|
+
/* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("mobile:hidden", d == null ? void 0 : d.arrowIcon) })
|
|
814
815
|
] }),
|
|
815
|
-
|
|
816
|
+
i && /* @__PURE__ */ e.jsx(V, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: i })
|
|
816
817
|
]
|
|
817
818
|
}
|
|
818
819
|
) });
|
|
819
|
-
},
|
|
820
|
-
switch (
|
|
821
|
-
case
|
|
822
|
-
return /* @__PURE__ */ e.jsx(
|
|
823
|
-
case
|
|
824
|
-
return /* @__PURE__ */ e.jsx(
|
|
825
|
-
case
|
|
820
|
+
}, Ke = (o) => {
|
|
821
|
+
switch (o.mode) {
|
|
822
|
+
case O.ESIA:
|
|
823
|
+
return /* @__PURE__ */ e.jsx(J, { ...o });
|
|
824
|
+
case O.MOBILE_ID:
|
|
825
|
+
return /* @__PURE__ */ e.jsx(q, { ...o });
|
|
826
|
+
case O.COMBINE:
|
|
826
827
|
default:
|
|
827
|
-
const { esiaConfig: t, mobileIdConfig: n, subtitle:
|
|
828
|
+
const { esiaConfig: t, mobileIdConfig: n, subtitle: i, badge: r, classes: d } = o, x = !i && !r ? _.Fragment : "div";
|
|
828
829
|
return /* @__PURE__ */ e.jsxs(
|
|
829
830
|
"div",
|
|
830
831
|
{
|
|
831
|
-
className:
|
|
832
|
+
className: l(
|
|
832
833
|
"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",
|
|
833
834
|
d == null ? void 0 : d.root
|
|
834
835
|
),
|
|
835
836
|
children: [
|
|
836
|
-
/* @__PURE__ */ e.jsxs(x, { className:
|
|
837
|
-
|
|
838
|
-
r && /* @__PURE__ */ e.jsx(
|
|
837
|
+
/* @__PURE__ */ e.jsxs(x, { className: l("flex w-full items-center justify-between gap-2", d == null ? void 0 : d.topContent), children: [
|
|
838
|
+
i && /* @__PURE__ */ e.jsx("h5", { className: l("desk-body-regular-l flex flex-1 text-color-dark", d == null ? void 0 : d.subtitle), children: i }),
|
|
839
|
+
r && /* @__PURE__ */ e.jsx(V, { className: l("bg-color-positive", d == null ? void 0 : d.badge), children: r })
|
|
839
840
|
] }),
|
|
840
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
841
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("grid w-full grid-cols-2 gap-2 desktop:gap-4", d == null ? void 0 : d.authWrapper), children: [
|
|
841
842
|
/* @__PURE__ */ e.jsx(
|
|
842
|
-
|
|
843
|
+
J,
|
|
843
844
|
{
|
|
844
845
|
...t,
|
|
845
846
|
classes: {
|
|
@@ -850,7 +851,7 @@ const wt = [
|
|
|
850
851
|
}
|
|
851
852
|
),
|
|
852
853
|
/* @__PURE__ */ e.jsx(
|
|
853
|
-
|
|
854
|
+
q,
|
|
854
855
|
{
|
|
855
856
|
...n,
|
|
856
857
|
classes: {
|
|
@@ -865,45 +866,45 @@ const wt = [
|
|
|
865
866
|
}
|
|
866
867
|
);
|
|
867
868
|
}
|
|
868
|
-
},
|
|
869
|
-
|
|
869
|
+
}, mr = (o) => Ke(o), K = ({ links: o, classes: t }) => /* @__PURE__ */ e.jsx("nav", { className: l("flex flex-col gap-1", t == null ? void 0 : t.linksWrapper), children: o == null ? void 0 : o.map(({ path: n, label: i }) => /* @__PURE__ */ e.jsx(
|
|
870
|
+
R,
|
|
870
871
|
{
|
|
871
872
|
classes: {
|
|
872
|
-
link:
|
|
873
|
-
icon:
|
|
873
|
+
link: l("w-max", t == null ? void 0 : t.linkText),
|
|
874
|
+
icon: l(t == null ? void 0 : t.linkIcon)
|
|
874
875
|
},
|
|
875
876
|
intent: "dark",
|
|
876
877
|
href: n,
|
|
877
|
-
children:
|
|
878
|
+
children: i
|
|
878
879
|
},
|
|
879
880
|
n
|
|
880
|
-
)) }),
|
|
881
|
-
var d, x,
|
|
882
|
-
const { isMobile: r } =
|
|
883
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
881
|
+
)) }), Qe = ({ groupLabel: o, links: t, mobileAccordionProps: n, classes: i }) => {
|
|
882
|
+
var d, x, a;
|
|
883
|
+
const { isMobile: r } = C();
|
|
884
|
+
return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col gap-2", i == null ? void 0 : i.columnGroup), children: [
|
|
884
885
|
!r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
885
|
-
/* @__PURE__ */ e.jsx("h5", { className:
|
|
886
|
-
/* @__PURE__ */ e.jsx(
|
|
886
|
+
/* @__PURE__ */ e.jsx("h5", { className: l("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", i == null ? void 0 : i.columnGroupHeading), children: o }),
|
|
887
|
+
/* @__PURE__ */ e.jsx(K, { links: t, classes: i == null ? void 0 : i.linksList }, "desktop")
|
|
887
888
|
] }),
|
|
888
889
|
r && /* @__PURE__ */ e.jsx(
|
|
889
|
-
|
|
890
|
+
E,
|
|
890
891
|
{
|
|
891
892
|
defaultOpen: !0,
|
|
892
|
-
label:
|
|
893
|
-
icon: /* @__PURE__ */ e.jsx(
|
|
893
|
+
label: o,
|
|
894
|
+
icon: /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
|
|
894
895
|
...n,
|
|
895
896
|
classes: {
|
|
896
897
|
...n == null ? void 0 : n.classes,
|
|
897
898
|
header: {
|
|
898
|
-
trigger:
|
|
899
|
+
trigger: l("p-0 bg-color-blue-grey-100", (x = (d = n == null ? void 0 : n.classes) == null ? void 0 : d.header) == null ? void 0 : x.trigger)
|
|
899
900
|
},
|
|
900
|
-
contentInner:
|
|
901
|
+
contentInner: l("py-2 px-4", (a = n == null ? void 0 : n.classes) == null ? void 0 : a.contentInner)
|
|
901
902
|
},
|
|
902
|
-
children: /* @__PURE__ */ e.jsx(
|
|
903
|
+
children: /* @__PURE__ */ e.jsx(K, { links: t, classes: i == null ? void 0 : i.linksList }, "mobile")
|
|
903
904
|
}
|
|
904
905
|
)
|
|
905
906
|
] });
|
|
906
|
-
},
|
|
907
|
+
}, Ye = ({ column: o, mobileAccordionProps: t, classes: n }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4 desktop:gap-6", n == null ? void 0 : n.column), children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ e.jsx(Qe, { ...t, ...i, classes: n == null ? void 0 : n.columnGroup }, i.groupLabel)) }), Ae = k("grid gap-4 grid-cols-1", {
|
|
907
908
|
variants: {
|
|
908
909
|
variant: {
|
|
909
910
|
twoCols: "desktop:grid-cols-2",
|
|
@@ -914,81 +915,81 @@ const wt = [
|
|
|
914
915
|
defaultVariants: {
|
|
915
916
|
variant: "fourCols"
|
|
916
917
|
}
|
|
917
|
-
}),
|
|
918
|
-
variant:
|
|
918
|
+
}), ur = ({
|
|
919
|
+
variant: o,
|
|
919
920
|
details: t,
|
|
920
921
|
headline: n,
|
|
921
|
-
mobileAccordionProps:
|
|
922
|
+
mobileAccordionProps: i,
|
|
922
923
|
rootAccordionProps: r,
|
|
923
924
|
classes: d
|
|
924
925
|
}) => {
|
|
925
|
-
var x,
|
|
926
|
+
var x, a, p;
|
|
926
927
|
return /* @__PURE__ */ e.jsx(
|
|
927
928
|
"section",
|
|
928
929
|
{
|
|
929
|
-
id:
|
|
930
|
-
"data-test-id":
|
|
931
|
-
className:
|
|
932
|
-
children: /* @__PURE__ */ e.jsx(
|
|
933
|
-
|
|
930
|
+
id: b.interLinking,
|
|
931
|
+
"data-test-id": b.interLinking,
|
|
932
|
+
className: l("min-w-full desktop:min-w-[1140px]", d == null ? void 0 : d.root),
|
|
933
|
+
children: /* @__PURE__ */ e.jsx(y, { children: /* @__PURE__ */ e.jsx(
|
|
934
|
+
E,
|
|
934
935
|
{
|
|
935
936
|
defaultOpen: !0,
|
|
936
|
-
label: /* @__PURE__ */ e.jsx(
|
|
937
|
+
label: /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("text-left", d == null ? void 0 : d.headline), children: n }),
|
|
937
938
|
...r,
|
|
938
939
|
classes: {
|
|
939
940
|
...r == null ? void 0 : r.classes,
|
|
940
941
|
header: {
|
|
941
|
-
trigger:
|
|
942
|
+
trigger: l("bg-color-blue-grey-100", (a = (x = r == null ? void 0 : r.classes) == null ? void 0 : x.header) == null ? void 0 : a.trigger)
|
|
942
943
|
},
|
|
943
|
-
content:
|
|
944
|
+
content: l("max-w-full bg-color-blue-grey-100 relative", (p = r == null ? void 0 : r.classes) == null ? void 0 : p.content)
|
|
944
945
|
},
|
|
945
|
-
children: /* @__PURE__ */ e.jsx("div", { className:
|
|
946
|
+
children: /* @__PURE__ */ e.jsx("div", { className: l(Ae({ variant: o }), d == null ? void 0 : d.columnsWrapper), children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(Ye, { ...m, ...i, classes: d == null ? void 0 : d.column }, u)) })
|
|
946
947
|
}
|
|
947
948
|
) })
|
|
948
949
|
}
|
|
949
950
|
);
|
|
950
|
-
},
|
|
951
|
+
}, Pe = ({ tabsNames: o, activeTab: t, setActiveTab: n, classes: i }) => /* @__PURE__ */ e.jsx("div", { className: l("hidden-scroll flex items-center gap-4 overflow-x-auto p-[6px]", i == null ? void 0 : i.tabs), children: o && o.map((r, d) => /* @__PURE__ */ e.jsx(
|
|
951
952
|
"button",
|
|
952
953
|
{
|
|
953
954
|
onClick: () => n(d),
|
|
954
|
-
className:
|
|
955
|
+
className: l(
|
|
955
956
|
"desktop:kpy-3 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",
|
|
956
957
|
{
|
|
957
958
|
"bg-icon-primary-default text-color-white": t === d
|
|
958
959
|
},
|
|
959
|
-
|
|
960
|
+
i == null ? void 0 : i.button
|
|
960
961
|
),
|
|
961
962
|
children: r
|
|
962
963
|
},
|
|
963
964
|
r
|
|
964
|
-
)) }),
|
|
965
|
-
const r = /* @__PURE__ */ e.jsx("div", { className:
|
|
966
|
-
return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(
|
|
967
|
-
},
|
|
968
|
-
rows:
|
|
969
|
-
row: n == null ? void 0 : n.map((
|
|
965
|
+
)) }), se = (o) => o.variant === "HTML", et = (o) => o.variant === "DOCUMENTS", tt = (o) => o.variant === "TABLE", rt = ({ html: o, config: t, classes: n, accordionConfig: i }) => {
|
|
966
|
+
const r = /* @__PURE__ */ e.jsx("div", { className: l(n == null ? void 0 : n.html), dangerouslySetInnerHTML: { __html: o ?? "" } });
|
|
967
|
+
return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: t == null ? void 0 : t.accordionTitle, ...i, children: (i == null ? void 0 : i.children) ?? r }) : r });
|
|
968
|
+
}, ot = (o, t) => ({
|
|
969
|
+
rows: o == null ? void 0 : o.map(({ row: n }) => ({
|
|
970
|
+
row: n == null ? void 0 : n.map((i, r) => {
|
|
970
971
|
var d;
|
|
971
972
|
return {
|
|
972
|
-
...
|
|
973
|
+
...i,
|
|
973
974
|
heading: t && ((d = t[r]) == null ? void 0 : d.heading)
|
|
974
975
|
};
|
|
975
976
|
})
|
|
976
977
|
}))
|
|
977
|
-
}),
|
|
978
|
+
}), nt = k("flex flex-col", {
|
|
978
979
|
variants: {
|
|
979
980
|
columnsVariant: {
|
|
980
981
|
twoCols: "w-full max-w-[656px]",
|
|
981
982
|
threeCols: "w-full max-w-[768px]"
|
|
982
983
|
}
|
|
983
984
|
}
|
|
984
|
-
}),
|
|
985
|
+
}), it = k("grid px-4 mb-4", {
|
|
985
986
|
variants: {
|
|
986
987
|
columnsVariant: {
|
|
987
988
|
twoCols: "grid-cols-2 gap-16",
|
|
988
989
|
threeCols: "grid-cols-3 gap-12"
|
|
989
990
|
}
|
|
990
991
|
}
|
|
991
|
-
}),
|
|
992
|
+
}), dt = ({ headings: o, columnsVariant: t, classes: n }) => /* @__PURE__ */ e.jsx("div", { className: l(it({ columnsVariant: t }), n == null ? void 0 : n.row), children: o == null ? void 0 : o.map((i) => /* @__PURE__ */ e.jsx("div", { className: l("text-color-secondary", n == null ? void 0 : n.cell), children: i == null ? void 0 : i.heading }, i == null ? void 0 : i.heading)) }), lt = k("grid items-center", {
|
|
992
993
|
variants: {
|
|
993
994
|
columnsVariant: {
|
|
994
995
|
twoCols: "grid-cols-2 gap-16",
|
|
@@ -999,89 +1000,89 @@ const wt = [
|
|
|
999
1000
|
separator: "px-4 py-4 border-t border-solid border-warm-grey-200"
|
|
1000
1001
|
}
|
|
1001
1002
|
}
|
|
1002
|
-
}),
|
|
1003
|
+
}), xt = ({ row: o, tableVariant: t, columnsVariant: n, rowIndex: i, classes: r }) => /* @__PURE__ */ e.jsx("div", { className: l(lt({ columnsVariant: n, tableVariant: t }), { "border-none": i === 0 }, r == null ? void 0 : r.row), children: o == null ? void 0 : o.map(({ cell: d }, x) => /* @__PURE__ */ e.jsx(
|
|
1003
1004
|
"div",
|
|
1004
1005
|
{
|
|
1005
|
-
className:
|
|
1006
|
+
className: l("desk-body-regular-l text-color-dark", { "font-medium": x !== 0 }, r == null ? void 0 : r.cell),
|
|
1006
1007
|
children: d && d
|
|
1007
1008
|
},
|
|
1008
1009
|
x
|
|
1009
|
-
)) }),
|
|
1010
|
+
)) }), at = k("flex flex-col gap-2", {
|
|
1010
1011
|
variants: {
|
|
1011
1012
|
tableVariant: {
|
|
1012
1013
|
filled: "px-4 py-4 odd:bg-color-primary-light-default",
|
|
1013
1014
|
separator: "py-4 border-t border-solid border-warm-grey-200 first:border-none"
|
|
1014
1015
|
}
|
|
1015
1016
|
}
|
|
1016
|
-
}),
|
|
1017
|
-
x && /* @__PURE__ */ e.jsx("div", { className:
|
|
1017
|
+
}), pt = ({ row: o, tableVariant: t, columnsVariant: n, headingsExist: i, classes: r }) => /* @__PURE__ */ e.jsx("div", { className: l(at({ tableVariant: t }), r == null ? void 0 : r.row), children: o == null ? void 0 : o.map(({ cell: d, heading: x }, a) => /* @__PURE__ */ e.jsxs("div", { className: l("grid grid-cols-2 gap-3", { "grid-cols-1 gap-0": !i }, r == null ? void 0 : r.wrapper), children: [
|
|
1018
|
+
x && /* @__PURE__ */ e.jsx("div", { className: l("mob-body-regular-l text-color-secondary", r == null ? void 0 : r.heading), children: x }),
|
|
1018
1019
|
/* @__PURE__ */ e.jsx(
|
|
1019
1020
|
"div",
|
|
1020
1021
|
{
|
|
1021
|
-
className:
|
|
1022
|
+
className: l(
|
|
1022
1023
|
"mob-body-regular-l text-color-dark",
|
|
1023
1024
|
{
|
|
1024
|
-
"font-medium":
|
|
1025
|
+
"font-medium": a !== 0 && n === "twoCols" || n === "threeCols" || n === "twoCols" && i
|
|
1025
1026
|
},
|
|
1026
1027
|
r == null ? void 0 : r.cell
|
|
1027
1028
|
),
|
|
1028
1029
|
children: d
|
|
1029
1030
|
}
|
|
1030
1031
|
)
|
|
1031
|
-
] },
|
|
1032
|
-
var
|
|
1033
|
-
const { isDesktop: d } =
|
|
1034
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
1035
|
-
d &&
|
|
1036
|
-
d ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((
|
|
1037
|
-
|
|
1032
|
+
] }, a)) }), mt = ({ tableVariant: o, rows: t, headings: n, columnsVariant: i, classes: r }) => {
|
|
1033
|
+
var p;
|
|
1034
|
+
const { isDesktop: d } = C(), x = ((p = ot(t, n)) == null ? void 0 : p.rows) ?? [], a = !!(n && n.length > 0);
|
|
1035
|
+
return /* @__PURE__ */ e.jsxs("div", { className: l("flex flex-col", r == null ? void 0 : r.wrapper), children: [
|
|
1036
|
+
d && a && /* @__PURE__ */ e.jsx(dt, { headings: n, columnsVariant: i, classes: r == null ? void 0 : r.desktopHeading }),
|
|
1037
|
+
d ? /* @__PURE__ */ e.jsx(e.Fragment, { children: t == null ? void 0 : t.map((m, u) => /* @__PURE__ */ e.jsx(
|
|
1038
|
+
xt,
|
|
1038
1039
|
{
|
|
1039
|
-
rowIndex:
|
|
1040
|
-
tableVariant:
|
|
1041
|
-
columnsVariant:
|
|
1040
|
+
rowIndex: u,
|
|
1041
|
+
tableVariant: o,
|
|
1042
|
+
columnsVariant: i,
|
|
1042
1043
|
classes: r == null ? void 0 : r.desktopRow,
|
|
1043
|
-
...
|
|
1044
|
+
...m
|
|
1044
1045
|
},
|
|
1045
|
-
|
|
1046
|
-
)) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: x == null ? void 0 : x.map((
|
|
1047
|
-
|
|
1046
|
+
u
|
|
1047
|
+
)) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: x == null ? void 0 : x.map((m, u) => /* @__PURE__ */ e.jsx(
|
|
1048
|
+
pt,
|
|
1048
1049
|
{
|
|
1049
|
-
headingsExist:
|
|
1050
|
-
tableVariant:
|
|
1051
|
-
columnsVariant:
|
|
1050
|
+
headingsExist: a,
|
|
1051
|
+
tableVariant: o,
|
|
1052
|
+
columnsVariant: i,
|
|
1052
1053
|
classes: r == null ? void 0 : r.desktopRow,
|
|
1053
|
-
...
|
|
1054
|
+
...m
|
|
1054
1055
|
},
|
|
1055
|
-
|
|
1056
|
+
u
|
|
1056
1057
|
)) })
|
|
1057
1058
|
] });
|
|
1058
|
-
},
|
|
1059
|
-
tableVariant:
|
|
1059
|
+
}, ut = ({
|
|
1060
|
+
tableVariant: o,
|
|
1060
1061
|
description: t,
|
|
1061
1062
|
columnsVariant: n,
|
|
1062
|
-
config:
|
|
1063
|
+
config: i,
|
|
1063
1064
|
rows: r,
|
|
1064
1065
|
title: d,
|
|
1065
1066
|
headings: x,
|
|
1066
|
-
accordionConfig:
|
|
1067
|
-
classes:
|
|
1067
|
+
accordionConfig: a,
|
|
1068
|
+
classes: p
|
|
1068
1069
|
}) => {
|
|
1069
|
-
const
|
|
1070
|
-
d && /* @__PURE__ */ e.jsx(
|
|
1071
|
-
/* @__PURE__ */ e.jsx(
|
|
1070
|
+
const m = /* @__PURE__ */ e.jsxs("div", { className: l(nt({ columnsVariant: n }), p == null ? void 0 : p.wrapper), children: [
|
|
1071
|
+
d && /* @__PURE__ */ e.jsx(N, { as: "h4", className: l("mb-4 desktop:mb-6", p == null ? void 0 : p.headline), children: d }),
|
|
1072
|
+
/* @__PURE__ */ e.jsx(mt, { tableVariant: o, rows: r, headings: x, columnsVariant: n }),
|
|
1072
1073
|
t && /* @__PURE__ */ e.jsx(
|
|
1073
1074
|
"div",
|
|
1074
1075
|
{
|
|
1075
|
-
className:
|
|
1076
|
+
className: l("mt-2 [&&]:desk-body-regular-m desktop:mt-2", p == null ? void 0 : p.description),
|
|
1076
1077
|
dangerouslySetInnerHTML: { __html: t ?? "" }
|
|
1077
1078
|
}
|
|
1078
1079
|
)
|
|
1079
1080
|
] });
|
|
1080
|
-
return /* @__PURE__ */ e.jsx(e.Fragment, { children:
|
|
1081
|
-
},
|
|
1081
|
+
return /* @__PURE__ */ e.jsx(e.Fragment, { children: i && (i != null && i.isAccordion) && (i != null && i.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: i == null ? void 0 : i.accordionTitle, ...a, children: (a == null ? void 0 : a.children) || m }) : m });
|
|
1082
|
+
}, ft = {
|
|
1082
1083
|
documentFilled: "files/documentFilled",
|
|
1083
1084
|
documentOutline: "files/documentOutline"
|
|
1084
|
-
},
|
|
1085
|
+
}, ht = k("size-8 transition-colors", {
|
|
1085
1086
|
variants: {
|
|
1086
1087
|
iconType: {
|
|
1087
1088
|
documentOutline: "text-icon-secondary-dark-default group-hover:text-icon-secondary-dark-hover",
|
|
@@ -1091,88 +1092,88 @@ const wt = [
|
|
|
1091
1092
|
defaultVariants: {
|
|
1092
1093
|
iconType: "documentOutline"
|
|
1093
1094
|
}
|
|
1094
|
-
}),
|
|
1095
|
+
}), bt = ({ label: o, size: t, url: n, iconType: i, classes: r }) => /* @__PURE__ */ e.jsxs(
|
|
1095
1096
|
"a",
|
|
1096
1097
|
{
|
|
1097
1098
|
href: n,
|
|
1098
1099
|
target: "_blank",
|
|
1099
1100
|
rel: "noreferrer",
|
|
1100
1101
|
tabIndex: 0,
|
|
1101
|
-
className:
|
|
1102
|
+
className: l(
|
|
1102
1103
|
"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",
|
|
1103
1104
|
r == null ? void 0 : r.link
|
|
1104
1105
|
),
|
|
1105
1106
|
children: [
|
|
1106
|
-
/* @__PURE__ */ e.jsx(
|
|
1107
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1108
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
1109
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1107
|
+
/* @__PURE__ */ e.jsx(h, { name: ft[i], className: l(ht({ iconType: i }), r == null ? void 0 : r.icon) }),
|
|
1108
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("flex flex-1 flex-col", r == null ? void 0 : r.wrapper), children: [
|
|
1109
|
+
/* @__PURE__ */ e.jsx("p", { className: l("desk-body-medium-l text-color-dark", r == null ? void 0 : r.label), children: o }),
|
|
1110
|
+
/* @__PURE__ */ e.jsxs("div", { className: l("desk-body-regular-m text-color-disabled", r == null ? void 0 : r.size), children: [
|
|
1110
1111
|
Number(t),
|
|
1111
1112
|
" КБ"
|
|
1112
1113
|
] })
|
|
1113
1114
|
] })
|
|
1114
1115
|
]
|
|
1115
1116
|
}
|
|
1116
|
-
),
|
|
1117
|
-
const
|
|
1118
|
-
n && /* @__PURE__ */ e.jsx(
|
|
1119
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1120
|
-
r && /* @__PURE__ */ e.jsx("div", { className:
|
|
1117
|
+
), jt = ({ docs: o, config: t, title: n, iconType: i, description: r, classes: d, accordionConfig: x }) => {
|
|
1118
|
+
const a = /* @__PURE__ */ e.jsxs("div", { className: l("flex max-w-[680px] flex-col", d == null ? void 0 : d.wrapper), children: [
|
|
1119
|
+
n && /* @__PURE__ */ e.jsx(N, { as: "h3", className: "mb-4", children: n }),
|
|
1120
|
+
/* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-4", d == null ? void 0 : d.documentsWrapper), children: o == null ? void 0 : o.map((p) => /* @__PURE__ */ e.jsx(bt, { iconType: i, ...p, classes: d == null ? void 0 : d.singleDocument }, p.label)) }),
|
|
1121
|
+
r && /* @__PURE__ */ e.jsx("div", { className: l("mt-4", d == null ? void 0 : d.description), dangerouslySetInnerHTML: { __html: r ?? "" } })
|
|
1121
1122
|
] });
|
|
1122
|
-
return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(
|
|
1123
|
-
},
|
|
1124
|
-
var
|
|
1123
|
+
return /* @__PURE__ */ e.jsx(e.Fragment, { children: t && (t != null && t.isAccordion) && (t != null && t.accordionTitle) ? /* @__PURE__ */ e.jsx(E, { label: t == null ? void 0 : t.accordionTitle, ...x, children: (x == null ? void 0 : x.children) || a }) : a });
|
|
1124
|
+
}, ct = ({ entity: o, classes: t, accordionsConfig: n }) => {
|
|
1125
|
+
var i, r, d;
|
|
1125
1126
|
switch (!0) {
|
|
1126
|
-
case
|
|
1127
|
-
return (
|
|
1128
|
-
var
|
|
1129
|
-
return /* @__PURE__ */ e.jsx(
|
|
1127
|
+
case se(o):
|
|
1128
|
+
return (i = o.details) == null ? void 0 : i.map((x, a) => {
|
|
1129
|
+
var p;
|
|
1130
|
+
return /* @__PURE__ */ e.jsx(rt, { ...x, accordionConfig: n == null ? void 0 : n.htmlAccordion, classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.html }, a);
|
|
1130
1131
|
});
|
|
1131
|
-
case
|
|
1132
|
-
return (r =
|
|
1133
|
-
var
|
|
1132
|
+
case et(o):
|
|
1133
|
+
return (r = o.details) == null ? void 0 : r.map((x, a) => {
|
|
1134
|
+
var p;
|
|
1134
1135
|
return /* @__PURE__ */ e.jsx(
|
|
1135
|
-
|
|
1136
|
+
jt,
|
|
1136
1137
|
{
|
|
1137
1138
|
accordionConfig: n == null ? void 0 : n.documentAccordion,
|
|
1138
1139
|
...x,
|
|
1139
|
-
classes: (
|
|
1140
|
+
classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.documents
|
|
1140
1141
|
},
|
|
1141
|
-
|
|
1142
|
+
a
|
|
1142
1143
|
);
|
|
1143
1144
|
});
|
|
1144
|
-
case
|
|
1145
|
-
return (d =
|
|
1146
|
-
var
|
|
1145
|
+
case tt(o):
|
|
1146
|
+
return (d = o.details) == null ? void 0 : d.map((x, a) => {
|
|
1147
|
+
var p;
|
|
1147
1148
|
return /* @__PURE__ */ e.jsx(
|
|
1148
|
-
|
|
1149
|
+
ut,
|
|
1149
1150
|
{
|
|
1150
1151
|
accordionConfig: n == null ? void 0 : n.tableAccordion,
|
|
1151
1152
|
...x,
|
|
1152
|
-
classes: (
|
|
1153
|
+
classes: (p = t == null ? void 0 : t.entities) == null ? void 0 : p.table
|
|
1153
1154
|
},
|
|
1154
|
-
|
|
1155
|
+
a
|
|
1155
1156
|
);
|
|
1156
1157
|
});
|
|
1157
1158
|
default:
|
|
1158
1159
|
return null;
|
|
1159
1160
|
}
|
|
1160
|
-
},
|
|
1161
|
-
var
|
|
1162
|
-
const [r, d] =
|
|
1163
|
-
return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ e.jsx("section", { id:
|
|
1164
|
-
/* @__PURE__ */ e.jsx(
|
|
1165
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1166
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1161
|
+
}, kt = ({ entity: o, classes: t, accordionsConfig: n }) => /* @__PURE__ */ e.jsx("div", { className: l("flex flex-col gap-6", t == null ? void 0 : t.entityWrapper), children: ct({ entity: o, classes: t, accordionsConfig: n }) }), fr = ({ headline: o, tabs: t, classes: n, accordionsConfig: i }) => {
|
|
1162
|
+
var a, p;
|
|
1163
|
+
const [r, d] = v(0), x = G(() => t == null ? void 0 : t.map((m) => m == null ? void 0 : m.tabName), [t]) ?? [];
|
|
1164
|
+
return !t || (t == null ? void 0 : t.length) === 0 ? null : /* @__PURE__ */ e.jsx("section", { id: b.usefulInfo, "data-test-id": b.usefulInfo, className: l(n == null ? void 0 : n.root), children: /* @__PURE__ */ e.jsxs(y, { className: l(n == null ? void 0 : n.container), children: [
|
|
1165
|
+
/* @__PURE__ */ e.jsx(N, { className: l(n == null ? void 0 : n.headline), as: "h2", children: o }),
|
|
1166
|
+
/* @__PURE__ */ e.jsx("div", { className: l("mt-6 flex flex-col gap-2 desktop:mt-12", n == null ? void 0 : n.tabsWrapper), children: /* @__PURE__ */ e.jsx(Pe, { tabsNames: x, activeTab: r, setActiveTab: d, classes: n == null ? void 0 : n.tabs }) }),
|
|
1167
|
+
/* @__PURE__ */ e.jsx("div", { className: l("mt-6 flex flex-col gap-6", n == null ? void 0 : n.contentWrapper), children: (p = (a = t == null ? void 0 : t[r]) == null ? void 0 : a.contents) == null ? void 0 : p.map((m, u) => /* @__PURE__ */ e.jsx(kt, { accordionsConfig: i, ...m, classes: n == null ? void 0 : n.entityClasses }, u)) })
|
|
1167
1168
|
] }) });
|
|
1168
|
-
},
|
|
1169
|
-
const r =
|
|
1170
|
-
return /* @__PURE__ */
|
|
1169
|
+
}, gt = ({ fields: o, control: t }) => o.map(({ type: n, args: i }) => {
|
|
1170
|
+
const r = he[n];
|
|
1171
|
+
return /* @__PURE__ */ P(r, { ...i, key: i.name, control: t });
|
|
1171
1172
|
});
|
|
1172
|
-
class
|
|
1173
|
+
class wt {
|
|
1173
1174
|
constructor(t) {
|
|
1174
|
-
|
|
1175
|
-
|
|
1175
|
+
B(this, "TEXT_NODE", 3);
|
|
1176
|
+
B(this, "ELEMENT_NODE", 1);
|
|
1176
1177
|
this.options = t;
|
|
1177
1178
|
}
|
|
1178
1179
|
/**
|
|
@@ -1181,37 +1182,37 @@ class he {
|
|
|
1181
1182
|
* @param elements Массив для сбора элементов
|
|
1182
1183
|
* @param as Тип возвращаемых данных ('string' или 'node')
|
|
1183
1184
|
*/
|
|
1184
|
-
traverse(t, n = "string",
|
|
1185
|
+
traverse(t, n = "string", i) {
|
|
1185
1186
|
const { includeSolidText: r, recursive: d, element: x } = this.options || {};
|
|
1186
1187
|
switch (t.nodeType) {
|
|
1187
1188
|
// если узел - элемент
|
|
1188
1189
|
case this.ELEMENT_NODE:
|
|
1189
|
-
const
|
|
1190
|
-
if (
|
|
1190
|
+
const a = t, p = a.tagName.toLowerCase();
|
|
1191
|
+
if (p === "script") {
|
|
1191
1192
|
console.warn("Found script node. For better security this node will be skipped.");
|
|
1192
1193
|
break;
|
|
1193
1194
|
}
|
|
1194
|
-
if (x &&
|
|
1195
|
+
if (x && p !== x)
|
|
1195
1196
|
break;
|
|
1196
1197
|
if (n === "node")
|
|
1197
|
-
|
|
1198
|
+
i.push(t);
|
|
1198
1199
|
else {
|
|
1199
|
-
const
|
|
1200
|
-
|
|
1200
|
+
const m = a.outerHTML.trim();
|
|
1201
|
+
i.push(m);
|
|
1201
1202
|
}
|
|
1202
1203
|
if (d)
|
|
1203
|
-
for (const
|
|
1204
|
-
this.traverse(
|
|
1204
|
+
for (const m of t.childNodes)
|
|
1205
|
+
this.traverse(m, n, i);
|
|
1205
1206
|
break;
|
|
1206
1207
|
// если узел - текстовый и требуется его добавить, добавляем
|
|
1207
1208
|
case this.TEXT_NODE:
|
|
1208
1209
|
if (!r)
|
|
1209
1210
|
break;
|
|
1210
1211
|
if (n === "node")
|
|
1211
|
-
|
|
1212
|
+
i.push(t);
|
|
1212
1213
|
else {
|
|
1213
|
-
const
|
|
1214
|
-
|
|
1214
|
+
const m = t.textContent;
|
|
1215
|
+
m && i.push(m);
|
|
1215
1216
|
}
|
|
1216
1217
|
break;
|
|
1217
1218
|
}
|
|
@@ -1223,12 +1224,12 @@ class he {
|
|
|
1223
1224
|
* @returns Массив тегов или нод
|
|
1224
1225
|
*/
|
|
1225
1226
|
async parse(t, n = "string") {
|
|
1226
|
-
const { includeBody:
|
|
1227
|
-
if (
|
|
1228
|
-
this.traverse(x.body, n,
|
|
1227
|
+
const { includeBody: i } = this.options || {}, r = [], d = [], x = await this.parseFromString(t), a = n === "string" ? r : d;
|
|
1228
|
+
if (i)
|
|
1229
|
+
this.traverse(x.body, n, a);
|
|
1229
1230
|
else
|
|
1230
|
-
for (const
|
|
1231
|
-
this.traverse(
|
|
1231
|
+
for (const p of x.body.childNodes)
|
|
1232
|
+
this.traverse(p, n, a);
|
|
1232
1233
|
return { stringNodes: r, nodes: d };
|
|
1233
1234
|
}
|
|
1234
1235
|
/**
|
|
@@ -1241,23 +1242,23 @@ class he {
|
|
|
1241
1242
|
return n.length;
|
|
1242
1243
|
}
|
|
1243
1244
|
}
|
|
1244
|
-
const
|
|
1245
|
-
class
|
|
1245
|
+
const yt = typeof window < "u";
|
|
1246
|
+
class Nt extends Error {
|
|
1246
1247
|
constructor(t, n) {
|
|
1247
1248
|
super(t), this.originalError = n, this.name = "BrowserHTMLParserError";
|
|
1248
1249
|
}
|
|
1249
1250
|
}
|
|
1250
|
-
class
|
|
1251
|
+
class vt extends wt {
|
|
1251
1252
|
constructor(t) {
|
|
1252
1253
|
super(t);
|
|
1253
1254
|
}
|
|
1254
1255
|
async parseFromString(t) {
|
|
1255
|
-
if (!
|
|
1256
|
-
throw new
|
|
1256
|
+
if (!yt)
|
|
1257
|
+
throw new Nt("HTMLParser should only be used in the browser.");
|
|
1257
1258
|
return new DOMParser().parseFromString(t, "text/html");
|
|
1258
1259
|
}
|
|
1259
1260
|
}
|
|
1260
|
-
class
|
|
1261
|
+
class D {
|
|
1261
1262
|
/**
|
|
1262
1263
|
* Функция для парсинга ноды в react элемент
|
|
1263
1264
|
*/
|
|
@@ -1265,45 +1266,45 @@ class O {
|
|
|
1265
1266
|
if (t.nodeType === this.TEXT_NODE)
|
|
1266
1267
|
return t.textContent ?? null;
|
|
1267
1268
|
if (t.nodeType === this.ELEMENT_NODE) {
|
|
1268
|
-
const n = t,
|
|
1269
|
+
const n = t, i = n.tagName.toLowerCase(), r = {};
|
|
1269
1270
|
for (const x of n.attributes) {
|
|
1270
|
-
let
|
|
1271
|
+
let a = x.name, p = x.value;
|
|
1271
1272
|
switch (x.name) {
|
|
1272
1273
|
case "class":
|
|
1273
|
-
|
|
1274
|
+
a = "className";
|
|
1274
1275
|
break;
|
|
1275
1276
|
case "for":
|
|
1276
|
-
|
|
1277
|
+
a = "htmlFor";
|
|
1277
1278
|
break;
|
|
1278
1279
|
case "checked":
|
|
1279
1280
|
case "disabled":
|
|
1280
1281
|
case "selected":
|
|
1281
|
-
|
|
1282
|
+
p = x.value !== "false", p = x.value !== "false", p = x.value !== "false";
|
|
1282
1283
|
break;
|
|
1283
1284
|
case "readonly":
|
|
1284
|
-
|
|
1285
|
+
a = "readOnly", p = x.value !== "false";
|
|
1285
1286
|
break;
|
|
1286
1287
|
case "style":
|
|
1287
|
-
|
|
1288
|
-
const
|
|
1289
|
-
x.value.split(";").forEach((
|
|
1290
|
-
const [
|
|
1291
|
-
if (
|
|
1292
|
-
const
|
|
1293
|
-
|
|
1288
|
+
a = "style";
|
|
1289
|
+
const m = {};
|
|
1290
|
+
x.value.split(";").forEach((u) => {
|
|
1291
|
+
const [f, c] = u.split(":");
|
|
1292
|
+
if (f && c) {
|
|
1293
|
+
const w = f.trim().replace(/-([a-z])/g, (g, T) => T.toUpperCase());
|
|
1294
|
+
m[w] = c.trim();
|
|
1294
1295
|
}
|
|
1295
|
-
}),
|
|
1296
|
+
}), p = m;
|
|
1296
1297
|
break;
|
|
1297
1298
|
}
|
|
1298
|
-
r[
|
|
1299
|
+
r[a] = p;
|
|
1299
1300
|
}
|
|
1300
1301
|
r.key = Math.random().toString(36).substring(2, 9);
|
|
1301
1302
|
const d = [];
|
|
1302
1303
|
for (const x of n.childNodes) {
|
|
1303
|
-
const
|
|
1304
|
-
|
|
1304
|
+
const a = this.parseNode(x);
|
|
1305
|
+
a && d.push(a);
|
|
1305
1306
|
}
|
|
1306
|
-
return
|
|
1307
|
+
return P(i, r, ...d);
|
|
1307
1308
|
}
|
|
1308
1309
|
return null;
|
|
1309
1310
|
}
|
|
@@ -1311,113 +1312,113 @@ class O {
|
|
|
1311
1312
|
* функция для преобразования html строки в react элементы
|
|
1312
1313
|
*/
|
|
1313
1314
|
static async toReactNodes(t, n) {
|
|
1314
|
-
const
|
|
1315
|
+
const i = new vt(n), { nodes: r } = await i.parse(t, "node");
|
|
1315
1316
|
return r.map((d) => this.parseNode(d));
|
|
1316
1317
|
}
|
|
1317
1318
|
}
|
|
1318
|
-
|
|
1319
|
-
const
|
|
1320
|
-
const [t, n] =
|
|
1321
|
-
return
|
|
1319
|
+
B(D, "TEXT_NODE", 3), B(D, "ELEMENT_NODE", 1);
|
|
1320
|
+
const Ct = ({ promises: o }) => {
|
|
1321
|
+
const [t, n] = v([]);
|
|
1322
|
+
return s(() => {
|
|
1322
1323
|
(async () => {
|
|
1323
|
-
n(await
|
|
1324
|
+
n(await o);
|
|
1324
1325
|
})();
|
|
1325
|
-
}, [
|
|
1326
|
-
},
|
|
1327
|
-
const
|
|
1328
|
-
return /* @__PURE__ */ e.jsx(
|
|
1329
|
-
},
|
|
1330
|
-
const
|
|
1331
|
-
if (
|
|
1326
|
+
}, [o]), /* @__PURE__ */ e.jsx(e.Fragment, { children: t });
|
|
1327
|
+
}, L = ({ html: o, options: t, as: n }) => {
|
|
1328
|
+
const i = n ?? ce, r = D.toReactNodes(o, t);
|
|
1329
|
+
return /* @__PURE__ */ e.jsx(i, { children: /* @__PURE__ */ e.jsx(Ct, { promises: r }) });
|
|
1330
|
+
}, Tt = ["getFioSchema"], le = (o, t, n) => {
|
|
1331
|
+
const i = o[t];
|
|
1332
|
+
if (j.isNil(i))
|
|
1332
1333
|
throw new Error(`validation for type ${String(t)} not found`);
|
|
1333
|
-
if (!
|
|
1334
|
+
if (!j.isFunction(i))
|
|
1334
1335
|
throw new Error(`Cannot generate ${String(t)} because is not a function`);
|
|
1335
|
-
return
|
|
1336
|
-
},
|
|
1337
|
-
const n =
|
|
1338
|
-
const d =
|
|
1336
|
+
return i(n);
|
|
1337
|
+
}, It = (o, t) => le(re.base, o, t), Et = (o, t) => le(re.dadata, o, t), Bt = (o) => {
|
|
1338
|
+
const n = o.map((i) => ({ name: i.args.name, validation: i.args.validation })).reduce((i, r) => {
|
|
1339
|
+
const d = Tt.includes(r.validation.type) ? Et(
|
|
1339
1340
|
r.validation.type,
|
|
1340
1341
|
r.validation.args
|
|
1341
|
-
) :
|
|
1342
|
+
) : It(
|
|
1342
1343
|
r.validation.type,
|
|
1343
1344
|
r.validation.args
|
|
1344
1345
|
);
|
|
1345
|
-
return
|
|
1346
|
+
return i[r.name] = d, i;
|
|
1346
1347
|
}, {});
|
|
1347
|
-
return
|
|
1348
|
-
},
|
|
1348
|
+
return ve(n);
|
|
1349
|
+
}, St = (o, t) => o.enabled ? t.map((n) => ({
|
|
1349
1350
|
name: n.args.name,
|
|
1350
1351
|
...n.args.progress
|
|
1351
|
-
})) : null,
|
|
1352
|
+
})) : null, _t = (o, t, n) => o.type === "off" ? null : o.type === "text" ? /* @__PURE__ */ e.jsx(L, { html: o.message, as: "div" }) : /* @__PURE__ */ e.jsxs(
|
|
1352
1353
|
"label",
|
|
1353
1354
|
{
|
|
1354
|
-
className:
|
|
1355
|
+
className: l(
|
|
1355
1356
|
"mob-body-regular-s text-color-dark",
|
|
1356
1357
|
"desktop:desk-body-regular-m desktop:gap-x-4",
|
|
1357
1358
|
"flex items-center justify-items-start gap-x-3"
|
|
1358
1359
|
),
|
|
1359
1360
|
children: [
|
|
1360
|
-
/* @__PURE__ */ e.jsx(
|
|
1361
|
-
/* @__PURE__ */ e.jsx(
|
|
1361
|
+
/* @__PURE__ */ e.jsx(Y.CheckboxBase, { checked: t, onCheckedChange: n }),
|
|
1362
|
+
/* @__PURE__ */ e.jsx(L, { html: o.content, as: "div" })
|
|
1362
1363
|
]
|
|
1363
1364
|
}
|
|
1364
|
-
),
|
|
1365
|
-
fields:
|
|
1365
|
+
), hr = ({
|
|
1366
|
+
fields: o,
|
|
1366
1367
|
title: t,
|
|
1367
1368
|
progress: n,
|
|
1368
|
-
approvement:
|
|
1369
|
+
approvement: i,
|
|
1369
1370
|
chips: r,
|
|
1370
1371
|
submitContent: d = "Submit"
|
|
1371
1372
|
}) => {
|
|
1372
|
-
const [x,
|
|
1373
|
-
schema:
|
|
1374
|
-
defaultValues:
|
|
1373
|
+
const [x, a] = v(!1), p = Bt(o), { control: m, handleSubmit: u } = ye({
|
|
1374
|
+
schema: p,
|
|
1375
|
+
defaultValues: Ce.getZodDefaults(p),
|
|
1375
1376
|
mode: "onBlur"
|
|
1376
|
-
}),
|
|
1377
|
-
console.warn(
|
|
1377
|
+
}), f = St(n, o), c = Te({ control: m, fields: f || [], schema: p }), w = (g) => {
|
|
1378
|
+
console.warn(g);
|
|
1378
1379
|
};
|
|
1379
1380
|
return /* @__PURE__ */ e.jsxs(
|
|
1380
1381
|
"div",
|
|
1381
1382
|
{
|
|
1382
|
-
id:
|
|
1383
|
-
"data-test-id":
|
|
1383
|
+
id: b.form,
|
|
1384
|
+
"data-test-id": b.form,
|
|
1384
1385
|
className: "relative flex flex-col gap-6 rounded-sm border border-warm-grey-200 px-4 py-8 desktop:gap-8 desktop:p-14",
|
|
1385
1386
|
children: [
|
|
1386
1387
|
r.enabled && /* @__PURE__ */ e.jsxs(
|
|
1387
1388
|
"div",
|
|
1388
1389
|
{
|
|
1389
|
-
className:
|
|
1390
|
+
className: l(
|
|
1390
1391
|
"desk-body-regular-l flex items-center gap-x-2 rounded-sm desktop:absolute",
|
|
1391
1392
|
"bg-color-blue-grey-100 px-2 py-1 text-color-tetriary",
|
|
1392
1393
|
"right-4 top-4 w-max"
|
|
1393
1394
|
),
|
|
1394
1395
|
children: [
|
|
1395
|
-
r.image && /* @__PURE__ */ e.jsx(
|
|
1396
|
+
r.image && /* @__PURE__ */ e.jsx(h, { name: r.image, className: "size-4" }),
|
|
1396
1397
|
r.content
|
|
1397
1398
|
]
|
|
1398
1399
|
}
|
|
1399
1400
|
),
|
|
1400
|
-
/* @__PURE__ */ e.jsx(
|
|
1401
|
-
/* @__PURE__ */ e.jsxs("form", { onSubmit:
|
|
1401
|
+
/* @__PURE__ */ e.jsx(N, { as: "h3", children: t }),
|
|
1402
|
+
/* @__PURE__ */ e.jsxs("form", { onSubmit: u(w), className: "flex w-[328px] flex-col gap-y-6 desktop:w-[524px] desktop:gap-y-8", children: [
|
|
1402
1403
|
n.enabled && /* @__PURE__ */ e.jsx(
|
|
1403
|
-
|
|
1404
|
+
be,
|
|
1404
1405
|
{
|
|
1405
|
-
progress:
|
|
1406
|
-
topContent: /* @__PURE__ */ e.jsx(
|
|
1407
|
-
bottomContent: /* @__PURE__ */ e.jsx(
|
|
1406
|
+
progress: c,
|
|
1407
|
+
topContent: /* @__PURE__ */ e.jsx(L, { html: n.title }),
|
|
1408
|
+
bottomContent: /* @__PURE__ */ e.jsx(L, { html: n.subtitle }),
|
|
1408
1409
|
maxPercent: n.maxPercent
|
|
1409
1410
|
}
|
|
1410
1411
|
),
|
|
1411
|
-
/* @__PURE__ */ e.jsx(
|
|
1412
|
+
/* @__PURE__ */ e.jsx(gt, { control: m, fields: o }),
|
|
1412
1413
|
/* @__PURE__ */ e.jsxs("div", { className: "mob-body-regular-m flex flex-col items-center justify-center gap-4 desktop:flex-row desktop:justify-between", children: [
|
|
1413
|
-
|
|
1414
|
+
_t(i, x, a),
|
|
1414
1415
|
/* @__PURE__ */ e.jsx(
|
|
1415
|
-
|
|
1416
|
+
U,
|
|
1416
1417
|
{
|
|
1417
1418
|
type: "submit",
|
|
1418
|
-
disabled:
|
|
1419
|
-
className:
|
|
1420
|
-
"w-full desktop:w-[216px]": !!
|
|
1419
|
+
disabled: i.type === "checkbox" ? !x : !1,
|
|
1420
|
+
className: l("w-full whitespace-nowrap", {
|
|
1421
|
+
"w-full desktop:w-[216px]": !!i
|
|
1421
1422
|
}),
|
|
1422
1423
|
children: d
|
|
1423
1424
|
}
|
|
@@ -1427,10 +1428,10 @@ const ke = ({ promises: i }) => {
|
|
|
1427
1428
|
]
|
|
1428
1429
|
}
|
|
1429
1430
|
);
|
|
1430
|
-
},
|
|
1431
|
+
}, S = () => ({
|
|
1431
1432
|
approve: {
|
|
1432
1433
|
icon: {
|
|
1433
|
-
element: /* @__PURE__ */ e.jsx(
|
|
1434
|
+
element: /* @__PURE__ */ e.jsx(h, { name: "status/iconMark" }),
|
|
1434
1435
|
bg: "bg-color-positive-light"
|
|
1435
1436
|
},
|
|
1436
1437
|
title: "Ваша заявка отправлена",
|
|
@@ -1445,7 +1446,7 @@ const ke = ({ promises: i }) => {
|
|
|
1445
1446
|
},
|
|
1446
1447
|
repeated: {
|
|
1447
1448
|
icon: {
|
|
1448
|
-
element: /* @__PURE__ */ e.jsx(
|
|
1449
|
+
element: /* @__PURE__ */ e.jsx(h, { name: "status/iconUser" }),
|
|
1449
1450
|
bg: "bg-color-positive-light"
|
|
1450
1451
|
},
|
|
1451
1452
|
title: "Мы вас узнали",
|
|
@@ -1460,7 +1461,7 @@ const ke = ({ promises: i }) => {
|
|
|
1460
1461
|
},
|
|
1461
1462
|
error: {
|
|
1462
1463
|
icon: {
|
|
1463
|
-
element: /* @__PURE__ */ e.jsx(
|
|
1464
|
+
element: /* @__PURE__ */ e.jsx(h, { name: "status/iconRetry" }),
|
|
1464
1465
|
bg: "bg-color-warning-light"
|
|
1465
1466
|
},
|
|
1466
1467
|
title: "Что-то пошло не так",
|
|
@@ -1475,7 +1476,7 @@ const ke = ({ promises: i }) => {
|
|
|
1475
1476
|
},
|
|
1476
1477
|
reject: {
|
|
1477
1478
|
icon: {
|
|
1478
|
-
element: /* @__PURE__ */ e.jsx(
|
|
1479
|
+
element: /* @__PURE__ */ e.jsx(h, { name: "status/badSmile" }),
|
|
1479
1480
|
bg: "bg-color-negative-light"
|
|
1480
1481
|
},
|
|
1481
1482
|
title: "Нам очень жаль",
|
|
@@ -1488,100 +1489,100 @@ const ke = ({ promises: i }) => {
|
|
|
1488
1489
|
text: "Вернуться на главную"
|
|
1489
1490
|
}
|
|
1490
1491
|
}
|
|
1491
|
-
}),
|
|
1492
|
+
}), br = ({ status: o, navigationFn: t }) => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col", children: /* @__PURE__ */ e.jsx(y, { className: "flex flex-col justify-center", children: /* @__PURE__ */ e.jsxs("div", { className: "mt-32 flex w-full flex-col items-center gap-8 desktop:gap-12", children: [
|
|
1492
1493
|
/* @__PURE__ */ e.jsx(
|
|
1493
1494
|
"span",
|
|
1494
1495
|
{
|
|
1495
|
-
className:
|
|
1496
|
+
className: l(
|
|
1496
1497
|
"flex size-16 items-center justify-center rounded-full bg-color-positive-light",
|
|
1497
|
-
`${
|
|
1498
|
+
`${S()[o].icon.bg}`
|
|
1498
1499
|
),
|
|
1499
|
-
children:
|
|
1500
|
+
children: S()[o].icon.element
|
|
1500
1501
|
}
|
|
1501
1502
|
),
|
|
1502
1503
|
/* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center gap-2 text-center desktop:gap-6", children: [
|
|
1503
|
-
/* @__PURE__ */ e.jsx(
|
|
1504
|
-
/* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children:
|
|
1504
|
+
/* @__PURE__ */ e.jsx(N, { as: "h2", children: S()[o].title }),
|
|
1505
|
+
/* @__PURE__ */ e.jsx("p", { className: "desk-body-regular-l text-color-dark", children: S()[o].description })
|
|
1505
1506
|
] }),
|
|
1506
|
-
/* @__PURE__ */ e.jsx(
|
|
1507
|
-
] }) }) }),
|
|
1508
|
-
const [d, x] =
|
|
1509
|
-
return
|
|
1510
|
-
if (!
|
|
1507
|
+
/* @__PURE__ */ e.jsx(U, { size: "lg", className: "w-full max-w-[328px] desktop:desk-body-regular-l desktop:w-[256px]", onClick: t, children: S()[o].button.text })
|
|
1508
|
+
] }) }) }), xe = ({ breadcrumb: o, className: t, ...n }) => /* @__PURE__ */ e.jsx("a", { href: o.path, className: l("desk-body-regular-m", t), ...n, children: o.label }), Mt = ({ startsWith: o, endsWith: t, matcher: n, filter: i, rootEnabled: r = !0 }) => {
|
|
1509
|
+
const [d, x] = v([]);
|
|
1510
|
+
return s(() => {
|
|
1511
|
+
if (!te)
|
|
1511
1512
|
return;
|
|
1512
|
-
let
|
|
1513
|
-
|
|
1514
|
-
let
|
|
1513
|
+
let a = window.location.pathname.split("/").filter((u) => !j.isStringEmpty(u));
|
|
1514
|
+
j.isUndefined(o) || (j.isString(o) ? a = a.slice(a.findIndex((u) => u === o)) : a = a.slice(o)), j.isUndefined(t) || (j.isString(t) ? a = a.slice(0, a.findIndex((u) => u === t) + 1) : a = a.slice(0, t + 1));
|
|
1515
|
+
let p = [], m = "";
|
|
1515
1516
|
if (r) {
|
|
1516
|
-
const
|
|
1517
|
+
const u = {
|
|
1517
1518
|
index: 0,
|
|
1518
|
-
id:
|
|
1519
|
+
id: Z(),
|
|
1519
1520
|
path: "/",
|
|
1520
1521
|
label: "home"
|
|
1521
1522
|
};
|
|
1522
|
-
|
|
1523
|
+
p.push(u);
|
|
1523
1524
|
}
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
const
|
|
1525
|
+
a.forEach((u, f) => {
|
|
1526
|
+
m += `/${u}`;
|
|
1527
|
+
const c = {
|
|
1527
1528
|
// while root enabled we need to increment index
|
|
1528
1529
|
// cuz we have root breadcrumb
|
|
1529
|
-
index: r ?
|
|
1530
|
-
id:
|
|
1531
|
-
path:
|
|
1532
|
-
label:
|
|
1530
|
+
index: r ? f + 1 : f,
|
|
1531
|
+
id: Z(),
|
|
1532
|
+
path: m,
|
|
1533
|
+
label: u
|
|
1533
1534
|
};
|
|
1534
|
-
|
|
1535
|
-
}), n && (
|
|
1536
|
-
...
|
|
1537
|
-
...n(
|
|
1538
|
-
}))), x(
|
|
1539
|
-
}, [t,
|
|
1540
|
-
}, H = (
|
|
1541
|
-
const x = d ===
|
|
1535
|
+
p.push(c);
|
|
1536
|
+
}), n && (p = p.map((u) => ({
|
|
1537
|
+
...u,
|
|
1538
|
+
...n(u)
|
|
1539
|
+
}))), x(i ? p.filter(i) : p);
|
|
1540
|
+
}, [t, i, n, r, o]), d;
|
|
1541
|
+
}, H = (o, t, n, i) => o.map((r, d) => {
|
|
1542
|
+
const x = d === i;
|
|
1542
1543
|
return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-x-2", children: [
|
|
1543
1544
|
/* @__PURE__ */ e.jsx(
|
|
1544
|
-
|
|
1545
|
+
xe,
|
|
1545
1546
|
{
|
|
1546
1547
|
breadcrumb: r,
|
|
1547
|
-
className:
|
|
1548
|
+
className: l(n, {
|
|
1548
1549
|
"pointer-events-none text-color-primary-disabled": x
|
|
1549
1550
|
})
|
|
1550
1551
|
}
|
|
1551
1552
|
),
|
|
1552
|
-
d !==
|
|
1553
|
+
d !== o.length - 1 && t
|
|
1553
1554
|
] }, r.id);
|
|
1554
|
-
}),
|
|
1555
|
-
const [r, d] =
|
|
1556
|
-
|
|
1557
|
-
const
|
|
1558
|
-
let
|
|
1559
|
-
return t && (
|
|
1560
|
-
}, [
|
|
1555
|
+
}), Ht = ({ separator: o, ellipsis: t, classes: n, ...i }) => {
|
|
1556
|
+
const [r, d] = v(!1), x = $(null);
|
|
1557
|
+
Ne(x, () => d(!1));
|
|
1558
|
+
const a = Mt(i), { first: p, middle: m, last: u } = G(() => {
|
|
1559
|
+
let c = [], w = [], g = [];
|
|
1560
|
+
return t && (c = a.slice(0, t), w = a.slice(t, a.length - t), g = a.slice(a.length - t)), { first: c, middle: w, last: g };
|
|
1561
|
+
}, [a, t]), f = o ?? /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: l("size-4", n == null ? void 0 : n.separator) });
|
|
1561
1562
|
return /* @__PURE__ */ e.jsx(
|
|
1562
1563
|
"div",
|
|
1563
1564
|
{
|
|
1564
|
-
className:
|
|
1565
|
+
className: l(
|
|
1565
1566
|
"flex max-w-[840px] flex-wrap items-center",
|
|
1566
1567
|
"gap-x-2 gap-y-1 py-4 text-color-primary-default",
|
|
1567
1568
|
n == null ? void 0 : n.root
|
|
1568
1569
|
),
|
|
1569
1570
|
children: t ? (
|
|
1570
1571
|
// if ellipsis provided, render hidden breadcrumbs
|
|
1571
|
-
/* @__PURE__ */ e.jsx(e.Fragment, { children:
|
|
1572
|
+
/* @__PURE__ */ e.jsx(e.Fragment, { children: a.length > t * 2 + 1 ? (
|
|
1572
1573
|
// if we have more than ellipsis (visible crumbs) + available hidden crumbs
|
|
1573
1574
|
// render hidden breadcrumbs
|
|
1574
1575
|
/* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1575
|
-
H(
|
|
1576
|
-
|
|
1577
|
-
|
|
1576
|
+
H(p, f, n == null ? void 0 : n.breadcrumb),
|
|
1577
|
+
f,
|
|
1578
|
+
m.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1578
1579
|
/* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
|
|
1579
1580
|
/* @__PURE__ */ e.jsx("button", { onClick: () => d(!0), children: "..." }),
|
|
1580
1581
|
/* @__PURE__ */ e.jsx(
|
|
1581
1582
|
"ul",
|
|
1582
1583
|
{
|
|
1583
1584
|
ref: x,
|
|
1584
|
-
className:
|
|
1585
|
+
className: l(
|
|
1585
1586
|
"invisible absolute max-h-[264px] overflow-y-auto",
|
|
1586
1587
|
"w-[280px] rounded-sm bg-color-white",
|
|
1587
1588
|
"customScrollbar-y p-1 opacity-0 shadow-sm",
|
|
@@ -1589,56 +1590,375 @@ const ke = ({ promises: i }) => {
|
|
|
1589
1590
|
"visible opacity-100": r
|
|
1590
1591
|
}
|
|
1591
1592
|
),
|
|
1592
|
-
children:
|
|
1593
|
-
|
|
1593
|
+
children: m.map((c) => /* @__PURE__ */ e.jsx("li", { children: /* @__PURE__ */ e.jsx(
|
|
1594
|
+
xe,
|
|
1594
1595
|
{
|
|
1595
|
-
breadcrumb:
|
|
1596
|
-
className:
|
|
1596
|
+
breadcrumb: c,
|
|
1597
|
+
className: l(
|
|
1597
1598
|
"desk-body-regular-l inline-block py-3",
|
|
1598
1599
|
"w-full rounded-sm bg-color-white px-2",
|
|
1599
1600
|
"text-color-dark hover:bg-color-primary-tr-hover",
|
|
1600
1601
|
n == null ? void 0 : n.breadcrumb
|
|
1601
1602
|
)
|
|
1602
1603
|
}
|
|
1603
|
-
) },
|
|
1604
|
+
) }, c.id))
|
|
1604
1605
|
}
|
|
1605
1606
|
)
|
|
1606
1607
|
] }),
|
|
1607
|
-
|
|
1608
|
+
f
|
|
1608
1609
|
] }),
|
|
1609
|
-
H(
|
|
1610
|
+
H(u, f, n == null ? void 0 : n.breadcrumb, u.length - 1)
|
|
1610
1611
|
] })
|
|
1611
1612
|
) : (
|
|
1612
1613
|
// otherwise render all breadcrumbs
|
|
1613
|
-
H(
|
|
1614
|
+
H(a, f, n == null ? void 0 : n.breadcrumb, a.length - 1)
|
|
1614
1615
|
) })
|
|
1615
1616
|
) : (
|
|
1616
1617
|
// if ellipsis doesn't provided render all breadcrumbs
|
|
1617
|
-
H(
|
|
1618
|
+
H(a, f, n == null ? void 0 : n.breadcrumb, a.length - 1)
|
|
1619
|
+
)
|
|
1620
|
+
}
|
|
1621
|
+
);
|
|
1622
|
+
};
|
|
1623
|
+
var M = /* @__PURE__ */ ((o) => (o.ROOT = "root", o.CURRENT = "current", o))(M || {});
|
|
1624
|
+
const Lt = (o, t) => {
|
|
1625
|
+
switch (t.type) {
|
|
1626
|
+
case M.ROOT:
|
|
1627
|
+
return {
|
|
1628
|
+
...o,
|
|
1629
|
+
root: t.payload
|
|
1630
|
+
};
|
|
1631
|
+
case M.CURRENT:
|
|
1632
|
+
return {
|
|
1633
|
+
...o,
|
|
1634
|
+
current: t.payload
|
|
1635
|
+
};
|
|
1636
|
+
default:
|
|
1637
|
+
return o;
|
|
1638
|
+
}
|
|
1639
|
+
}, Rt = (o) => {
|
|
1640
|
+
const [t, n] = ke(Lt, o);
|
|
1641
|
+
return [t, n];
|
|
1642
|
+
}, Ft = (o) => ({
|
|
1643
|
+
type: M.CURRENT,
|
|
1644
|
+
payload: o
|
|
1645
|
+
}), zt = (o) => ({
|
|
1646
|
+
type: M.ROOT,
|
|
1647
|
+
payload: o
|
|
1648
|
+
}), Ot = ({ categories: o, ...t }) => oe(
|
|
1649
|
+
/* @__PURE__ */ e.jsx(
|
|
1650
|
+
W.div,
|
|
1651
|
+
{
|
|
1652
|
+
...t,
|
|
1653
|
+
layout: !0,
|
|
1654
|
+
initial: { opacity: 0 },
|
|
1655
|
+
animate: { opacity: 1 },
|
|
1656
|
+
transition: { duration: 0.2 },
|
|
1657
|
+
className: "absolute bg-color-white",
|
|
1658
|
+
children: /* @__PURE__ */ e.jsx("div", { className: "mx-auto flex w-[1140px] gap-x-[56px] py-10", children: o.map((n) => {
|
|
1659
|
+
var r;
|
|
1660
|
+
const i = n.link ? "a" : "p";
|
|
1661
|
+
return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-y-6", children: [
|
|
1662
|
+
n.title && /* @__PURE__ */ e.jsxs(
|
|
1663
|
+
i,
|
|
1664
|
+
{
|
|
1665
|
+
href: ((r = n.link) == null ? void 0 : r.href) ?? void 0,
|
|
1666
|
+
className: "flex items-center gap-x-1 text-16 uppercase text-color-primary-default",
|
|
1667
|
+
children: [
|
|
1668
|
+
n.title,
|
|
1669
|
+
/* @__PURE__ */ e.jsx(h, { name: "arrows/arrowLink", className: "size-6" })
|
|
1670
|
+
]
|
|
1671
|
+
}
|
|
1672
|
+
),
|
|
1673
|
+
/* @__PURE__ */ e.jsx("ul", { className: "w-[328px]", children: n.children.map((d) => {
|
|
1674
|
+
var x;
|
|
1675
|
+
return /* @__PURE__ */ e.jsx("li", { className: "w-full [&:not(:last-child)]:mb-4", children: /* @__PURE__ */ e.jsx("a", { href: (x = d.link) == null ? void 0 : x.href, className: "w-full text-16", children: d.title }) }, d.title);
|
|
1676
|
+
}) })
|
|
1677
|
+
] }, n.title);
|
|
1678
|
+
}) })
|
|
1679
|
+
}
|
|
1680
|
+
),
|
|
1681
|
+
document.body
|
|
1682
|
+
), Dt = ({ category: o, active: t, onActiveTabChange: n }) => {
|
|
1683
|
+
var a, p;
|
|
1684
|
+
const i = $(null), r = (a = i.current) == null ? void 0 : a.getBoundingClientRect(), d = t && !j.isArrayEmpty(o.children), x = j.isArrayEmpty(o.children) ? "a" : "span";
|
|
1685
|
+
return /* @__PURE__ */ e.jsxs(
|
|
1686
|
+
W.div,
|
|
1687
|
+
{
|
|
1688
|
+
ref: i,
|
|
1689
|
+
className: l(
|
|
1690
|
+
"relative flex cursor-default items-center justify-center py-4 text-color-dark",
|
|
1691
|
+
'after:content="" after:absolute after:bottom-0 after:left-1/2 after:h-[1px]',
|
|
1692
|
+
"after:w-0 after:-translate-x-1/2 after:bg-color-primary-default after:duration-100",
|
|
1693
|
+
{
|
|
1694
|
+
"text-color-primary-default": d,
|
|
1695
|
+
"after:w-full": d
|
|
1696
|
+
}
|
|
1697
|
+
),
|
|
1698
|
+
onMouseEnter: () => n(o.title),
|
|
1699
|
+
onMouseLeave: () => n(null),
|
|
1700
|
+
onFocus: () => n(o.title),
|
|
1701
|
+
children: [
|
|
1702
|
+
/* @__PURE__ */ e.jsx(x, { href: x === "a" ? (p = o.link) == null ? void 0 : p.href : void 0, className: "desk-body-regular-m outline-none", children: o.title }),
|
|
1703
|
+
d && /* @__PURE__ */ e.jsx(
|
|
1704
|
+
Ot,
|
|
1705
|
+
{
|
|
1706
|
+
categories: o.children,
|
|
1707
|
+
style: {
|
|
1708
|
+
top: r ? r.top + r.height : 0,
|
|
1709
|
+
width: window.innerWidth
|
|
1710
|
+
}
|
|
1711
|
+
}
|
|
1712
|
+
)
|
|
1713
|
+
]
|
|
1714
|
+
}
|
|
1715
|
+
);
|
|
1716
|
+
}, Ut = ee(Dt), Vt = ({ categories: o }) => {
|
|
1717
|
+
const [t, n] = v(null), i = A((r) => {
|
|
1718
|
+
n(r);
|
|
1719
|
+
}, []);
|
|
1720
|
+
return /* @__PURE__ */ e.jsx(je, { mode: "sync", children: /* @__PURE__ */ e.jsxs("div", { id: "tabs", className: "relative flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)]", children: [
|
|
1721
|
+
o.map((r) => /* @__PURE__ */ e.jsx(
|
|
1722
|
+
Ut,
|
|
1723
|
+
{
|
|
1724
|
+
category: r,
|
|
1725
|
+
active: t === r.title,
|
|
1726
|
+
onActiveTabChange: i
|
|
1727
|
+
},
|
|
1728
|
+
r.title
|
|
1729
|
+
)),
|
|
1730
|
+
/* @__PURE__ */ e.jsx("div", { className: "ml-auto", children: "Личный кабинет" })
|
|
1731
|
+
] }) });
|
|
1732
|
+
}, Wt = ee(Vt), Gt = ({
|
|
1733
|
+
category: o,
|
|
1734
|
+
selectedCategory: t,
|
|
1735
|
+
onCurrentCategoryChange: n,
|
|
1736
|
+
onRootCategoryChange: i,
|
|
1737
|
+
active: r,
|
|
1738
|
+
...d
|
|
1739
|
+
}) => /* @__PURE__ */ e.jsxs(
|
|
1740
|
+
"div",
|
|
1741
|
+
{
|
|
1742
|
+
...d,
|
|
1743
|
+
onClick: () => {
|
|
1744
|
+
n(o.children[0]), i(o);
|
|
1745
|
+
},
|
|
1746
|
+
className: l("group/category relative cursor-default text-color-blue-grey-600 duration-100 hover:text-color-dark", {
|
|
1747
|
+
"text-color-dark": r
|
|
1748
|
+
}),
|
|
1749
|
+
children: [
|
|
1750
|
+
/* @__PURE__ */ e.jsx("span", { className: "desk-body-regular-m", children: o.title }),
|
|
1751
|
+
o.children.length > 1 && /* @__PURE__ */ e.jsx(
|
|
1752
|
+
"div",
|
|
1753
|
+
{
|
|
1754
|
+
className: l(
|
|
1755
|
+
"absolute right-0 top-full z-10 flex w-max flex-col",
|
|
1756
|
+
"invisible bg-color-white opacity-0 shadow-sm group-hover/category:visible group-hover/category:opacity-100",
|
|
1757
|
+
"rounded-sm p-1"
|
|
1758
|
+
),
|
|
1759
|
+
children: o.children.map((x) => /* @__PURE__ */ e.jsx(
|
|
1760
|
+
"span",
|
|
1761
|
+
{
|
|
1762
|
+
onClick: (a) => {
|
|
1763
|
+
a.stopPropagation(), a.nativeEvent.stopPropagation(), i(o), n(x);
|
|
1764
|
+
},
|
|
1765
|
+
className: l(
|
|
1766
|
+
"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",
|
|
1767
|
+
{
|
|
1768
|
+
"text-color-primary-default": t.title === x.title
|
|
1769
|
+
}
|
|
1770
|
+
),
|
|
1771
|
+
children: x.title
|
|
1772
|
+
},
|
|
1773
|
+
x.title
|
|
1774
|
+
))
|
|
1775
|
+
}
|
|
1776
|
+
)
|
|
1777
|
+
]
|
|
1778
|
+
}
|
|
1779
|
+
), $t = ({ categories: o, helpers: t, phone: n }) => {
|
|
1780
|
+
const [i, r] = Rt({ root: o[0].children[0], current: o[0].children[0] });
|
|
1781
|
+
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1782
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center justify-between gap-x-4 border-b border-b-[rgba(234,237,241)] py-4", children: [
|
|
1783
|
+
/* @__PURE__ */ e.jsx(h, { name: "brandLogos/logoMain", className: "mr-auto w-[130px]" }),
|
|
1784
|
+
o.map((d) => {
|
|
1785
|
+
const x = i.root.title === d.title;
|
|
1786
|
+
return /* @__PURE__ */ e.jsx(
|
|
1787
|
+
Gt,
|
|
1788
|
+
{
|
|
1789
|
+
category: d,
|
|
1790
|
+
selectedCategory: i.current,
|
|
1791
|
+
onCurrentCategoryChange: (a) => r(Ft(a)),
|
|
1792
|
+
onRootCategoryChange: (a) => r(zt(a)),
|
|
1793
|
+
active: x
|
|
1794
|
+
},
|
|
1795
|
+
d.title
|
|
1796
|
+
);
|
|
1797
|
+
}),
|
|
1798
|
+
/* @__PURE__ */ e.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
|
|
1799
|
+
t.map((d) => /* @__PURE__ */ e.jsxs(
|
|
1800
|
+
"a",
|
|
1801
|
+
{
|
|
1802
|
+
href: d.link.href,
|
|
1803
|
+
className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
|
|
1804
|
+
children: [
|
|
1805
|
+
d.link.icon && /* @__PURE__ */ e.jsx(h, { name: d.link.icon, className: "size-4" }),
|
|
1806
|
+
d.title
|
|
1807
|
+
]
|
|
1808
|
+
},
|
|
1809
|
+
d.title
|
|
1810
|
+
)),
|
|
1811
|
+
/* @__PURE__ */ e.jsx("div", { className: "h-3.5 w-[1px] rounded-sm bg-color-blue-grey-500" }),
|
|
1812
|
+
/* @__PURE__ */ e.jsx(
|
|
1813
|
+
"a",
|
|
1814
|
+
{
|
|
1815
|
+
href: `tel:${n}`,
|
|
1816
|
+
className: "desk-body-regular-m flex items-center gap-x-1 text-color-blue-grey-600 duration-100 hover:text-color-dark",
|
|
1817
|
+
children: F(n, "x xxx xxx xx xx")
|
|
1818
|
+
}
|
|
1819
|
+
)
|
|
1820
|
+
] }),
|
|
1821
|
+
/* @__PURE__ */ e.jsx(Wt, { categories: i.current.children })
|
|
1822
|
+
] });
|
|
1823
|
+
}, Zt = ({ category: o }) => /* @__PURE__ */ e.jsx(
|
|
1824
|
+
E,
|
|
1825
|
+
{
|
|
1826
|
+
label: o.title ?? "",
|
|
1827
|
+
icon: /* @__PURE__ */ e.jsx(h, { name: "arrows/arrowRight", className: "-rotate-90" }),
|
|
1828
|
+
classes: {
|
|
1829
|
+
root: "w-full",
|
|
1830
|
+
header: {
|
|
1831
|
+
trigger: "py-2 data-[open=false]:bg-color-white",
|
|
1832
|
+
label: "desk-body-regular-m"
|
|
1833
|
+
},
|
|
1834
|
+
content: l(
|
|
1835
|
+
"relative",
|
|
1836
|
+
'after:content-"" after:absolute after:w-[calc(100%-32px)]',
|
|
1837
|
+
"after:bottom-0 after:left-1/2 after:-translate-x-1/2",
|
|
1838
|
+
"after:h-[1px] after:bg-color-blue-grey-200"
|
|
1618
1839
|
)
|
|
1840
|
+
},
|
|
1841
|
+
children: /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-start justify-center gap-y-4", children: o.children.map((t) => {
|
|
1842
|
+
var r;
|
|
1843
|
+
const n = !!t.link, i = n ? "a" : "p";
|
|
1844
|
+
return /* @__PURE__ */ e.jsxs("ul", { className: "w-full list-none p-0", children: [
|
|
1845
|
+
/* @__PURE__ */ e.jsxs(
|
|
1846
|
+
i,
|
|
1847
|
+
{
|
|
1848
|
+
href: n ? (r = t.link) == null ? void 0 : r.href : void 0,
|
|
1849
|
+
className: "mb-3 flex items-center gap-x-1 text-16 text-color-primary-default",
|
|
1850
|
+
children: [
|
|
1851
|
+
t.title,
|
|
1852
|
+
/* @__PURE__ */ e.jsx(h, { name: "arrows/arrowLink" })
|
|
1853
|
+
]
|
|
1854
|
+
}
|
|
1855
|
+
),
|
|
1856
|
+
t.children.map((d) => {
|
|
1857
|
+
var x;
|
|
1858
|
+
return /* @__PURE__ */ e.jsx("li", { className: "inline-block w-full [&:not(:last-child)]:mb-3", children: /* @__PURE__ */ e.jsx("a", { href: (x = d.link) == null ? void 0 : x.href, className: "w-full", children: d.title }) }, d.title);
|
|
1859
|
+
})
|
|
1860
|
+
] }, t.title);
|
|
1861
|
+
}) })
|
|
1862
|
+
},
|
|
1863
|
+
o.title
|
|
1864
|
+
), Xt = (o) => o.map((t) => ({
|
|
1865
|
+
value: t.title ?? "",
|
|
1866
|
+
label: t.title ?? ""
|
|
1867
|
+
})), qt = ({ categories: o, helpers: t, phone: n, ...i }) => {
|
|
1868
|
+
const r = Xt(o), [d, x] = v(r[0]), a = (m) => {
|
|
1869
|
+
j.isUndefined(m) || j.isArray(m) || x(m);
|
|
1870
|
+
}, p = G(() => {
|
|
1871
|
+
var m;
|
|
1872
|
+
return j.isUndefined(d) || j.isArray(d) ? [] : ((m = o.find((u) => u.title === d.value)) == null ? void 0 : m.children) ?? [];
|
|
1873
|
+
}, [d, o]);
|
|
1874
|
+
return /* @__PURE__ */ e.jsxs(
|
|
1875
|
+
W.div,
|
|
1876
|
+
{
|
|
1877
|
+
...i,
|
|
1878
|
+
className: l(
|
|
1879
|
+
"absolute w-full max-w-[calc(636px-32px)]",
|
|
1880
|
+
"absolute left-1/2 top-full bg-color-white p-4",
|
|
1881
|
+
"-translate-x-1/2 overflow-x-hidden",
|
|
1882
|
+
"flex flex-col items-center justify-center gap-y-4"
|
|
1883
|
+
),
|
|
1884
|
+
initial: { opacity: 0 },
|
|
1885
|
+
animate: { opacity: 1 },
|
|
1886
|
+
children: [
|
|
1887
|
+
/* @__PURE__ */ e.jsx(Y.SelectBase, { label: "Категория", options: r, value: d, onChange: a }),
|
|
1888
|
+
/* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: p.map((m) => {
|
|
1889
|
+
var u;
|
|
1890
|
+
return j.isArrayEmpty(m.children) ? /* @__PURE__ */ e.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ e.jsx("a", { href: (u = m.link) == null ? void 0 : u.href, className: "desk-body-regular-m inline-block w-full", children: m.title }) }, m.title) : /* @__PURE__ */ e.jsx(Zt, { category: m }, m.title);
|
|
1891
|
+
}) }),
|
|
1892
|
+
/* @__PURE__ */ e.jsx("div", { className: "h-[1px] w-full bg-color-blue-grey-200" }),
|
|
1893
|
+
/* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-center justify-center gap-y-1", children: [
|
|
1894
|
+
t.map((m) => {
|
|
1895
|
+
var u, f;
|
|
1896
|
+
return /* @__PURE__ */ e.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ e.jsxs("a", { href: (u = m.link) == null ? void 0 : u.href, className: "flex w-full items-center gap-x-1", children: [
|
|
1897
|
+
((f = m.link) == null ? void 0 : f.icon) && /* @__PURE__ */ e.jsx(h, { name: m.link.icon, className: "size-4" }),
|
|
1898
|
+
m.title
|
|
1899
|
+
] }) }, m.title);
|
|
1900
|
+
}),
|
|
1901
|
+
/* @__PURE__ */ e.jsx("div", { className: "w-full px-4 py-2.5", children: /* @__PURE__ */ e.jsxs("a", { href: `tel:${n}`, className: "flex w-full items-center gap-x-1", children: [
|
|
1902
|
+
/* @__PURE__ */ e.jsx(h, { name: "communication/phone", className: "size-4" }),
|
|
1903
|
+
F(n)
|
|
1904
|
+
] }) })
|
|
1905
|
+
] })
|
|
1906
|
+
]
|
|
1619
1907
|
}
|
|
1620
1908
|
);
|
|
1909
|
+
}, Jt = ({ categories: o, helpers: t, phone: n }) => {
|
|
1910
|
+
var p;
|
|
1911
|
+
const i = $(null), r = (p = i.current) == null ? void 0 : p.getBoundingClientRect(), [d, x] = v(!1), a = () => x(!d);
|
|
1912
|
+
return /* @__PURE__ */ e.jsxs("div", { ref: i, className: "relative flex w-full items-center justify-between border-b border-b-blue-grey-500 py-4", children: [
|
|
1913
|
+
/* @__PURE__ */ e.jsx(h, { name: "brandLogos/logoMain", className: "w-[130px]" }),
|
|
1914
|
+
/* @__PURE__ */ e.jsx("button", { type: "button", onClick: a, className: "h-max w-max", children: /* @__PURE__ */ e.jsx(h, { name: d ? "general/close" : "general/menu", className: "size-6 text-color-primary-default" }) }),
|
|
1915
|
+
d && oe(
|
|
1916
|
+
/* @__PURE__ */ e.jsx(
|
|
1917
|
+
qt,
|
|
1918
|
+
{
|
|
1919
|
+
categories: o,
|
|
1920
|
+
helpers: t,
|
|
1921
|
+
phone: n,
|
|
1922
|
+
style: { top: r ? r.top + r.height : 0 }
|
|
1923
|
+
}
|
|
1924
|
+
),
|
|
1925
|
+
document.body
|
|
1926
|
+
)
|
|
1927
|
+
] });
|
|
1928
|
+
}, jr = ({ categories: o, helpers: t, phone: n }) => {
|
|
1929
|
+
const { isMobile: i } = C();
|
|
1930
|
+
return /* @__PURE__ */ e.jsxs("div", { id: b.seoHeader, "data-test-id": b.seoHeader, className: "mx-auto w-full max-w-[1440px]", children: [
|
|
1931
|
+
i ? /* @__PURE__ */ e.jsx(Jt, { categories: o.map((r) => r.children).flat(), helpers: t, phone: n }) : /* @__PURE__ */ e.jsx($t, { categories: o, helpers: t, phone: n }),
|
|
1932
|
+
/* @__PURE__ */ e.jsx(
|
|
1933
|
+
Ht,
|
|
1934
|
+
{
|
|
1935
|
+
ellipsis: i ? 1 : void 0,
|
|
1936
|
+
matcher: (r) => ({ label: we(r.label).split("-").join(" ") })
|
|
1937
|
+
}
|
|
1938
|
+
)
|
|
1939
|
+
] });
|
|
1621
1940
|
};
|
|
1622
1941
|
export {
|
|
1623
|
-
|
|
1624
|
-
|
|
1625
|
-
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
|
|
1630
|
-
|
|
1631
|
-
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1637
|
-
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
|
|
1642
|
-
|
|
1942
|
+
ne as Advantages,
|
|
1943
|
+
mr as AuthProvider,
|
|
1944
|
+
lr as Banner,
|
|
1945
|
+
X as BannerWithSeparateImg,
|
|
1946
|
+
ir as Benefit,
|
|
1947
|
+
Ht as Breadcrumbs,
|
|
1948
|
+
I as ButtonWithHandlers,
|
|
1949
|
+
hr as DynamicForm,
|
|
1950
|
+
br as FallbacksView,
|
|
1951
|
+
gt as FieldMapper,
|
|
1952
|
+
xr as Footer,
|
|
1953
|
+
vt as HTMLParser,
|
|
1954
|
+
L as HTMLRenderer,
|
|
1955
|
+
dr as Header,
|
|
1956
|
+
ur as InterLinking,
|
|
1957
|
+
pr as LongBanner,
|
|
1958
|
+
jr as SeoHeader,
|
|
1959
|
+
ar as Stepper,
|
|
1960
|
+
fr as UsefulInfo,
|
|
1961
|
+
Ie as WIDGET_LIST,
|
|
1962
|
+
b as widgetIds
|
|
1643
1963
|
};
|
|
1644
1964
|
//# sourceMappingURL=widget.js.map
|