@scbt-ecom/ui 0.42.3 → 0.42.5
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 → CustomLink-BrBUFe53.js} +714 -718
- package/dist/CustomLink-BrBUFe53.js.map +1 -0
- package/dist/shared/ui/formElements/controlled/index.d.ts +2 -2
- package/dist/shared/ui/formElements/controlled/uploader/UploaderControl.d.ts +2 -2
- package/dist/shared/ui/index.d.ts +0 -1
- package/dist/shared/ui/phoneView/helpers.d.ts +1 -0
- package/dist/ui.js +148 -169
- package/dist/ui.js.map +1 -1
- package/dist/widget.js +349 -392
- package/dist/widget.js.map +1 -1
- package/dist/widgets/footer/Footer.d.ts +5 -6
- package/dist/widgets/footer/model/types.d.ts +15 -6
- package/dist/widgets/footer/ui/Copyright.d.ts +1 -2
- package/dist/{shared/ui/ligal → widgets/footer/ui}/Ligal.d.ts +1 -2
- package/dist/widgets/footer/ui/NavLinks.d.ts +3 -3
- package/dist/widgets/longBanner/LongBanner.d.ts +7 -6
- package/dist/widgets/longBanner/model/types.d.ts +17 -9
- package/dist/widgets/longBanner/ui/TextList.d.ts +3 -3
- package/dist/widgets/longBanner/ui/Title.d.ts +2 -2
- package/package.json +1 -1
- package/dist/CustomLink-DRb2l2sC.js.map +0 -1
- package/dist/shared/ui/ligal/index.d.ts +0 -1
- package/dist/widgets/footer/model/defaultValues.d.ts +0 -5
package/dist/widget.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { j as t, B as
|
|
2
|
-
import { s as
|
|
1
|
+
import { j as t, B as w, H as a, c as k, R as j, P as M, b as L, I as l, C as N, S as V, a as D, L as O, d as C, A as E } from "./CustomLink-BrBUFe53.js";
|
|
2
|
+
import { s as G } from "./scrollToElement-B-reg4jF.js";
|
|
3
3
|
import { c as d } from "./cn-DIfn7EPB.js";
|
|
4
4
|
import { u as b } from "./useDevice-L83kSsN7.js";
|
|
5
|
-
import * as
|
|
6
|
-
const
|
|
5
|
+
import * as g from "react";
|
|
6
|
+
const S = k(
|
|
7
7
|
"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",
|
|
8
8
|
{
|
|
9
9
|
variants: {
|
|
@@ -14,45 +14,45 @@ const U = j(
|
|
|
14
14
|
}
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
|
-
),
|
|
18
|
-
description:
|
|
17
|
+
), U = ({
|
|
18
|
+
description: r,
|
|
19
19
|
title: e,
|
|
20
|
-
img:
|
|
21
|
-
mobileImg:
|
|
22
|
-
classes:
|
|
23
|
-
withButton:
|
|
24
|
-
buttonText:
|
|
20
|
+
img: i,
|
|
21
|
+
mobileImg: n,
|
|
22
|
+
classes: o,
|
|
23
|
+
withButton: p,
|
|
24
|
+
buttonText: x,
|
|
25
25
|
intent: h,
|
|
26
|
-
cardColor:
|
|
26
|
+
cardColor: u
|
|
27
27
|
}) => {
|
|
28
|
-
const { isDesktop:
|
|
29
|
-
|
|
28
|
+
const { isDesktop: f } = b(), m = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
|
|
29
|
+
w,
|
|
30
30
|
{
|
|
31
31
|
intent: "primary",
|
|
32
|
-
className: d("desktop:w-[200px]",
|
|
33
|
-
onClick: () =>
|
|
32
|
+
className: d("desktop:w-[200px]", o == null ? void 0 : o.button),
|
|
33
|
+
onClick: () => G("personal_form"),
|
|
34
34
|
size: "lg",
|
|
35
|
-
children:
|
|
35
|
+
children: x
|
|
36
36
|
}
|
|
37
37
|
) });
|
|
38
38
|
return /* @__PURE__ */ t.jsxs(
|
|
39
39
|
"li",
|
|
40
40
|
{
|
|
41
|
-
className: d(
|
|
41
|
+
className: d(S({ intent: h }), { "pb-0": n }, { "pb-12": !n }, u, o == null ? void 0 : o.root),
|
|
42
42
|
children: [
|
|
43
|
-
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8",
|
|
44
|
-
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4",
|
|
45
|
-
/* @__PURE__ */ t.jsx(a, { as: "h4", className: d("desktop:desk-title-bold-s",
|
|
46
|
-
/* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l",
|
|
43
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col items-start justify-between px-4 desktop:px-8 desktop:py-8", o == null ? void 0 : o.wrapper), children: [
|
|
44
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", o == null ? void 0 : o.textContainer), children: [
|
|
45
|
+
/* @__PURE__ */ t.jsx(a, { as: "h4", className: d("desktop:desk-title-bold-s", o == null ? void 0 : o.title), children: e }),
|
|
46
|
+
/* @__PURE__ */ t.jsx("p", { className: d("mob-body-regular-l text-icon-blue-grey-800 desktop:desk-body-regular-l", o == null ? void 0 : o.description), children: r })
|
|
47
47
|
] }),
|
|
48
|
-
|
|
48
|
+
p && f && m
|
|
49
49
|
] }),
|
|
50
|
-
(
|
|
50
|
+
(n || f) && i && /* @__PURE__ */ t.jsx("div", { className: d("flex w-full justify-end", o == null ? void 0 : o.imgContainer), children: /* @__PURE__ */ t.jsx("img", { className: d("h-[246px] object-cover", o == null ? void 0 : o.img), src: i, alt: e }) })
|
|
51
51
|
]
|
|
52
52
|
},
|
|
53
|
-
|
|
53
|
+
i
|
|
54
54
|
);
|
|
55
|
-
}, Z =
|
|
55
|
+
}, Z = k("grid gap-4", {
|
|
56
56
|
variants: {
|
|
57
57
|
intent: {
|
|
58
58
|
twoCards: "grid-cols-1 mobile:grid-rows-[repeat(2,400px)] desktop:grid-cols-2",
|
|
@@ -60,211 +60,211 @@ 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
|
-
}),
|
|
64
|
-
/* @__PURE__ */ t.jsx(a, { className: d("mb-8",
|
|
65
|
-
/* @__PURE__ */ t.jsx("ul", { className: d(Z({ intent:
|
|
66
|
-
] }) }), $ = (
|
|
67
|
-
const { variant: e, details:
|
|
63
|
+
}), at = ({ heading: r, cards: e, classes: i, intent: n }) => /* @__PURE__ */ t.jsx("section", { className: d("pb-20", i == null ? void 0 : i.root), children: /* @__PURE__ */ t.jsxs(j, { className: i == null ? void 0 : i.container, children: [
|
|
64
|
+
/* @__PURE__ */ t.jsx(a, { className: d("mb-8", i == null ? void 0 : i.heading), as: "h2", children: r }),
|
|
65
|
+
/* @__PURE__ */ t.jsx("ul", { className: d(Z({ intent: n }), i == null ? void 0 : i.grid), children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ t.jsx(U, { intent: n, classes: i == null ? void 0 : i.item, ...o }, o.img)) })
|
|
66
|
+
] }) }), $ = (r) => {
|
|
67
|
+
const { variant: e, details: i } = r;
|
|
68
68
|
switch (e) {
|
|
69
69
|
case "withButton":
|
|
70
|
-
return /* @__PURE__ */ t.jsx(
|
|
70
|
+
return /* @__PURE__ */ t.jsx(w, { intent: "secondary", size: "sm", ...i, children: (i == null ? void 0 : i.children) || "Оформить заявку" });
|
|
71
71
|
case "withPhone":
|
|
72
|
-
return /* @__PURE__ */ t.jsx(M, { ...
|
|
72
|
+
return /* @__PURE__ */ t.jsx(M, { ...i });
|
|
73
73
|
default:
|
|
74
74
|
return null;
|
|
75
75
|
}
|
|
76
|
-
},
|
|
76
|
+
}, jt = ({ logoPath: r = "/", logoType: e = "main", config: i, classes: n }) => /* @__PURE__ */ t.jsx("header", { className: d("flex h-[64px] items-center justify-center bg-color-white desktop:h-[72px]", n == null ? void 0 : n.header), children: /* @__PURE__ */ t.jsx(j, { className: d(n == null ? void 0 : n.container), children: /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center justify-between gap-5", n == null ? void 0 : n.wrapper), children: [
|
|
77
77
|
/* @__PURE__ */ t.jsx(
|
|
78
78
|
"a",
|
|
79
79
|
{
|
|
80
|
-
href:
|
|
80
|
+
href: r,
|
|
81
81
|
"aria-label": "logo",
|
|
82
82
|
target: "_blank",
|
|
83
83
|
rel: "noreferrer",
|
|
84
84
|
className: d(
|
|
85
85
|
"flex items-center justify-center [&_svg]:w-[132px] desktop:[&_svg]:h-[32px] desktop:[&_svg]:w-[192px]",
|
|
86
|
-
|
|
86
|
+
n == null ? void 0 : n.logo
|
|
87
87
|
),
|
|
88
|
-
children:
|
|
88
|
+
children: L[e]
|
|
89
89
|
}
|
|
90
90
|
),
|
|
91
|
-
$(
|
|
92
|
-
] }) }) }),
|
|
93
|
-
var
|
|
94
|
-
const
|
|
91
|
+
$(i)
|
|
92
|
+
] }) }) }), W = ({ buttonsConfig: r, classes: e, className: i }) => {
|
|
93
|
+
var o;
|
|
94
|
+
const n = (r == null ? void 0 : r.secondary) && r.secondary.children;
|
|
95
95
|
return /* @__PURE__ */ t.jsxs(
|
|
96
96
|
"div",
|
|
97
97
|
{
|
|
98
98
|
"data-id": "banner-buttons-group",
|
|
99
99
|
className: d(
|
|
100
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",
|
|
101
|
-
{ "flex items-center gap-4":
|
|
101
|
+
{ "flex items-center gap-4": n },
|
|
102
102
|
e == null ? void 0 : e.group,
|
|
103
|
-
|
|
103
|
+
i
|
|
104
104
|
),
|
|
105
105
|
children: [
|
|
106
|
-
/* @__PURE__ */ t.jsx(
|
|
107
|
-
|
|
108
|
-
|
|
106
|
+
/* @__PURE__ */ t.jsx(w, { intent: "primary", ...r.primary, isFull: !0, className: d("desktop:max-w-[216px]", e == null ? void 0 : e.primary), children: r.primary.children }),
|
|
107
|
+
n && /* @__PURE__ */ t.jsx(
|
|
108
|
+
w,
|
|
109
109
|
{
|
|
110
110
|
intent: "secondary",
|
|
111
|
-
...
|
|
111
|
+
...r == null ? void 0 : r.secondary,
|
|
112
112
|
isFull: !0,
|
|
113
113
|
className: d("desktop:max-w-[216px]", e == null ? void 0 : e.secondary),
|
|
114
|
-
children: (
|
|
114
|
+
children: (o = r == null ? void 0 : r.secondary) == null ? void 0 : o.children
|
|
115
115
|
}
|
|
116
116
|
)
|
|
117
117
|
]
|
|
118
118
|
}
|
|
119
119
|
);
|
|
120
120
|
}, q = ({
|
|
121
|
-
headTitle:
|
|
121
|
+
headTitle: r,
|
|
122
122
|
subtitle: e,
|
|
123
|
-
buttonsConfig:
|
|
124
|
-
advantagesConfig:
|
|
125
|
-
classes:
|
|
126
|
-
img:
|
|
127
|
-
imgSets:
|
|
123
|
+
buttonsConfig: i,
|
|
124
|
+
advantagesConfig: n,
|
|
125
|
+
classes: o,
|
|
126
|
+
img: p,
|
|
127
|
+
imgSets: x
|
|
128
128
|
}) => {
|
|
129
|
-
var
|
|
130
|
-
const { isDesktop: h, isMobile:
|
|
129
|
+
var m;
|
|
130
|
+
const { isDesktop: h, isMobile: u } = b(), f = /* @__PURE__ */ t.jsx(
|
|
131
131
|
"div",
|
|
132
132
|
{
|
|
133
133
|
"data-id": "banner-advantages",
|
|
134
134
|
className: d(
|
|
135
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",
|
|
136
|
-
|
|
136
|
+
o == null ? void 0 : o.advantageContainer
|
|
137
137
|
),
|
|
138
|
-
children: (
|
|
138
|
+
children: (n == null ? void 0 : n.config.details) && ((m = n == null ? void 0 : n.config.details) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t.jsx(R, { ...n })
|
|
139
139
|
}
|
|
140
140
|
);
|
|
141
141
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
142
|
-
/* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: d("relative h-[552px] desktop:h-[456px]",
|
|
142
|
+
/* @__PURE__ */ t.jsxs("section", { "data-id": "banner-section", className: d("relative h-[552px] desktop:h-[456px]", o == null ? void 0 : o.root), children: [
|
|
143
143
|
/* @__PURE__ */ t.jsx(
|
|
144
144
|
"div",
|
|
145
145
|
{
|
|
146
146
|
"data-id": "banner-img-wrapper",
|
|
147
147
|
className: "absolute bottom-0 left-0 right-0 top-0 z-[-1] mx-auto h-full max-w-[1920px] desktop:h-[456px]",
|
|
148
148
|
children: /* @__PURE__ */ t.jsxs("picture", { children: [
|
|
149
|
-
/* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet:
|
|
150
|
-
/* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet:
|
|
149
|
+
/* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: x == null ? void 0 : x.large }),
|
|
150
|
+
/* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: x == null ? void 0 : x.mob }),
|
|
151
151
|
/* @__PURE__ */ t.jsx(
|
|
152
152
|
"img",
|
|
153
153
|
{
|
|
154
154
|
"data-id": "banner-image",
|
|
155
|
-
src:
|
|
155
|
+
src: p,
|
|
156
156
|
alt: "Картинка баннера",
|
|
157
|
-
className: d("h-full w-full object-cover object-center",
|
|
157
|
+
className: d("h-full w-full object-cover object-center", o == null ? void 0 : o.image)
|
|
158
158
|
}
|
|
159
159
|
)
|
|
160
160
|
] })
|
|
161
161
|
}
|
|
162
162
|
),
|
|
163
|
-
/* @__PURE__ */ t.jsxs(
|
|
164
|
-
/* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: d("flex h-full",
|
|
163
|
+
/* @__PURE__ */ t.jsxs(j, { "data-id": "banner-container", className: d("h-full", o == null ? void 0 : o.container), children: [
|
|
164
|
+
/* @__PURE__ */ t.jsx("div", { "data-id": "banner", className: d("flex h-full", o == null ? void 0 : o.wrapper), children: /* @__PURE__ */ t.jsxs(
|
|
165
165
|
"div",
|
|
166
166
|
{
|
|
167
167
|
"data-id": "banner-text-block",
|
|
168
|
-
className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20",
|
|
168
|
+
className: d("flex w-[328px] flex-col gap-10 pt-6 desktop:w-full desktop:pt-20", o == null ? void 0 : o.textBlock),
|
|
169
169
|
children: [
|
|
170
170
|
/* @__PURE__ */ t.jsxs("div", { className: "flex flex-col gap-4", children: [
|
|
171
|
-
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-white",
|
|
172
|
-
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-white",
|
|
171
|
+
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-white", o == null ? void 0 : o.title), children: r }),
|
|
172
|
+
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-white", o == null ? void 0 : o.subtitle), children: e })
|
|
173
173
|
] }),
|
|
174
174
|
/* @__PURE__ */ t.jsx(
|
|
175
|
-
|
|
175
|
+
W,
|
|
176
176
|
{
|
|
177
177
|
className: "self-end desktop:self-center",
|
|
178
178
|
"data-id": "banner-buttons-group",
|
|
179
|
-
buttonsConfig:
|
|
180
|
-
classes:
|
|
179
|
+
buttonsConfig: i,
|
|
180
|
+
classes: o
|
|
181
181
|
}
|
|
182
182
|
)
|
|
183
183
|
]
|
|
184
184
|
}
|
|
185
185
|
) }),
|
|
186
|
-
h &&
|
|
186
|
+
h && f
|
|
187
187
|
] })
|
|
188
188
|
] }),
|
|
189
|
-
|
|
189
|
+
u && f
|
|
190
190
|
] });
|
|
191
|
-
},
|
|
192
|
-
headTitle:
|
|
191
|
+
}, B = ({
|
|
192
|
+
headTitle: r,
|
|
193
193
|
subtitle: e,
|
|
194
|
-
buttonsConfig:
|
|
195
|
-
advantagesConfig:
|
|
196
|
-
classes:
|
|
197
|
-
img:
|
|
198
|
-
imgSets:
|
|
194
|
+
buttonsConfig: i,
|
|
195
|
+
advantagesConfig: n,
|
|
196
|
+
classes: o,
|
|
197
|
+
img: p,
|
|
198
|
+
imgSets: x
|
|
199
199
|
}) => {
|
|
200
|
-
var
|
|
201
|
-
const { isDesktop: h, isMobile:
|
|
200
|
+
var m;
|
|
201
|
+
const { isDesktop: h, isMobile: u } = b(), f = /* @__PURE__ */ t.jsx(
|
|
202
202
|
"div",
|
|
203
203
|
{
|
|
204
204
|
"data-id": "banner-advantages",
|
|
205
205
|
className: d(
|
|
206
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",
|
|
207
|
-
|
|
207
|
+
o == null ? void 0 : o.advantageContainer
|
|
208
208
|
),
|
|
209
|
-
children: (
|
|
209
|
+
children: (n == null ? void 0 : n.config.details) && ((m = n == null ? void 0 : n.config.details) == null ? void 0 : m.length) > 0 && /* @__PURE__ */ t.jsx(R, { ...n })
|
|
210
210
|
}
|
|
211
211
|
);
|
|
212
212
|
return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
213
|
-
/* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: d("bg-banner-skyblue-300 desktop:h-[456px]",
|
|
214
|
-
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: d("flex flex-col desktop:flex-row desktop:justify-between",
|
|
213
|
+
/* @__PURE__ */ t.jsx("section", { "data-id": "banner-section", className: d("bg-banner-skyblue-300 desktop:h-[456px]", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsxs(j, { "data-id": "banner-container", className: d("relative", o == null ? void 0 : o.container), children: [
|
|
214
|
+
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner", className: d("flex flex-col desktop:flex-row desktop:justify-between", o == null ? void 0 : o.wrapper), children: [
|
|
215
215
|
/* @__PURE__ */ t.jsxs("div", { className: "flex flex-col desktop:gap-10 desktop:pt-20", children: [
|
|
216
|
-
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: d("flex flex-col gap-4 pt-6 desktop:pt-0",
|
|
217
|
-
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-dark",
|
|
218
|
-
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-dark",
|
|
216
|
+
/* @__PURE__ */ t.jsxs("div", { "data-id": "banner-text-block", className: d("flex flex-col gap-4 pt-6 desktop:pt-0", o == null ? void 0 : o.textBlock), children: [
|
|
217
|
+
/* @__PURE__ */ t.jsx(a, { "data-id": "banner-title", as: "h1", className: d("text-color-dark", o == null ? void 0 : o.title), children: r }),
|
|
218
|
+
/* @__PURE__ */ t.jsx("p", { "data-id": "banner-subtitle", className: d("desk-body-regular-l text-color-dark", o == null ? void 0 : o.subtitle), children: e })
|
|
219
219
|
] }),
|
|
220
|
-
/* @__PURE__ */ t.jsx(
|
|
220
|
+
/* @__PURE__ */ t.jsx(W, { buttonsConfig: i, classes: o })
|
|
221
221
|
] }),
|
|
222
222
|
/* @__PURE__ */ t.jsx(
|
|
223
223
|
"div",
|
|
224
224
|
{
|
|
225
225
|
"data-id": "banner-image-wrapper",
|
|
226
|
-
className: d("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]",
|
|
226
|
+
className: d("flex h-[356px] justify-center desktop:h-[456px] desktop:w-[550px]", o == null ? void 0 : o.imageContainer),
|
|
227
227
|
children: /* @__PURE__ */ t.jsxs("picture", { children: [
|
|
228
|
-
/* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet:
|
|
229
|
-
/* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet:
|
|
228
|
+
/* @__PURE__ */ t.jsx("source", { media: "(min-width: 1128px)", srcSet: x == null ? void 0 : x.large }),
|
|
229
|
+
/* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: x == null ? void 0 : x.mob }),
|
|
230
230
|
/* @__PURE__ */ t.jsx(
|
|
231
231
|
"img",
|
|
232
232
|
{
|
|
233
233
|
"data-id": "banner-image",
|
|
234
|
-
src:
|
|
234
|
+
src: p,
|
|
235
235
|
alt: "Картинка баннера",
|
|
236
|
-
className: d("h-full object-cover",
|
|
236
|
+
className: d("h-full object-cover", o == null ? void 0 : o.image)
|
|
237
237
|
}
|
|
238
238
|
)
|
|
239
239
|
] })
|
|
240
240
|
}
|
|
241
241
|
)
|
|
242
242
|
] }),
|
|
243
|
-
h &&
|
|
243
|
+
h && f
|
|
244
244
|
] }) }),
|
|
245
|
-
|
|
245
|
+
u && f
|
|
246
246
|
] });
|
|
247
|
-
},
|
|
248
|
-
switch (
|
|
247
|
+
}, kt = ({ bannerVariant: r, ...e }) => {
|
|
248
|
+
switch (r) {
|
|
249
249
|
case "separateImg":
|
|
250
|
-
return /* @__PURE__ */ t.jsx(
|
|
250
|
+
return /* @__PURE__ */ t.jsx(B, { ...e });
|
|
251
251
|
case "fullImg":
|
|
252
252
|
return /* @__PURE__ */ t.jsx(q, { ...e });
|
|
253
253
|
default:
|
|
254
|
-
return /* @__PURE__ */ t.jsx(
|
|
254
|
+
return /* @__PURE__ */ t.jsx(B, { ...e });
|
|
255
255
|
}
|
|
256
|
-
},
|
|
257
|
-
const { variant:
|
|
256
|
+
}, R = ({ config: r, classes: e }) => {
|
|
257
|
+
const { variant: i, details: n } = r;
|
|
258
258
|
return /* @__PURE__ */ t.jsx(
|
|
259
259
|
"div",
|
|
260
260
|
{
|
|
261
261
|
className: d(
|
|
262
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",
|
|
263
|
-
{ "desktop:max-w-[860px]":
|
|
264
|
-
{ "desktop:max-w-[1140px]":
|
|
263
|
+
{ "desktop:max-w-[860px]": i === "threeCards" },
|
|
264
|
+
{ "desktop:max-w-[1140px]": i === "fourCards" },
|
|
265
265
|
e == null ? void 0 : e.root
|
|
266
266
|
),
|
|
267
|
-
children:
|
|
267
|
+
children: n == null ? void 0 : n.map(({ title: o, description: p }) => /* @__PURE__ */ t.jsxs(
|
|
268
268
|
"div",
|
|
269
269
|
{
|
|
270
270
|
className: d(
|
|
@@ -272,158 +272,81 @@ const U = j(
|
|
|
272
272
|
e == null ? void 0 : e.item
|
|
273
273
|
),
|
|
274
274
|
children: [
|
|
275
|
-
/* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", e == null ? void 0 : e.title), children:
|
|
276
|
-
/* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children:
|
|
275
|
+
/* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", e == null ? void 0 : e.title), children: o }),
|
|
276
|
+
/* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: p })
|
|
277
277
|
]
|
|
278
278
|
},
|
|
279
|
-
|
|
279
|
+
o
|
|
280
280
|
))
|
|
281
281
|
}
|
|
282
282
|
);
|
|
283
|
-
}, J = /* @__PURE__ */ t.
|
|
284
|
-
"© 2004-2024, ПАО «Совкомбанк». Все права защищены. ",
|
|
285
|
-
/* @__PURE__ */ t.jsx("br", { className: "mobile:hidden" }),
|
|
286
|
-
" Генеральная лицензия Банка России №963 от 5 декабря 2014 г."
|
|
287
|
-
] }), K = [
|
|
288
|
-
{ phone: "8 800 100-00-06", text: "Звонок по России (бесплатно)" },
|
|
289
|
-
{ phone: "+7 (495) 988 00 00", text: "Для звонков из-за рубежа (платно)" }
|
|
290
|
-
], Q = [
|
|
291
|
-
{ iconName: "social/vk", href: "https://vk.com/sovcombank" },
|
|
292
|
-
{ iconName: "social/telegram", href: "https://t.me/sovcombankofficial" },
|
|
293
|
-
{ iconName: "social/classmates", href: "https://ok.ru/paosovcombank" }
|
|
294
|
-
], X = [
|
|
295
|
-
{
|
|
296
|
-
groupLabel: "Совкомбанк",
|
|
297
|
-
links: [
|
|
298
|
-
{ text: "О банке", href: "/" },
|
|
299
|
-
{ text: "Реквизиты и лицензии", href: "/" },
|
|
300
|
-
{ text: "Пресс-центр", href: "/" },
|
|
301
|
-
{ text: "Удостоверяющий центр ПАО «Совкомбанк»", href: "/" },
|
|
302
|
-
{ text: "Работа у нас", href: "/" },
|
|
303
|
-
{ text: "Контакты", href: "/" },
|
|
304
|
-
{ text: "Раскрытие информации", href: "/" },
|
|
305
|
-
{ text: "Страница раскрытия информации в Интерфакс", href: "/" },
|
|
306
|
-
{ text: "Реализация залогового имущества", href: "/" },
|
|
307
|
-
{ text: "Клиентам и партнерам", href: "/" },
|
|
308
|
-
{ text: "Биометрия", href: "/" },
|
|
309
|
-
{ text: "Стандарты безопасности", href: "/" },
|
|
310
|
-
{ text: "Информация о процентных ставках по договорам банковского вклада с физическими лицами", href: "/" },
|
|
311
|
-
{ text: "ООО «Совком Финанс»", href: "/" },
|
|
312
|
-
{ text: "Безопасность", href: "/" }
|
|
313
|
-
]
|
|
314
|
-
},
|
|
315
|
-
{
|
|
316
|
-
groupLabel: "Сервисы",
|
|
317
|
-
links: [
|
|
318
|
-
{ text: "Подарочная карта «Халва»", href: "/" },
|
|
319
|
-
{ text: "Страховые продукты", href: "/" },
|
|
320
|
-
{ text: "МультиЮрист", href: "/" },
|
|
321
|
-
{ text: "Единая социальная карта «Уралочка»", href: "/" },
|
|
322
|
-
{ text: "Единая Карта Жителя Мурманской области", href: "/" },
|
|
323
|
-
{ text: "Безопасные расчёты", href: "/" },
|
|
324
|
-
{ text: "Улучшение кредитной истории", href: "/" },
|
|
325
|
-
{ text: "Дистанционные сервисы Совкомбанка", href: "/" },
|
|
326
|
-
{ text: "Программы реструктуризации долга", href: "/" }
|
|
327
|
-
]
|
|
328
|
-
},
|
|
329
|
-
{
|
|
330
|
-
groupLabel: "Услуги банка",
|
|
331
|
-
links: [
|
|
332
|
-
{ text: "Карты", href: "/" },
|
|
333
|
-
{ text: "Кредиты", href: "/" },
|
|
334
|
-
{ text: "Кредиты наличными", href: "/" },
|
|
335
|
-
{ text: "Ипотека", href: "/" },
|
|
336
|
-
{ text: "Автокредиты", href: "/" },
|
|
337
|
-
{ text: "Кредитный калькулятор", href: "/" },
|
|
338
|
-
{ text: "Вклады", href: "/" },
|
|
339
|
-
{ text: "Инвестиции", href: "/" },
|
|
340
|
-
{ text: "Платежи", href: "/" },
|
|
341
|
-
{ text: "Сервисы", href: "/" },
|
|
342
|
-
{ text: "Малому бизнесу и ИП", href: "/" },
|
|
343
|
-
{ text: "Корпоративным клиентам", href: "/" },
|
|
344
|
-
{ text: "CIB", href: "/" },
|
|
345
|
-
{ text: "Драгоценные металлы в слитках", href: "/" },
|
|
346
|
-
{ text: "Счета в драгоценных металлах", href: "/" }
|
|
347
|
-
]
|
|
348
|
-
},
|
|
349
|
-
{
|
|
350
|
-
groupLabel: "Клиентам других банков",
|
|
351
|
-
links: [
|
|
352
|
-
{ text: "Держателям карт рассрочки Банка Хоум Кредит", href: "/" },
|
|
353
|
-
{ text: "ПАО КБ «Восточный»", href: "/" },
|
|
354
|
-
{ text: "Держателям карт «Совесть»", href: "/" },
|
|
355
|
-
{ text: "АО «Нордеа Банк»", href: "/" },
|
|
356
|
-
{ text: "ЗАО «ДжиИ Мани банк»", href: "/" },
|
|
357
|
-
{ text: "АО «Меткомбанк»", href: "/" },
|
|
358
|
-
{ text: "АКБ «РосЕвроБанк» (АО)", href: "/" },
|
|
359
|
-
{ text: "ПАО «Татфондбанк»", href: "/" },
|
|
360
|
-
{ text: "АО АКБ «Экспресс-Волга»", href: "/" },
|
|
361
|
-
{ text: "АО «ВКАБАНК»", href: "/" },
|
|
362
|
-
{ text: "ООО «ОНЕЙ БАНК»", href: "/" },
|
|
363
|
-
{ text: "АО «Евразийский»", href: "/" },
|
|
364
|
-
{ text: "АО «НФК»", href: "/" },
|
|
365
|
-
{ text: "ООО «РТС-Капитал»", href: "/" },
|
|
366
|
-
{ text: "ООО «ИК Септем Капитал»", href: "/" },
|
|
367
|
-
{ text: "Помощь", href: "/" },
|
|
368
|
-
{ text: "Офисы и банкоматы", href: "/" }
|
|
369
|
-
]
|
|
370
|
-
}
|
|
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(
|
|
283
|
+
}, J = ({ socialsLinks: r, 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: r == null ? void 0 : r.map(({ iconName: i, href: n }) => /* @__PURE__ */ t.jsx(
|
|
372
284
|
"a",
|
|
373
285
|
{
|
|
374
286
|
className: d("flex size-8 items-center justify-center rounded-full bg-[#52576a] p-2", e == null ? void 0 : e.socialLink),
|
|
375
|
-
href:
|
|
376
|
-
"aria-label":
|
|
377
|
-
children: /* @__PURE__ */ t.jsx(l, { name:
|
|
287
|
+
href: n,
|
|
288
|
+
"aria-label": i.replace("social/", ""),
|
|
289
|
+
children: /* @__PURE__ */ t.jsx(l, { name: i, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
|
|
378
290
|
},
|
|
379
|
-
|
|
380
|
-
)) }),
|
|
291
|
+
n
|
|
292
|
+
)) }), K = ({ phones: r, classes: e }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:items-end", e == null ? void 0 : e.phonesRoot), children: r == null ? void 0 : r.map(({ phone: i, text: n }) => /* @__PURE__ */ t.jsx(
|
|
381
293
|
M,
|
|
382
294
|
{
|
|
383
|
-
phone:
|
|
384
|
-
text:
|
|
295
|
+
phone: i,
|
|
296
|
+
text: n,
|
|
385
297
|
classes: {
|
|
386
298
|
wrapper: d(e == null ? void 0 : e.phoneWrapper),
|
|
387
299
|
text: d("text-color-footer", e == null ? void 0 : e.phoneText),
|
|
388
300
|
link: d("text-color-white mobile:m-0", e == null ? void 0 : e.phoneLink)
|
|
389
301
|
}
|
|
390
302
|
},
|
|
391
|
-
|
|
392
|
-
)) }),
|
|
303
|
+
i
|
|
304
|
+
)) }), Q = ({ classes: r, config: e }) => {
|
|
305
|
+
const { details: i } = e || {};
|
|
306
|
+
return /* @__PURE__ */ t.jsx(
|
|
307
|
+
"div",
|
|
308
|
+
{
|
|
309
|
+
className: d(
|
|
310
|
+
"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",
|
|
311
|
+
r == null ? void 0 : r.navRoot
|
|
312
|
+
),
|
|
313
|
+
children: i == null ? void 0 : i.map(
|
|
314
|
+
({ column: n }) => n == null ? void 0 : n.map(({ groupLabel: o, links: p }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-4", r == null ? void 0 : r.navGroup), children: [
|
|
315
|
+
/* @__PURE__ */ t.jsx("div", { className: d("desk-body-medium-l text-color-white", r == null ? void 0 : r.navLabel), children: o }),
|
|
316
|
+
/* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-1", r == null ? void 0 : r.navLinks), children: p == null ? void 0 : p.map(({ path: x, label: h }) => /* @__PURE__ */ t.jsx(
|
|
317
|
+
N,
|
|
318
|
+
{
|
|
319
|
+
href: x,
|
|
320
|
+
"aria-label": h,
|
|
321
|
+
intent: "white",
|
|
322
|
+
classes: {
|
|
323
|
+
link: r == null ? void 0 : r.navLink,
|
|
324
|
+
icon: r == null ? void 0 : r.navLinkIcon
|
|
325
|
+
},
|
|
326
|
+
children: h
|
|
327
|
+
},
|
|
328
|
+
h
|
|
329
|
+
)) })
|
|
330
|
+
] }, o))
|
|
331
|
+
)
|
|
332
|
+
}
|
|
333
|
+
);
|
|
334
|
+
}, X = ({ text: r, classes: e }) => /* @__PURE__ */ t.jsx(
|
|
393
335
|
"div",
|
|
394
336
|
{
|
|
395
|
-
className: d(
|
|
396
|
-
|
|
397
|
-
e == null ? void 0 : e.navRoot
|
|
398
|
-
),
|
|
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(
|
|
402
|
-
w,
|
|
403
|
-
{
|
|
404
|
-
href: x,
|
|
405
|
-
"aria-label": r,
|
|
406
|
-
intent: "white",
|
|
407
|
-
classes: {
|
|
408
|
-
link: e == null ? void 0 : e.navLink,
|
|
409
|
-
icon: e == null ? void 0 : e.navLinkIcon
|
|
410
|
-
},
|
|
411
|
-
children: r
|
|
412
|
-
},
|
|
413
|
-
r
|
|
414
|
-
)) })
|
|
415
|
-
] }, o))
|
|
337
|
+
className: d("desk-body-regular-m text-color-footer", e == null ? void 0 : e.copyRight),
|
|
338
|
+
dangerouslySetInnerHTML: { __html: r }
|
|
416
339
|
}
|
|
417
|
-
),
|
|
340
|
+
), Y = ({ classes: r }) => /* @__PURE__ */ t.jsx(
|
|
418
341
|
"a",
|
|
419
342
|
{
|
|
420
343
|
"aria-label": "logo",
|
|
421
344
|
href: "https://sovcombank.ru/",
|
|
422
|
-
className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]",
|
|
423
|
-
children: /* @__PURE__ */ t.jsx(l, { name: "brandLogos/logoWhite", className: d("size-full",
|
|
345
|
+
className: d("block h-[24px] w-[132px] desktop:h-[32px] desktop:w-[194px]", r == null ? void 0 : r.footerLogo),
|
|
346
|
+
children: /* @__PURE__ */ t.jsx(l, { name: "brandLogos/logoWhite", className: d("size-full", r == null ? void 0 : r.footerLogoIcon) })
|
|
424
347
|
}
|
|
425
|
-
),
|
|
426
|
-
|
|
348
|
+
), A = ({ classes: r }) => /* @__PURE__ */ t.jsx(
|
|
349
|
+
N,
|
|
427
350
|
{
|
|
428
351
|
intent: "white",
|
|
429
352
|
href: "https://sovcombank.ru/site-map",
|
|
@@ -431,59 +354,94 @@ const U = j(
|
|
|
431
354
|
"aria-label": "site-map",
|
|
432
355
|
rel: "noreferrer",
|
|
433
356
|
classes: {
|
|
434
|
-
link: d("mobile:mt-6",
|
|
435
|
-
icon:
|
|
357
|
+
link: d("mobile:mt-6", r == null ? void 0 : r.siteMapLink),
|
|
358
|
+
icon: r == null ? void 0 : r.siteMapLinkIcon
|
|
436
359
|
},
|
|
437
360
|
children: "Карта сайта"
|
|
438
361
|
}
|
|
439
|
-
),
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
362
|
+
), P = ({ text: r, classes: e }) => {
|
|
363
|
+
const [i, n] = g.useState(!1), [o, p] = g.useState(!1), x = g.useRef(null);
|
|
364
|
+
return g.useEffect(() => {
|
|
365
|
+
const h = x.current;
|
|
366
|
+
h && p(h.scrollHeight > h.clientHeight);
|
|
367
|
+
}, []), /* @__PURE__ */ t.jsxs("div", { className: d("mt-8 flex flex-col gap-4", e == null ? void 0 : e.ligalRoot), children: [
|
|
368
|
+
/* @__PURE__ */ t.jsx(
|
|
369
|
+
"div",
|
|
370
|
+
{
|
|
371
|
+
ref: x,
|
|
372
|
+
className: d("desk-body-regular-m text-color-footer", { "line-clamp-3": !i }, e == null ? void 0 : e.ligalText),
|
|
373
|
+
dangerouslySetInnerHTML: { __html: r }
|
|
374
|
+
}
|
|
375
|
+
),
|
|
376
|
+
o && /* @__PURE__ */ t.jsx(
|
|
377
|
+
"div",
|
|
378
|
+
{
|
|
379
|
+
tabIndex: 0,
|
|
380
|
+
role: "button",
|
|
381
|
+
onClick: () => n((h) => !h),
|
|
382
|
+
className: d(
|
|
383
|
+
"desk-body-regular-l w-max cursor-pointer font-medium text-color-footer transition-colors hover:text-color-white",
|
|
384
|
+
e == null ? void 0 : e.ligalButton
|
|
385
|
+
),
|
|
386
|
+
children: "Подробнее"
|
|
387
|
+
}
|
|
388
|
+
)
|
|
389
|
+
] });
|
|
390
|
+
}, bt = ({
|
|
391
|
+
renderBlocks: {
|
|
392
|
+
withSocialsLinks: r = !0,
|
|
393
|
+
withPhones: e = !0,
|
|
394
|
+
withNavLinks: i = !0,
|
|
395
|
+
withCopyright: n = !0,
|
|
396
|
+
withSiteMap: o = !0,
|
|
397
|
+
withLigal: p = !0
|
|
398
|
+
} = {},
|
|
399
|
+
socialsLinks: x = [],
|
|
400
|
+
phones: h = [],
|
|
401
|
+
ligal: u,
|
|
402
|
+
copyright: f = "",
|
|
403
|
+
classes: m,
|
|
404
|
+
config: y
|
|
405
|
+
}) => /* @__PURE__ */ t.jsx("footer", { className: d("w-full bg-color-footer py-8 desktop:py-10", m == null ? void 0 : m.root), children: /* @__PURE__ */ t.jsx(j, { className: d(m == null ? void 0 : m.footerContainer), children: /* @__PURE__ */ t.jsxs("div", { className: d("mobile:pb-[176px]", m == null ? void 0 : m.footerWrapper), children: [
|
|
448
406
|
/* @__PURE__ */ t.jsxs(
|
|
449
407
|
"div",
|
|
450
408
|
{
|
|
451
409
|
className: d(
|
|
452
410
|
"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",
|
|
453
|
-
|
|
411
|
+
m == null ? void 0 : m.footerHead
|
|
454
412
|
),
|
|
455
413
|
children: [
|
|
456
|
-
/* @__PURE__ */ t.jsxs("div", { className: d(
|
|
457
|
-
/* @__PURE__ */ t.jsx(
|
|
458
|
-
|
|
414
|
+
/* @__PURE__ */ t.jsxs("div", { className: d(m == null ? void 0 : m.footerSocialBlock), children: [
|
|
415
|
+
/* @__PURE__ */ t.jsx(Y, { classes: m == null ? void 0 : m.footerLogo }),
|
|
416
|
+
r && /* @__PURE__ */ t.jsx(J, { socialsLinks: x, classes: m == null ? void 0 : m.socialLinks })
|
|
459
417
|
] }),
|
|
460
|
-
e && /* @__PURE__ */ t.jsx(
|
|
418
|
+
e && /* @__PURE__ */ t.jsx(K, { phones: h, classes: m == null ? void 0 : m.phonesBlock })
|
|
461
419
|
]
|
|
462
420
|
}
|
|
463
421
|
),
|
|
464
|
-
|
|
465
|
-
|
|
422
|
+
i && /* @__PURE__ */ t.jsx(Q, { config: y, classes: m == null ? void 0 : m.navLinks }),
|
|
423
|
+
p && /* @__PURE__ */ t.jsx(P, { text: u || "" }),
|
|
466
424
|
/* @__PURE__ */ t.jsxs(
|
|
467
425
|
"div",
|
|
468
426
|
{
|
|
469
427
|
className: d(
|
|
470
428
|
"mt-6 flex flex-col-reverse items-start justify-between gap-4 desktop:mt-8 desktop:flex-row desktop:gap-6",
|
|
471
|
-
|
|
429
|
+
m == null ? void 0 : m.footerBottom
|
|
472
430
|
),
|
|
473
431
|
children: [
|
|
474
|
-
|
|
475
|
-
|
|
432
|
+
n && /* @__PURE__ */ t.jsx(X, { text: f, classes: m == null ? void 0 : m.copyright }),
|
|
433
|
+
o && /* @__PURE__ */ t.jsx(A, { classes: m == null ? void 0 : m.siteMap })
|
|
476
434
|
]
|
|
477
435
|
}
|
|
478
436
|
)
|
|
479
|
-
] }) }) }),
|
|
480
|
-
const
|
|
437
|
+
] }) }) }), c = ({ classes: r, index: e, variant: i, title: n, description: o }) => {
|
|
438
|
+
const p = i === "withTitleAndDescription" && n;
|
|
481
439
|
return /* @__PURE__ */ t.jsxs(
|
|
482
440
|
"div",
|
|
483
441
|
{
|
|
484
442
|
className: d(
|
|
485
443
|
"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",
|
|
486
|
-
|
|
444
|
+
r == null ? void 0 : r.singleStep
|
|
487
445
|
),
|
|
488
446
|
children: [
|
|
489
447
|
/* @__PURE__ */ t.jsx(
|
|
@@ -491,40 +449,40 @@ const U = j(
|
|
|
491
449
|
{
|
|
492
450
|
className: d(
|
|
493
451
|
"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",
|
|
494
|
-
|
|
452
|
+
r == null ? void 0 : r.numeric
|
|
495
453
|
),
|
|
496
454
|
children: e
|
|
497
455
|
}
|
|
498
456
|
),
|
|
499
457
|
/* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2"), children: [
|
|
500
|
-
|
|
458
|
+
p && /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", r == null ? void 0 : r.title), children: n }),
|
|
501
459
|
/* @__PURE__ */ t.jsx(
|
|
502
460
|
"div",
|
|
503
461
|
{
|
|
504
|
-
dangerouslySetInnerHTML: { __html:
|
|
505
|
-
className: d("desk-body-regular-l text-color-tetriary",
|
|
462
|
+
dangerouslySetInnerHTML: { __html: o ?? "" },
|
|
463
|
+
className: d("desk-body-regular-l text-color-tetriary", r == null ? void 0 : r.description)
|
|
506
464
|
}
|
|
507
465
|
)
|
|
508
466
|
] })
|
|
509
467
|
]
|
|
510
468
|
}
|
|
511
469
|
);
|
|
512
|
-
},
|
|
513
|
-
const { variant:
|
|
514
|
-
return /* @__PURE__ */ t.jsx(V, { className:
|
|
515
|
-
/* @__PURE__ */ t.jsx(a, { as: "h2", className: d("text-color-dark",
|
|
470
|
+
}, gt = ({ headline: r, config: e, classes: i }) => {
|
|
471
|
+
const { variant: n, details: o } = e;
|
|
472
|
+
return /* @__PURE__ */ t.jsx(V, { className: i == null ? void 0 : i.root, children: /* @__PURE__ */ t.jsx(j, { className: i == null ? void 0 : i.container, children: /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-6 desktop:items-start desktop:gap-12", i == null ? void 0 : i.wrapper), children: [
|
|
473
|
+
/* @__PURE__ */ t.jsx(a, { as: "h2", className: d("text-color-dark", i == null ? void 0 : i.headline), children: r }),
|
|
516
474
|
/* @__PURE__ */ t.jsx(
|
|
517
475
|
"div",
|
|
518
476
|
{
|
|
519
477
|
className: d(
|
|
520
478
|
"flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12",
|
|
521
|
-
|
|
479
|
+
i == null ? void 0 : i.stepsWrapper
|
|
522
480
|
),
|
|
523
|
-
children:
|
|
481
|
+
children: o == null ? void 0 : o.map((p, x) => /* @__PURE__ */ t.jsx(c, { variant: n, ...p, index: x + 1, classes: i == null ? void 0 : i.step }, p.description))
|
|
524
482
|
}
|
|
525
483
|
)
|
|
526
484
|
] }) }) });
|
|
527
|
-
},
|
|
485
|
+
}, s = k("", {
|
|
528
486
|
variants: {
|
|
529
487
|
intent: {
|
|
530
488
|
twoItems: "mob-headline-bold-s mb-6 desktop:desk-headline-bold-m desktop:mb-12",
|
|
@@ -540,7 +498,7 @@ const U = j(
|
|
|
540
498
|
defaultVariants: {
|
|
541
499
|
intent: "twoItems"
|
|
542
500
|
}
|
|
543
|
-
}),
|
|
501
|
+
}), tt = k("", {
|
|
544
502
|
variants: {
|
|
545
503
|
intent: {
|
|
546
504
|
twoItems: "",
|
|
@@ -572,7 +530,7 @@ const U = j(
|
|
|
572
530
|
class: "desktop:grid grid-rows-2 desktop:gap-x-10 desktop:gap-y-4 grid-flow-col"
|
|
573
531
|
}
|
|
574
532
|
]
|
|
575
|
-
}),
|
|
533
|
+
}), et = k("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
|
|
576
534
|
variants: {
|
|
577
535
|
intent: {
|
|
578
536
|
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',
|
|
@@ -582,7 +540,7 @@ const U = j(
|
|
|
582
540
|
defaultVariants: {
|
|
583
541
|
intent: "twoItems"
|
|
584
542
|
}
|
|
585
|
-
}),
|
|
543
|
+
}), rt = k("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
|
|
586
544
|
variants: {
|
|
587
545
|
intent: {
|
|
588
546
|
twoItems: "desktop:h-[232px] desktop:w-[500px]",
|
|
@@ -608,51 +566,50 @@ const U = j(
|
|
|
608
566
|
class: "desktop:h-[272px] desktop:w-[500px]"
|
|
609
567
|
}
|
|
610
568
|
]
|
|
611
|
-
}),
|
|
612
|
-
const {
|
|
613
|
-
|
|
569
|
+
}), ot = ({ data: r, intent: e }) => {
|
|
570
|
+
const {
|
|
571
|
+
title: i,
|
|
572
|
+
description: n,
|
|
573
|
+
popover: o = {
|
|
574
|
+
enabled: !1
|
|
575
|
+
}
|
|
576
|
+
} = r;
|
|
577
|
+
return /* @__PURE__ */ t.jsx("li", { className: d(et({ intent: e })), children: /* @__PURE__ */ t.jsxs("div", { className: "desktop:max-w-[264px]", children: [
|
|
614
578
|
/* @__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:
|
|
616
|
-
|
|
579
|
+
/* @__PURE__ */ t.jsx("h4", { className: d("mob-title-bold-m text-color-dark"), children: i }),
|
|
580
|
+
o.enabled && /* @__PURE__ */ t.jsx(D, { triggerElement: /* @__PURE__ */ t.jsx(l, { className: d("size-5 text-icon-blue-grey-600"), name: "info/helpCircle" }), children: o == null ? void 0 : o.text })
|
|
617
581
|
] }),
|
|
618
|
-
/* @__PURE__ */ t.jsx("
|
|
582
|
+
/* @__PURE__ */ t.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
|
|
619
583
|
] }) });
|
|
620
|
-
},
|
|
621
|
-
|
|
622
|
-
|
|
623
|
-
|
|
624
|
-
textContent: i,
|
|
625
|
-
imageComponent: r,
|
|
626
|
-
classes: x
|
|
627
|
-
}) => {
|
|
628
|
-
const m = !!e, h = o === "fourItems", f = o === "twoItems";
|
|
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 }),
|
|
584
|
+
}, v = ({ intent: r, headline: e, desktopHidden: i = !1, mobileHidden: n = !1 }) => /* @__PURE__ */ t.jsx("h2", { className: d(s({ intent: r, desktopHidden: i, mobileHidden: n })), children: e }), nt = ({ details: r, intent: e, withButton: i }) => /* @__PURE__ */ t.jsx("ul", { className: d(tt({ intent: e, withButton: i })), children: r == null ? void 0 : r.map((n, o) => /* @__PURE__ */ t.jsx(ot, { intent: e, data: n }, o)) }), wt = ({ headline: r, buttonConfig: e, withButton: i = !1, config: n, imageComponent: o, classes: p }) => {
|
|
585
|
+
const { intent: x = "twoItems", details: h } = n, u = x === "fourItems", f = x === "twoItems";
|
|
586
|
+
return /* @__PURE__ */ t.jsx("section", { className: d(p == null ? void 0 : p.root), children: /* @__PURE__ */ t.jsxs(j, { className: d(p == null ? void 0 : p.container), children: [
|
|
587
|
+
f && /* @__PURE__ */ t.jsx(v, { intent: x, headline: r }),
|
|
631
588
|
/* @__PURE__ */ t.jsxs(
|
|
632
589
|
"div",
|
|
633
590
|
{
|
|
634
591
|
className: d(
|
|
635
592
|
"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",
|
|
636
|
-
|
|
593
|
+
p == null ? void 0 : p.contentContainer
|
|
637
594
|
),
|
|
638
595
|
children: [
|
|
639
|
-
|
|
640
|
-
/* @__PURE__ */ t.jsx("div", { className: d(
|
|
596
|
+
u && /* @__PURE__ */ t.jsx(v, { intent: x, headline: r, desktopHidden: !0 }),
|
|
597
|
+
/* @__PURE__ */ t.jsx("div", { className: d(rt({ intent: x, withButton: i }), p == null ? void 0 : p.imgContainer), children: o }),
|
|
641
598
|
/* @__PURE__ */ t.jsxs(
|
|
642
599
|
"div",
|
|
643
600
|
{
|
|
644
|
-
className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10",
|
|
601
|
+
className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", p == null ? void 0 : p.textWithBtnContainer),
|
|
645
602
|
children: [
|
|
646
|
-
|
|
647
|
-
/* @__PURE__ */ t.jsx(
|
|
648
|
-
|
|
649
|
-
|
|
603
|
+
u && /* @__PURE__ */ t.jsx(v, { intent: x, headline: r, mobileHidden: !0 }),
|
|
604
|
+
/* @__PURE__ */ t.jsx(nt, { details: h, intent: x, withButton: i }),
|
|
605
|
+
i && /* @__PURE__ */ t.jsx(
|
|
606
|
+
w,
|
|
650
607
|
{
|
|
651
|
-
className: d("w-full px-4 desktop:w-max",
|
|
608
|
+
className: d("w-full px-4 desktop:w-max", p == null ? void 0 : p.button),
|
|
652
609
|
size: "lg",
|
|
653
|
-
onClick: e.onClick,
|
|
610
|
+
onClick: e == null ? void 0 : e.onClick,
|
|
654
611
|
intent: "secondary",
|
|
655
|
-
children: e.text
|
|
612
|
+
children: e == null ? void 0 : e.text
|
|
656
613
|
}
|
|
657
614
|
)
|
|
658
615
|
]
|
|
@@ -662,18 +619,18 @@ const U = j(
|
|
|
662
619
|
}
|
|
663
620
|
)
|
|
664
621
|
] }) });
|
|
665
|
-
},
|
|
622
|
+
}, I = {
|
|
666
623
|
ESIA: "esia",
|
|
667
624
|
MOBILE_ID: "mobileId",
|
|
668
625
|
COMBINE: "combine"
|
|
669
|
-
},
|
|
626
|
+
}, T = ({ children: r, isLoading: e, classes: i, loaderProps: n }) => /* @__PURE__ */ t.jsx(
|
|
670
627
|
"div",
|
|
671
628
|
{
|
|
672
629
|
tabIndex: 0,
|
|
673
630
|
className: d(
|
|
674
631
|
"relative flex h-[90px] w-full max-w-[328px] items-center justify-center rounded-sm p-2 desktop:max-w-[524px]",
|
|
675
632
|
"bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",
|
|
676
|
-
|
|
633
|
+
i == null ? void 0 : i.root
|
|
677
634
|
),
|
|
678
635
|
children: /* @__PURE__ */ t.jsx(
|
|
679
636
|
"div",
|
|
@@ -682,13 +639,13 @@ const U = j(
|
|
|
682
639
|
"flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3",
|
|
683
640
|
"bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",
|
|
684
641
|
{ "items-center": e },
|
|
685
|
-
|
|
642
|
+
i == null ? void 0 : i.wrapper
|
|
686
643
|
),
|
|
687
|
-
children: e ? /* @__PURE__ */ t.jsx(
|
|
644
|
+
children: e ? /* @__PURE__ */ t.jsx(O, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
|
|
688
645
|
}
|
|
689
646
|
)
|
|
690
647
|
}
|
|
691
|
-
),
|
|
648
|
+
), it = ({ ...r }) => /* @__PURE__ */ t.jsxs("svg", { width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: [
|
|
692
649
|
/* @__PURE__ */ t.jsx(
|
|
693
650
|
"path",
|
|
694
651
|
{
|
|
@@ -716,22 +673,22 @@ const U = j(
|
|
|
716
673
|
/* @__PURE__ */ t.jsx("stop", { offset: "0.6875", stopColor: "#EE2F53" }),
|
|
717
674
|
/* @__PURE__ */ t.jsx("stop", { offset: "1", stopColor: "#EE2F53" })
|
|
718
675
|
] }) })
|
|
719
|
-
] }), F = ({ mainLink:
|
|
676
|
+
] }), F = ({ mainLink: r, subLink: e, isMobile: i, classes: n }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col", n == null ? void 0 : n.linksWrapper), children: [
|
|
720
677
|
/* @__PURE__ */ t.jsx(
|
|
721
678
|
"a",
|
|
722
679
|
{
|
|
723
|
-
href:
|
|
680
|
+
href: r.href,
|
|
724
681
|
target: "_blank",
|
|
725
682
|
rel: "noreferrer",
|
|
726
683
|
className: d(
|
|
727
684
|
'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',
|
|
728
|
-
|
|
685
|
+
n == null ? void 0 : n.linksMainLink
|
|
729
686
|
),
|
|
730
|
-
children:
|
|
687
|
+
children: i ? r.mobileTitle : r.title
|
|
731
688
|
}
|
|
732
689
|
),
|
|
733
690
|
(e == null ? void 0 : e.text) && (e == null ? void 0 : e.href) && /* @__PURE__ */ t.jsx(
|
|
734
|
-
|
|
691
|
+
N,
|
|
735
692
|
{
|
|
736
693
|
intent: "blue",
|
|
737
694
|
withUnderline: !0,
|
|
@@ -739,79 +696,79 @@ const U = j(
|
|
|
739
696
|
target: "_blank",
|
|
740
697
|
rel: "noreferrer",
|
|
741
698
|
classes: {
|
|
742
|
-
link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary",
|
|
699
|
+
link: d("w-max relative z-[6] p-0 desk-body-regular-m text-color-tetriary", n == null ? void 0 : n.linksSubLink)
|
|
743
700
|
},
|
|
744
701
|
children: e == null ? void 0 : e.text
|
|
745
702
|
}
|
|
746
703
|
)
|
|
747
|
-
] }),
|
|
748
|
-
const { isMobile:
|
|
749
|
-
return /* @__PURE__ */ t.jsx(
|
|
704
|
+
] }), _ = ({ mainLink: r, subLink: e, isLoading: i, badge: n, loaderProps: o, classes: p }) => {
|
|
705
|
+
const { isMobile: x } = b();
|
|
706
|
+
return /* @__PURE__ */ t.jsx(T, { isLoading: i, loaderProps: o, classes: p == null ? void 0 : p.authWrapper, children: /* @__PURE__ */ t.jsxs(
|
|
750
707
|
"div",
|
|
751
708
|
{
|
|
752
709
|
className: d(
|
|
753
710
|
"flex flex-1 items-center justify-between gap-1",
|
|
754
|
-
{ "justify-center": !
|
|
755
|
-
|
|
711
|
+
{ "justify-center": !n && x },
|
|
712
|
+
p == null ? void 0 : p.innerWrapper
|
|
756
713
|
),
|
|
757
714
|
children: [
|
|
758
|
-
/* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4",
|
|
715
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", p == null ? void 0 : p.textContent), children: [
|
|
759
716
|
/* @__PURE__ */ t.jsxs("div", { children: [
|
|
760
|
-
/* @__PURE__ */ t.jsx(l, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8",
|
|
761
|
-
/* @__PURE__ */ t.jsx(l, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8",
|
|
762
|
-
/* @__PURE__ */ t.jsx(l, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8",
|
|
717
|
+
/* @__PURE__ */ t.jsx(l, { name: "logos/mts", className: d("relative z-[9] size-7 desktop:size-8", p == null ? void 0 : p.mtsLogo) }),
|
|
718
|
+
/* @__PURE__ */ t.jsx(l, { name: "logos/megafon", className: d("relative z-[8] -ml-4 size-7 desktop:size-8", p == null ? void 0 : p.megafonLogo) }),
|
|
719
|
+
/* @__PURE__ */ t.jsx(l, { name: "logos/beeline", className: d("relative z-[7] -ml-4 size-7 desktop:size-8", p == null ? void 0 : p.beelineLogo) })
|
|
763
720
|
] }),
|
|
764
|
-
/* @__PURE__ */ t.jsx(F, { mainLink:
|
|
765
|
-
/* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden",
|
|
721
|
+
/* @__PURE__ */ t.jsx(F, { mainLink: r, subLink: e, isMobile: x, classes: p == null ? void 0 : p.links }),
|
|
722
|
+
/* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", p == null ? void 0 : p.arrowIcon) })
|
|
766
723
|
] }),
|
|
767
|
-
|
|
724
|
+
n && /* @__PURE__ */ t.jsx(C, { className: d("bg-color-positive", p == null ? void 0 : p.badge), children: n })
|
|
768
725
|
]
|
|
769
726
|
}
|
|
770
727
|
) });
|
|
771
|
-
},
|
|
772
|
-
const { isMobile:
|
|
773
|
-
return /* @__PURE__ */ t.jsx(
|
|
728
|
+
}, z = ({ mainLink: r, subLink: e, isLoading: i, badge: n, loaderProps: o, classes: p }) => {
|
|
729
|
+
const { isMobile: x } = b();
|
|
730
|
+
return /* @__PURE__ */ t.jsx(T, { isLoading: i, loaderProps: o, classes: p == null ? void 0 : p.authWrapper, children: /* @__PURE__ */ t.jsxs(
|
|
774
731
|
"div",
|
|
775
732
|
{
|
|
776
733
|
className: d(
|
|
777
734
|
"flex flex-1 items-center justify-between gap-1",
|
|
778
|
-
{ "justify-center": !
|
|
779
|
-
|
|
735
|
+
{ "justify-center": !n && x },
|
|
736
|
+
p == null ? void 0 : p.innerWrapper
|
|
780
737
|
),
|
|
781
738
|
children: [
|
|
782
|
-
/* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4",
|
|
783
|
-
/* @__PURE__ */ t.jsx(
|
|
784
|
-
/* @__PURE__ */ t.jsx(F, { mainLink:
|
|
785
|
-
/* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden",
|
|
739
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1 desktop:gap-4", p == null ? void 0 : p.textContent), children: [
|
|
740
|
+
/* @__PURE__ */ t.jsx(it, { className: d("size-7 desktop:size-8", p == null ? void 0 : p.esiaLogo) }),
|
|
741
|
+
/* @__PURE__ */ t.jsx(F, { mainLink: r, subLink: e, isMobile: x, classes: p == null ? void 0 : p.links }),
|
|
742
|
+
/* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("mobile:hidden", p == null ? void 0 : p.arrowIcon) })
|
|
786
743
|
] }),
|
|
787
|
-
|
|
744
|
+
n && /* @__PURE__ */ t.jsx(C, { className: d("bg-color-positive", p == null ? void 0 : p.badge), children: n })
|
|
788
745
|
]
|
|
789
746
|
}
|
|
790
747
|
) });
|
|
791
|
-
},
|
|
792
|
-
switch (
|
|
793
|
-
case
|
|
794
|
-
return /* @__PURE__ */ t.jsx(
|
|
795
|
-
case
|
|
796
|
-
return /* @__PURE__ */ t.jsx(
|
|
797
|
-
case
|
|
748
|
+
}, dt = (r) => {
|
|
749
|
+
switch (r.mode) {
|
|
750
|
+
case I.ESIA:
|
|
751
|
+
return /* @__PURE__ */ t.jsx(z, { ...r });
|
|
752
|
+
case I.MOBILE_ID:
|
|
753
|
+
return /* @__PURE__ */ t.jsx(_, { ...r });
|
|
754
|
+
case I.COMBINE:
|
|
798
755
|
default:
|
|
799
|
-
const { esiaConfig: e, mobileIdConfig:
|
|
756
|
+
const { esiaConfig: e, mobileIdConfig: i, subtitle: n, badge: o, classes: p } = r, x = !n && !o ? g.Fragment : "div";
|
|
800
757
|
return /* @__PURE__ */ t.jsxs(
|
|
801
758
|
"div",
|
|
802
759
|
{
|
|
803
760
|
className: d(
|
|
804
761
|
"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",
|
|
805
|
-
|
|
762
|
+
p == null ? void 0 : p.root
|
|
806
763
|
),
|
|
807
764
|
children: [
|
|
808
|
-
/* @__PURE__ */ t.jsxs(
|
|
809
|
-
|
|
810
|
-
|
|
765
|
+
/* @__PURE__ */ t.jsxs(x, { className: d("flex w-full items-center justify-between gap-2", p == null ? void 0 : p.topContent), children: [
|
|
766
|
+
n && /* @__PURE__ */ t.jsx("h5", { className: d("desk-body-regular-l flex flex-1 text-color-dark", p == null ? void 0 : p.subtitle), children: n }),
|
|
767
|
+
o && /* @__PURE__ */ t.jsx(C, { className: d("bg-color-positive", p == null ? void 0 : p.badge), children: o })
|
|
811
768
|
] }),
|
|
812
|
-
/* @__PURE__ */ t.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4",
|
|
769
|
+
/* @__PURE__ */ t.jsxs("div", { className: d("grid w-full grid-cols-2 gap-2 desktop:gap-4", p == null ? void 0 : p.authWrapper), children: [
|
|
813
770
|
/* @__PURE__ */ t.jsx(
|
|
814
|
-
|
|
771
|
+
z,
|
|
815
772
|
{
|
|
816
773
|
...e,
|
|
817
774
|
classes: {
|
|
@@ -822,13 +779,13 @@ const U = j(
|
|
|
822
779
|
}
|
|
823
780
|
),
|
|
824
781
|
/* @__PURE__ */ t.jsx(
|
|
825
|
-
|
|
782
|
+
_,
|
|
826
783
|
{
|
|
827
|
-
...
|
|
784
|
+
...i,
|
|
828
785
|
classes: {
|
|
829
786
|
root: "p-0 outline-0 h-[74px]",
|
|
830
787
|
arrowIcon: "hidden",
|
|
831
|
-
...
|
|
788
|
+
...i.classes
|
|
832
789
|
}
|
|
833
790
|
}
|
|
834
791
|
)
|
|
@@ -837,45 +794,45 @@ const U = j(
|
|
|
837
794
|
}
|
|
838
795
|
);
|
|
839
796
|
}
|
|
840
|
-
},
|
|
841
|
-
|
|
797
|
+
}, Nt = (r) => dt(r), H = ({ links: r, classes: e }) => /* @__PURE__ */ t.jsx("nav", { className: d("flex flex-col gap-1", e == null ? void 0 : e.linksWrapper), children: r == null ? void 0 : r.map(({ path: i, label: n }) => /* @__PURE__ */ t.jsx(
|
|
798
|
+
N,
|
|
842
799
|
{
|
|
843
800
|
classes: {
|
|
844
801
|
link: d("w-max", e == null ? void 0 : e.linkText),
|
|
845
802
|
icon: d(e == null ? void 0 : e.linkIcon)
|
|
846
803
|
},
|
|
847
804
|
intent: "dark",
|
|
848
|
-
href:
|
|
849
|
-
children:
|
|
805
|
+
href: i,
|
|
806
|
+
children: n
|
|
850
807
|
},
|
|
851
|
-
|
|
852
|
-
)) }),
|
|
853
|
-
var
|
|
854
|
-
const { isMobile:
|
|
855
|
-
return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2",
|
|
856
|
-
!
|
|
857
|
-
/* @__PURE__ */ t.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l",
|
|
858
|
-
/* @__PURE__ */ t.jsx(
|
|
808
|
+
i
|
|
809
|
+
)) }), pt = ({ groupLabel: r, links: e, mobileAccordionProps: i, classes: n }) => {
|
|
810
|
+
var p, x, h;
|
|
811
|
+
const { isMobile: o } = b();
|
|
812
|
+
return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", n == null ? void 0 : n.columnGroup), children: [
|
|
813
|
+
!o && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
|
|
814
|
+
/* @__PURE__ */ t.jsx("h5", { className: d("mob-body-medium-l text-color-dark desktop:desk-body-medium-l", n == null ? void 0 : n.columnGroupHeading), children: r }),
|
|
815
|
+
/* @__PURE__ */ t.jsx(H, { links: e, classes: n == null ? void 0 : n.linksList }, "desktop")
|
|
859
816
|
] }),
|
|
860
|
-
|
|
861
|
-
|
|
817
|
+
o && /* @__PURE__ */ t.jsx(
|
|
818
|
+
E,
|
|
862
819
|
{
|
|
863
820
|
defaultOpen: !0,
|
|
864
|
-
label:
|
|
821
|
+
label: r,
|
|
865
822
|
icon: /* @__PURE__ */ t.jsx(l, { name: "arrows/arrowRight", className: d("rotate-90 transition-transform group-data-[state=open]:-rotate-90") }),
|
|
866
|
-
...
|
|
823
|
+
...i,
|
|
867
824
|
classes: {
|
|
868
|
-
...
|
|
825
|
+
...i == null ? void 0 : i.classes,
|
|
869
826
|
header: {
|
|
870
|
-
trigger: d("p-0 bg-color-blue-grey-100", (
|
|
827
|
+
trigger: d("p-0 bg-color-blue-grey-100", (x = (p = i == null ? void 0 : i.classes) == null ? void 0 : p.header) == null ? void 0 : x.trigger)
|
|
871
828
|
},
|
|
872
|
-
contentInner: d("py-2 px-4", (h =
|
|
829
|
+
contentInner: d("py-2 px-4", (h = i == null ? void 0 : i.classes) == null ? void 0 : h.contentInner)
|
|
873
830
|
},
|
|
874
|
-
children: /* @__PURE__ */ t.jsx(
|
|
831
|
+
children: /* @__PURE__ */ t.jsx(H, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
|
|
875
832
|
}
|
|
876
833
|
)
|
|
877
834
|
] });
|
|
878
|
-
},
|
|
835
|
+
}, xt = ({ column: r, mobileAccordionProps: e, classes: i }) => /* @__PURE__ */ t.jsx("div", { className: d("flex flex-col gap-4 desktop:gap-6", i == null ? void 0 : i.column), children: r == null ? void 0 : r.map((n) => /* @__PURE__ */ t.jsx(pt, { ...e, ...n, classes: i == null ? void 0 : i.columnGroup }, n.groupLabel)) }), mt = k("grid gap-4 grid-cols-1", {
|
|
879
836
|
variants: {
|
|
880
837
|
variant: {
|
|
881
838
|
twoCols: "desktop:grid-cols-2",
|
|
@@ -886,36 +843,36 @@ const U = j(
|
|
|
886
843
|
defaultVariants: {
|
|
887
844
|
variant: "fourCols"
|
|
888
845
|
}
|
|
889
|
-
}),
|
|
890
|
-
var h,
|
|
891
|
-
const { variant:
|
|
892
|
-
return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: d("min-w-full desktop:min-w-[1140px]",
|
|
893
|
-
|
|
846
|
+
}), yt = ({ config: r, headline: e, mobileAccordionProps: i, rootAccordionProps: n, classes: o }) => {
|
|
847
|
+
var h, u, f;
|
|
848
|
+
const { variant: p, details: x } = r;
|
|
849
|
+
return /* @__PURE__ */ t.jsx("section", { id: "inter-linking", className: d("min-w-full desktop:min-w-[1140px]", o == null ? void 0 : o.root), children: /* @__PURE__ */ t.jsx(j, { children: /* @__PURE__ */ t.jsx(
|
|
850
|
+
E,
|
|
894
851
|
{
|
|
895
852
|
defaultOpen: !0,
|
|
896
|
-
label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-left",
|
|
897
|
-
...
|
|
853
|
+
label: /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-left", o == null ? void 0 : o.headline), children: e }),
|
|
854
|
+
...n,
|
|
898
855
|
classes: {
|
|
899
|
-
...
|
|
856
|
+
...n == null ? void 0 : n.classes,
|
|
900
857
|
header: {
|
|
901
|
-
trigger: d("bg-color-blue-grey-100", (
|
|
858
|
+
trigger: d("bg-color-blue-grey-100", (u = (h = n == null ? void 0 : n.classes) == null ? void 0 : h.header) == null ? void 0 : u.trigger)
|
|
902
859
|
},
|
|
903
|
-
content: d("max-w-full bg-color-blue-grey-100 relative", (
|
|
860
|
+
content: d("max-w-full bg-color-blue-grey-100 relative", (f = n == null ? void 0 : n.classes) == null ? void 0 : f.content)
|
|
904
861
|
},
|
|
905
|
-
children: /* @__PURE__ */ t.jsx("div", { className: d(
|
|
862
|
+
children: /* @__PURE__ */ t.jsx("div", { className: d(mt({ variant: p }), o == null ? void 0 : o.columnsWrapper), children: x == null ? void 0 : x.map((m, y) => /* @__PURE__ */ t.jsx(xt, { ...m, ...i, classes: o == null ? void 0 : o.column }, y)) })
|
|
906
863
|
}
|
|
907
864
|
) }) });
|
|
908
865
|
};
|
|
909
866
|
export {
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
867
|
+
R as Advantages,
|
|
868
|
+
Nt as AuthProvider,
|
|
869
|
+
kt as Banner,
|
|
870
|
+
B as BannerWithSeparateImg,
|
|
871
|
+
at as Benefit,
|
|
872
|
+
bt as Footer,
|
|
873
|
+
jt as Header,
|
|
874
|
+
yt as InterLinking,
|
|
875
|
+
wt as LongBanner,
|
|
876
|
+
gt as Stepper
|
|
920
877
|
};
|
|
921
878
|
//# sourceMappingURL=widget.js.map
|