@scbt-ecom/ui 0.42.2 → 0.42.3
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/CustomLink-DRb2l2sC.js.map +1 -1
- package/dist/shared/ui/customLink/CustomLink.d.ts +2 -7
- package/dist/shared/ui/customLink/model/helpers.d.ts +10 -0
- package/dist/shared/ui/loader/Loader.d.ts +1 -7
- package/dist/shared/ui/loader/model/helpers.d.ts +7 -0
- package/dist/shared/ui/skeleton/Skeleton.d.ts +2 -1
- package/dist/ui.js.map +1 -1
- package/dist/widget.js +208 -211
- package/dist/widget.js.map +1 -1
- package/dist/widgets/header/Header.d.ts +1 -1
- package/dist/widgets/header/model/types.d.ts +13 -16
- package/package.json +1 -1
package/dist/widget.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { j as t, B as g, H as a, c as j, R as k, P as M, b as
|
|
1
|
+
import { j as t, B as g, H as a, c as j, R as k, P as M, b as T, I as l, C as w, S as V, a as L, L as D, d as v, A as _ } from "./CustomLink-DRb2l2sC.js";
|
|
2
2
|
import { s as O } from "./scrollToElement-B-reg4jF.js";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as d } from "./cn-DIfn7EPB.js";
|
|
4
4
|
import { u as b } from "./useDevice-L83kSsN7.js";
|
|
5
5
|
import * as G from "react";
|
|
6
6
|
const U = j(
|
|
@@ -15,21 +15,21 @@ const U = j(
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
), S = ({
|
|
18
|
-
description:
|
|
18
|
+
description: n,
|
|
19
19
|
title: e,
|
|
20
20
|
img: o,
|
|
21
|
-
mobileImg:
|
|
21
|
+
mobileImg: i,
|
|
22
22
|
classes: r,
|
|
23
23
|
withButton: x,
|
|
24
24
|
buttonText: m,
|
|
25
25
|
intent: h,
|
|
26
26
|
cardColor: f
|
|
27
27
|
}) => {
|
|
28
|
-
const { isDesktop:
|
|
28
|
+
const { isDesktop: u } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
|
|
29
29
|
g,
|
|
30
30
|
{
|
|
31
31
|
intent: "primary",
|
|
32
|
-
className:
|
|
32
|
+
className: d("desktop:w-[200px]", r == null ? void 0 : r.button),
|
|
33
33
|
onClick: () => O("personal_form"),
|
|
34
34
|
size: "lg",
|
|
35
35
|
children: m
|
|
@@ -38,16 +38,16 @@ const U = j(
|
|
|
38
38
|
return /* @__PURE__ */ t.jsxs(
|
|
39
39
|
"li",
|
|
40
40
|
{
|
|
41
|
-
className:
|
|
41
|
+
className: d(U({ intent: h }), { "pb-0": i }, { "pb-12": !i }, f, r == null ? void 0 : r.root),
|
|
42
42
|
children: [
|
|
43
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
44
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
45
|
-
/* @__PURE__ */ t.jsx(a, { as: "h4", className:
|
|
46
|
-
/* @__PURE__ */ t.jsx("p", { className:
|
|
43
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", r == null ? void 0 : r.wrapper), children: [
|
|
44
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.textContainer), children: [
|
|
45
|
+
/* @__PURE__ */ t.jsx(a, { as: "h4", className: d("desktop:desk-title-bold-s", r == null ? void 0 : r.title), children: e }),
|
|
46
|
+
/* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", r == null ? void 0 : r.description), children: n })
|
|
47
47
|
] }),
|
|
48
|
-
x &&
|
|
48
|
+
x && u && p
|
|
49
49
|
] }),
|
|
50
|
-
(
|
|
50
|
+
(i || u) && o && /* @__PURE__ */ t.jsx("div", { className: d("flex w-full justify-end", r == null ? void 0 : r.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: d("h-[246px] object-cover", r == null ? void 0 : r.img), src: o, alt: e }) })
|
|
51
51
|
]
|
|
52
52
|
},
|
|
53
53
|
o
|
|
@@ -60,11 +60,11 @@ const U = j(
|
|
|
60
60
|
fourCards: "grid-cols-1 mobile:grid-rows-[400px,1fr,1fr,400px] desktop:grid-cols-3"
|
|
61
61
|
}
|
|
62
62
|
}
|
|
63
|
-
}), bt = ({ heading:
|
|
64
|
-
/* @__PURE__ */ t.jsx(a, { className:
|
|
65
|
-
/* @__PURE__ */ t.jsx("ul", { className:
|
|
66
|
-
] }) }), $ = (
|
|
67
|
-
const { variant: e, details: o } =
|
|
63
|
+
}), bt = ({ heading: n, cards: e, classes: o, intent: i }) => /* @__PURE__ */ t.jsx("section", { className: d("pb-20", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(k, { className: o == null ? void 0 : o.container, children: [
|
|
64
|
+
/* @__PURE__ */ t.jsx(a, { className: d("mb-8", o == null ? void 0 : o.heading), as: "h2", children: n }),
|
|
65
|
+
/* @__PURE__ */ t.jsx("ul", { className: d(Z({ intent: i }), o == null ? void 0 : o.grid), children: e == null ? void 0 : e.map((r) => /* @__PURE__ */ t.jsx(S, { intent: i, classes: o == null ? void 0 : o.item, ...r }, r.img)) })
|
|
66
|
+
] }) }), $ = (n) => {
|
|
67
|
+
const { variant: e, details: o } = n;
|
|
68
68
|
switch (e) {
|
|
69
69
|
case "withButton":
|
|
70
70
|
return /* @__PURE__ */ t.jsx(g, { intent: "secondary", size: "sm", ...o, children: (o == null ? void 0 : o.children) || "Оформить заявку" });
|
|
@@ -73,76 +73,73 @@ const U = j(
|
|
|
73
73
|
default:
|
|
74
74
|
return null;
|
|
75
75
|
}
|
|
76
|
-
}, gt = (i) => {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
$(d)
|
|
94
|
-
] }) }) });
|
|
95
|
-
}, E = ({ buttonsConfig: i, classes: e, className: o }) => {
|
|
76
|
+
}, gt = ({ logoPath: n = "/", logoType: e = "main", config: o, classes: i }) => /* @__PURE__ */ t.jsx("header", { className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", i == null ? void 0 : i.header), children: /* @__PURE__ */ t.jsx(k, { className: d(i == null ? void 0 : i.container), children: /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center justify-between gap-5", i == null ? void 0 : i.wrapper), children: [
|
|
77
|
+
/* @__PURE__ */ t.jsx(
|
|
78
|
+
"a",
|
|
79
|
+
{
|
|
80
|
+
href: n,
|
|
81
|
+
"aria-label": "logo",
|
|
82
|
+
target: "_blank",
|
|
83
|
+
rel: "noreferrer",
|
|
84
|
+
className: d(
|
|
85
|
+
"flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
|
|
86
|
+
i == null ? void 0 : i.logo
|
|
87
|
+
),
|
|
88
|
+
children: T[e]
|
|
89
|
+
}
|
|
90
|
+
),
|
|
91
|
+
$(o)
|
|
92
|
+
] }) }) }), E = ({ buttonsConfig: n, classes: e, className: o }) => {
|
|
96
93
|
var r;
|
|
97
|
-
const
|
|
94
|
+
const i = (n == null ? void 0 : n.secondary) && n.secondary.children;
|
|
98
95
|
return /* @__PURE__ */ t.jsxs(
|
|
99
96
|
"div",
|
|
100
97
|
{
|
|
101
98
|
"data-id": "banner-buttons-group",
|
|
102
|
-
className:
|
|
99
|
+
className: d(
|
|
103
100
|
"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",
|
|
104
|
-
{ "flex items-center gap-4":
|
|
101
|
+
{ "flex items-center gap-4": i },
|
|
105
102
|
e == null ? void 0 : e.group,
|
|
106
103
|
o
|
|
107
104
|
),
|
|
108
105
|
children: [
|
|
109
|
-
/* @__PURE__ */ t.jsx(g, { intent: "primary", ...
|
|
110
|
-
|
|
106
|
+
/* @__PURE__ */ t.jsx(g, { intent: "primary", ...n.primary, isFull: !0, className: d("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: n.primary.children }),
|
|
107
|
+
i && /* @__PURE__ */ t.jsx(
|
|
111
108
|
g,
|
|
112
109
|
{
|
|
113
110
|
intent: "secondary",
|
|
114
|
-
...
|
|
111
|
+
...n == null ? void 0 : n.secondary,
|
|
115
112
|
isFull: !0,
|
|
116
|
-
className:
|
|
117
|
-
children: (r =
|
|
113
|
+
className: d("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
|
|
114
|
+
children: (r = n == null ? void 0 : n.secondary) == null ? void 0 : r.children
|
|
118
115
|
}
|
|
119
116
|
)
|
|
120
117
|
]
|
|
121
118
|
}
|
|
122
119
|
);
|
|
123
120
|
}, q = ({
|
|
124
|
-
headTitle:
|
|
121
|
+
headTitle: n,
|
|
125
122
|
subtitle: e,
|
|
126
123
|
buttonsConfig: o,
|
|
127
|
-
advantagesConfig:
|
|
124
|
+
advantagesConfig: i,
|
|
128
125
|
classes: r,
|
|
129
126
|
img: x,
|
|
130
127
|
imgSets: m
|
|
131
128
|
}) => {
|
|
132
129
|
var p;
|
|
133
|
-
const { isDesktop: h, isMobile: f } = b(),
|
|
130
|
+
const { isDesktop: h, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
|
|
134
131
|
"div",
|
|
135
132
|
{
|
|
136
133
|
"data-id": "banner-advantages",
|
|
137
|
-
className:
|
|
134
|
+
className: d(
|
|
138
135
|
"flex items-center justify-center pt-4 desktop:absolute desktop:bottom-[-50px] desktop:right-1/2 desktop:translate-x-1/2 desktop:pt-0",
|
|
139
136
|
r == null ? void 0 : r.advantageContainer
|
|
140
137
|
),
|
|
141
|
-
children: (
|
|
138
|
+
children: (i == null ? void 0 : i.config.details) && ((p = i == null ? void 0 : i.config.details) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...i })
|
|
142
139
|
}
|
|
143
140
|
);
|
|
144
141
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
145
|
-
/* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className:
|
|
142
|
+
/* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: d("relative h-[552px] desktop:h-[456px]", r == null ? void 0 : r.root), children: [
|
|
146
143
|
/* @__PURE__ */ t.jsx(
|
|
147
144
|
"div",
|
|
148
145
|
{
|
|
@@ -157,22 +154,22 @@ const U = j(
|
|
|
157
154
|
"data-id": "banner-image",
|
|
158
155
|
src: x,
|
|
159
156
|
alt: "Картинка баннера",
|
|
160
|
-
className:
|
|
157
|
+
className: d("h-full w-full object-cover object-center", r == null ? void 0 : r.image)
|
|
161
158
|
}
|
|
162
159
|
)
|
|
163
160
|
] })
|
|
164
161
|
}
|
|
165
162
|
),
|
|
166
|
-
/* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className:
|
|
167
|
-
/* @__PURE__ */ t.jsx("div", { "data-id": "banner", className:
|
|
163
|
+
/* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: d("h-full", r == null ? void 0 : r.container), children: [
|
|
164
|
+
/* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: d("flex h-full", r == null ? void 0 : r.wrapper), children: /* @__PURE__ */ t.jsxs(
|
|
168
165
|
"div",
|
|
169
166
|
{
|
|
170
167
|
"data-id": "banner-text-block",
|
|
171
|
-
className:
|
|
168
|
+
className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", r == null ? void 0 : r.textBlock),
|
|
172
169
|
children: [
|
|
173
170
|
/* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
174
|
-
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className:
|
|
175
|
-
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className:
|
|
171
|
+
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-white", r == null ? void 0 : r.title), children: n }),
|
|
172
|
+
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-white", r == null ? void 0 : r.subtitle), children: e })
|
|
176
173
|
] }),
|
|
177
174
|
/* @__PURE__ */ t.jsx(
|
|
178
175
|
E,
|
|
@@ -186,39 +183,39 @@ const U = j(
|
|
|
186
183
|
]
|
|
187
184
|
}
|
|
188
185
|
) }),
|
|
189
|
-
h &&
|
|
186
|
+
h && u
|
|
190
187
|
] })
|
|
191
188
|
] }),
|
|
192
|
-
f &&
|
|
189
|
+
f && u
|
|
193
190
|
] });
|
|
194
191
|
}, I = ({
|
|
195
|
-
headTitle:
|
|
192
|
+
headTitle: n,
|
|
196
193
|
subtitle: e,
|
|
197
194
|
buttonsConfig: o,
|
|
198
|
-
advantagesConfig:
|
|
195
|
+
advantagesConfig: i,
|
|
199
196
|
classes: r,
|
|
200
197
|
img: x,
|
|
201
198
|
imgSets: m
|
|
202
199
|
}) => {
|
|
203
200
|
var p;
|
|
204
|
-
const { isDesktop: h, isMobile: f } = b(),
|
|
201
|
+
const { isDesktop: h, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
|
|
205
202
|
"div",
|
|
206
203
|
{
|
|
207
204
|
"data-id": "banner-advantages",
|
|
208
|
-
className:
|
|
205
|
+
className: d(
|
|
209
206
|
"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",
|
|
210
207
|
r == null ? void 0 : r.advantageContainer
|
|
211
208
|
),
|
|
212
|
-
children: (
|
|
209
|
+
children: (i == null ? void 0 : i.config.details) && ((p = i == null ? void 0 : i.config.details) == null ? void 0 : p.length) > 0 && /* @__PURE__ */ t.jsx(H, { ...i })
|
|
213
210
|
}
|
|
214
211
|
);
|
|
215
212
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
216
|
-
/* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className:
|
|
217
|
-
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className:
|
|
213
|
+
/* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: d("bg-banner-skyblue-300 desktop:h-[456px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsxs(k, { "data-id": "banner-container", className: d("relative", r == null ? void 0 : r.container), children: [
|
|
214
|
+
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: d("flex flex-col desktop:flex-row desktop:justify-between", r == null ? void 0 : r.wrapper), children: [
|
|
218
215
|
/* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
|
|
219
|
-
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className:
|
|
220
|
-
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className:
|
|
221
|
-
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className:
|
|
216
|
+
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: d("flex flex-col gap-4 pt-6 desktop:pt-0", r == null ? void 0 : r.textBlock), children: [
|
|
217
|
+
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-dark", r == null ? void 0 : r.title), children: n }),
|
|
218
|
+
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-dark", r == null ? void 0 : r.subtitle), children: e })
|
|
222
219
|
] }),
|
|
223
220
|
/* @__PURE__ */ t.jsx(E, { buttonsConfig: o, classes: r })
|
|
224
221
|
] }),
|
|
@@ -226,7 +223,7 @@ const U = j(
|
|
|
226
223
|
"div",
|
|
227
224
|
{
|
|
228
225
|
"data-id": "banner-image-wrapper",
|
|
229
|
-
className:
|
|
226
|
+
className: d("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", r == null ? void 0 : r.imageContainer),
|
|
230
227
|
children: /* @__PURE__ */ t.jsxs("picture", { children: [
|
|
231
228
|
/* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: m == null ? void 0 : m.large }),
|
|
232
229
|
/* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
|
|
@@ -236,19 +233,19 @@ const U = j(
|
|
|
236
233
|
"data-id": "banner-image",
|
|
237
234
|
src: x,
|
|
238
235
|
alt: "Картинка баннера",
|
|
239
|
-
className:
|
|
236
|
+
className: d("h-full object-cover", r == null ? void 0 : r.image)
|
|
240
237
|
}
|
|
241
238
|
)
|
|
242
239
|
] })
|
|
243
240
|
}
|
|
244
241
|
)
|
|
245
242
|
] }),
|
|
246
|
-
h &&
|
|
243
|
+
h && u
|
|
247
244
|
] }) }),
|
|
248
|
-
f &&
|
|
245
|
+
f && u
|
|
249
246
|
] });
|
|
250
|
-
}, wt = ({ bannerVariant:
|
|
251
|
-
switch (
|
|
247
|
+
}, wt = ({ bannerVariant: n, ...e }) => {
|
|
248
|
+
switch (n) {
|
|
252
249
|
case "separateImg":
|
|
253
250
|
return /* @__PURE__ */ t.jsx(I, { ...e });
|
|
254
251
|
case "fullImg":
|
|
@@ -256,27 +253,27 @@ const U = j(
|
|
|
256
253
|
default:
|
|
257
254
|
return /* @__PURE__ */ t.jsx(I, { ...e });
|
|
258
255
|
}
|
|
259
|
-
}, H = ({ config:
|
|
260
|
-
const { variant: o, details:
|
|
256
|
+
}, H = ({ config: n, classes: e }) => {
|
|
257
|
+
const { variant: o, details: i } = n;
|
|
261
258
|
return /* @__PURE__ */ t.jsx(
|
|
262
259
|
"div",
|
|
263
260
|
{
|
|
264
|
-
className:
|
|
261
|
+
className: d(
|
|
265
262
|
"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",
|
|
266
263
|
{ "desktop:max-w-[860px]": o === "threeCards" },
|
|
267
264
|
{ "desktop:max-w-[1140px]": o === "fourCards" },
|
|
268
265
|
e == null ? void 0 : e.root
|
|
269
266
|
),
|
|
270
|
-
children:
|
|
267
|
+
children: i == null ? void 0 : i.map(({ title: r, description: x }) => /* @__PURE__ */ t.jsxs(
|
|
271
268
|
"div",
|
|
272
269
|
{
|
|
273
|
-
className:
|
|
270
|
+
className: d(
|
|
274
271
|
'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: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',
|
|
275
272
|
e == null ? void 0 : e.item
|
|
276
273
|
),
|
|
277
274
|
children: [
|
|
278
|
-
/* @__PURE__ */ t.jsx(a, { as: "h4", className:
|
|
279
|
-
/* @__PURE__ */ t.jsx("p", { className:
|
|
275
|
+
/* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", e == null ? void 0 : e.title), children: r }),
|
|
276
|
+
/* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: x })
|
|
280
277
|
]
|
|
281
278
|
},
|
|
282
279
|
r
|
|
@@ -371,37 +368,37 @@ const U = j(
|
|
|
371
368
|
{ text: "Офисы и банкоматы", href: "/" }
|
|
372
369
|
]
|
|
373
370
|
}
|
|
374
|
-
], Y = ({ socialsLinks:
|
|
371
|
+
], Y = ({ socialsLinks: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("mt-4 flex items-center gap-2 desktop:mt-6", e == null ? void 0 : e.socialRoot), children: n == null ? void 0 : n.map(({ iconName: o, href: i }) => /* @__PURE__ */ t.jsx(
|
|
375
372
|
"a",
|
|
376
373
|
{
|
|
377
|
-
className:
|
|
378
|
-
href:
|
|
374
|
+
className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
|
|
375
|
+
href: i,
|
|
379
376
|
"aria-label": o.replace("social/", ""),
|
|
380
|
-
children: /* @__PURE__ */ t.jsx(
|
|
377
|
+
children: /* @__PURE__ */ t.jsx(l, { name: o, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
|
|
381
378
|
},
|
|
382
|
-
|
|
383
|
-
)) }),
|
|
379
|
+
i
|
|
380
|
+
)) }), A = ({ phones: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: n == null ? void 0 : n.map(({ phone: o, text: i }) => /* @__PURE__ */ t.jsx(
|
|
384
381
|
M,
|
|
385
382
|
{
|
|
386
383
|
phone: o,
|
|
387
|
-
text:
|
|
384
|
+
text: i,
|
|
388
385
|
classes: {
|
|
389
|
-
wrapper:
|
|
390
|
-
text:
|
|
391
|
-
link:
|
|
386
|
+
wrapper: d(e == null ? void 0 : e.phoneWrapper),
|
|
387
|
+
text: d("text-color-footer", e == null ? void 0 : e.phoneText),
|
|
388
|
+
link: d("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
|
|
392
389
|
}
|
|
393
390
|
},
|
|
394
391
|
o
|
|
395
|
-
)) }),
|
|
392
|
+
)) }), P = ({ navigationLinks: n, classes: e }) => /* @__PURE__ */ t.jsx(
|
|
396
393
|
"div",
|
|
397
394
|
{
|
|
398
|
-
className:
|
|
395
|
+
className: d(
|
|
399
396
|
"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",
|
|
400
397
|
e == null ? void 0 : e.navRoot
|
|
401
398
|
),
|
|
402
|
-
children:
|
|
403
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
404
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
399
|
+
children: n == null ? void 0 : n.map(({ groupLabel: o, links: i }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", e == null ? void 0 : e.navGroup), children: [
|
|
400
|
+
/* @__PURE__ */ t.jsx("div", { className: d("desk-body-medium-l text-color-white", e == null ? void 0 : e.navLabel), children: o }),
|
|
401
|
+
/* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-1", e == null ? void 0 : e.navLinks), children: i == null ? void 0 : i.map(({ text: r, href: x }) => /* @__PURE__ */ t.jsx(
|
|
405
402
|
w,
|
|
406
403
|
{
|
|
407
404
|
href: x,
|
|
@@ -417,15 +414,15 @@ const U = j(
|
|
|
417
414
|
)) })
|
|
418
415
|
] }, o))
|
|
419
416
|
}
|
|
420
|
-
), c = ({ text:
|
|
417
|
+
), c = ({ text: n, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight), children: n }), s = ({ classes: n }) => /* @__PURE__ */ t.jsx(
|
|
421
418
|
"a",
|
|
422
419
|
{
|
|
423
420
|
"aria-label": "logo",
|
|
424
421
|
href: "https://sovcombank.ru/",
|
|
425
|
-
className:
|
|
426
|
-
children: /* @__PURE__ */ t.jsx(
|
|
422
|
+
className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", n == null ? void 0 : n.footerLogo),
|
|
423
|
+
children: /* @__PURE__ */ t.jsx(l, { name: "brandLogos/logoWhite", className: d("size-full", n == null ? void 0 : n.footerLogoIcon) })
|
|
427
424
|
}
|
|
428
|
-
), tt = ({ classes:
|
|
425
|
+
), tt = ({ classes: n }) => /* @__PURE__ */ t.jsx(
|
|
429
426
|
w,
|
|
430
427
|
{
|
|
431
428
|
intent: "white",
|
|
@@ -434,96 +431,96 @@ const U = j(
|
|
|
434
431
|
"aria-label": "site-map",
|
|
435
432
|
rel: "noreferrer",
|
|
436
433
|
classes: {
|
|
437
|
-
link:
|
|
438
|
-
icon:
|
|
434
|
+
link: d("mobile:mt-6", n == null ? void 0 : n.siteMapLink),
|
|
435
|
+
icon: n == null ? void 0 : n.siteMapLinkIcon
|
|
439
436
|
},
|
|
440
437
|
children: "Карта сайта"
|
|
441
438
|
}
|
|
442
439
|
), Nt = ({
|
|
443
|
-
renderBlocks: { withSocial:
|
|
440
|
+
renderBlocks: { withSocial: n = !0, withPhones: e = !0, withNavLinks: o = !0, withCopyright: i = !0, withSiteMap: r = !0 } = {},
|
|
444
441
|
socialsLinks: x = Q,
|
|
445
442
|
phones: m = K,
|
|
446
443
|
navigationLinks: h = X,
|
|
447
444
|
ligal: f,
|
|
448
|
-
copyright:
|
|
445
|
+
copyright: u = J,
|
|
449
446
|
classes: p
|
|
450
|
-
}) => /* @__PURE__ */ t.jsx("footer", { className:
|
|
447
|
+
}) => /* @__PURE__ */ t.jsx("footer", { className: d("w-full bg-color-footer py-8 desktop:py-10", p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsx(k, { className: d(p == null ? void 0 : p.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: d("mobile:pb-[176px]", p == null ? void 0 : p.footerWrapper), children: [
|
|
451
448
|
/* @__PURE__ */ t.jsxs(
|
|
452
449
|
"div",
|
|
453
450
|
{
|
|
454
|
-
className:
|
|
451
|
+
className: d(
|
|
455
452
|
"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",
|
|
456
453
|
p == null ? void 0 : p.footerHead
|
|
457
454
|
),
|
|
458
455
|
children: [
|
|
459
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
456
|
+
/* @__PURE__ */ t.jsxs("div", { className: d(p == null ? void 0 : p.footerSocialBlock), children: [
|
|
460
457
|
/* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.footerLogo }),
|
|
461
|
-
|
|
458
|
+
n && /* @__PURE__ */ t.jsx(Y, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
|
|
462
459
|
] }),
|
|
463
|
-
e && /* @__PURE__ */ t.jsx(
|
|
460
|
+
e && /* @__PURE__ */ t.jsx(A, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
|
|
464
461
|
]
|
|
465
462
|
}
|
|
466
463
|
),
|
|
467
|
-
o && /* @__PURE__ */ t.jsx(
|
|
464
|
+
o && /* @__PURE__ */ t.jsx(P, { navigationLinks: h, classes: p == null ? void 0 : p.navLinks }),
|
|
468
465
|
f && f,
|
|
469
466
|
/* @__PURE__ */ t.jsxs(
|
|
470
467
|
"div",
|
|
471
468
|
{
|
|
472
|
-
className:
|
|
469
|
+
className: d(
|
|
473
470
|
"mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
|
|
474
471
|
p == null ? void 0 : p.footerBottom
|
|
475
472
|
),
|
|
476
473
|
children: [
|
|
477
|
-
|
|
474
|
+
i && /* @__PURE__ */ t.jsx(c, { text: u, classes: p == null ? void 0 : p.copyright }),
|
|
478
475
|
r && /* @__PURE__ */ t.jsx(tt, { classes: p == null ? void 0 : p.siteMap })
|
|
479
476
|
]
|
|
480
477
|
}
|
|
481
478
|
)
|
|
482
|
-
] }) }) }), et = ({ classes:
|
|
483
|
-
const x = o === "withTitleAndDescription" &&
|
|
479
|
+
] }) }) }), et = ({ classes: n, index: e, variant: o, title: i, description: r }) => {
|
|
480
|
+
const x = o === "withTitleAndDescription" && i;
|
|
484
481
|
return /* @__PURE__ */ t.jsxs(
|
|
485
482
|
"div",
|
|
486
483
|
{
|
|
487
|
-
className:
|
|
484
|
+
className: d(
|
|
488
485
|
"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",
|
|
489
|
-
|
|
486
|
+
n == null ? void 0 : n.singleStep
|
|
490
487
|
),
|
|
491
488
|
children: [
|
|
492
489
|
/* @__PURE__ */ t.jsx(
|
|
493
490
|
"div",
|
|
494
491
|
{
|
|
495
|
-
className:
|
|
492
|
+
className: d(
|
|
496
493
|
"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",
|
|
497
|
-
|
|
494
|
+
n == null ? void 0 : n.numeric
|
|
498
495
|
),
|
|
499
496
|
children: e
|
|
500
497
|
}
|
|
501
498
|
),
|
|
502
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
503
|
-
x && /* @__PURE__ */ t.jsx(a, { as: "h4", className:
|
|
499
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2"), children: [
|
|
500
|
+
x && /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", n == null ? void 0 : n.title), children: i }),
|
|
504
501
|
/* @__PURE__ */ t.jsx(
|
|
505
502
|
"div",
|
|
506
503
|
{
|
|
507
504
|
dangerouslySetInnerHTML: { __html: r ?? "" },
|
|
508
|
-
className:
|
|
505
|
+
className: d("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description)
|
|
509
506
|
}
|
|
510
507
|
)
|
|
511
508
|
] })
|
|
512
509
|
]
|
|
513
510
|
}
|
|
514
511
|
);
|
|
515
|
-
}, yt = ({ headline:
|
|
516
|
-
const { variant:
|
|
517
|
-
return /* @__PURE__ */ t.jsx(V, { className: o == null ? void 0 : o.root, children: /* @__PURE__ */ t.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsxs("div", { className:
|
|
518
|
-
/* @__PURE__ */ t.jsx(a, { as: "h2", className:
|
|
512
|
+
}, yt = ({ headline: n, config: e, classes: o }) => {
|
|
513
|
+
const { variant: i, details: r } = e;
|
|
514
|
+
return /* @__PURE__ */ t.jsx(V, { className: o == null ? void 0 : o.root, children: /* @__PURE__ */ t.jsx(k, { className: o == null ? void 0 : o.container, children: /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", o == null ? void 0 : o.wrapper), children: [
|
|
515
|
+
/* @__PURE__ */ t.jsx(a, { as: "h2", className: d("text-color-dark", o == null ? void 0 : o.headline), children: n }),
|
|
519
516
|
/* @__PURE__ */ t.jsx(
|
|
520
517
|
"div",
|
|
521
518
|
{
|
|
522
|
-
className:
|
|
519
|
+
className: d(
|
|
523
520
|
"flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
|
|
524
521
|
o == null ? void 0 : o.stepsWrapper
|
|
525
522
|
),
|
|
526
|
-
children: r == null ? void 0 : r.map((x, m) => /* @__PURE__ */ t.jsx(et, { variant:
|
|
523
|
+
children: r == null ? void 0 : r.map((x, m) => /* @__PURE__ */ t.jsx(et, { variant: i, ...x, index: m + 1, classes: o == null ? void 0 : o.step }, x.description))
|
|
527
524
|
}
|
|
528
525
|
)
|
|
529
526
|
] }) }) });
|
|
@@ -611,47 +608,47 @@ const U = j(
|
|
|
611
608
|
class: "desktop:h-[272px] desktop:w-[500px]"
|
|
612
609
|
}
|
|
613
610
|
]
|
|
614
|
-
}), dt = ({ data:
|
|
615
|
-
const { title: o, description:
|
|
616
|
-
return /* @__PURE__ */ t.jsx("li", { className:
|
|
617
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
618
|
-
/* @__PURE__ */ t.jsx("h4", { className:
|
|
619
|
-
r && /* @__PURE__ */ t.jsx(L, { triggerElement: /* @__PURE__ */ t.jsx(
|
|
611
|
+
}), dt = ({ data: n, intent: e }) => {
|
|
612
|
+
const { title: o, description: i, popoverText: r } = n;
|
|
613
|
+
return /* @__PURE__ */ t.jsx("li", { className: d(it({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
|
|
614
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("mb-2 flex items-center gap-2"), children: [
|
|
615
|
+
/* @__PURE__ */ t.jsx("h4", { className: d("mob-title-bold-m text-color-dark"), children: o }),
|
|
616
|
+
r && /* @__PURE__ */ t.jsx(L, { triggerElement: /* @__PURE__ */ t.jsx(l, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: r })
|
|
620
617
|
] }),
|
|
621
|
-
/* @__PURE__ */ t.jsx("p", { className:
|
|
618
|
+
/* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-color-secondary"), children: i })
|
|
622
619
|
] }) });
|
|
623
|
-
}, N = ({ intent:
|
|
624
|
-
title:
|
|
620
|
+
}, N = ({ intent: n, title: e, desktopHidden: o = !1, mobileHidden: i = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: d(rt({ intent: n, desktopHidden: o, mobileHidden: i })), children: e }), xt = ({ textContent: n, intent: e, withButton: o }) => /* @__PURE__ */ t.jsx("ul", { className: d(ot({ intent: e, withButton: o })), children: n == null ? void 0 : n.map((i, r) => /* @__PURE__ */ t.jsx(dt, { intent: e, data: i }, r)) }), vt = ({
|
|
621
|
+
title: n,
|
|
625
622
|
buttonConfig: e,
|
|
626
623
|
intent: o = "twoItems",
|
|
627
|
-
textContent:
|
|
624
|
+
textContent: i,
|
|
628
625
|
imageComponent: r,
|
|
629
626
|
classes: x
|
|
630
627
|
}) => {
|
|
631
628
|
const m = !!e, h = o === "fourItems", f = o === "twoItems";
|
|
632
|
-
return /* @__PURE__ */ t.jsx("section", { className:
|
|
633
|
-
f && /* @__PURE__ */ t.jsx(N, { intent: o, title:
|
|
629
|
+
return /* @__PURE__ */ t.jsx("section", { className: d(x == null ? void 0 : x.root), children: /* @__PURE__ */ t.jsxs(k, { className: d(x == null ? void 0 : x.container), children: [
|
|
630
|
+
f && /* @__PURE__ */ t.jsx(N, { intent: o, title: n }),
|
|
634
631
|
/* @__PURE__ */ t.jsxs(
|
|
635
632
|
"div",
|
|
636
633
|
{
|
|
637
|
-
className:
|
|
634
|
+
className: d(
|
|
638
635
|
"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",
|
|
639
636
|
x == null ? void 0 : x.contentContainer
|
|
640
637
|
),
|
|
641
638
|
children: [
|
|
642
|
-
h && /* @__PURE__ */ t.jsx(N, { intent: o, title:
|
|
643
|
-
/* @__PURE__ */ t.jsx("div", { className:
|
|
639
|
+
h && /* @__PURE__ */ t.jsx(N, { intent: o, title: n, desktopHidden: !0 }),
|
|
640
|
+
/* @__PURE__ */ t.jsx("div", { className: d(nt({ intent: o, withButton: m }), x == null ? void 0 : x.imgContainer), children: r }),
|
|
644
641
|
/* @__PURE__ */ t.jsxs(
|
|
645
642
|
"div",
|
|
646
643
|
{
|
|
647
|
-
className:
|
|
644
|
+
className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", x == null ? void 0 : x.textWithBtnContainer),
|
|
648
645
|
children: [
|
|
649
|
-
h && /* @__PURE__ */ t.jsx(N, { intent: o, title:
|
|
650
|
-
/* @__PURE__ */ t.jsx(xt, { textContent:
|
|
646
|
+
h && /* @__PURE__ */ t.jsx(N, { intent: o, title: n, mobileHidden: !0 }),
|
|
647
|
+
/* @__PURE__ */ t.jsx(xt, { textContent: i, intent: o, withButton: m }),
|
|
651
648
|
m && /* @__PURE__ */ t.jsx(
|
|
652
649
|
g,
|
|
653
650
|
{
|
|
654
|
-
className:
|
|
651
|
+
className: d("w-full px-4 desktop:w-max", x == null ? void 0 : x.button),
|
|
655
652
|
size: "lg",
|
|
656
653
|
onClick: e.onClick,
|
|
657
654
|
intent: "secondary",
|
|
@@ -669,11 +666,11 @@ const U = j(
|
|
|
669
666
|
ESIA: "esia",
|
|
670
667
|
MOBILE_ID: "mobileId",
|
|
671
668
|
COMBINE: "combine"
|
|
672
|
-
}, W = ({ children:
|
|
669
|
+
}, W = ({ children: n, isLoading: e, classes: o, loaderProps: i }) => /* @__PURE__ */ t.jsx(
|
|
673
670
|
"div",
|
|
674
671
|
{
|
|
675
672
|
tabIndex: 0,
|
|
676
|
-
className:
|
|
673
|
+
className: d(
|
|
677
674
|
"relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
|
|
678
675
|
"bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
|
|
679
676
|
o == null ? void 0 : o.root
|
|
@@ -681,17 +678,17 @@ const U = j(
|
|
|
681
678
|
children: /* @__PURE__ */ t.jsx(
|
|
682
679
|
"div",
|
|
683
680
|
{
|
|
684
|
-
className:
|
|
681
|
+
className: d(
|
|
685
682
|
"flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
|
|
686
683
|
"bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
|
|
687
684
|
{ "items-center": e },
|
|
688
685
|
o == null ? void 0 : o.wrapper
|
|
689
686
|
),
|
|
690
|
-
children: e ? /* @__PURE__ */ t.jsx(D, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...
|
|
687
|
+
children: e ? /* @__PURE__ */ t.jsx(D, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...i }) : n
|
|
691
688
|
}
|
|
692
689
|
)
|
|
693
690
|
}
|
|
694
|
-
), pt = ({ ...
|
|
691
|
+
), pt = ({ ...n }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...n, children: [
|
|
695
692
|
/* @__PURE__ */ t.jsx(
|
|
696
693
|
"path",
|
|
697
694
|
{
|
|
@@ -719,18 +716,18 @@ const U = j(
|
|
|
719
716
|
/* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
|
|
720
717
|
/* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
|
|
721
718
|
] }) })
|
|
722
|
-
] }), F = ({ mainLink:
|
|
719
|
+
] }), F = ({ mainLink: n, subLink: e, isMobile: o, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col", i == null ? void 0 : i.linksWrapper), children: [
|
|
723
720
|
/* @__PURE__ */ t.jsx(
|
|
724
721
|
"a",
|
|
725
722
|
{
|
|
726
|
-
href:
|
|
723
|
+
href: n.href,
|
|
727
724
|
target: "_blank",
|
|
728
725
|
rel: "noreferrer",
|
|
729
|
-
className:
|
|
726
|
+
className: d(
|
|
730
727
|
'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',
|
|
731
|
-
|
|
728
|
+
i == null ? void 0 : i.linksMainLink
|
|
732
729
|
),
|
|
733
|
-
children: o ?
|
|
730
|
+
children: o ? n.mobileTitle : n.title
|
|
734
731
|
}
|
|
735
732
|
),
|
|
736
733
|
(e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
|
|
@@ -742,77 +739,77 @@ const U = j(
|
|
|
742
739
|
target: "_blank",
|
|
743
740
|
rel: "noreferrer",
|
|
744
741
|
classes: {
|
|
745
|
-
link:
|
|
742
|
+
link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", i == null ? void 0 : i.linksSubLink)
|
|
746
743
|
},
|
|
747
744
|
children: e == null ? void 0 : e.text
|
|
748
745
|
}
|
|
749
746
|
)
|
|
750
|
-
] }), C = ({ mainLink:
|
|
747
|
+
] }), C = ({ mainLink: n, subLink: e, isLoading: o, badge: i, loaderProps: r, classes: x }) => {
|
|
751
748
|
const { isMobile: m } = b();
|
|
752
749
|
return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: r, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
|
|
753
750
|
"div",
|
|
754
751
|
{
|
|
755
|
-
className:
|
|
752
|
+
className: d(
|
|
756
753
|
"flex flex-1 items-center justify-between gap-1",
|
|
757
|
-
{ "justify-center": !
|
|
754
|
+
{ "justify-center": !i && m },
|
|
758
755
|
x == null ? void 0 : x.innerWrapper
|
|
759
756
|
),
|
|
760
757
|
children: [
|
|
761
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
758
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
|
|
762
759
|
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
763
|
-
/* @__PURE__ */ t.jsx(
|
|
764
|
-
/* @__PURE__ */ t.jsx(
|
|
765
|
-
/* @__PURE__ */ t.jsx(
|
|
760
|
+
/* @__PURE__ */ t.jsx(l, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8", x == null ? void 0 : x.mtsLogo) }),
|
|
761
|
+
/* @__PURE__ */ t.jsx(l, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.megafonLogo) }),
|
|
762
|
+
/* @__PURE__ */ t.jsx(l, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", x == null ? void 0 : x.beelineLogo) })
|
|
766
763
|
] }),
|
|
767
|
-
/* @__PURE__ */ t.jsx(F, { mainLink:
|
|
768
|
-
/* @__PURE__ */ t.jsx(
|
|
764
|
+
/* @__PURE__ */ t.jsx(F, { mainLink: n, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
|
|
765
|
+
/* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
|
|
769
766
|
] }),
|
|
770
|
-
|
|
767
|
+
i && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", x == null ? void 0 : x.badge), children: i })
|
|
771
768
|
]
|
|
772
769
|
}
|
|
773
770
|
) });
|
|
774
|
-
}, B = ({ mainLink:
|
|
771
|
+
}, B = ({ mainLink: n, subLink: e, isLoading: o, badge: i, loaderProps: r, classes: x }) => {
|
|
775
772
|
const { isMobile: m } = b();
|
|
776
773
|
return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: r, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
|
|
777
774
|
"div",
|
|
778
775
|
{
|
|
779
|
-
className:
|
|
776
|
+
className: d(
|
|
780
777
|
"flex flex-1 items-center justify-between gap-1",
|
|
781
|
-
{ "justify-center": !
|
|
778
|
+
{ "justify-center": !i && m },
|
|
782
779
|
x == null ? void 0 : x.innerWrapper
|
|
783
780
|
),
|
|
784
781
|
children: [
|
|
785
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
786
|
-
/* @__PURE__ */ t.jsx(pt, { className:
|
|
787
|
-
/* @__PURE__ */ t.jsx(F, { mainLink:
|
|
788
|
-
/* @__PURE__ */ t.jsx(
|
|
782
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", x == null ? void 0 : x.textContent), children: [
|
|
783
|
+
/* @__PURE__ */ t.jsx(pt, { className: d("size-7 desktop:size-8", x == null ? void 0 : x.esiaLogo) }),
|
|
784
|
+
/* @__PURE__ */ t.jsx(F, { mainLink: n, subLink: e, isMobile: m, classes: x == null ? void 0 : x.links }),
|
|
785
|
+
/* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", x == null ? void 0 : x.arrowIcon) })
|
|
789
786
|
] }),
|
|
790
|
-
|
|
787
|
+
i && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", x == null ? void 0 : x.badge), children: i })
|
|
791
788
|
]
|
|
792
789
|
}
|
|
793
790
|
) });
|
|
794
|
-
}, mt = (
|
|
795
|
-
switch (
|
|
791
|
+
}, mt = (n) => {
|
|
792
|
+
switch (n.mode) {
|
|
796
793
|
case y.ESIA:
|
|
797
|
-
return /* @__PURE__ */ t.jsx(B, { ...
|
|
794
|
+
return /* @__PURE__ */ t.jsx(B, { ...n });
|
|
798
795
|
case y.MOBILE_ID:
|
|
799
|
-
return /* @__PURE__ */ t.jsx(C, { ...
|
|
796
|
+
return /* @__PURE__ */ t.jsx(C, { ...n });
|
|
800
797
|
case y.COMBINE:
|
|
801
798
|
default:
|
|
802
|
-
const { esiaConfig: e, mobileIdConfig: o, subtitle:
|
|
799
|
+
const { esiaConfig: e, mobileIdConfig: o, subtitle: i, badge: r, classes: x } = n, m = !i && !r ? G.Fragment : "div";
|
|
803
800
|
return /* @__PURE__ */ t.jsxs(
|
|
804
801
|
"div",
|
|
805
802
|
{
|
|
806
|
-
className:
|
|
803
|
+
className: d(
|
|
807
804
|
"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",
|
|
808
805
|
x == null ? void 0 : x.root
|
|
809
806
|
),
|
|
810
807
|
children: [
|
|
811
|
-
/* @__PURE__ */ t.jsxs(m, { className:
|
|
812
|
-
|
|
813
|
-
r && /* @__PURE__ */ t.jsx(v, { className:
|
|
808
|
+
/* @__PURE__ */ t.jsxs(m, { className: d("flex w-full items-center justify-between gap-2", x == null ? void 0 : x.topContent), children: [
|
|
809
|
+
i && /* @__PURE__ */ t.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", x == null ? void 0 : x.subtitle), children: i }),
|
|
810
|
+
r && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", x == null ? void 0 : x.badge), children: r })
|
|
814
811
|
] }),
|
|
815
|
-
/* @__PURE__ */ t.jsxs("div", { className:
|
|
812
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", x == null ? void 0 : x.authWrapper), children: [
|
|
816
813
|
/* @__PURE__ */ t.jsx(
|
|
817
814
|
B,
|
|
818
815
|
{
|
|
@@ -840,45 +837,45 @@ const U = j(
|
|
|
840
837
|
}
|
|
841
838
|
);
|
|
842
839
|
}
|
|
843
|
-
}, It = (
|
|
840
|
+
}, It = (n) => mt(n), z = ({ links: n, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: n == null ? void 0 : n.map(({ path: o, label: i }) => /* @__PURE__ */ t.jsx(
|
|
844
841
|
w,
|
|
845
842
|
{
|
|
846
843
|
classes: {
|
|
847
|
-
link:
|
|
848
|
-
icon:
|
|
844
|
+
link: d("w-max", e == null ? void 0 : e.linkText),
|
|
845
|
+
icon: d(e == null ? void 0 : e.linkIcon)
|
|
849
846
|
},
|
|
850
847
|
intent: "dark",
|
|
851
848
|
href: o,
|
|
852
|
-
children:
|
|
849
|
+
children: i
|
|
853
850
|
},
|
|
854
851
|
o
|
|
855
|
-
)) }), ht = ({ groupLabel:
|
|
852
|
+
)) }), ht = ({ groupLabel: n, links: e, mobileAccordionProps: o, classes: i }) => {
|
|
856
853
|
var x, m, h;
|
|
857
854
|
const { isMobile: r } = b();
|
|
858
|
-
return /* @__PURE__ */ t.jsxs("div", { className:
|
|
855
|
+
return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", i == null ? void 0 : i.columnGroup), children: [
|
|
859
856
|
!r && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
860
|
-
/* @__PURE__ */ t.jsx("h5", { className:
|
|
861
|
-
/* @__PURE__ */ t.jsx(z, { links: e, classes:
|
|
857
|
+
/* @__PURE__ */ t.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", i == null ? void 0 : i.columnGroupHeading), children: n }),
|
|
858
|
+
/* @__PURE__ */ t.jsx(z, { links: e, classes: i == null ? void 0 : i.linksList }, "desktop")
|
|
862
859
|
] }),
|
|
863
860
|
r && /* @__PURE__ */ t.jsx(
|
|
864
861
|
_,
|
|
865
862
|
{
|
|
866
863
|
defaultOpen: !0,
|
|
867
|
-
label:
|
|
868
|
-
icon: /* @__PURE__ */ t.jsx(
|
|
864
|
+
label: n,
|
|
865
|
+
icon: /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
|
|
869
866
|
...o,
|
|
870
867
|
classes: {
|
|
871
868
|
...o == null ? void 0 : o.classes,
|
|
872
869
|
header: {
|
|
873
|
-
trigger:
|
|
870
|
+
trigger: d("p-0 bg-color-blue-grey-100", (m = (x = o == null ? void 0 : o.classes) == null ? void 0 : x.header) == null ? void 0 : m.trigger)
|
|
874
871
|
},
|
|
875
|
-
contentInner:
|
|
872
|
+
contentInner: d("py-2 px-4", (h = o == null ? void 0 : o.classes) == null ? void 0 : h.contentInner)
|
|
876
873
|
},
|
|
877
|
-
children: /* @__PURE__ */ t.jsx(z, { links: e, classes:
|
|
874
|
+
children: /* @__PURE__ */ t.jsx(z, { links: e, classes: i == null ? void 0 : i.linksList }, "mobile")
|
|
878
875
|
}
|
|
879
876
|
)
|
|
880
877
|
] });
|
|
881
|
-
}, ft = ({ column:
|
|
878
|
+
}, ft = ({ column: n, mobileAccordionProps: e, classes: o }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", o == null ? void 0 : o.column), children: n == null ? void 0 : n.map((i) => /* @__PURE__ */ t.jsx(ht, { ...e, ...i, classes: o == null ? void 0 : o.columnGroup }, i.groupLabel)) }), ut = j("grid gap-4 grid-cols-1", {
|
|
882
879
|
variants: {
|
|
883
880
|
variant: {
|
|
884
881
|
twoCols: "desktop:grid-cols-2",
|
|
@@ -889,23 +886,23 @@ const U = j(
|
|
|
889
886
|
defaultVariants: {
|
|
890
887
|
variant: "fourCols"
|
|
891
888
|
}
|
|
892
|
-
}), Ct = ({ config:
|
|
893
|
-
var h, f,
|
|
894
|
-
const { variant: x, details: m } =
|
|
895
|
-
return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className:
|
|
889
|
+
}), Ct = ({ config: n, headline: e, mobileAccordionProps: o, rootAccordionProps: i, classes: r }) => {
|
|
890
|
+
var h, f, u;
|
|
891
|
+
const { variant: x, details: m } = n;
|
|
892
|
+
return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: d("min-w-full desktop:min-w-[1140px]", r == null ? void 0 : r.root), children: /* @__PURE__ */ t.jsx(k, { children: /* @__PURE__ */ t.jsx(
|
|
896
893
|
_,
|
|
897
894
|
{
|
|
898
895
|
defaultOpen: !0,
|
|
899
|
-
label: /* @__PURE__ */ t.jsx(a, { as: "h4", className:
|
|
900
|
-
...
|
|
896
|
+
label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-left", r == null ? void 0 : r.headline), children: e }),
|
|
897
|
+
...i,
|
|
901
898
|
classes: {
|
|
902
|
-
...
|
|
899
|
+
...i == null ? void 0 : i.classes,
|
|
903
900
|
header: {
|
|
904
|
-
trigger:
|
|
901
|
+
trigger: d("bg-color-blue-grey-100", (f = (h = i == null ? void 0 : i.classes) == null ? void 0 : h.header) == null ? void 0 : f.trigger)
|
|
905
902
|
},
|
|
906
|
-
content:
|
|
903
|
+
content: d("max-w-full bg-color-blue-grey-100 relative", (u = i == null ? void 0 : i.classes) == null ? void 0 : u.content)
|
|
907
904
|
},
|
|
908
|
-
children: /* @__PURE__ */ t.jsx("div", { className:
|
|
905
|
+
children: /* @__PURE__ */ t.jsx("div", { className: d(ut({ variant: x }), r == null ? void 0 : r.columnsWrapper), children: m == null ? void 0 : m.map((p, R) => /* @__PURE__ */ t.jsx(ft, { ...p, ...o, classes: r == null ? void 0 : r.column }, R)) })
|
|
909
906
|
}
|
|
910
907
|
) }) });
|
|
911
908
|
};
|