@lanaco/lnc-react-ui 4.0.194 → 4.0.196

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 (133) hide show
  1. package/dist/Accordion.js +1 -1
  2. package/dist/AccordionSummary.js +1 -1
  3. package/dist/ActionsToolbar.js +1 -1
  4. package/dist/Alert.js +1 -1
  5. package/dist/Avatar.js +1 -1
  6. package/dist/Badge.js +1 -1
  7. package/dist/BannerNextSection.cjs +104 -0
  8. package/dist/BannerNextSection.js +148 -0
  9. package/dist/BannerSectionCarousel.js +1 -1
  10. package/dist/BannerSectionSimple.js +1 -1
  11. package/dist/BannerSectionWithList.js +1 -1
  12. package/dist/BlogCardsSponsoredSection.js +4 -4
  13. package/dist/BlogCategoryCardsSection.js +1 -1
  14. package/dist/BlogExploreSection.js +2 -2
  15. package/dist/BlogListSection.js +4 -4
  16. package/dist/BlogProductCardsSection.js +1 -1
  17. package/dist/BlogShopCardsSection.js +1 -1
  18. package/dist/BlogSingleSection.js +2 -2
  19. package/dist/BlogsSectionDetailed.js +4 -4
  20. package/dist/BlogsSectionLarge.js +7 -7
  21. package/dist/BlogsSectionSimple.js +4 -4
  22. package/dist/BlogsSectionSimpleCentered.js +6 -6
  23. package/dist/BlogsSectionWithFilters.js +5 -5
  24. package/dist/BrandHitsSection.js +2 -2
  25. package/dist/Breadcrumbs.js +1 -1
  26. package/dist/Button.js +1 -1
  27. package/dist/ButtonGroup.js +1 -1
  28. package/dist/CalorieCalculatorSection.js +1 -1
  29. package/dist/{CategorySimpleCard-CEzArySG.js → CategorySimpleCard-Em84kZzQ.js} +4 -4
  30. package/dist/CheckBoxInput.js +1 -1
  31. package/dist/Chip.js +1 -1
  32. package/dist/ColorInput.js +1 -1
  33. package/dist/ConfirmationForm.js +1 -1
  34. package/dist/CustomLoanMapSection.js +1 -1
  35. package/dist/{CustomStyles-6WboE3g5.js → CustomStyles-DtWxboEM.js} +1 -1
  36. package/dist/DateInput.js +1 -1
  37. package/dist/DecimalInput.js +1 -1
  38. package/dist/DecimalInputV2.js +1 -1
  39. package/dist/DetailedProductsInfinitiveSection.cjs +4 -4
  40. package/dist/DetailedProductsInfinitiveSection.js +74 -103
  41. package/dist/DetailedProductsSection.cjs +13 -4
  42. package/dist/DetailedProductsSection.js +104 -80
  43. package/dist/DetailsView.js +1 -1
  44. package/dist/DoubleRangeSlider.js +1 -1
  45. package/dist/DragAndDropFile.js +1 -1
  46. package/dist/DragDropFiles.js +1 -1
  47. package/dist/Drawer.js +1 -1
  48. package/dist/Dropdown.js +2 -2
  49. package/dist/DropdownItem.js +1 -1
  50. package/dist/DropdownLookup.js +1 -1
  51. package/dist/DropdownMenu.js +1 -1
  52. package/dist/EditableTable.js +1 -1
  53. package/dist/FeedbackSection.js +1 -1
  54. package/dist/FieldOfInterestsMasonrySection.js +2 -2
  55. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +15 -15
  56. package/dist/FieldOfInterestsWithTagsCardsSection.js +2 -2
  57. package/dist/FileInput.js +1 -1
  58. package/dist/FlexGridItem.js +1 -1
  59. package/dist/FormField.js +1 -1
  60. package/dist/FormView.js +1 -1
  61. package/dist/GeneralWithTagsCardsSection.js +2 -2
  62. package/dist/GiftCardsSection.js +3 -3
  63. package/dist/Icon.js +1 -1
  64. package/dist/IconButton.js +1 -1
  65. package/dist/Kanban.js +1 -1
  66. package/dist/KanbanActionsToolbar.js +1 -1
  67. package/dist/KanbanView.js +1 -1
  68. package/dist/Link.js +1 -1
  69. package/dist/LoanCalculatorSection.js +1 -1
  70. package/dist/LocationFinderSection.js +1 -1
  71. package/dist/LocationSearchSection.js +1 -1
  72. package/dist/MasonryGeneralCardsSection.js +2 -2
  73. package/dist/MenuItem.js +1 -1
  74. package/dist/Modal.js +1 -1
  75. package/dist/MultiSelectDropdown.js +1 -1
  76. package/dist/MultiSelectDropdownLookup.js +1 -1
  77. package/dist/NestedDropdownItem.js +1 -1
  78. package/dist/NestedMenuItem.js +1 -1
  79. package/dist/NotificationContainer.js +1 -1
  80. package/dist/NotificationMessage.js +1 -1
  81. package/dist/NumberInput.js +1 -1
  82. package/dist/OverlayGeneralCardsSection.js +1 -1
  83. package/dist/PasswordInput.js +1 -1
  84. package/dist/PopoverContent.js +1 -1
  85. package/dist/ProductsWithBannerSection.js +4 -4
  86. package/dist/ProgressBar.js +1 -1
  87. package/dist/QuattroCardsSection.js +2 -2
  88. package/dist/QuizSection.js +1 -1
  89. package/dist/RadioInput.js +1 -1
  90. package/dist/RangeSlider.js +1 -1
  91. package/dist/ReviewsSection.js +3 -3
  92. package/dist/SalesCampaignsSection.js +2 -2
  93. package/dist/Separator.js +1 -1
  94. package/dist/ShopCardsSection.js +3 -3
  95. package/dist/Sidebar.js +1 -1
  96. package/dist/SimpleCategoriesSection.js +13 -13
  97. package/dist/SimpleProductsSection.js +2 -2
  98. package/dist/Spinner.js +1 -1
  99. package/dist/StatsSection.js +1 -1
  100. package/dist/Surface.js +1 -1
  101. package/dist/SwipeableDrawer.js +1 -1
  102. package/dist/TabItem.js +1 -1
  103. package/dist/Table.js +1 -1
  104. package/dist/TableView.js +1 -1
  105. package/dist/TextAreaInput.js +1 -1
  106. package/dist/TextInput.js +1 -1
  107. package/dist/ThemeProvider.js +1 -1
  108. package/dist/TimeInput.js +1 -1
  109. package/dist/Toggle.js +1 -1
  110. package/dist/TreeMenuSeparator.js +1 -1
  111. package/dist/UploadedFile.js +1 -1
  112. package/dist/UrgentSaleProductsSection.cjs +2 -2
  113. package/dist/UrgentSaleProductsSection.js +17 -15
  114. package/dist/index-4wvppFLx.js +38 -0
  115. package/dist/{index-C_NnINik.js → index-B22BZVBG.js} +1 -1
  116. package/dist/{index-DqBXIFsQ.js → index-BASX-BjS.js} +214 -211
  117. package/dist/{index-BSpdEGFd.js → index-BC2PHcI1.js} +1 -1
  118. package/dist/{index-BovNbKxB.js → index-CBMsUFkS.js} +1 -1
  119. package/dist/{index-Lmz3An4A.cjs → index-CS4w87SW.cjs} +14 -14
  120. package/dist/{index-BGiZlEQt.js → index-CWALXP1T.js} +1 -1
  121. package/dist/{index-DMHtIdm-.js → index-Cm414y95.js} +2 -2
  122. package/dist/{index-9inVkeN6.js → index-D-86mDtn.js} +2 -2
  123. package/dist/{index-DxwIu0Wn.js → index-TIqKd2Dv.js} +1 -1
  124. package/dist/{index-8quQ_PZS.js → index-bihqNqQk.js} +1 -1
  125. package/dist/index-oYE1Pl7q.cjs +1 -0
  126. package/dist/{index-BB63Jo6p.js → index-u_XFwsvc.js} +2 -2
  127. package/dist/index.cjs +1 -1
  128. package/dist/index.js +7 -5
  129. package/dist/{style-CXMUA6cI.js → style-BwQ4djFC.js} +3 -3
  130. package/dist/{style-C7FUSHmS.js → style-Cmlod7oq.js} +1 -1
  131. package/dist/{utils-Dc5zIpaz.js → utils-DtEfC-TX.js} +3 -3
  132. package/package.json +3 -2
  133. package/vite.config.js +64 -60
@@ -1,17 +1,17 @@
1
1
  import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
2
- import { forwardRef as le, useState as oe, useRef as ne, useEffect as Fe, cloneElement as te, Suspense as We } from "react";
3
- import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
2
+ import { forwardRef as ce, useState as ne, useRef as ie, useEffect as xe, cloneElement as te, Suspense as je } from "react";
3
+ import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as j } from "./consts-BuFChS64.js";
5
- import { t as D, o as De, a as Me, l as M, p as ie, G as ae, k as se } from "./utils-Dc5zIpaz.js";
6
- import { P as xe } from "./index-C_NnINik.js";
7
- import I from "./Badge.js";
8
- import je from "./Popover.js";
9
- import Le from "./PopoverTrigger.js";
10
- import Te from "./PopoverContent.js";
11
- import { u as Xe } from "./useDetectMobile-Bkvj0VMa.js";
12
- import qe from "./Icon.js";
13
- import { a as b, S as p, c as y, b as t } from "./style-CXMUA6cI.js";
14
- const Ae = k.a`
5
+ import { t as M, m as Le, a as Te, l as x, p as ae, G as se, k as le } from "./utils-DtEfC-TX.js";
6
+ import { P as Xe } from "./index-B22BZVBG.js";
7
+ import G from "./Badge.js";
8
+ import qe from "./Popover.js";
9
+ import Ae from "./PopoverTrigger.js";
10
+ import Ye from "./PopoverContent.js";
11
+ import { u as He } from "./useDetectMobile-Bkvj0VMa.js";
12
+ import de from "./Icon.js";
13
+ import { S as v, b as u, c as _, a as i } from "./style-BwQ4djFC.js";
14
+ const Ke = S.a`
15
15
  display: flex;
16
16
  flex-direction: column;
17
17
  gap: 0.5rem;
@@ -28,7 +28,7 @@ const Ae = k.a`
28
28
  }
29
29
  & .seller {
30
30
  text-transform: uppercase;
31
- ${D()}
31
+ ${M()}
32
32
  color: var(--gray-500);
33
33
  font-size: 0.625rem;
34
34
  font-weight: 400;
@@ -81,13 +81,13 @@ const Ae = k.a`
81
81
  & .card-title {
82
82
  font-size: 0.875rem;
83
83
  font-weight: 600;
84
- ${De(2)}
84
+ ${Le(2)}
85
85
  }
86
86
 
87
87
  & .price-text {
88
88
  font-size: 1rem;
89
89
  font-weight: 600;
90
- ${D()}
90
+ ${M()}
91
91
  display: flex;
92
92
  align-items: end;
93
93
  gap: 0.5rem;
@@ -110,7 +110,7 @@ const Ae = k.a`
110
110
  font-size: 0.75rem;
111
111
  font-weight: 400;
112
112
  color: var(--gray-600, #676e79);
113
- ${D()}
113
+ ${M()}
114
114
  }
115
115
 
116
116
  & .tags-wrapper {
@@ -239,7 +239,7 @@ const Ae = k.a`
239
239
  &:hover .product-image-wrapper img {
240
240
  transform: scale(1.1);
241
241
  }
242
- `, Ye = k.div`
242
+ `, Qe = S.div`
243
243
  position: relative;
244
244
  overflow: hidden;
245
245
  border-radius: 0.75rem;
@@ -260,7 +260,7 @@ const Ae = k.a`
260
260
 
261
261
  width: 2.25rem;
262
262
  height: 2.25rem;
263
- border-radius: ${(a) => Me(a.theme, "curved")};
263
+ border-radius: ${(a) => Te(a.theme, "curved")};
264
264
  border: 1px solid var(--gray-95008);
265
265
  background-color: white;
266
266
  color: var(--gray-950);
@@ -307,7 +307,7 @@ const Ae = k.a`
307
307
  top: unset;
308
308
  }
309
309
  }
310
- `, He = k.div`
310
+ `, Ze = S.div`
311
311
  background: var(--white, #fff);
312
312
  z-index: 1;
313
313
 
@@ -357,7 +357,7 @@ const Ae = k.a`
357
357
  color: var(--gray-950, #14161a);
358
358
  }
359
359
  }
360
- `, Ke = k.div`
360
+ `, Je = S.div`
361
361
  display: flex;
362
362
  align-items: center;
363
363
  gap: 0.25rem;
@@ -369,10 +369,10 @@ const Ae = k.a`
369
369
  font-size: 1rem;
370
370
  color: var(--warning-500, #F59E0B);
371
371
  }
372
- `, Qe = le(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ n(Ke, { ref: $, className: "sponsored-line", children: [
372
+ `, er = ce(({ sponsoredText: a = "Sponsored" }, E) => /* @__PURE__ */ n(Je, { ref: E, className: "sponsored-line", children: [
373
373
  /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
374
374
  /* @__PURE__ */ e("span", { children: a })
375
- ] })), Ze = "Vehicles_Cars", Je = "Vehicles_Motorcycles", er = "Vehicles_Trucks", rr = "Vehicles_AgriculturalMachines_Tractors", or = "Vehicles_ConstructionMachines", nr = "Vehicles_Bus", tr = "Vehicles_Campers", ir = "RealEstates_", l = {
375
+ ] })), rr = "Vehicles_Cars", or = "Vehicles_Motorcycles", nr = "Vehicles_Trucks", ir = "Vehicles_AgriculturalMachines_Tractors", tr = "Vehicles_ConstructionMachines", ar = "Vehicles_Bus", sr = "Vehicles_Campers", lr = "RealEstates_", l = {
376
376
  Mileage: {
377
377
  icon: "mng-lnc-road",
378
378
  measure: "km"
@@ -473,214 +473,217 @@ const Ae = k.a`
473
473
  icon: " mng-lnc-clock--filled",
474
474
  measure: ""
475
475
  }
476
- }, x = {
476
+ }, N = {
477
477
  ADDDISCOUNT: " mng-lnc-percentage",
478
478
  URGENT: " mng-lnc-flash",
479
479
  FREEQUANTITY: " mng-lnc-3d-software",
480
480
  INCLUDEGIFTS: " mng-lnc-gift",
481
481
  FREESHIPPING: " mng-lnc-delivery--parcel"
482
- }, _r = le((a, $) => {
482
+ }, kr = ce((a, E) => {
483
483
  const {
484
484
  uuid: m,
485
- sellerUuid: G,
486
- name: ce,
485
+ sellerUuid: U,
486
+ name: me,
487
487
  price: P = 0,
488
- sellingPrice: _,
489
- currency: R,
490
- isNegotiable: S,
491
- isFree: E,
492
- imageUrl: de,
493
- location: me,
494
- sponsored: he,
488
+ sellingPrice: R,
489
+ currency: k,
490
+ isNegotiable: F,
491
+ isFree: z,
492
+ imageUrl: he,
493
+ location: ge,
494
+ sponsored: pe,
495
495
  imageComponent: L,
496
- freeText: ge = "Free",
497
- negotiableText: pe = "Negotiable",
498
- tags: i = [],
499
- categoryCode: V,
500
- categoryName: ue,
496
+ freeText: ue = "Free",
497
+ negotiableText: fe = "Negotiable",
498
+ tags: t = [],
499
+ categoryCode: I,
500
+ categoryName: be,
501
501
  condition: T,
502
502
  quantity: B,
503
503
  trade: X,
504
- sponsoredText: fe,
505
- forCart: be,
506
- forOrder: ve,
507
- contactSeller: we,
508
- hasVariants: Ce,
509
- hasQuantities: ye,
510
- status: _e,
511
- onBookmark: U = () => {
504
+ sponsoredText: ve,
505
+ forCart: we,
506
+ forOrder: Ce,
507
+ contactSeller: ye,
508
+ hasVariants: _e,
509
+ hasQuantities: Ne,
510
+ status: Re,
511
+ onBookmark: W = () => {
512
512
  },
513
- actionComponent: v,
513
+ actionComponent: w,
514
514
  bookmarked: q,
515
- bookmarkLists: Re,
516
- metadata: w,
515
+ bookmarkLists: ke,
516
+ metadata: C,
517
517
  sellerName: A,
518
- nameSlug: z,
519
- onSelectCard: Ne = () => {
518
+ nameSlug: V,
519
+ onSelectCard: $e = () => {
520
520
  },
521
- activeSalesPackages: F,
522
- urgentText: ke = "Urgent",
523
- LinkComponent: Y
524
- } = a, $e = Y || "a", W = Xe(), Pe = () => {
525
- var d;
526
- if (!M(v)) return /* @__PURE__ */ e(O, {});
527
- const r = v, o = (d = v == null ? void 0 : v.props) == null ? void 0 : d.children, s = te(o, {
521
+ activeSalesPackages: h,
522
+ urgentText: Se = "Urgent",
523
+ LinkComponent: Y,
524
+ hasFreeShipping: Ee
525
+ } = a, Pe = Y || "a", D = He(), Fe = () => {
526
+ var c;
527
+ if (!x(w)) return /* @__PURE__ */ e(O, {});
528
+ const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
528
529
  key: `bookmark_pr__${q}`,
529
530
  bookmarked: q,
530
531
  productUuid: m,
531
- onAddToBookmark: () => U(!0, m),
532
- onRemoveFromBookmark: () => U(!1, m),
533
- bookmarkedUuidList: Re,
534
- sellerUuid: G,
535
- handleBookmarking: U,
536
- forCart: be,
537
- forOrder: ve,
538
- contactSeller: we,
539
- hasVariants: Ce,
540
- status: _e,
532
+ onAddToBookmark: () => W(!0, m),
533
+ onRemoveFromBookmark: () => W(!1, m),
534
+ bookmarkedUuidList: ke,
535
+ sellerUuid: U,
536
+ handleBookmarking: W,
537
+ forCart: we,
538
+ forOrder: Ce,
539
+ contactSeller: ye,
540
+ hasVariants: _e,
541
+ status: Re,
541
542
  quantity: B,
542
- hasQuantities: ye,
543
+ hasQuantities: Ne,
543
544
  productBasicInfo: {
544
545
  uuid: m,
545
546
  price: P,
546
- sellingPrice: _,
547
- categoryCode: V,
548
- categoryName: ue,
549
- currency: R,
550
- isNegotiable: S,
551
- isFree: E
547
+ sellingPrice: R,
548
+ categoryCode: I,
549
+ categoryName: be,
550
+ currency: k,
551
+ isNegotiable: F,
552
+ isFree: z
552
553
  }
553
554
  });
554
555
  return te(r, void 0, s);
555
556
  }, H = [
556
- Ze,
557
- Je,
558
- er,
559
557
  rr,
560
558
  or,
561
559
  nr,
560
+ ir,
562
561
  tr,
563
- ir
562
+ ar,
563
+ sr,
564
+ lr
564
565
  ].some(
565
- (r) => V == null ? void 0 : V.includes(r)
566
- ), [Se, K] = oe(!1), Ee = () => {
566
+ (r) => I == null ? void 0 : I.includes(r)
567
+ ), [ze, K] = ne(!1), Ie = () => {
567
568
  K(!0);
568
569
  }, Ve = () => {
569
570
  K(!1);
570
- }, c = ne(null), u = ne([]), [ze, Q] = oe(i == null ? void 0 : i.length), Ie = () => {
571
- var d, C, N;
572
- if (!(c != null && c.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
573
- if (W) {
574
- Q(i == null ? void 0 : i.length);
571
+ }, d = ie(null), f = ie([]), [Ge, Q] = ne(t == null ? void 0 : t.length), Oe = () => {
572
+ var c, y, $;
573
+ if (!(d != null && d.current) || ((c = f == null ? void 0 : f.current) == null ? void 0 : c.length) === 0) return;
574
+ if (D) {
575
+ Q(t == null ? void 0 : t.length);
575
576
  return;
576
577
  }
577
- const r = (C = c == null ? void 0 : c.current) == null ? void 0 : C.offsetWidth;
578
+ const r = (y = d == null ? void 0 : d.current) == null ? void 0 : y.offsetWidth;
578
579
  let o = 0, s = 0;
579
- for (let h = 0; h < (i == null ? void 0 : i.length); h++) {
580
- const f = ((N = u == null ? void 0 : u.current[h]) == null ? void 0 : N.offsetWidth) || 0, g = o + f + 4;
581
- if (g <= r)
582
- o += g, s++;
580
+ for (let g = 0; g < (t == null ? void 0 : t.length); g++) {
581
+ const b = (($ = f == null ? void 0 : f.current[g]) == null ? void 0 : $.offsetWidth) || 0, p = o + b + 4;
582
+ if (p <= r)
583
+ o += p, s++;
583
584
  else
584
585
  break;
585
586
  }
586
587
  Q(s);
587
588
  };
588
- Fe(() => {
589
- const r = c == null ? void 0 : c.current;
589
+ xe(() => {
590
+ const r = d == null ? void 0 : d.current;
590
591
  if (!r) return;
591
592
  const o = new ResizeObserver(() => {
592
- Ie();
593
+ Oe();
593
594
  });
594
595
  return o.observe(r), () => {
595
596
  o.disconnect();
596
597
  };
597
- }, [i, W]);
598
- const Oe = () => {
598
+ }, [t, D]);
599
+ const Ue = () => {
599
600
  var r;
600
- return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, ze)) == null ? void 0 : r.map((o, s) => {
601
- var f, g, J, ee, re;
602
- const d = ((f = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = l == null ? void 0 : l.default) == null ? void 0 : g.icon) ?? "", C = ((J = o == null ? void 0 : o.measurementUnit) == null ? void 0 : J.symbol) ?? ((ee = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : ee.measure) ?? "", h = [(o == null ? void 0 : o.value) ?? ((re = o == null ? void 0 : o.multiOptions) == null ? void 0 : re[0]) ?? "", C].filter(Boolean).join(" ");
601
+ return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ge)) == null ? void 0 : r.map((o, s) => {
602
+ var b, p, ee, re, oe;
603
+ const c = ((b = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : b.icon) ?? ((p = l == null ? void 0 : l.default) == null ? void 0 : p.icon) ?? "", y = ((ee = o == null ? void 0 : o.measurementUnit) == null ? void 0 : ee.symbol) ?? ((re = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : re.measure) ?? "", g = [(o == null ? void 0 : o.value) ?? ((oe = o == null ? void 0 : o.multiOptions) == null ? void 0 : oe[0]) ?? "", y].filter(Boolean).join(" ");
603
604
  return /* @__PURE__ */ n(
604
- I,
605
+ G,
605
606
  {
606
- ref: (Ue) => u.current[s] = Ue,
607
+ ref: (Me) => f.current[s] = Me,
607
608
  className: "tag",
608
609
  children: [
609
- /* @__PURE__ */ e("i", { className: d }),
610
- h
610
+ /* @__PURE__ */ e("i", { className: c }),
611
+ g
611
612
  ]
612
613
  },
613
614
  `detailed-products-section-tag__${s + 1}`
614
615
  );
615
616
  }) });
616
- }, Ge = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
617
- var h, f, g;
618
- const s = ((h = r == null ? void 0 : r.measurementUnit) == null ? void 0 : h.symbol) ?? ((f = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", C = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", s].filter(Boolean).join(" "), N = r == null ? void 0 : r.name;
617
+ }, Be = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: t == null ? void 0 : t.map((r, o) => {
618
+ var g, b, p;
619
+ const s = ((g = r == null ? void 0 : r.measurementUnit) == null ? void 0 : g.symbol) ?? ((b = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : b.measure) ?? "", y = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", s].filter(Boolean).join(" "), $ = r == null ? void 0 : r.name;
619
620
  return /* @__PURE__ */ n("div", { children: [
620
- /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${N}: ` }),
621
- /* @__PURE__ */ e("span", { className: "tags-popover__value", children: C })
621
+ /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${$}: ` }),
622
+ /* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
622
623
  ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
623
- }) }), Be = () => /* @__PURE__ */ n(O, { children: [
624
- T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
625
- B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
626
- X && /* @__PURE__ */ e(I, { className: "tag", children: X }, "detailed-products-section-tag__trade")
627
- ] }), Z = P > 0 && R && S !== !0 && E !== !0 && P !== _;
624
+ }) }), We = () => /* @__PURE__ */ n(O, { children: [
625
+ T && /* @__PURE__ */ e(G, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
626
+ B && /* @__PURE__ */ e(G, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
627
+ X && /* @__PURE__ */ e(G, { className: "tag", children: X }, "detailed-products-section-tag__trade")
628
+ ] }), Z = P > 0 && k && F !== !0 && z !== !0 && P !== R, De = h == null ? void 0 : h.some(
629
+ (r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
630
+ ), J = Ee === !0 && !De;
628
631
  return (
629
632
  // <LandingPageProductCardSkeleton />
630
633
  /* @__PURE__ */ n(
631
- Ae,
634
+ Ke,
632
635
  {
633
- ref: c,
636
+ ref: d,
634
637
  className: "product-card",
635
- "data-accessor": w == null ? void 0 : w.accessor,
636
- name: w == null ? void 0 : w.name,
637
- onClick: (r) => Ne(r, c),
638
- as: $e,
638
+ "data-accessor": C == null ? void 0 : C.accessor,
639
+ name: C == null ? void 0 : C.name,
640
+ onClick: (r) => $e(r, d),
641
+ as: Pe,
639
642
  ...Y ? {
640
- to: `/product/${se(z) ? `${z}-` : ""}${m}`
643
+ to: `/product/${le(V) ? `${V}-` : ""}${m}`
641
644
  } : {
642
- href: `/product/${se(z) ? `${z}-` : ""}${m}`
645
+ href: `/product/${le(V) ? `${V}-` : ""}${m}`
643
646
  },
644
647
  children: [
645
- /* @__PURE__ */ n(Ye, { className: "product-image-wrapper", children: [
646
- M(v) && /* @__PURE__ */ e(
648
+ /* @__PURE__ */ n(Qe, { className: "product-image-wrapper", children: [
649
+ x(w) && /* @__PURE__ */ e(
647
650
  "div",
648
651
  {
649
652
  className: "prevent-el",
650
653
  onClick: (r) => {
651
654
  r == null || r.preventDefault(), r == null || r.stopPropagation();
652
655
  },
653
- children: /* @__PURE__ */ e(Pe, {})
656
+ children: /* @__PURE__ */ e(Fe, {})
654
657
  }
655
658
  ),
656
- M(L) ? L : /* @__PURE__ */ e(xe, { src: de })
659
+ x(L) ? L : /* @__PURE__ */ e(Xe, { src: he })
660
+ ] }),
661
+ (J || h && h.length > 0) && /* @__PURE__ */ n("div", { className: "campaign-badges", children: [
662
+ J && /* @__PURE__ */ e("div", { className: "campaign-badge campaign-badge-freeshipping", children: /* @__PURE__ */ e(de, { icon: N == null ? void 0 : N.FREESHIPPING, sizeInUnits: "1rem" }) }),
663
+ h == null ? void 0 : h.map((r, o) => {
664
+ var s, c;
665
+ return /* @__PURE__ */ n(
666
+ "div",
667
+ {
668
+ className: `campaign-badge campaign-badge-${(s = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : s.toLowerCase()}`,
669
+ children: [
670
+ (r == null ? void 0 : r.salesPackageCode) !== "Urgent" && /* @__PURE__ */ e(
671
+ de,
672
+ {
673
+ icon: N == null ? void 0 : N[(c = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : c.toUpperCase()],
674
+ sizeInUnits: "1rem"
675
+ }
676
+ ),
677
+ (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(O, { children: Se })
678
+ ]
679
+ },
680
+ o
681
+ );
682
+ })
657
683
  ] }),
658
- F && F.length > 0 && /* @__PURE__ */ e("div", { className: "campaign-badges", children: F.map((r, o) => {
659
- var s, d;
660
- return /* @__PURE__ */ n(
661
- "div",
662
- {
663
- className: `campaign-badge campaign-badge-${(s = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : s.toLowerCase()}`,
664
- children: [
665
- (r == null ? void 0 : r.salesPackageCode) !== "Urgent" && /* @__PURE__ */ e(
666
- qe,
667
- {
668
- icon: x == null ? void 0 : x[(d = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : d.toUpperCase()],
669
- sizeInUnits: "1rem"
670
- }
671
- ),
672
- (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ n(O, { children: [
673
- " ",
674
- ke
675
- ] })
676
- ]
677
- },
678
- o
679
- );
680
- }) }),
681
684
  /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
682
685
  /* @__PURE__ */ e("div", { className: "seller", title: A, children: A }),
683
- /* @__PURE__ */ e("div", { className: "card-title", children: ce })
686
+ /* @__PURE__ */ e("div", { className: "card-title", children: me })
684
687
  ] }),
685
688
  /* @__PURE__ */ n(
686
689
  "div",
@@ -693,35 +696,35 @@ const Ae = k.a`
693
696
  H && /* @__PURE__ */ e(
694
697
  "div",
695
698
  {
696
- ...W ? {} : {
697
- onMouseEnter: Ee,
699
+ ...D ? {} : {
700
+ onMouseEnter: Ie,
698
701
  onMouseLeave: Ve
699
702
  },
700
- children: /* @__PURE__ */ n(je, { placement: "bottom", open: Se, children: [
701
- /* @__PURE__ */ e(Le, { children: Oe() }),
702
- /* @__PURE__ */ e(Te, { style: { all: "unset" }, children: /* @__PURE__ */ e(He, { children: Ge() }) })
703
+ children: /* @__PURE__ */ n(qe, { placement: "bottom", open: ze, children: [
704
+ /* @__PURE__ */ e(Ae, { children: Ue() }),
705
+ /* @__PURE__ */ e(Ye, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ze, { children: Be() }) })
703
706
  ] })
704
707
  }
705
708
  ),
706
- !H && Be()
709
+ !H && We()
707
710
  ]
708
711
  }
709
712
  ),
710
713
  /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
711
714
  /* @__PURE__ */ n("div", { className: `price-text ${Z ? "new-price" : ""}`, children: [
712
- _ > 0 && R && S !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${ie(_)} ${ae(R)}` }),
713
- Z && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${ie(P)} ${ae(R)}` }),
714
- S && pe,
715
- E && ge
715
+ R > 0 && k && F !== !0 && z !== !0 && /* @__PURE__ */ e("div", { children: `${ae(R)} ${se(k)}` }),
716
+ Z && /* @__PURE__ */ e("div", { className: `${R > 0 ? "full-price" : ""}`, children: `${ae(P)} ${se(k)}` }),
717
+ F && fe,
718
+ z && ue
716
719
  ] }),
717
- /* @__PURE__ */ e("div", { className: "location-text", children: me })
720
+ /* @__PURE__ */ e("div", { className: "location-text", children: ge })
718
721
  ] }),
719
- he === !0 && /* @__PURE__ */ e(Qe, { sponsoredText: fe })
722
+ pe === !0 && /* @__PURE__ */ e(er, { sponsoredText: ve })
720
723
  ]
721
724
  }
722
725
  )
723
726
  );
724
- }), ar = k(b)`
727
+ }), dr = S(v)`
725
728
  @media (max-width: ${j + "px"}) {
726
729
  & > div {
727
730
  &:nth-of-type(even) {
@@ -729,150 +732,150 @@ const Ae = k.a`
729
732
  }
730
733
  }
731
734
  }
732
- `, sr = ({ keyPrefix: a }) => /* @__PURE__ */ n(ar, { children: [
733
- /* @__PURE__ */ n(p, { gap: "0.5rem", children: [
735
+ `, cr = ({ keyPrefix: a }) => /* @__PURE__ */ n(dr, { children: [
736
+ /* @__PURE__ */ n(u, { gap: "0.5rem", children: [
734
737
  /* @__PURE__ */ e(
735
- y,
738
+ _,
736
739
  {
737
740
  height: "100%",
738
741
  width: "100%",
739
742
  borderRadius: "0.75rem"
740
743
  }
741
744
  ),
742
- /* @__PURE__ */ e(p, { height: "1rem", children: /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }) }),
743
- /* @__PURE__ */ n(b, { gap: "0.5rem", children: [
744
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
745
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
745
+ /* @__PURE__ */ e(u, { height: "1rem", children: /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }) }),
746
+ /* @__PURE__ */ n(v, { gap: "0.5rem", children: [
747
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
748
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
746
749
  ] }),
747
- /* @__PURE__ */ e(p, { height: "2rem", children: /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" }) })
750
+ /* @__PURE__ */ e(u, { height: "2rem", children: /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" }) })
748
751
  ] }, `${a}-1`),
749
752
  /* @__PURE__ */ n(
750
- p,
753
+ u,
751
754
  {
752
755
  gap: "0.5rem",
753
756
  noGradient: !0,
754
757
  children: [
755
758
  /* @__PURE__ */ e(
756
- y,
759
+ _,
757
760
  {
758
761
  height: "100%",
759
762
  width: "100%",
760
763
  borderRadius: "0.75rem"
761
764
  }
762
765
  ),
763
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
764
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
765
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
766
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
766
+ /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
767
+ /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
768
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
769
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
767
770
  ] }),
768
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
771
+ /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
769
772
  ]
770
773
  },
771
774
  `${a}-2`
772
775
  ),
773
776
  /* @__PURE__ */ n(
774
- p,
777
+ u,
775
778
  {
776
779
  gap: "0.5rem",
777
780
  noGradient: !0,
778
781
  children: [
779
782
  /* @__PURE__ */ e(
780
- y,
783
+ _,
781
784
  {
782
785
  height: "100%",
783
786
  width: "100%",
784
787
  borderRadius: "0.75rem"
785
788
  }
786
789
  ),
787
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
788
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
789
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
790
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
790
+ /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
791
+ /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
792
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
793
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
791
794
  ] }),
792
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
795
+ /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
793
796
  ]
794
797
  },
795
798
  `${a}-3`
796
799
  ),
797
800
  /* @__PURE__ */ n(
798
- p,
801
+ u,
799
802
  {
800
803
  gap: "0.5rem",
801
804
  noGradient: !0,
802
805
  children: [
803
806
  /* @__PURE__ */ e(
804
- y,
807
+ _,
805
808
  {
806
809
  height: "100%",
807
810
  width: "100%",
808
811
  borderRadius: "0.75rem"
809
812
  }
810
813
  ),
811
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
812
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
813
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
814
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
814
+ /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
815
+ /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
816
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
817
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
815
818
  ] }),
816
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
819
+ /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
817
820
  ]
818
821
  },
819
822
  `${a}-4`
820
823
  ),
821
824
  /* @__PURE__ */ n(
822
- p,
825
+ u,
823
826
  {
824
827
  gap: "0.5rem",
825
828
  noGradient: !0,
826
829
  children: [
827
830
  /* @__PURE__ */ e(
828
- y,
831
+ _,
829
832
  {
830
833
  height: "100%",
831
834
  width: "100%",
832
835
  borderRadius: "0.75rem"
833
836
  }
834
837
  ),
835
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
836
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
837
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
838
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
838
+ /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
839
+ /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
840
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
841
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
839
842
  ] }),
840
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
843
+ /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
841
844
  ]
842
845
  },
843
846
  `${a}-5`
844
847
  ),
845
848
  /* @__PURE__ */ n(
846
- p,
849
+ u,
847
850
  {
848
851
  gap: "0.5rem",
849
852
  noGradient: !0,
850
853
  children: [
851
854
  /* @__PURE__ */ e(
852
- y,
855
+ _,
853
856
  {
854
857
  height: "100%",
855
858
  width: "100%",
856
859
  borderRadius: "0.75rem"
857
860
  }
858
861
  ),
859
- /* @__PURE__ */ e(t, { height: "1rem", borderRadius: "0.75rem" }),
860
- /* @__PURE__ */ n(b, { gap: "0.5rem", noGradient: !0, children: [
861
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" }),
862
- /* @__PURE__ */ e(t, { height: "1.5rem", borderRadius: "0.75rem" })
862
+ /* @__PURE__ */ e(i, { height: "1rem", borderRadius: "0.75rem" }),
863
+ /* @__PURE__ */ n(v, { gap: "0.5rem", noGradient: !0, children: [
864
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" }),
865
+ /* @__PURE__ */ e(i, { height: "1.5rem", borderRadius: "0.75rem" })
863
866
  ] }),
864
- /* @__PURE__ */ e(t, { height: "2rem", borderRadius: "0.75rem" })
867
+ /* @__PURE__ */ e(i, { height: "2rem", borderRadius: "0.75rem" })
865
868
  ]
866
869
  },
867
870
  `${a}-6`
868
871
  )
869
- ] }), Rr = ({
872
+ ] }), $r = ({
870
873
  keyPrefix: a,
871
- isLoading: $ = !1,
874
+ isLoading: E = !1,
872
875
  fallbackComponent: m = /* @__PURE__ */ e(O, {}),
873
- children: G
874
- }) => /* @__PURE__ */ e(We, { fallbackComponent: m, children: $ === !0 ? /* @__PURE__ */ e(sr, { keyPrefix: a }) : G });
876
+ children: U
877
+ }) => /* @__PURE__ */ e(je, { fallbackComponent: m, children: E === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : U });
875
878
  export {
876
- _r as D,
877
- Rr as S
879
+ kr as D,
880
+ $r as S
878
881
  };