@lanaco/lnc-react-ui 4.0.186 → 4.0.188

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 (73) hide show
  1. package/dist/BannerSectionCarousel.cjs +4 -4
  2. package/dist/BannerSectionCarousel.js +150 -158
  3. package/dist/BlogCardsSponsoredSection.cjs +5 -5
  4. package/dist/BlogCardsSponsoredSection.js +55 -51
  5. package/dist/BlogCategoryCardsSection.cjs +1 -1
  6. package/dist/BlogCategoryCardsSection.js +1 -1
  7. package/dist/BlogExploreSection.cjs +5 -5
  8. package/dist/BlogExploreSection.js +182 -215
  9. package/dist/BlogListSection.cjs +6 -6
  10. package/dist/BlogListSection.js +134 -116
  11. package/dist/BlogProductCardsSection.cjs +1 -1
  12. package/dist/BlogProductCardsSection.js +26 -24
  13. package/dist/BlogShopCardsSection.cjs +1 -1
  14. package/dist/BlogShopCardsSection.js +1 -1
  15. package/dist/BlogSingleSection.cjs +3 -3
  16. package/dist/BlogSingleSection.js +21 -19
  17. package/dist/BlogsSectionDetailed.cjs +4 -4
  18. package/dist/BlogsSectionDetailed.js +81 -76
  19. package/dist/BlogsSectionLarge.cjs +6 -6
  20. package/dist/BlogsSectionLarge.js +34 -31
  21. package/dist/BlogsSectionSimple.cjs +8 -8
  22. package/dist/BlogsSectionSimple.js +68 -63
  23. package/dist/BlogsSectionSimpleCentered.cjs +9 -9
  24. package/dist/BlogsSectionSimpleCentered.js +67 -54
  25. package/dist/BlogsSectionWithFilters.cjs +9 -9
  26. package/dist/BlogsSectionWithFilters.js +98 -84
  27. package/dist/BrandHitsSection.cjs +7 -7
  28. package/dist/BrandHitsSection.js +50 -32
  29. package/dist/{CategorySimpleCard-DRQuoxXu.js → CategorySimpleCard-CEzArySG.js} +18 -17
  30. package/dist/{CategorySimpleCard-D5N8cx0Z.cjs → CategorySimpleCard-COGlTj06.cjs} +5 -5
  31. package/dist/DetailedProductsInfinitiveSection.cjs +4 -4
  32. package/dist/DetailedProductsInfinitiveSection.js +23 -21
  33. package/dist/DetailedProductsSection.cjs +3 -3
  34. package/dist/DetailedProductsSection.js +38 -35
  35. package/dist/FieldOfInterestsMasonrySection.cjs +12 -12
  36. package/dist/FieldOfInterestsMasonrySection.js +87 -83
  37. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +7 -7
  38. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +47 -43
  39. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -6
  40. package/dist/FieldOfInterestsWithTagsCardsSection.js +87 -62
  41. package/dist/GeneralWithTagsCardsSection.cjs +4 -4
  42. package/dist/GeneralWithTagsCardsSection.js +83 -46
  43. package/dist/GiftCardsSection.cjs +7 -7
  44. package/dist/GiftCardsSection.js +56 -47
  45. package/dist/MasonryGeneralCardsSection.cjs +9 -9
  46. package/dist/MasonryGeneralCardsSection.js +82 -68
  47. package/dist/OverlayGeneralCardsSection.cjs +5 -5
  48. package/dist/OverlayGeneralCardsSection.js +58 -50
  49. package/dist/ProductsWithBannerSection.cjs +10 -10
  50. package/dist/ProductsWithBannerSection.js +79 -70
  51. package/dist/QuattroCardsSection.cjs +8 -8
  52. package/dist/QuattroCardsSection.js +62 -40
  53. package/dist/ReviewsSection.cjs +8 -8
  54. package/dist/ReviewsSection.js +92 -67
  55. package/dist/SalesCampaignsSection.cjs +18 -18
  56. package/dist/SalesCampaignsSection.js +304 -298
  57. package/dist/ShopCardsSection.cjs +3 -3
  58. package/dist/ShopCardsSection.js +25 -23
  59. package/dist/SimpleCategoriesSection.cjs +4 -4
  60. package/dist/SimpleCategoriesSection.js +25 -22
  61. package/dist/SimpleProductsSection.cjs +3 -3
  62. package/dist/SimpleProductsSection.js +53 -50
  63. package/dist/UrgentSaleProductsSection.cjs +4 -4
  64. package/dist/UrgentSaleProductsSection.js +41 -38
  65. package/dist/{index-CA59z2ge.js → index-9inVkeN6.js} +46 -40
  66. package/dist/{index-C8QkdNHi.js → index-BB63Jo6p.js} +42 -36
  67. package/dist/{index-DHV9awrE.cjs → index-BFc3nxYZ.cjs} +3 -3
  68. package/dist/{index-MiN854X_.cjs → index-BWE-RCPy.cjs} +6 -6
  69. package/dist/{index-Bmr3IeZ_.cjs → index-DBokGIps.cjs} +14 -14
  70. package/dist/{index-BipuzfLW.js → index-DMHtIdm-.js} +39 -29
  71. package/dist/{index-0p_3g3pT.cjs → index-D_5jNP-o.cjs} +3 -3
  72. package/dist/{index-DZ8515cZ.js → index-DdUC0zgY.js} +211 -192
  73. package/package.json +1 -1
@@ -1,16 +1,16 @@
1
- import { jsxs as n, jsx as e, Fragment as M } from "react/jsx-runtime";
2
- import { forwardRef as ne, useState as Z, useRef as J, useEffect as Ve, cloneElement as ee, Suspense as Oe } from "react";
1
+ import { jsxs as t, jsx as e, Fragment as F } from "react/jsx-runtime";
2
+ import { forwardRef as ae, useState as J, useRef as ee, useEffect as ze, cloneElement as re, Suspense as We } from "react";
3
3
  import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as F } from "./consts-BuFChS64.js";
5
- import { t as G, o as Be, a as ze, l as re, p as oe, G as te, k as We } from "./utils-Dc5zIpaz.js";
6
- import { P as Ge } from "./index-C_NnINik.js";
7
- import V from "./Badge.js";
8
- import Me from "./Popover.js";
9
- import Fe from "./PopoverTrigger.js";
10
- import Ie from "./PopoverContent.js";
11
- import { u as De } from "./useDetectMobile-Bkvj0VMa.js";
12
- import { a as b, S as p, c as y, b as t } from "./style-CXMUA6cI.js";
13
- const je = N.a`
4
+ import { M as I } from "./consts-BuFChS64.js";
5
+ import { t as M, o as Ge, a as Me, l as oe, p as ne, G as te, k as ie } from "./utils-Dc5zIpaz.js";
6
+ import { P as Fe } from "./index-C_NnINik.js";
7
+ import O from "./Badge.js";
8
+ import Ie from "./Popover.js";
9
+ import De from "./PopoverTrigger.js";
10
+ import je from "./PopoverContent.js";
11
+ import { u as Le } from "./useDetectMobile-Bkvj0VMa.js";
12
+ import { a as b, S as u, c as y, b as n } from "./style-CXMUA6cI.js";
13
+ const Ue = N.a`
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  gap: 0.5rem;
@@ -21,7 +21,7 @@ const je = N.a`
21
21
  color: var(--gray-950, #14161a);
22
22
  & .seller {
23
23
  text-transform: uppercase;
24
- ${G()}
24
+ ${M()}
25
25
  color: var(--gray-500);
26
26
  font-size: 0.625rem;
27
27
  font-weight: 400;
@@ -74,13 +74,13 @@ const je = N.a`
74
74
  & .card-title {
75
75
  font-size: 0.875rem;
76
76
  font-weight: 600;
77
- ${Be(2)}
77
+ ${Ge(2)}
78
78
  }
79
79
 
80
80
  & .price-text {
81
81
  font-size: 1rem;
82
82
  font-weight: 600;
83
- ${G()}
83
+ ${M()}
84
84
  display: flex;
85
85
  align-items: end;
86
86
  gap: 0.5rem;
@@ -103,7 +103,7 @@ const je = N.a`
103
103
  font-size: 0.75rem;
104
104
  font-weight: 400;
105
105
  color: var(--gray-600, #676e79);
106
- ${G()}
106
+ ${M()}
107
107
  }
108
108
 
109
109
  & .tags-wrapper {
@@ -116,7 +116,7 @@ const je = N.a`
116
116
  gap: 0.25rem;
117
117
  }
118
118
 
119
- @media (max-width: ${F + "px"}) {
119
+ @media (max-width: ${I + "px"}) {
120
120
  overflow: visible;
121
121
 
122
122
  & .wrapper-card-3 {
@@ -179,7 +179,7 @@ const je = N.a`
179
179
  &:hover .product-image-wrapper img {
180
180
  transform: scale(1.1);
181
181
  }
182
- `, Ue = N.div`
182
+ `, Xe = N.div`
183
183
  position: relative;
184
184
  overflow: hidden;
185
185
  border-radius: 0.75rem;
@@ -200,7 +200,7 @@ const je = N.a`
200
200
 
201
201
  width: 2.25rem;
202
202
  height: 2.25rem;
203
- border-radius: ${(a) => ze(a.theme, "curved")};
203
+ border-radius: ${(a) => Me(a.theme, "curved")};
204
204
  border: 1px solid var(--gray-95008);
205
205
  background-color: white;
206
206
  color: var(--gray-950);
@@ -232,7 +232,7 @@ const je = N.a`
232
232
  transition: var(--transition, all 0.3s ease);
233
233
  }
234
234
 
235
- @media (max-width: ${F + "px"}) {
235
+ @media (max-width: ${I + "px"}) {
236
236
  & img {
237
237
  width: 8.875rem;
238
238
  height: 8.875rem;
@@ -247,7 +247,7 @@ const je = N.a`
247
247
  top: unset;
248
248
  }
249
249
  }
250
- `, Le = N.div`
250
+ `, xe = N.div`
251
251
  background: var(--white, #fff);
252
252
  z-index: 1;
253
253
 
@@ -297,7 +297,7 @@ const je = N.a`
297
297
  color: var(--gray-950, #14161a);
298
298
  }
299
299
  }
300
- `, Xe = N.div`
300
+ `, qe = N.div`
301
301
  display: flex;
302
302
  align-items: center;
303
303
  gap: 0.25rem;
@@ -309,10 +309,10 @@ const je = N.a`
309
309
  font-size: 1rem;
310
310
  color: var(--warning-500, #F59E0B);
311
311
  }
312
- `, xe = ne(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ n(Xe, { ref: $, className: "sponsored-line", children: [
312
+ `, Ye = ae(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ t(qe, { ref: $, className: "sponsored-line", children: [
313
313
  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
314
314
  /* @__PURE__ */ e("span", { children: a })
315
- ] })), qe = "Vehicles_Cars", Ye = "Vehicles_Motorcycles", Ae = "Vehicles_Trucks", Ke = "Vehicles_AgriculturalMachines_Tractors", He = "Vehicles_ConstructionMachines", Qe = "Vehicles_Bus", Ze = "Vehicles_Campers", Je = "RealEstates_", s = {
315
+ ] })), Ae = "Vehicles_Cars", Ke = "Vehicles_Motorcycles", He = "Vehicles_Trucks", Qe = "Vehicles_AgriculturalMachines_Tractors", Ze = "Vehicles_ConstructionMachines", Je = "Vehicles_Bus", er = "Vehicles_Campers", rr = "RealEstates_", s = {
316
316
  Mileage: {
317
317
  icon: "mng-lnc-road",
318
318
  measure: "km"
@@ -413,213 +413,232 @@ const je = N.a`
413
413
  icon: " mng-lnc-clock--filled",
414
414
  measure: ""
415
415
  }
416
- }, gr = ne((a, $) => {
416
+ }, br = ae((a, $) => {
417
417
  const {
418
- uuid: u,
419
- sellerUuid: O,
420
- name: ie,
418
+ uuid: d,
419
+ sellerUuid: B,
420
+ name: se,
421
421
  price: S = 0,
422
422
  sellingPrice: k,
423
423
  currency: _,
424
424
  isNegotiable: P,
425
425
  isFree: E,
426
- imageUrl: ae,
427
- location: se,
428
- sponsored: le,
429
- imageComponent: I,
430
- freeText: ce = "Free",
431
- negotiableText: de = "Negotiable",
426
+ imageUrl: le,
427
+ location: ce,
428
+ sponsored: de,
429
+ imageComponent: D,
430
+ freeText: me = "Free",
431
+ negotiableText: pe = "Negotiable",
432
432
  tags: i = [],
433
433
  categoryCode: T,
434
- categoryName: me,
435
- condition: D,
436
- quantity: B,
437
- trade: j,
438
- sponsoredText: he,
439
- forCart: pe,
440
- forOrder: ue,
441
- contactSeller: ge,
442
- hasVariants: fe,
443
- hasQuantities: be,
444
- status: ve,
445
- onBookmark: z = () => {
434
+ categoryName: he,
435
+ condition: j,
436
+ quantity: z,
437
+ trade: L,
438
+ sponsoredText: ue,
439
+ forCart: ge,
440
+ forOrder: fe,
441
+ contactSeller: be,
442
+ hasVariants: ve,
443
+ hasQuantities: we,
444
+ status: ye,
445
+ onBookmark: W = () => {
446
446
  },
447
447
  actionComponent: C,
448
448
  bookmarked: U,
449
- bookmarkLists: we,
449
+ bookmarkLists: ke,
450
450
  metadata: v,
451
- sellerName: L,
452
- nameSlug: X,
453
- onSelectCard: ye = () => {
454
- }
455
- } = a, W = De(), ke = () => {
456
- var d;
457
- if (!re(C)) return /* @__PURE__ */ e(M, {});
458
- const r = C, o = (d = C == null ? void 0 : C.props) == null ? void 0 : d.children, c = ee(o, {
451
+ sellerName: X,
452
+ nameSlug: V,
453
+ onSelectCard: _e = () => {
454
+ },
455
+ LinkComponent: x
456
+ } = a, Ce = x || "a", G = Le(), Re = () => {
457
+ var m;
458
+ if (!oe(C)) return /* @__PURE__ */ e(F, {});
459
+ const r = C, o = (m = C == null ? void 0 : C.props) == null ? void 0 : m.children, c = re(o, {
459
460
  key: `bookmark_pr__${U}`,
460
461
  bookmarked: U,
461
- productUuid: u,
462
- onAddToBookmark: () => z(!0, u),
463
- onRemoveFromBookmark: () => z(!1, u),
464
- bookmarkedUuidList: we,
465
- sellerUuid: O,
466
- handleBookmarking: z,
467
- forCart: pe,
468
- forOrder: ue,
469
- contactSeller: ge,
470
- hasVariants: fe,
471
- status: ve,
472
- quantity: B,
473
- hasQuantities: be,
462
+ productUuid: d,
463
+ onAddToBookmark: () => W(!0, d),
464
+ onRemoveFromBookmark: () => W(!1, d),
465
+ bookmarkedUuidList: ke,
466
+ sellerUuid: B,
467
+ handleBookmarking: W,
468
+ forCart: ge,
469
+ forOrder: fe,
470
+ contactSeller: be,
471
+ hasVariants: ve,
472
+ status: ye,
473
+ quantity: z,
474
+ hasQuantities: we,
474
475
  productBasicInfo: {
475
- uuid: u,
476
+ uuid: d,
476
477
  price: S,
477
478
  sellingPrice: k,
478
479
  categoryCode: T,
479
- categoryName: me,
480
+ categoryName: he,
480
481
  currency: _,
481
482
  isNegotiable: P,
482
483
  isFree: E
483
484
  }
484
485
  });
485
- return ee(r, void 0, c);
486
- }, x = [
487
- qe,
488
- Ye,
486
+ return re(r, void 0, c);
487
+ }, q = [
489
488
  Ae,
490
489
  Ke,
491
490
  He,
492
491
  Qe,
493
492
  Ze,
494
- Je
493
+ Je,
494
+ er,
495
+ rr
495
496
  ].some(
496
497
  (r) => T == null ? void 0 : T.includes(r)
497
- ), [_e, q] = Z(!1), Ce = () => {
498
- q(!0);
499
- }, Re = () => {
500
- q(!1);
501
- }, l = J(null), g = J([]), [Ne, Y] = Z(i == null ? void 0 : i.length), $e = () => {
502
- var d, w, R;
503
- if (!(l != null && l.current) || ((d = g == null ? void 0 : g.current) == null ? void 0 : d.length) === 0) return;
504
- if (W) {
505
- Y(i == null ? void 0 : i.length);
498
+ ), [Ne, Y] = J(!1), $e = () => {
499
+ Y(!0);
500
+ }, Se = () => {
501
+ Y(!1);
502
+ }, l = ee(null), g = ee([]), [Pe, A] = J(i == null ? void 0 : i.length), Ee = () => {
503
+ var m, w, R;
504
+ if (!(l != null && l.current) || ((m = g == null ? void 0 : g.current) == null ? void 0 : m.length) === 0) return;
505
+ if (G) {
506
+ A(i == null ? void 0 : i.length);
506
507
  return;
507
508
  }
508
509
  const r = (w = l == null ? void 0 : l.current) == null ? void 0 : w.offsetWidth;
509
510
  let o = 0, c = 0;
510
- for (let m = 0; m < (i == null ? void 0 : i.length); m++) {
511
- const f = ((R = g == null ? void 0 : g.current[m]) == null ? void 0 : R.offsetWidth) || 0, h = o + f + 4;
511
+ for (let p = 0; p < (i == null ? void 0 : i.length); p++) {
512
+ const f = ((R = g == null ? void 0 : g.current[p]) == null ? void 0 : R.offsetWidth) || 0, h = o + f + 4;
512
513
  if (h <= r)
513
514
  o += h, c++;
514
515
  else
515
516
  break;
516
517
  }
517
- Y(c);
518
+ A(c);
518
519
  };
519
- Ve(() => {
520
+ ze(() => {
520
521
  const r = l == null ? void 0 : l.current;
521
522
  if (!r) return;
522
523
  const o = new ResizeObserver(() => {
523
- $e();
524
+ Ee();
524
525
  });
525
526
  return o.observe(r), () => {
526
527
  o.disconnect();
527
528
  };
528
- }, [i, W]);
529
- const Se = () => {
529
+ }, [i, G]);
530
+ const Te = () => {
530
531
  var r;
531
- return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, Ne)) == null ? void 0 : r.map((o, c) => {
532
- var f, h, K, H, Q;
533
- const d = ((f = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", w = ((K = o == null ? void 0 : o.measurementUnit) == null ? void 0 : K.symbol) ?? ((H = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : H.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((Q = o == null ? void 0 : o.multiOptions) == null ? void 0 : Q[0]) ?? "", w].filter(Boolean).join(" ");
534
- return /* @__PURE__ */ n(
535
- V,
532
+ return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, Pe)) == null ? void 0 : r.map((o, c) => {
533
+ var f, h, H, Q, Z;
534
+ const m = ((f = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", w = ((H = o == null ? void 0 : o.measurementUnit) == null ? void 0 : H.symbol) ?? ((Q = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : Q.measure) ?? "", p = [(o == null ? void 0 : o.value) ?? ((Z = o == null ? void 0 : o.multiOptions) == null ? void 0 : Z[0]) ?? "", w].filter(Boolean).join(" ");
535
+ return /* @__PURE__ */ t(
536
+ O,
536
537
  {
537
- ref: (Te) => g.current[c] = Te,
538
+ ref: (Be) => g.current[c] = Be,
538
539
  className: "tag",
539
540
  children: [
540
- /* @__PURE__ */ e("i", { className: d }),
541
- m
541
+ /* @__PURE__ */ e("i", { className: m }),
542
+ p
542
543
  ]
543
544
  },
544
545
  `detailed-products-section-tag__${c + 1}`
545
546
  );
546
547
  }) });
547
- }, Pe = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
548
- var m, f, h;
549
- const c = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((f = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), R = r == null ? void 0 : r.name;
550
- return /* @__PURE__ */ n("div", { children: [
548
+ }, Ve = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
549
+ var p, f, h;
550
+ const c = ((p = r == null ? void 0 : r.measurementUnit) == null ? void 0 : p.symbol) ?? ((f = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), R = r == null ? void 0 : r.name;
551
+ return /* @__PURE__ */ t("div", { children: [
551
552
  /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${R}: ` }),
552
553
  /* @__PURE__ */ e("span", { className: "tags-popover__value", children: w })
553
554
  ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
554
- }) }), Ee = () => /* @__PURE__ */ n(M, { children: [
555
- D && /* @__PURE__ */ e(V, { className: "tag", children: D }, "detailed-products-section-tag__condition"),
556
- B && /* @__PURE__ */ e(V, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
557
- j && /* @__PURE__ */ e(V, { className: "tag", children: j }, "detailed-products-section-tag__trade")
558
- ] }), A = S > 0 && _ && P !== !0 && E !== !0 && S !== k;
555
+ }) }), Oe = () => /* @__PURE__ */ t(F, { children: [
556
+ j && /* @__PURE__ */ e(O, { className: "tag", children: j }, "detailed-products-section-tag__condition"),
557
+ z && /* @__PURE__ */ e(O, { className: "tag", children: z }, "detailed-products-section-tag__quantity"),
558
+ L && /* @__PURE__ */ e(O, { className: "tag", children: L }, "detailed-products-section-tag__trade")
559
+ ] }), K = S > 0 && _ && P !== !0 && E !== !0 && S !== k;
559
560
  return (
560
561
  // <LandingPageProductCardSkeleton />
561
- /* @__PURE__ */ n(
562
- je,
562
+ /* @__PURE__ */ t(
563
+ Ue,
563
564
  {
564
565
  ref: l,
565
566
  className: "product-card",
566
567
  "data-accessor": v == null ? void 0 : v.accessor,
567
568
  name: v == null ? void 0 : v.name,
568
- onClick: (r) => ye(r, l),
569
- href: `/product/${We(X) ? `${X}-` : ""}${u}`,
569
+ onClick: (r) => _e(r, l),
570
+ as: Ce,
571
+ ...x ? {
572
+ to: `/product/${ie(V) ? `${V}-` : ""}${d}`
573
+ } : {
574
+ href: `/product/${ie(V) ? `${V}-` : ""}${d}`
575
+ },
570
576
  children: [
571
- /* @__PURE__ */ n(Ue, { className: "product-image-wrapper", children: [
572
- /* @__PURE__ */ e("div", { onClick: (r) => {
573
- r == null || r.preventDefault(), r == null || r.stopPropagation();
574
- }, children: /* @__PURE__ */ e(ke, {}) }),
575
- re(I) ? I : /* @__PURE__ */ e(Ge, { src: ae })
576
- ] }),
577
- /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
578
- /* @__PURE__ */ e("div", { className: "seller", title: L, children: L }),
579
- /* @__PURE__ */ e("div", { className: "card-title", children: ie })
580
- ] }),
581
- /* @__PURE__ */ n("div", { className: "wrapper-card-3", onClick: (r) => {
582
- r == null || r.preventDefault(), r == null || r.stopPropagation();
583
- }, children: [
584
- x && /* @__PURE__ */ e(
577
+ /* @__PURE__ */ t(Xe, { className: "product-image-wrapper", children: [
578
+ /* @__PURE__ */ e(
585
579
  "div",
586
580
  {
587
- ...W ? {} : {
588
- onMouseEnter: Ce,
589
- onMouseLeave: Re
581
+ onClick: (r) => {
582
+ r == null || r.preventDefault(), r == null || r.stopPropagation();
590
583
  },
591
- children: /* @__PURE__ */ n(Me, { placement: "bottom", open: _e, children: [
592
- /* @__PURE__ */ e(Fe, { children: Se() }),
593
- /* @__PURE__ */ e(Ie, { style: { all: "unset" }, children: /* @__PURE__ */ e(Le, { children: Pe() }) })
594
- ] })
584
+ children: /* @__PURE__ */ e(Re, {})
595
585
  }
596
586
  ),
597
- !x && Ee()
587
+ oe(D) ? D : /* @__PURE__ */ e(Fe, { src: le })
588
+ ] }),
589
+ /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
590
+ /* @__PURE__ */ e("div", { className: "seller", title: X, children: X }),
591
+ /* @__PURE__ */ e("div", { className: "card-title", children: se })
598
592
  ] }),
599
- /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
600
- /* @__PURE__ */ n("div", { className: `price-text ${A ? "new-price" : ""}`, children: [
601
- k > 0 && _ && P !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${oe(k)} ${te(_)}` }),
602
- A && /* @__PURE__ */ e("div", { className: `${k > 0 ? "full-price" : ""}`, children: `${oe(S)} ${te(_)}` }),
603
- P && de,
604
- E && ce
593
+ /* @__PURE__ */ t(
594
+ "div",
595
+ {
596
+ className: "wrapper-card-3",
597
+ onClick: (r) => {
598
+ r == null || r.preventDefault(), r == null || r.stopPropagation();
599
+ },
600
+ children: [
601
+ q && /* @__PURE__ */ e(
602
+ "div",
603
+ {
604
+ ...G ? {} : {
605
+ onMouseEnter: $e,
606
+ onMouseLeave: Se
607
+ },
608
+ children: /* @__PURE__ */ t(Ie, { placement: "bottom", open: Ne, children: [
609
+ /* @__PURE__ */ e(De, { children: Te() }),
610
+ /* @__PURE__ */ e(je, { style: { all: "unset" }, children: /* @__PURE__ */ e(xe, { children: Ve() }) })
611
+ ] })
612
+ }
613
+ ),
614
+ !q && Oe()
615
+ ]
616
+ }
617
+ ),
618
+ /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
619
+ /* @__PURE__ */ t("div", { className: `price-text ${K ? "new-price" : ""}`, children: [
620
+ k > 0 && _ && P !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${ne(k)} ${te(_)}` }),
621
+ K && /* @__PURE__ */ e("div", { className: `${k > 0 ? "full-price" : ""}`, children: `${ne(S)} ${te(_)}` }),
622
+ P && pe,
623
+ E && me
605
624
  ] }),
606
- /* @__PURE__ */ e("div", { className: "location-text", children: se })
625
+ /* @__PURE__ */ e("div", { className: "location-text", children: ce })
607
626
  ] }),
608
- le === !0 && /* @__PURE__ */ e(xe, { sponsoredText: he })
627
+ de === !0 && /* @__PURE__ */ e(Ye, { sponsoredText: ue })
609
628
  ]
610
629
  }
611
630
  )
612
631
  );
613
- }), er = N(b)`
614
- @media (max-width: ${F + "px"}) {
632
+ }), or = N(b)`
633
+ @media (max-width: ${I + "px"}) {
615
634
  & > div {
616
635
  &:nth-of-type(even) {
617
636
  display: none;
618
637
  }
619
638
  }
620
639
  }
621
- `, rr = ({ keyPrefix: a }) => /* @__PURE__ */ n(er, { children: [
622
- /* @__PURE__ */ n(p, { gap: "0.5rem", children: [
640
+ `, nr = ({ keyPrefix: a }) => /* @__PURE__ */ t(or, { children: [
641
+ /* @__PURE__ */ t(u, { gap: "0.5rem", children: [
623
642
  /* @__PURE__ */ e(
624
643
  y,
625
644
  {
@@ -628,15 +647,15 @@ const je = N.a`
628
647
  borderRadius: "0.75rem"
629
648
  }
630
649
  ),
631
- /* @__PURE__ */ e(p, { height: "1rem", children: /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }) }),
632
- /* @__PURE__ */ n(b, { gap: "0.5rem", children: [
633
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
634
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
650
+ /* @__PURE__ */ e(u, { height: "1rem", children: /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }) }),
651
+ /* @__PURE__ */ t(b, { gap: "0.5rem", children: [
652
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
653
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
635
654
  ] }),
636
- /* @__PURE__ */ e(p, { height: "2rem", children: /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" }) })
655
+ /* @__PURE__ */ e(u, { height: "2rem", children: /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" }) })
637
656
  ] }, `${a}-1`),
638
- /* @__PURE__ */ n(
639
- p,
657
+ /* @__PURE__ */ t(
658
+ u,
640
659
  {
641
660
  gap: "0.5rem",
642
661
  noGradient: !0,
@@ -649,18 +668,18 @@ const je = N.a`
649
668
  borderRadius: "0.75rem"
650
669
  }
651
670
  ),
652
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
653
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
654
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
655
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
671
+ /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
672
+ /* @__PURE__ */ t(b, { gap: "0.5rem", noGradient: !0, children: [
673
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
674
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
656
675
  ] }),
657
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
676
+ /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
658
677
  ]
659
678
  },
660
679
  `${a}-2`
661
680
  ),
662
- /* @__PURE__ */ n(
663
- p,
681
+ /* @__PURE__ */ t(
682
+ u,
664
683
  {
665
684
  gap: "0.5rem",
666
685
  noGradient: !0,
@@ -673,18 +692,18 @@ const je = N.a`
673
692
  borderRadius: "0.75rem"
674
693
  }
675
694
  ),
676
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
677
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
678
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
679
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
695
+ /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
696
+ /* @__PURE__ */ t(b, { gap: "0.5rem", noGradient: !0, children: [
697
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
698
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
680
699
  ] }),
681
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
700
+ /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
682
701
  ]
683
702
  },
684
703
  `${a}-3`
685
704
  ),
686
- /* @__PURE__ */ n(
687
- p,
705
+ /* @__PURE__ */ t(
706
+ u,
688
707
  {
689
708
  gap: "0.5rem",
690
709
  noGradient: !0,
@@ -697,18 +716,18 @@ const je = N.a`
697
716
  borderRadius: "0.75rem"
698
717
  }
699
718
  ),
700
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
701
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
702
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
703
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
719
+ /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
720
+ /* @__PURE__ */ t(b, { gap: "0.5rem", noGradient: !0, children: [
721
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
722
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
704
723
  ] }),
705
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
724
+ /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
706
725
  ]
707
726
  },
708
727
  `${a}-4`
709
728
  ),
710
- /* @__PURE__ */ n(
711
- p,
729
+ /* @__PURE__ */ t(
730
+ u,
712
731
  {
713
732
  gap: "0.5rem",
714
733
  noGradient: !0,
@@ -721,18 +740,18 @@ const je = N.a`
721
740
  borderRadius: "0.75rem"
722
741
  }
723
742
  ),
724
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
725
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
726
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
727
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
743
+ /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
744
+ /* @__PURE__ */ t(b, { gap: "0.5rem", noGradient: !0, children: [
745
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
746
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
728
747
  ] }),
729
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
748
+ /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
730
749
  ]
731
750
  },
732
751
  `${a}-5`
733
752
  ),
734
- /* @__PURE__ */ n(
735
- p,
753
+ /* @__PURE__ */ t(
754
+ u,
736
755
  {
737
756
  gap: "0.5rem",
738
757
  noGradient: !0,
@@ -745,23 +764,23 @@ const je = N.a`
745
764
  borderRadius: "0.75rem"
746
765
  }
747
766
  ),
748
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
749
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
750
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
751
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
767
+ /* @__PURE__ */ e(n, { height: "1rem", borderRadius: "0.75rem" }),
768
+ /* @__PURE__ */ t(b, { gap: "0.5rem", noGradient: !0, children: [
769
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" }),
770
+ /* @__PURE__ */ e(n, { height: "1.5rem", borderRadius: "0.75rem" })
752
771
  ] }),
753
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
772
+ /* @__PURE__ */ e(n, { height: "2rem", borderRadius: "0.75rem" })
754
773
  ]
755
774
  },
756
775
  `${a}-6`
757
776
  )
758
- ] }), fr = ({
777
+ ] }), vr = ({
759
778
  keyPrefix: a,
760
779
  isLoading: $ = !1,
761
- fallbackComponent: u = /* @__PURE__ */ e(M, {}),
762
- children: O
763
- }) => /* @__PURE__ */ e(Oe, { fallbackComponent: u, children: $ === !0 ? /* @__PURE__ */ e(rr, { keyPrefix: a }) : O });
780
+ fallbackComponent: d = /* @__PURE__ */ e(F, {}),
781
+ children: B
782
+ }) => /* @__PURE__ */ e(We, { fallbackComponent: d, children: $ === !0 ? /* @__PURE__ */ e(nr, { keyPrefix: a }) : B });
764
783
  export {
765
- gr as D,
766
- fr as S
784
+ br as D,
785
+ vr as S
767
786
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "4.0.186",
3
+ "version": "4.0.188",
4
4
  "description": "React component library",
5
5
  "type": "module",
6
6
  "keywords": [