@lanaco/lnc-react-ui 4.0.155 → 4.0.157

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.
Files changed (30) hide show
  1. package/dist/BlogCardsSponsoredSection.cjs +1 -1
  2. package/dist/BlogCardsSponsoredSection.js +1 -1
  3. package/dist/BlogListSection.cjs +1 -1
  4. package/dist/BlogListSection.js +1 -1
  5. package/dist/BlogsSectionDetailed.cjs +1 -1
  6. package/dist/BlogsSectionDetailed.js +1 -1
  7. package/dist/BlogsSectionSimple.cjs +1 -1
  8. package/dist/BlogsSectionSimple.js +1 -1
  9. package/dist/BlogsSectionWithFilters.cjs +1 -1
  10. package/dist/BlogsSectionWithFilters.js +1 -1
  11. package/dist/DetailedProductsInfinitiveSection.cjs +7 -2
  12. package/dist/DetailedProductsInfinitiveSection.js +62 -52
  13. package/dist/DetailedProductsSection.cjs +1 -1
  14. package/dist/DetailedProductsSection.js +2 -2
  15. package/dist/GiftCardsSection.cjs +1 -1
  16. package/dist/GiftCardsSection.js +1 -1
  17. package/dist/ProductsWithBannerSection.cjs +1 -1
  18. package/dist/ProductsWithBannerSection.js +1 -1
  19. package/dist/SalesCampaignsSection.cjs +14 -19
  20. package/dist/SalesCampaignsSection.js +116 -118
  21. package/dist/SimpleCategoriesSection.cjs +1 -1
  22. package/dist/SimpleCategoriesSection.js +1 -1
  23. package/dist/UrgentSaleProductsSection.cjs +1 -1
  24. package/dist/UrgentSaleProductsSection.js +1 -1
  25. package/dist/{style-DFPWLJBr.js → style-BLuyU97E.js} +4 -0
  26. package/dist/{style-CyHewQxg.cjs → style-lSjkOR95.cjs} +6 -2
  27. package/dist/{suspense-product-card-detailed-BJ-HBkBc.js → suspense-product-card-detailed-BWoxabjZ.js} +164 -136
  28. package/dist/suspense-product-card-detailed-DYyH_jf5.cjs +300 -0
  29. package/package.json +1 -1
  30. package/dist/suspense-product-card-detailed-wPRUytSf.cjs +0 -263
@@ -1,8 +1,8 @@
1
- import { jsx as t, jsxs as g, Fragment as ke } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as g, Fragment as ke } from "react/jsx-runtime";
2
2
  import { forwardRef as z, useRef as Ne, useEffect as Z, Fragment as Ie, createElement as De, useState as M, Suspense as Te, memo as Pe, useMemo as ze } from "react";
3
3
  import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { a as L, k as Y, l as Me, o as ce } from "./utils-BdsZgOUE.js";
5
- import { M as _ } from "./consts-BuFChS64.js";
5
+ import { M as S } from "./consts-BuFChS64.js";
6
6
  import { m as de } from "./motion-Ckekul_K.js";
7
7
  import { P as a } from "./index-CblbdqjE.js";
8
8
  import ge from "./Icon.js";
@@ -19,7 +19,7 @@ const Ue = h.div`
19
19
  border-radius: 1.25rem;
20
20
  border: 1px solid var(--gray-200, #e4e9f0);
21
21
 
22
- @media (max-width: ${_ + "px"}) {
22
+ @media (max-width: ${S + "px"}) {
23
23
  flex-direction: column;
24
24
  padding: 1rem;
25
25
  gap: 0;
@@ -47,11 +47,6 @@ const Ue = h.div`
47
47
  transform: scale(1.25);
48
48
  }
49
49
  }
50
-
51
- @media (max-width: ${_ + "px"}) {
52
- width: 100%;
53
- height: 100%;
54
- }
55
50
  `, Ee = h.div`
56
51
  flex: 1;
57
52
  display: flex;
@@ -135,7 +130,7 @@ const Ue = h.div`
135
130
  color: var(--gray-600, #676e79);
136
131
  }
137
132
 
138
- @media (max-width: ${_ + "px"}) {
133
+ @media (max-width: ${S + "px"}) {
139
134
  padding: 1rem 0 0 0;
140
135
 
141
136
  & .campaign-title-text {
@@ -160,12 +155,12 @@ const Ue = h.div`
160
155
  gap: 0.25rem;
161
156
  }
162
157
  }
163
- `, ie = (e = !1, n = !1, i = !1) => `
158
+ `, oe = (e = !1, t = !1, o = !1) => `
164
159
  display: flex;
165
- ${n ? "flex-wrap: wrap;" : ""}
166
- ${n ? "" : "flex-wrap: nowrap;"}
160
+ ${t ? "flex-wrap: wrap;" : ""}
161
+ ${t ? "" : "flex-wrap: nowrap;"}
167
162
  ${e ? "align-items: center;" : ""}
168
- ${i ? "justify-content: center;" : ""}
163
+ ${o ? "justify-content: center;" : ""}
169
164
  `, je = h(de.div)`
170
165
  text-decoration: none;
171
166
  ${(e) => e.hasPermission === !0 && "cursor: pointer"};
@@ -183,7 +178,7 @@ const Ue = h.div`
183
178
  text-decoration: none;
184
179
  }
185
180
 
186
- ${ie(!0)}
181
+ ${oe(!0)}
187
182
  gap: 0.5rem;
188
183
  padding: 0.5rem;
189
184
  color: var(--gray-950, #14161a);
@@ -199,7 +194,7 @@ const Ue = h.div`
199
194
  font-weight: 400;
200
195
  }
201
196
  & .logo-wrapper {
202
- ${ie(!0, !1, !0)}
197
+ ${oe(!0, !1, !0)}
203
198
  flex-shrink: 0;
204
199
  border-radius: 999px;
205
200
 
@@ -238,7 +233,7 @@ const Ue = h.div`
238
233
  background-color: var(--gray-95080, #14161acc);
239
234
  }
240
235
 
241
- @media (max-width: ${_ + "px"}) {
236
+ @media (max-width: ${S + "px"}) {
242
237
  padding: 0;
243
238
  font-size: 0.875rem;
244
239
  }
@@ -264,23 +259,23 @@ const Ue = h.div`
264
259
  & i {
265
260
  font-size: 0.813rem;
266
261
  }
267
- `, Fe = z(({ src: e, ...n }, i) => {
268
- const o = Ne();
262
+ `, Fe = z(({ src: e, ...t }, o) => {
263
+ const i = Ne();
269
264
  return Z(() => {
270
265
  var f;
271
266
  const l = (s) => {
272
267
  s.target.src = ne, s.onerror = null;
273
268
  };
274
- return (f = o == null ? void 0 : o.current) == null || f.addEventListener("error", l), () => {
269
+ return (f = i == null ? void 0 : i.current) == null || f.addEventListener("error", l), () => {
275
270
  var s;
276
- (s = o == null ? void 0 : o.current) == null || s.removeEventListener("error", l);
271
+ (s = i == null ? void 0 : i.current) == null || s.removeEventListener("error", l);
277
272
  };
278
- }, []), /* @__PURE__ */ t(Ie, { ref: i, children: Y(e) ? /* @__PURE__ */ t("img", { ref: o, src: e, ...n }) : /* @__PURE__ */ t("img", { src: ne, ...n }) });
273
+ }, []), /* @__PURE__ */ n(Ie, { ref: o, children: Y(e) ? /* @__PURE__ */ n("img", { ref: i, src: e, ...t }) : /* @__PURE__ */ n("img", { src: ne, ...t }) });
279
274
  }), he = (e) => {
280
275
  const {
281
- uuid: n,
282
- hasPermission: i = !0,
283
- isUser: o,
276
+ uuid: t,
277
+ hasPermission: o = !0,
278
+ isUser: i,
284
279
  image: l,
285
280
  imageComponent: f,
286
281
  name: s,
@@ -296,7 +291,7 @@ const Ue = h.div`
296
291
  shopCategory: b,
297
292
  // new
298
293
  themeData: v
299
- } = e, C = {
294
+ } = e, _ = {
300
295
  theme: q(),
301
296
  color: c,
302
297
  size: x,
@@ -307,20 +302,20 @@ const Ue = h.div`
307
302
  je,
308
303
  {
309
304
  onClick: (d) => {
310
- d.stopPropagation(), i === !0 && (y == null || y());
305
+ d.stopPropagation(), o === !0 && (y == null || y());
311
306
  },
312
- ...C,
307
+ ..._,
313
308
  key: s,
314
309
  className: `profile-item ${w}`,
315
- hasPermission: i,
310
+ hasPermission: o,
316
311
  isActive: I,
317
312
  themeColor: (v == null ? void 0 : v.code) || "transparent"
318
313
  },
319
- /* @__PURE__ */ t("div", { className: "logo-wrapper", children: Me(f) ? f : l }),
314
+ /* @__PURE__ */ n("div", { className: "logo-wrapper", children: Me(f) ? f : l }),
320
315
  /* @__PURE__ */ g("div", { children: [
321
- /* @__PURE__ */ t("div", { className: "name", children: s }),
322
- !o && /* @__PURE__ */ t("div", { className: "description", children: b }),
323
- m > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(Le, { className: "badge", color: "danger", size: "small", children: m > 99 ? "99+" : m }) })
316
+ /* @__PURE__ */ n("div", { className: "name", children: s }),
317
+ !i && /* @__PURE__ */ n("div", { className: "description", children: b }),
318
+ m > 0 && /* @__PURE__ */ n("div", { className: "notifications-number", children: /* @__PURE__ */ n(Le, { className: "badge", color: "danger", size: "small", children: m > 99 ? "99+" : m }) })
324
319
  ] })
325
320
  );
326
321
  };
@@ -346,20 +341,20 @@ he.propTypes = {
346
341
  onSelect: a.func,
347
342
  hasPermission: a.bool
348
343
  };
349
- const oe = (e, n) => {
350
- if (!e || !n) return null;
351
- const i = e.getTime() - n.getTime(), o = 24 * 60 * 60 * 1e3;
352
- return i >= 0 ? Math.ceil(i / o) : Math.floor(i / o);
344
+ const ie = (e, t) => {
345
+ if (!e || !t) return null;
346
+ const o = e.getTime() - t.getTime(), i = 24 * 60 * 60 * 1e3;
347
+ return o >= 0 ? Math.ceil(o / i) : Math.floor(o / i);
353
348
  }, se = (e) => {
354
349
  if (e !== void 0) {
355
- const n = new Date(e), i = n.getFullYear(), o = n.getMonth() + 1;
356
- return `${String(n.getDate()).padStart(2)}. ${o}. ${i}.`;
350
+ const t = new Date(e), o = t.getFullYear(), i = t.getMonth() + 1;
351
+ return `${String(t.getDate()).padStart(2)}. ${i}. ${o}.`;
357
352
  }
358
- }, pe = z((e, n) => {
353
+ }, pe = z((e, t) => {
359
354
  var te;
360
- const i = q(), {
355
+ const o = q(), {
361
356
  // uuid,
362
- shopUuid: o,
357
+ shopUuid: i,
363
358
  title: l = "",
364
359
  // description,
365
360
  // badges,
@@ -379,7 +374,7 @@ const oe = (e, n) => {
379
374
  onSelectShop: v = () => {
380
375
  },
381
376
  upcoming: D = !1,
382
- upcomingCampaignText: C,
377
+ upcomingCampaignText: _,
383
378
  campaignSingleText: d,
384
379
  salesCampaignTypes: p = [],
385
380
  startsInPrefixTextPlural: F,
@@ -395,18 +390,18 @@ const oe = (e, n) => {
395
390
  numberOfListingsTextSingular: G,
396
391
  numberOfListingsTextPlural: xe,
397
392
  ...we
398
- } = e, Q = m ? new Date(m) <= /* @__PURE__ */ new Date() : !1, be = oe(
393
+ } = e, Q = m ? new Date(m) <= /* @__PURE__ */ new Date() : !1, be = ie(
399
394
  m ? new Date(m) : null,
400
395
  /* @__PURE__ */ new Date()
401
- ), O = oe(
396
+ ), O = ie(
402
397
  c ? new Date(c) : null,
403
398
  /* @__PURE__ */ new Date()
404
- ), ve = O !== null && O <= 2 && O > 0, ee = c ? new Date(c).getTime() : null, ye = Date.now(), X = ee !== null ? ee - ye : null, E = X !== null && X > 0 && X < 24 * 60 * 60 * 1e3, re = ($, R, u, P, S) => u === 1 ? `${$} ${u} ${P}` : `${R} ${u} ${S}`, $e = () => {
399
+ ), ve = O !== null && O <= 2 && O > 0, ee = c ? new Date(c).getTime() : null, ye = Date.now(), X = ee !== null ? ee - ye : null, E = X !== null && X > 0 && X < 24 * 60 * 60 * 1e3, re = ($, R, u, P, C) => u === 1 ? `${$} ${u} ${P}` : `${R} ${u} ${C}`, $e = () => {
405
400
  if (!c) return null;
406
401
  const $ = _e, u = new Date(c).getTime() - $.getTime();
407
402
  if (u <= 0) return null;
408
- const P = Math.floor(u / (1e3 * 60 * 60)), S = Math.floor(u % (1e3 * 60 * 60) / (1e3 * 60)), Se = Math.floor(u % (1e3 * 60) / 1e3);
409
- return { hours: P, minutes: S, seconds: Se };
403
+ const P = Math.floor(u / (1e3 * 60 * 60)), C = Math.floor(u % (1e3 * 60 * 60) / (1e3 * 60)), Se = Math.floor(u % (1e3 * 60) / 1e3);
404
+ return { hours: P, minutes: C, seconds: Se };
410
405
  }, [_e, Ce] = M(/* @__PURE__ */ new Date());
411
406
  Z(() => {
412
407
  if (!E) return;
@@ -419,25 +414,25 @@ const oe = (e, n) => {
419
414
  return /* @__PURE__ */ g(
420
415
  Ue,
421
416
  {
422
- ref: n,
423
- theme: i,
417
+ ref: t,
418
+ theme: o,
424
419
  className: w,
425
420
  onClick: b,
426
421
  ...we,
427
422
  children: [
428
- /* @__PURE__ */ g(Oe, { theme: i, onClick: () => s == null ? void 0 : s(), children: [
429
- /* @__PURE__ */ t("img", { src: f }),
430
- /* @__PURE__ */ t(Re, { children: x == null ? void 0 : x.map(($, R) => {
423
+ /* @__PURE__ */ g(Oe, { theme: o, onClick: () => s == null ? void 0 : s(), children: [
424
+ /* @__PURE__ */ n("img", { src: f }),
425
+ /* @__PURE__ */ n(Re, { children: x == null ? void 0 : x.map(($, R) => {
431
426
  var u, P;
432
- return /* @__PURE__ */ t(
427
+ return /* @__PURE__ */ n(
433
428
  Be,
434
429
  {
435
- color: (u = p == null ? void 0 : p.find((S) => S.value === $)) == null ? void 0 : u.color,
436
- theme: i,
437
- children: /* @__PURE__ */ t(
430
+ color: (u = p == null ? void 0 : p.find((C) => C.value === $)) == null ? void 0 : u.color,
431
+ theme: o,
432
+ children: /* @__PURE__ */ n(
438
433
  ge,
439
434
  {
440
- icon: (P = p == null ? void 0 : p.find((S) => S.value === $)) == null ? void 0 : P.icon
435
+ icon: (P = p == null ? void 0 : p.find((C) => C.value === $)) == null ? void 0 : P.icon
441
436
  }
442
437
  )
443
438
  },
@@ -445,10 +440,10 @@ const oe = (e, n) => {
445
440
  );
446
441
  }) })
447
442
  ] }),
448
- /* @__PURE__ */ g(Ee, { theme: i, children: [
449
- /* @__PURE__ */ t("div", { className: "text-block-wrapper", children: /* @__PURE__ */ g("div", { className: "title-block-wrapper", children: [
450
- /* @__PURE__ */ t("div", { className: "campaign-title", children: (te = D ? C : d) == null ? void 0 : te.toUpperCase() }),
451
- /* @__PURE__ */ t("div", { className: "campaign-title-text", children: l }),
443
+ /* @__PURE__ */ g(Ee, { theme: o, children: [
444
+ /* @__PURE__ */ n("div", { className: "text-block-wrapper", children: /* @__PURE__ */ g("div", { className: "title-block-wrapper", children: [
445
+ /* @__PURE__ */ n("div", { className: "campaign-title", children: (te = D ? _ : d) == null ? void 0 : te.toUpperCase() }),
446
+ /* @__PURE__ */ n("div", { className: "campaign-title-text", children: l }),
452
447
  c && m && /* @__PURE__ */ g("div", { className: "campaign-date", children: [
453
448
  se(m),
454
449
  " - ",
@@ -463,7 +458,7 @@ const oe = (e, n) => {
463
458
  "∙",
464
459
  " "
465
460
  ] }),
466
- /* @__PURE__ */ t(
461
+ /* @__PURE__ */ n(
467
462
  "span",
468
463
  {
469
464
  className: `duration-text ${ve ? "urgent" : ""} ${Q ? "" : "starts-in"}`,
@@ -492,18 +487,18 @@ const oe = (e, n) => {
492
487
  )
493
488
  ] })
494
489
  ] }) }),
495
- /* @__PURE__ */ t(
490
+ /* @__PURE__ */ n(
496
491
  he,
497
492
  {
498
493
  hasPermission: !0,
499
- image: /* @__PURE__ */ t(Fe, { src: y }),
494
+ image: /* @__PURE__ */ n(Fe, { src: y }),
500
495
  imageComponent: I,
501
496
  themeData: U,
502
497
  isActive: !0,
503
498
  isUser: !1,
504
499
  name: k,
505
500
  shopCategory: N,
506
- onClick: () => v(o)
501
+ onClick: () => v(i)
507
502
  }
508
503
  )
509
504
  ] })
@@ -548,7 +543,7 @@ h.div`
548
543
  }
549
544
  }
550
545
 
551
- @media (max-width: ${_ + "px"}) {
546
+ @media (max-width: ${S + "px"}) {
552
547
  & .campaign-item {
553
548
  min-width: 100%;
554
549
  width: 100%;
@@ -607,7 +602,7 @@ const B = h.div`
607
602
  gap: 0.5rem;
608
603
  }
609
604
 
610
- @media (max-width: ${_ + "px"}) {
605
+ @media (max-width: ${S + "px"}) {
611
606
  flex-direction: column;
612
607
 
613
608
  & .campaign__user {
@@ -618,48 +613,48 @@ const B = h.div`
618
613
  display: flex;
619
614
  gap: 1.5rem;
620
615
  `, He = z(({}, e) => {
621
- const n = q();
622
- return /* @__PURE__ */ g(Ae, { ref: e, theme: n, children: [
623
- /* @__PURE__ */ t("div", { className: "campaign__left-section", children: /* @__PURE__ */ t(
616
+ const t = q();
617
+ return /* @__PURE__ */ g(Ae, { ref: e, theme: t, children: [
618
+ /* @__PURE__ */ n("div", { className: "campaign__left-section", children: /* @__PURE__ */ n(
624
619
  le,
625
620
  {
626
- theme: n,
621
+ theme: t,
627
622
  width: "15rem",
628
623
  height: "15rem",
629
624
  borderRadius: "edged"
630
625
  }
631
626
  ) }),
632
627
  /* @__PURE__ */ g("div", { className: "campaign__right-section", children: [
633
- /* @__PURE__ */ g(We, { theme: n, children: [
634
- /* @__PURE__ */ t(B, { heightCoeff: 0.75, theme: n, width: "35%" }),
635
- /* @__PURE__ */ t(B, { heightCoeff: 1.25, theme: n }),
636
- /* @__PURE__ */ t(B, { heightCoeff: 3, theme: n })
628
+ /* @__PURE__ */ g(We, { theme: t, children: [
629
+ /* @__PURE__ */ n(B, { heightCoeff: 0.75, theme: t, width: "35%" }),
630
+ /* @__PURE__ */ n(B, { heightCoeff: 1.25, theme: t }),
631
+ /* @__PURE__ */ n(B, { heightCoeff: 3, theme: t })
637
632
  ] }),
638
633
  /* @__PURE__ */ g("div", { className: "campaign__user", children: [
639
- /* @__PURE__ */ t(
634
+ /* @__PURE__ */ n(
640
635
  le,
641
636
  {
642
- theme: n,
637
+ theme: t,
643
638
  width: "2.5rem",
644
639
  height: "2.5rem",
645
640
  borderRadius: "curved"
646
641
  }
647
642
  ),
648
- /* @__PURE__ */ t(B, { theme: n, width: "75%" })
643
+ /* @__PURE__ */ n(B, { theme: t, width: "75%" })
649
644
  ] })
650
645
  ] })
651
646
  ] });
652
- }), Ge = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(Ve, { children: Array.from({ length: e }, (i, o) => /* @__PURE__ */ t(
647
+ }), Ge = ({ itemsCount: e = 5, keyPrefix: t }) => /* @__PURE__ */ n(Ve, { children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ n(
653
648
  He,
654
649
  {},
655
- `${n}-skeleton-campaign-card-${o}`
650
+ `${t}-skeleton-campaign-card-${i}`
656
651
  )) }), Xe = ({
657
652
  children: e,
658
- fallbackComponent: n = /* @__PURE__ */ t(ke, {}),
659
- isLoading: i = !1,
660
- itemsCount: o = 5,
653
+ fallbackComponent: t = /* @__PURE__ */ n(ke, {}),
654
+ isLoading: o = !1,
655
+ itemsCount: i = 5,
661
656
  keyPrefix: l
662
- }) => /* @__PURE__ */ t(Te, { fallback: n, children: i === !0 ? /* @__PURE__ */ t(Ge, { itemsCount: o, keyPrefix: l }) : e }), Ye = h.div`
657
+ }) => /* @__PURE__ */ n(Te, { fallback: t, children: o === !0 ? /* @__PURE__ */ n(Ge, { itemsCount: i, keyPrefix: l }) : e }), Ye = h.div`
663
658
  margin: 0 auto;
664
659
  display: flex;
665
660
  flex-direction: column;
@@ -698,7 +693,7 @@ const B = h.div`
698
693
  right: 0;
699
694
  }
700
695
 
701
- @media (max-width: ${_ + "px"}) {
696
+ @media (max-width: ${S + "px"}) {
702
697
  & .scrollable-section__header {
703
698
  & .scrollable-section__title {
704
699
  & .title__text {
@@ -714,7 +709,7 @@ const B = h.div`
714
709
  gap: 1.5rem;
715
710
  width: 100%;
716
711
 
717
- @media (max-width: ${_ + "px"}) {
712
+ @media (max-width: ${S + "px"}) {
718
713
  display: flex;
719
714
  flex-wrap: nowrap;
720
715
  overflow-x: scroll;
@@ -737,24 +732,24 @@ const B = h.div`
737
732
  }
738
733
  }
739
734
  `, fe = z(
740
- ({ icon: e, title: n, numOfSlides: i = 2, showNavigation: o = !0, children: l }, f) => {
735
+ ({ icon: e, title: t, numOfSlides: o = 2, showNavigation: i = !0, children: l }, f) => {
741
736
  const [s, m] = M(0), [c, x] = M(1), [k, N] = M(null), [y, I] = M(null), w = me(), b = (l == null ? void 0 : l.length) ?? 1;
742
737
  Z(() => {
743
738
  const d = () => {
744
- x(i);
739
+ x(o);
745
740
  };
746
741
  return window.addEventListener("resize", d), d(), () => window.removeEventListener("resize", d);
747
742
  }, []);
748
743
  const v = w ? l : l == null ? void 0 : l.slice(s, s + c), D = (d) => {
749
744
  var p;
750
745
  (p = d == null ? void 0 : d.target) == null || p.blur(), s + c < b && m(s + c);
751
- }, C = (d) => {
746
+ }, _ = (d) => {
752
747
  var p;
753
748
  (p = d == null ? void 0 : d.target) == null || p.blur(), s - c >= 0 && m(s - c);
754
749
  };
755
750
  return /* @__PURE__ */ g(Ye, { ref: f, children: [
756
- /* @__PURE__ */ t("div", { className: "scrollable-section__header", children: /* @__PURE__ */ g("div", { className: "scrollable-section__title", children: [
757
- Y(e) && /* @__PURE__ */ t(
751
+ /* @__PURE__ */ n("div", { className: "scrollable-section__header", children: /* @__PURE__ */ g("div", { className: "scrollable-section__title", children: [
752
+ Y(e) && /* @__PURE__ */ n(
758
753
  ge,
759
754
  {
760
755
  icon: e,
@@ -763,12 +758,15 @@ const B = h.div`
763
758
  className: "title__icon"
764
759
  }
765
760
  ),
766
- Y(n) && /* @__PURE__ */ t("div", { className: "title__text", children: n })
761
+ Y(t) && /* @__PURE__ */ g("div", { className: "title__text", children: [
762
+ " ",
763
+ t
764
+ ] })
767
765
  ] }) }),
768
- /* @__PURE__ */ t(
766
+ /* @__PURE__ */ n(
769
767
  Ze,
770
768
  {
771
- numOfColumns: i,
769
+ numOfColumns: o,
772
770
  ...!w && {
773
771
  animate: {
774
772
  x: 0,
@@ -783,8 +781,8 @@ const B = h.div`
783
781
  },
784
782
  `scrollable-section__content-${s}`
785
783
  ),
786
- o && b > c && !w && /* @__PURE__ */ g("div", { className: "scrollable-section__navigation", children: [
787
- /* @__PURE__ */ t(
784
+ i && b > c && !w && /* @__PURE__ */ g("div", { className: "scrollable-section__navigation", children: [
785
+ /* @__PURE__ */ n(
788
786
  ae,
789
787
  {
790
788
  icon: "angle-left",
@@ -793,10 +791,10 @@ const B = h.div`
793
791
  color: "neutral",
794
792
  className: "navigation__arrow",
795
793
  disabled: s === 0,
796
- onClick: C
794
+ onClick: _
797
795
  }
798
796
  ),
799
- /* @__PURE__ */ t(
797
+ /* @__PURE__ */ n(
800
798
  ae,
801
799
  {
802
800
  icon: "angle-right",
@@ -839,19 +837,19 @@ const qe = h.div`
839
837
  `, ue = z(
840
838
  ({
841
839
  sectionName: e,
842
- imageUrl: n,
843
- maxHeight: i = "16.25rem",
844
- className: o = "",
840
+ imageUrl: t,
841
+ maxHeight: o = "16.25rem",
842
+ className: i = "",
845
843
  handleClick: l = () => {
846
844
  }
847
- }, f) => /* @__PURE__ */ t(
845
+ }, f) => /* @__PURE__ */ n(
848
846
  qe,
849
847
  {
850
848
  ref: f,
851
- maxHeight: i,
849
+ maxHeight: o,
852
850
  onClick: l,
853
- className: `itemless-banner ${o}`,
854
- children: /* @__PURE__ */ t("img", { src: n, alt: `itemless-banner__${e}` })
851
+ className: `itemless-banner ${i}`,
852
+ children: /* @__PURE__ */ n("img", { src: t, alt: `itemless-banner__${e}` })
855
853
  }
856
854
  )
857
855
  );
@@ -865,9 +863,9 @@ ue.propTypes = {
865
863
  const Je = Pe(pe), gr = z(
866
864
  ({
867
865
  sellerType: e = "Shop",
868
- items: n = [],
869
- title: i,
870
- icon: o,
866
+ items: t = [],
867
+ title: o,
868
+ icon: i,
871
869
  isLoading: l,
872
870
  onSelectCard: f = () => {
873
871
  },
@@ -885,7 +883,7 @@ const Je = Pe(pe), gr = z(
885
883
  endsInPrefixTextPlural: b,
886
884
  endsinSuffixTextPlural: v,
887
885
  endsInPrefixTextSingular: D,
888
- endsinSuffixTextSingular: C,
886
+ endsinSuffixTextSingular: _,
889
887
  numOfSlides: d = 2,
890
888
  showNavigation: p = !0,
891
889
  numberOfListingsTextSingular: F,
@@ -896,7 +894,7 @@ const Je = Pe(pe), gr = z(
896
894
  }
897
895
  }, K) => {
898
896
  const T = me(), H = ze(() => {
899
- let U = n == null ? void 0 : n.map((r, G) => /* @__PURE__ */ t(
897
+ let U = t == null ? void 0 : t.map((r, G) => /* @__PURE__ */ n(
900
898
  Je,
901
899
  {
902
900
  className: "campaign-item",
@@ -929,7 +927,7 @@ const Je = Pe(pe), gr = z(
929
927
  endsInPrefixTextPlural: b,
930
928
  endsinSuffixTextPlural: v,
931
929
  endsInPrefixTextSingular: D,
932
- endsinSuffixTextSingular: C,
930
+ endsinSuffixTextSingular: _,
933
931
  themeData: r == null ? void 0 : r.themeData,
934
932
  numberOfListings: r == null ? void 0 : r.numberOfListings,
935
933
  numberOfListingsTextSingular: F,
@@ -937,9 +935,9 @@ const Je = Pe(pe), gr = z(
937
935
  },
938
936
  `campaign__item__${G}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
939
937
  ));
940
- return (n == null ? void 0 : n.length) < 2 && !T ? [
938
+ return (t == null ? void 0 : t.length) < 2 && !T ? [
941
939
  ...U,
942
- /* @__PURE__ */ t(
940
+ /* @__PURE__ */ n(
943
941
  ue,
944
942
  {
945
943
  imageUrl: A,
@@ -948,18 +946,18 @@ const Je = Pe(pe), gr = z(
948
946
  }
949
947
  )
950
948
  ] : U;
951
- }, [n]);
952
- return /* @__PURE__ */ t(
949
+ }, [t]);
950
+ return /* @__PURE__ */ n(
953
951
  Xe,
954
952
  {
955
953
  isLoading: l,
956
954
  itemsCount: T ? 1 : 2,
957
955
  keyPrefix: "sales-camp",
958
- children: /* @__PURE__ */ t(
956
+ children: /* @__PURE__ */ n(
959
957
  fe,
960
958
  {
961
- icon: o,
962
- title: i,
959
+ icon: i,
960
+ title: o,
963
961
  numOfSlides: d,
964
962
  showNavigation: p,
965
963
  children: H
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-Dl9xPH4c.cjs"),k=require("./style-CyHewQxg.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CjGtzfzp.cjs"),M=w.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),s=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),d=require("./utils-Dl9xPH4c.cjs"),k=require("./style-lSjkOR95.cjs"),v=require("./Button.cjs"),p=require("./suspense-categories-card-simple-CjGtzfzp.cjs"),M=w.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${a=>"repeat(6, minmax(0, 1fr))"};
4
4
  gap: 2rem;
@@ -4,7 +4,7 @@ import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as N } from "./consts-BuFChS64.js";
5
5
  import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import { k as p } from "./utils-BdsZgOUE.js";
7
- import { R as I } from "./style-DFPWLJBr.js";
7
+ import { R as I } from "./style-BLuyU97E.js";
8
8
  import R from "./Button.js";
9
9
  import { C as B, S as L } from "./suspense-categories-card-simple-BGj475Ca.js";
10
10
  const P = M.div`
@@ -1,4 +1,4 @@
1
- "use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-wPRUytSf.cjs"),N=P.styled.div`
1
+ "use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),N=P.styled.div`
2
2
  padding: 1.75rem 3rem;
3
3
  display: grid;
4
4
  grid-template-columns: ${o=>`repeat(${o.limit||5}, minmax(0, 1fr))`};
@@ -4,7 +4,7 @@ import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as I, S as T } from "./consts-BuFChS64.js";
5
5
  import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import B from "./Button.js";
7
- import { D, S as E } from "./suspense-product-card-detailed-BJ-HBkBc.js";
7
+ import { D, S as E } from "./suspense-product-card-detailed-BWoxabjZ.js";
8
8
  const j = F.div`
9
9
  padding: 1.75rem 3rem;
10
10
  display: grid;
@@ -65,6 +65,10 @@ const o = a.div`
65
65
  }
66
66
  }
67
67
 
68
+ & .button-link {
69
+ white-space: nowrap;
70
+ }
71
+
68
72
  & i {
69
73
  font-size: 1.5rem;
70
74
  color: var(--primary-500, #f59e0b);
@@ -62,6 +62,10 @@
62
62
  }
63
63
  }
64
64
 
65
+ & .button-link {
66
+ white-space: nowrap;
67
+ }
68
+
65
69
  & i {
66
70
  font-size: 1.5rem;
67
71
  color: var(--primary-500, #f59e0b);
@@ -73,7 +77,7 @@
73
77
  font-size: 1.375rem;
74
78
  }
75
79
  }
76
- `,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",d=t.styled.div`
80
+ `,s=e=>(e==null?void 0:e.toLowerCase())=="success"?"color: var(--success-700, #047857); border: 1px solid var(--success-600, #059669); background-color: var(--sucess-60008, #05966914);":(e==null?void 0:e.toLowerCase())=="warning"?"color: var(--warning-600, #d97706); border: 1px solid var(--warning-500, #f59e0b); background-color: var(--warning-50012, #f59e0b1f);":(e==null?void 0:e.toLowerCase())=="info"?"color: var(--info-700, #6d28d9); border: 1px solid var(--info-600, #7c3aed); background-color: var(--info-60012, #7c3aed1f);":(e==null?void 0:e.toLowerCase())=="danger"?"color: var(--danger-600, #e11d48); border: 1px solid var(--danger-500, #f43f5e); background-color: var(--danger-5008, #f43f5e14);":(e==null?void 0:e.toLowerCase())=="secondary"?"color: var(--secondary-700, #2667a0); border: 1px solid var(--secondary-600, #3284cb); background-color: var(--secondary-60012, #3284cb1f);":"color: var(--gray-950, #14161A); border: 1px solid var(--gray-200, #dddfe4); background-color: var(--white, #fff);",o=t.styled.div`
77
81
  font-size: 0.75rem;
78
82
  font-weight: 500;
79
83
  padding: 0 0.5rem;
@@ -85,4 +89,4 @@
85
89
  max-width: 12.5rem;
86
90
  ${e=>s(e.color)}
87
91
  ${r.truncateText()}
88
- `;exports.BlogTag=d;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;
92
+ `;exports.BlogTag=o;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;