@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/widget.js CHANGED
@@ -1,9 +1,9 @@
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
- import { s as O } from "./scrollToElement-B-reg4jF.js";
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 G from "react";
6
- const U = j(
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
- ), S = ({
18
- description: n,
17
+ ), U = ({
18
+ description: r,
19
19
  title: e,
20
- img: o,
21
- mobileImg: i,
22
- classes: r,
23
- withButton: x,
24
- buttonText: m,
20
+ img: i,
21
+ mobileImg: n,
22
+ classes: o,
23
+ withButton: p,
24
+ buttonText: x,
25
25
  intent: h,
26
- cardColor: f
26
+ cardColor: u
27
27
  }) => {
28
- const { isDesktop: u } = b(), p = /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(
29
- g,
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]", r == null ? void 0 : r.button),
33
- onClick: () => O("personal_form"),
32
+ className: d("desktop:w-[200px]", o == null ? void 0 : o.button),
33
+ onClick: () => G("personal_form"),
34
34
  size: "lg",
35
- children: m
35
+ children: x
36
36
  }
37
37
  ) });
38
38
  return /* @__PURE__ */ t.jsxs(
39
39
  "li",
40
40
  {
41
- className: d(U({ intent: h }), { "pb-0": i }, { "pb-12": !i }, f, r == null ? void 0 : r.root),
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", 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 })
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
- x && u && p
48
+ p && f && m
49
49
  ] }),
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 }) })
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
- o
53
+ i
54
54
  );
55
- }, Z = j("grid gap-4", {
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
- }), 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;
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(g, { intent: "secondary", size: "sm", ...o, children: (o == null ? void 0 : o.children) || "Оформить заявку" });
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, { ...o });
72
+ return /* @__PURE__ */ t.jsx(M, { ...i });
73
73
  default:
74
74
  return null;
75
75
  }
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: [
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: n,
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
- i == null ? void 0 : i.logo
86
+ n == null ? void 0 : n.logo
87
87
  ),
88
- children: T[e]
88
+ children: L[e]
89
89
  }
90
90
  ),
91
- $(o)
92
- ] }) }) }), E = ({ buttonsConfig: n, classes: e, className: o }) => {
93
- var r;
94
- const i = (n == null ? void 0 : n.secondary) && n.secondary.children;
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": i },
101
+ { "flex items-center gap-4": n },
102
102
  e == null ? void 0 : e.group,
103
- o
103
+ i
104
104
  ),
105
105
  children: [
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(
108
- g,
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
- ...n == null ? void 0 : n.secondary,
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: (r = n == null ? void 0 : n.secondary) == null ? void 0 : r.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: n,
121
+ headTitle: r,
122
122
  subtitle: e,
123
- buttonsConfig: o,
124
- advantagesConfig: i,
125
- classes: r,
126
- img: x,
127
- imgSets: m
123
+ buttonsConfig: i,
124
+ advantagesConfig: n,
125
+ classes: o,
126
+ img: p,
127
+ imgSets: x
128
128
  }) => {
129
- var p;
130
- const { isDesktop: h, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
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
- r == null ? void 0 : r.advantageContainer
136
+ o == null ? void 0 : o.advantageContainer
137
137
  ),
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 })
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]", r == null ? void 0 : r.root), children: [
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: m == null ? void 0 : m.large }),
150
- /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
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: x,
155
+ src: p,
156
156
  alt: "Картинка баннера",
157
- className: d("h-full w-full object-cover object-center", r == null ? void 0 : r.image)
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(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(
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", r == null ? void 0 : r.textBlock),
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", 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 })
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
- E,
175
+ W,
176
176
  {
177
177
  className: "self-end desktop:self-center",
178
178
  "data-id": "banner-buttons-group",
179
- buttonsConfig: o,
180
- classes: r
179
+ buttonsConfig: i,
180
+ classes: o
181
181
  }
182
182
  )
183
183
  ]
184
184
  }
185
185
  ) }),
186
- h && u
186
+ h && f
187
187
  ] })
188
188
  ] }),
189
- f && u
189
+ u && f
190
190
  ] });
191
- }, I = ({
192
- headTitle: n,
191
+ }, B = ({
192
+ headTitle: r,
193
193
  subtitle: e,
194
- buttonsConfig: o,
195
- advantagesConfig: i,
196
- classes: r,
197
- img: x,
198
- imgSets: m
194
+ buttonsConfig: i,
195
+ advantagesConfig: n,
196
+ classes: o,
197
+ img: p,
198
+ imgSets: x
199
199
  }) => {
200
- var p;
201
- const { isDesktop: h, isMobile: f } = b(), u = /* @__PURE__ */ t.jsx(
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
- r == null ? void 0 : r.advantageContainer
207
+ o == null ? void 0 : o.advantageContainer
208
208
  ),
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 })
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]", 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: [
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", 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 })
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(E, { buttonsConfig: o, classes: r })
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]", r == null ? void 0 : r.imageContainer),
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: m == null ? void 0 : m.large }),
229
- /* @__PURE__ */ t.jsx("source", { media: "(max-width: 1127px)", srcSet: m == null ? void 0 : m.mob }),
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: x,
234
+ src: p,
235
235
  alt: "Картинка баннера",
236
- className: d("h-full object-cover", r == null ? void 0 : r.image)
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 && u
243
+ h && f
244
244
  ] }) }),
245
- f && u
245
+ u && f
246
246
  ] });
247
- }, wt = ({ bannerVariant: n, ...e }) => {
248
- switch (n) {
247
+ }, kt = ({ bannerVariant: r, ...e }) => {
248
+ switch (r) {
249
249
  case "separateImg":
250
- return /* @__PURE__ */ t.jsx(I, { ...e });
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(I, { ...e });
254
+ return /* @__PURE__ */ t.jsx(B, { ...e });
255
255
  }
256
- }, H = ({ config: n, classes: e }) => {
257
- const { variant: o, details: i } = n;
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]": o === "threeCards" },
264
- { "desktop:max-w-[1140px]": o === "fourCards" },
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: i == null ? void 0 : i.map(({ title: r, description: x }) => /* @__PURE__ */ t.jsxs(
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: r }),
276
- /* @__PURE__ */ t.jsx("p", { className: d("desk-body-regular-l text-color-secondary", e == null ? void 0 : e.description), children: x })
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
- r
279
+ o
280
280
  ))
281
281
  }
282
282
  );
283
- }, J = /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
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: i,
376
- "aria-label": o.replace("social/", ""),
377
- children: /* @__PURE__ */ t.jsx(l, { name: o, className: d("h-full w-full text-icon-white", e == null ? void 0 : e.socialIcon) })
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
- 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(
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: o,
384
- text: i,
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
- o
392
- )) }), P = ({ navigationLinks: n, classes: e }) => /* @__PURE__ */ t.jsx(
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
- "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",
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
- ), 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(
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]", 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) })
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
- ), tt = ({ classes: n }) => /* @__PURE__ */ t.jsx(
426
- w,
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", n == null ? void 0 : n.siteMapLink),
435
- icon: n == null ? void 0 : n.siteMapLinkIcon
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
- ), Nt = ({
440
- renderBlocks: { withSocial: n = !0, withPhones: e = !0, withNavLinks: o = !0, withCopyright: i = !0, withSiteMap: r = !0 } = {},
441
- socialsLinks: x = Q,
442
- phones: m = K,
443
- navigationLinks: h = X,
444
- ligal: f,
445
- copyright: u = J,
446
- classes: p
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: [
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
- p == null ? void 0 : p.footerHead
411
+ m == null ? void 0 : m.footerHead
454
412
  ),
455
413
  children: [
456
- /* @__PURE__ */ t.jsxs("div", { className: d(p == null ? void 0 : p.footerSocialBlock), children: [
457
- /* @__PURE__ */ t.jsx(s, { classes: p == null ? void 0 : p.footerLogo }),
458
- n && /* @__PURE__ */ t.jsx(Y, { socialsLinks: x, classes: p == null ? void 0 : p.socialLinks })
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(A, { phones: m, classes: p == null ? void 0 : p.phonesBlock })
418
+ e && /* @__PURE__ */ t.jsx(K, { phones: h, classes: m == null ? void 0 : m.phonesBlock })
461
419
  ]
462
420
  }
463
421
  ),
464
- o && /* @__PURE__ */ t.jsx(P, { navigationLinks: h, classes: p == null ? void 0 : p.navLinks }),
465
- f && f,
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
- p == null ? void 0 : p.footerBottom
429
+ m == null ? void 0 : m.footerBottom
472
430
  ),
473
431
  children: [
474
- i && /* @__PURE__ */ t.jsx(c, { text: u, classes: p == null ? void 0 : p.copyright }),
475
- r && /* @__PURE__ */ t.jsx(tt, { classes: p == null ? void 0 : p.siteMap })
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
- ] }) }) }), et = ({ classes: n, index: e, variant: o, title: i, description: r }) => {
480
- const x = o === "withTitleAndDescription" && i;
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
- n == null ? void 0 : n.singleStep
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
- n == null ? void 0 : n.numeric
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
- x && /* @__PURE__ */ t.jsx(a, { as: "h4", className: d("text-color-dark", n == null ? void 0 : n.title), children: i }),
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: r ?? "" },
505
- className: d("desk-body-regular-l text-color-tetriary", n == null ? void 0 : n.description)
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
- }, 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 }),
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
- o == null ? void 0 : o.stepsWrapper
479
+ i == null ? void 0 : i.stepsWrapper
522
480
  ),
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))
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
- }, rt = j("", {
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
- }), ot = j("", {
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
- }), it = j("border-blue-grey-500 pb-6 mobile:mb-6 mobile:border-b mobile:last:pb-0 mobile:last:mb-0", {
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
- }), nt = j("mobile:mx-auto mobile:mb-8, h-[172px] w-[280px] ", {
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
- }), 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: [
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: 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 })
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("p", { className: d("mob-body-regular-l text-color-secondary"), children: i })
582
+ /* @__PURE__ */ t.jsx("div", { className: d("mob-body-regular-l text-color-secondary"), dangerouslySetInnerHTML: { __html: n } })
619
583
  ] }) });
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,
622
- buttonConfig: e,
623
- intent: o = "twoItems",
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
- x == null ? void 0 : x.contentContainer
593
+ p == null ? void 0 : p.contentContainer
637
594
  ),
638
595
  children: [
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 }),
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", x == null ? void 0 : x.textWithBtnContainer),
601
+ className: d("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10", p == null ? void 0 : p.textWithBtnContainer),
645
602
  children: [
646
- h && /* @__PURE__ */ t.jsx(N, { intent: o, title: n, mobileHidden: !0 }),
647
- /* @__PURE__ */ t.jsx(xt, { textContent: i, intent: o, withButton: m }),
648
- m && /* @__PURE__ */ t.jsx(
649
- g,
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", x == null ? void 0 : x.button),
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
- }, y = {
622
+ }, I = {
666
623
  ESIA: "esia",
667
624
  MOBILE_ID: "mobileId",
668
625
  COMBINE: "combine"
669
- }, W = ({ children: n, isLoading: e, classes: o, loaderProps: i }) => /* @__PURE__ */ t.jsx(
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
- o == null ? void 0 : o.root
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
- o == null ? void 0 : o.wrapper
642
+ i == null ? void 0 : i.wrapper
686
643
  ),
687
- children: e ? /* @__PURE__ */ t.jsx(D, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...i }) : n
644
+ children: e ? /* @__PURE__ */ t.jsx(O, { position: "static", classes: { wrapper: "size-8 m-auto" }, ...n }) : r
688
645
  }
689
646
  )
690
647
  }
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: [
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: n, subLink: e, isMobile: o, classes: i }) => /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col", i == null ? void 0 : i.linksWrapper), children: [
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: n.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
- i == null ? void 0 : i.linksMainLink
685
+ n == null ? void 0 : n.linksMainLink
729
686
  ),
730
- children: o ? n.mobileTitle : n.title
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
- w,
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", i == null ? void 0 : i.linksSubLink)
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
- ] }), C = ({ mainLink: n, subLink: e, isLoading: o, badge: i, loaderProps: r, classes: x }) => {
748
- const { isMobile: m } = b();
749
- return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: r, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
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": !i && m },
755
- x == null ? void 0 : x.innerWrapper
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", x == null ? void 0 : x.textContent), children: [
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", 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) })
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: 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) })
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
- i && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", x == null ? void 0 : x.badge), children: i })
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
- }, B = ({ mainLink: n, subLink: e, isLoading: o, badge: i, loaderProps: r, classes: x }) => {
772
- const { isMobile: m } = b();
773
- return /* @__PURE__ */ t.jsx(W, { isLoading: o, loaderProps: r, classes: x == null ? void 0 : x.authWrapper, children: /* @__PURE__ */ t.jsxs(
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": !i && m },
779
- x == null ? void 0 : x.innerWrapper
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", 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) })
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
- i && /* @__PURE__ */ t.jsx(v, { className: d("bg-color-positive", x == null ? void 0 : x.badge), children: i })
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
- }, mt = (n) => {
792
- switch (n.mode) {
793
- case y.ESIA:
794
- return /* @__PURE__ */ t.jsx(B, { ...n });
795
- case y.MOBILE_ID:
796
- return /* @__PURE__ */ t.jsx(C, { ...n });
797
- case y.COMBINE:
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: o, subtitle: i, badge: r, classes: x } = n, m = !i && !r ? G.Fragment : "div";
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
- x == null ? void 0 : x.root
762
+ p == null ? void 0 : p.root
806
763
  ),
807
764
  children: [
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 })
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", x == null ? void 0 : x.authWrapper), children: [
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
- B,
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
- C,
782
+ _,
826
783
  {
827
- ...o,
784
+ ...i,
828
785
  classes: {
829
786
  root: "p-0 outline-0 h-[74px]",
830
787
  arrowIcon: "hidden",
831
- ...o.classes
788
+ ...i.classes
832
789
  }
833
790
  }
834
791
  )
@@ -837,45 +794,45 @@ const U = j(
837
794
  }
838
795
  );
839
796
  }
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(
841
- w,
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: o,
849
- children: i
805
+ href: i,
806
+ children: n
850
807
  },
851
- o
852
- )) }), ht = ({ groupLabel: n, links: e, mobileAccordionProps: o, classes: i }) => {
853
- var x, m, h;
854
- const { isMobile: r } = b();
855
- return /* @__PURE__ */ t.jsxs("div", { className: d("flex flex-col gap-2", i == null ? void 0 : i.columnGroup), children: [
856
- !r && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
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")
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
- r && /* @__PURE__ */ t.jsx(
861
- _,
817
+ o && /* @__PURE__ */ t.jsx(
818
+ E,
862
819
  {
863
820
  defaultOpen: !0,
864
- label: n,
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
- ...o,
823
+ ...i,
867
824
  classes: {
868
- ...o == null ? void 0 : o.classes,
825
+ ...i == null ? void 0 : i.classes,
869
826
  header: {
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)
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 = o == null ? void 0 : o.classes) == null ? void 0 : h.contentInner)
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(z, { links: e, classes: i == null ? void 0 : i.linksList }, "mobile")
831
+ children: /* @__PURE__ */ t.jsx(H, { links: e, classes: n == null ? void 0 : n.linksList }, "mobile")
875
832
  }
876
833
  )
877
834
  ] });
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", {
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
- }), 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(
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", r == null ? void 0 : r.headline), children: e }),
897
- ...i,
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
- ...i == null ? void 0 : i.classes,
856
+ ...n == null ? void 0 : n.classes,
900
857
  header: {
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)
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", (u = i == null ? void 0 : i.classes) == null ? void 0 : u.content)
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(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)) })
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
- H as Advantages,
911
- It as AuthProvider,
912
- wt as Banner,
913
- I as BannerWithSeparateImg,
914
- bt as Benefit,
915
- Nt as Footer,
916
- gt as Header,
917
- Ct as InterLinking,
918
- vt as LongBanner,
919
- yt as Stepper
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