@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.
- package/dist/BlogCardsSponsoredSection.cjs +1 -1
- package/dist/BlogCardsSponsoredSection.js +1 -1
- package/dist/BlogListSection.cjs +1 -1
- package/dist/BlogListSection.js +1 -1
- package/dist/BlogsSectionDetailed.cjs +1 -1
- package/dist/BlogsSectionDetailed.js +1 -1
- package/dist/BlogsSectionSimple.cjs +1 -1
- package/dist/BlogsSectionSimple.js +1 -1
- package/dist/BlogsSectionWithFilters.cjs +1 -1
- package/dist/BlogsSectionWithFilters.js +1 -1
- package/dist/DetailedProductsInfinitiveSection.cjs +7 -2
- package/dist/DetailedProductsInfinitiveSection.js +62 -52
- package/dist/DetailedProductsSection.cjs +1 -1
- package/dist/DetailedProductsSection.js +2 -2
- package/dist/GiftCardsSection.cjs +1 -1
- package/dist/GiftCardsSection.js +1 -1
- package/dist/ProductsWithBannerSection.cjs +1 -1
- package/dist/ProductsWithBannerSection.js +1 -1
- package/dist/SalesCampaignsSection.cjs +14 -19
- package/dist/SalesCampaignsSection.js +116 -118
- package/dist/SimpleCategoriesSection.cjs +1 -1
- package/dist/SimpleCategoriesSection.js +1 -1
- package/dist/UrgentSaleProductsSection.cjs +1 -1
- package/dist/UrgentSaleProductsSection.js +1 -1
- package/dist/{style-DFPWLJBr.js → style-BLuyU97E.js} +4 -0
- package/dist/{style-CyHewQxg.cjs → style-lSjkOR95.cjs} +6 -2
- package/dist/{suspense-product-card-detailed-BJ-HBkBc.js → suspense-product-card-detailed-BWoxabjZ.js} +164 -136
- package/dist/suspense-product-card-detailed-DYyH_jf5.cjs +300 -0
- package/package.json +1 -1
- package/dist/suspense-product-card-detailed-wPRUytSf.cjs +0 -263
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
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
|
|
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: ${
|
|
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: ${
|
|
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
|
-
`,
|
|
158
|
+
`, oe = (e = !1, t = !1, o = !1) => `
|
|
164
159
|
display: flex;
|
|
165
|
-
${
|
|
166
|
-
${
|
|
160
|
+
${t ? "flex-wrap: wrap;" : ""}
|
|
161
|
+
${t ? "" : "flex-wrap: nowrap;"}
|
|
167
162
|
${e ? "align-items: center;" : ""}
|
|
168
|
-
${
|
|
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
|
-
${
|
|
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
|
-
${
|
|
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: ${
|
|
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, ...
|
|
268
|
-
const
|
|
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 =
|
|
269
|
+
return (f = i == null ? void 0 : i.current) == null || f.addEventListener("error", l), () => {
|
|
275
270
|
var s;
|
|
276
|
-
(s =
|
|
271
|
+
(s = i == null ? void 0 : i.current) == null || s.removeEventListener("error", l);
|
|
277
272
|
};
|
|
278
|
-
}, []), /* @__PURE__ */
|
|
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:
|
|
282
|
-
hasPermission:
|
|
283
|
-
isUser:
|
|
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,
|
|
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(),
|
|
305
|
+
d.stopPropagation(), o === !0 && (y == null || y());
|
|
311
306
|
},
|
|
312
|
-
...
|
|
307
|
+
..._,
|
|
313
308
|
key: s,
|
|
314
309
|
className: `profile-item ${w}`,
|
|
315
|
-
hasPermission:
|
|
310
|
+
hasPermission: o,
|
|
316
311
|
isActive: I,
|
|
317
312
|
themeColor: (v == null ? void 0 : v.code) || "transparent"
|
|
318
313
|
},
|
|
319
|
-
/* @__PURE__ */
|
|
314
|
+
/* @__PURE__ */ n("div", { className: "logo-wrapper", children: Me(f) ? f : l }),
|
|
320
315
|
/* @__PURE__ */ g("div", { children: [
|
|
321
|
-
/* @__PURE__ */
|
|
322
|
-
!
|
|
323
|
-
m > 0 && /* @__PURE__ */
|
|
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
|
|
350
|
-
if (!e || !
|
|
351
|
-
const
|
|
352
|
-
return
|
|
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
|
|
356
|
-
return `${String(
|
|
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,
|
|
353
|
+
}, pe = z((e, t) => {
|
|
359
354
|
var te;
|
|
360
|
-
const
|
|
355
|
+
const o = q(), {
|
|
361
356
|
// uuid,
|
|
362
|
-
shopUuid:
|
|
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:
|
|
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 =
|
|
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 =
|
|
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,
|
|
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)),
|
|
409
|
-
return { hours: P, minutes:
|
|
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:
|
|
423
|
-
theme:
|
|
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:
|
|
429
|
-
/* @__PURE__ */
|
|
430
|
-
/* @__PURE__ */
|
|
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__ */
|
|
427
|
+
return /* @__PURE__ */ n(
|
|
433
428
|
Be,
|
|
434
429
|
{
|
|
435
|
-
color: (u = p == null ? void 0 : p.find((
|
|
436
|
-
theme:
|
|
437
|
-
children: /* @__PURE__ */
|
|
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((
|
|
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:
|
|
449
|
-
/* @__PURE__ */
|
|
450
|
-
/* @__PURE__ */
|
|
451
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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__ */
|
|
490
|
+
/* @__PURE__ */ n(
|
|
496
491
|
he,
|
|
497
492
|
{
|
|
498
493
|
hasPermission: !0,
|
|
499
|
-
image: /* @__PURE__ */
|
|
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(
|
|
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: ${
|
|
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: ${
|
|
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
|
|
622
|
-
return /* @__PURE__ */ g(Ae, { ref: e, theme:
|
|
623
|
-
/* @__PURE__ */
|
|
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:
|
|
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:
|
|
634
|
-
/* @__PURE__ */
|
|
635
|
-
/* @__PURE__ */
|
|
636
|
-
/* @__PURE__ */
|
|
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__ */
|
|
634
|
+
/* @__PURE__ */ n(
|
|
640
635
|
le,
|
|
641
636
|
{
|
|
642
|
-
theme:
|
|
637
|
+
theme: t,
|
|
643
638
|
width: "2.5rem",
|
|
644
639
|
height: "2.5rem",
|
|
645
640
|
borderRadius: "curved"
|
|
646
641
|
}
|
|
647
642
|
),
|
|
648
|
-
/* @__PURE__ */
|
|
643
|
+
/* @__PURE__ */ n(B, { theme: t, width: "75%" })
|
|
649
644
|
] })
|
|
650
645
|
] })
|
|
651
646
|
] });
|
|
652
|
-
}), Ge = ({ itemsCount: e = 5, keyPrefix:
|
|
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
|
-
`${
|
|
650
|
+
`${t}-skeleton-campaign-card-${i}`
|
|
656
651
|
)) }), Xe = ({
|
|
657
652
|
children: e,
|
|
658
|
-
fallbackComponent:
|
|
659
|
-
isLoading:
|
|
660
|
-
itemsCount:
|
|
653
|
+
fallbackComponent: t = /* @__PURE__ */ n(ke, {}),
|
|
654
|
+
isLoading: o = !1,
|
|
655
|
+
itemsCount: i = 5,
|
|
661
656
|
keyPrefix: l
|
|
662
|
-
}) => /* @__PURE__ */
|
|
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: ${
|
|
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: ${
|
|
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:
|
|
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(
|
|
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
|
-
},
|
|
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__ */
|
|
757
|
-
Y(e) && /* @__PURE__ */
|
|
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(
|
|
761
|
+
Y(t) && /* @__PURE__ */ g("div", { className: "title__text", children: [
|
|
762
|
+
" ",
|
|
763
|
+
t
|
|
764
|
+
] })
|
|
767
765
|
] }) }),
|
|
768
|
-
/* @__PURE__ */
|
|
766
|
+
/* @__PURE__ */ n(
|
|
769
767
|
Ze,
|
|
770
768
|
{
|
|
771
|
-
numOfColumns:
|
|
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
|
-
|
|
787
|
-
/* @__PURE__ */
|
|
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:
|
|
794
|
+
onClick: _
|
|
797
795
|
}
|
|
798
796
|
),
|
|
799
|
-
/* @__PURE__ */
|
|
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:
|
|
843
|
-
maxHeight:
|
|
844
|
-
className:
|
|
840
|
+
imageUrl: t,
|
|
841
|
+
maxHeight: o = "16.25rem",
|
|
842
|
+
className: i = "",
|
|
845
843
|
handleClick: l = () => {
|
|
846
844
|
}
|
|
847
|
-
}, f) => /* @__PURE__ */
|
|
845
|
+
}, f) => /* @__PURE__ */ n(
|
|
848
846
|
qe,
|
|
849
847
|
{
|
|
850
848
|
ref: f,
|
|
851
|
-
maxHeight:
|
|
849
|
+
maxHeight: o,
|
|
852
850
|
onClick: l,
|
|
853
|
-
className: `itemless-banner ${
|
|
854
|
-
children: /* @__PURE__ */
|
|
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:
|
|
869
|
-
title:
|
|
870
|
-
icon:
|
|
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:
|
|
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 =
|
|
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:
|
|
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 (
|
|
938
|
+
return (t == null ? void 0 : t.length) < 2 && !T ? [
|
|
941
939
|
...U,
|
|
942
|
-
/* @__PURE__ */
|
|
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
|
-
}, [
|
|
952
|
-
return /* @__PURE__ */
|
|
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__ */
|
|
956
|
+
children: /* @__PURE__ */ n(
|
|
959
957
|
fe,
|
|
960
958
|
{
|
|
961
|
-
icon:
|
|
962
|
-
title:
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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;
|
|
@@ -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);",
|
|
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=
|
|
92
|
+
`;exports.BlogTag=o;exports.RegulatTitleSectionWrapper=i;exports.TitleWithOptionsSectionWrapper=n;
|