@lanaco/lnc-react-ui 4.0.170 → 4.0.171

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 (173) 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/BannerSectionCarousel.cjs +9 -48
  8. package/dist/BannerSectionCarousel.js +208 -249
  9. package/dist/BannerSectionSimple.js +1 -1
  10. package/dist/BannerSectionWithList.js +1 -1
  11. package/dist/BlogCardsSponsoredSection.cjs +8 -8
  12. package/dist/BlogCardsSponsoredSection.js +67 -68
  13. package/dist/BlogCategoryCardsSection.cjs +1 -1
  14. package/dist/BlogCategoryCardsSection.js +22 -30
  15. package/dist/BlogExploreSection.js +9 -9
  16. package/dist/BlogListSection.cjs +11 -5
  17. package/dist/BlogListSection.js +187 -123
  18. package/dist/BlogProductCardsSection.cjs +1 -1
  19. package/dist/BlogProductCardsSection.js +28 -37
  20. package/dist/BlogShopCardsSection.cjs +1 -1
  21. package/dist/BlogShopCardsSection.js +40 -67
  22. package/dist/BlogSingleSection.cjs +16 -1
  23. package/dist/BlogSingleSection.js +47 -45
  24. package/dist/BlogsSectionDetailed.cjs +8 -27
  25. package/dist/BlogsSectionDetailed.js +111 -159
  26. package/dist/BlogsSectionLarge.cjs +19 -4
  27. package/dist/BlogsSectionLarge.js +73 -37
  28. package/dist/BlogsSectionSimple.cjs +9 -9
  29. package/dist/BlogsSectionSimple.js +81 -107
  30. package/dist/BlogsSectionSimpleCentered.cjs +25 -23
  31. package/dist/BlogsSectionSimpleCentered.js +103 -96
  32. package/dist/BlogsSectionWithFilters.cjs +31 -29
  33. package/dist/BlogsSectionWithFilters.js +173 -134
  34. package/dist/BrandHitsSection.cjs +10 -14
  35. package/dist/BrandHitsSection.js +93 -45
  36. package/dist/Breadcrumbs.js +1 -1
  37. package/dist/Button.js +1 -1
  38. package/dist/ButtonGroup.js +1 -1
  39. package/dist/CalorieCalculatorSection.js +1 -1
  40. package/dist/CategorySimpleCard-Qe5QStrs.cjs +47 -0
  41. package/dist/CategorySimpleCard-laAY-RUT.js +70 -0
  42. package/dist/CheckBoxInput.js +1 -1
  43. package/dist/Chip.js +1 -1
  44. package/dist/ColorInput.js +1 -1
  45. package/dist/ConfirmationForm.js +1 -1
  46. package/dist/CustomLoanMapSection.js +1 -1
  47. package/dist/{CustomStyles-SyQRnjuy.js → CustomStyles-ArAVZsIj.js} +1 -1
  48. package/dist/DateInput.js +1 -1
  49. package/dist/DecimalInput.js +1 -1
  50. package/dist/DecimalInputV2.js +1 -1
  51. package/dist/DetailedProductsInfinitiveSection.cjs +3 -3
  52. package/dist/DetailedProductsInfinitiveSection.js +35 -36
  53. package/dist/DetailedProductsSection.cjs +4 -4
  54. package/dist/DetailedProductsSection.js +62 -63
  55. package/dist/DetailsView.js +1 -1
  56. package/dist/DoubleRangeSlider.js +1 -1
  57. package/dist/DragAndDropFile.js +1 -1
  58. package/dist/DragDropFiles.js +1 -1
  59. package/dist/Drawer.js +1 -1
  60. package/dist/Dropdown.js +2 -2
  61. package/dist/DropdownItem.js +1 -1
  62. package/dist/DropdownLookup.js +1 -1
  63. package/dist/DropdownMenu.js +1 -1
  64. package/dist/EditableTable.js +1 -1
  65. package/dist/FeedbackSection.js +1 -1
  66. package/dist/FieldOfInterestsMasonrySection.cjs +20 -25
  67. package/dist/FieldOfInterestsMasonrySection.js +228 -154
  68. package/dist/FieldOfInterestsWithAvatarsCardsSection.cjs +33 -24
  69. package/dist/FieldOfInterestsWithAvatarsCardsSection.js +178 -113
  70. package/dist/FieldOfInterestsWithTagsCardsSection.cjs +6 -16
  71. package/dist/FieldOfInterestsWithTagsCardsSection.js +89 -93
  72. package/dist/FileInput.js +1 -1
  73. package/dist/FlexGridItem.js +1 -1
  74. package/dist/FormField.js +1 -1
  75. package/dist/FormView.js +1 -1
  76. package/dist/GeneralWithTagsCardsSection.cjs +11 -27
  77. package/dist/GeneralWithTagsCardsSection.js +87 -99
  78. package/dist/GiftCardsSection.cjs +18 -23
  79. package/dist/GiftCardsSection.js +146 -77
  80. package/dist/Icon.js +1 -1
  81. package/dist/IconButton.js +1 -1
  82. package/dist/Kanban.js +1 -1
  83. package/dist/KanbanActionsToolbar.js +1 -1
  84. package/dist/KanbanView.js +1 -1
  85. package/dist/Link.js +1 -1
  86. package/dist/LoanCalculatorSection.js +1 -1
  87. package/dist/LocationFinderSection.js +1 -1
  88. package/dist/LocationSearchSection.js +1 -1
  89. package/dist/MasonryGeneralCardsSection.cjs +33 -19
  90. package/dist/MasonryGeneralCardsSection.js +114 -68
  91. package/dist/MenuItem.js +1 -1
  92. package/dist/Modal.js +1 -1
  93. package/dist/MultiSelectDropdown.js +1 -1
  94. package/dist/MultiSelectDropdownLookup.js +1 -1
  95. package/dist/NestedDropdownItem.js +1 -1
  96. package/dist/NestedMenuItem.js +1 -1
  97. package/dist/NotificationContainer.js +1 -1
  98. package/dist/NotificationMessage.js +1 -1
  99. package/dist/NumberInput.js +1 -1
  100. package/dist/OverlayGeneralCardsSection.cjs +5 -5
  101. package/dist/OverlayGeneralCardsSection.js +54 -40
  102. package/dist/PasswordInput.js +1 -1
  103. package/dist/PopoverContent.js +1 -1
  104. package/dist/ProductsWithBannerSection.cjs +15 -20
  105. package/dist/ProductsWithBannerSection.js +176 -104
  106. package/dist/ProgressBar.js +1 -1
  107. package/dist/QuattroCardsSection.cjs +6 -6
  108. package/dist/QuattroCardsSection.js +42 -34
  109. package/dist/QuizSection.js +1 -1
  110. package/dist/RadioInput.js +1 -1
  111. package/dist/RangeSlider.js +1 -1
  112. package/dist/ReviewsSection.cjs +24 -30
  113. package/dist/ReviewsSection.js +170 -137
  114. package/dist/SalesCampaignsSection.cjs +46 -130
  115. package/dist/SalesCampaignsSection.js +354 -433
  116. package/dist/Separator.js +1 -1
  117. package/dist/ShopCardsSection.cjs +18 -5
  118. package/dist/ShopCardsSection.js +145 -88
  119. package/dist/Sidebar.js +1 -1
  120. package/dist/SimpleCategoriesSection.cjs +10 -4
  121. package/dist/SimpleCategoriesSection.js +79 -51
  122. package/dist/SimpleProductsSection.cjs +16 -3
  123. package/dist/SimpleProductsSection.js +172 -70
  124. package/dist/Spinner.js +1 -1
  125. package/dist/StatsSection.js +4 -4
  126. package/dist/Surface.js +1 -1
  127. package/dist/SwipeableDrawer.js +1 -1
  128. package/dist/TabItem.js +1 -1
  129. package/dist/Table.js +1 -1
  130. package/dist/TableView.js +1 -1
  131. package/dist/TextAreaInput.js +1 -1
  132. package/dist/TextInput.js +1 -1
  133. package/dist/ThemeProvider.js +1 -1
  134. package/dist/TimeInput.js +1 -1
  135. package/dist/Toggle.js +1 -1
  136. package/dist/TreeMenuSeparator.js +1 -1
  137. package/dist/UploadedFile.js +1 -1
  138. package/dist/UrgentSaleProductsSection.cjs +2 -2
  139. package/dist/UrgentSaleProductsSection.js +62 -61
  140. package/dist/index-BAJkosVg.cjs +11 -0
  141. package/dist/{index-dXWRbvgi.js → index-BMOLVn8O.js} +1 -1
  142. package/dist/{skeleton-5mO22c5S.js → index-BPntOicE.js} +55 -107
  143. package/dist/index-BSpdEGFd.js +42 -0
  144. package/dist/{index-CF3HhgvN.js → index-BbltNcou.js} +1 -1
  145. package/dist/index-BhBRZf4M.js +742 -0
  146. package/dist/index-BovNbKxB.js +54 -0
  147. package/dist/{skeleton-Ccd6EDeB.cjs → index-C5r__0lD.cjs} +4 -47
  148. package/dist/{index-DicTpiG0.cjs → index-CfT9e5O9.cjs} +2 -10
  149. package/dist/index-D-3I_Ppj.cjs +16 -0
  150. package/dist/index-D0IYt1s3.cjs +20 -0
  151. package/dist/{skeleton-CQPwIEP0.js → index-D69SKc-n.cjs} +7 -37
  152. package/dist/{index-C0SKNFzP.js → index-D8KPbcUf.js} +1 -1
  153. package/dist/index-DFdPWO4O.js +133 -0
  154. package/dist/index-DFyV_EK2.cjs +305 -0
  155. package/dist/index-DxwIu0Wn.js +84 -0
  156. package/dist/{index-y6sKgrZC.js → index-XYs5Cuh5.js} +21 -30
  157. package/dist/index.js +1 -1
  158. package/dist/style-BAcV7F53.cjs +64 -0
  159. package/dist/style-CXMUA6cI.js +74 -0
  160. package/dist/{style-DKAOBWn3.js → style-D3pIrH3v.js} +1 -1
  161. package/dist/{utils-BdsZgOUE.js → utils-DHfRApMf.js} +6 -6
  162. package/package.json +1 -1
  163. package/dist/index-1Dm1i6WK.js +0 -52
  164. package/dist/index-BGTtoLxz.cjs +0 -1
  165. package/dist/skeleton-BdbB-LdT.cjs +0 -97
  166. package/dist/suspense-categories-card-simple-BGj475Ca.js +0 -101
  167. package/dist/suspense-categories-card-simple-CjGtzfzp.cjs +0 -55
  168. package/dist/suspense-large-BMO7JH52.js +0 -26
  169. package/dist/suspense-large-CFmcSzX-.cjs +0 -1
  170. package/dist/suspense-product-card-detailed-BU6DPCvJ.js +0 -652
  171. package/dist/suspense-product-card-detailed-BbvQuPOP.cjs +0 -329
  172. package/dist/suspense-product-card-simple-DJ8UYolb.cjs +0 -1
  173. package/dist/suspense-product-card-simple-ziy0XcLp.js +0 -26
@@ -0,0 +1,47 @@
1
+ "use strict";const e=require("react/jsx-runtime"),c=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),r=require("./utils-Dl9xPH4c.cjs"),m=require("./consts-goSZX3xP.cjs"),h=d.styled.div`
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 0;
5
+ font-size: 0.875rem;
6
+ font-weight: 500;
7
+ color: var(--gray-950, #14161a);
8
+ min-height: 12.25rem;
9
+ max-height: 12.25rem;
10
+ border-radius: 0.75rem;
11
+ border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
12
+ background: var(--white, #fff);
13
+ cursor: pointer;
14
+
15
+ transition: var(--transition);
16
+
17
+ /* drop-shadow-sm */
18
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
19
+ overflow: hidden;
20
+
21
+ & .card-content {
22
+ padding: 0.75rem;
23
+ ${r.truncateTextInRows(2)}
24
+ }
25
+
26
+ & .card-content-2 {
27
+ ${r.truncateTextInRows(2)}
28
+ }
29
+
30
+ & img {
31
+ width: 100%;
32
+ object-fit: cover;
33
+ min-height: 8.25rem;
34
+ max-height: 8.25rem;
35
+ }
36
+
37
+ @media (max-width: ${m.MOBILE_SIZE_PX+"px"}) {
38
+ min-width: 8.75rem;
39
+ max-width: 8.75rem;
40
+
41
+ & .img,
42
+ .skeleton-img {
43
+ min-height: 5.375rem;
44
+ max-height: 5.375rem;
45
+ }
46
+ }
47
+ `,g=c.forwardRef((t,i)=>{const{uuid:a,image:n,name:o,onSelectCard:s=()=>{}}=t;return e.jsxs(h,{ref:i,className:"simple-category-card",onClick:()=>s(a),children:[e.jsx("img",{src:n}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:o})})]})});exports.CategorySimpleCard=g;
@@ -0,0 +1,70 @@
1
+ import { jsxs as d, jsx as r } from "react/jsx-runtime";
2
+ import { forwardRef as s } from "react";
3
+ import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { o as e } from "./utils-DHfRApMf.js";
5
+ import { M as h } from "./consts-BuFChS64.js";
6
+ const g = c.div`
7
+ display: flex;
8
+ flex-direction: column;
9
+ gap: 0;
10
+ font-size: 0.875rem;
11
+ font-weight: 500;
12
+ color: var(--gray-950, #14161a);
13
+ min-height: 12.25rem;
14
+ max-height: 12.25rem;
15
+ border-radius: 0.75rem;
16
+ border: 1px solid var(--gray-95008, rgba(20, 22, 26, 0.08));
17
+ background: var(--white, #fff);
18
+ cursor: pointer;
19
+
20
+ transition: var(--transition);
21
+
22
+ /* drop-shadow-sm */
23
+ box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
24
+ overflow: hidden;
25
+
26
+ & .card-content {
27
+ padding: 0.75rem;
28
+ ${e(2)}
29
+ }
30
+
31
+ & .card-content-2 {
32
+ ${e(2)}
33
+ }
34
+
35
+ & img {
36
+ width: 100%;
37
+ object-fit: cover;
38
+ min-height: 8.25rem;
39
+ max-height: 8.25rem;
40
+ }
41
+
42
+ @media (max-width: ${h + "px"}) {
43
+ min-width: 8.75rem;
44
+ max-width: 8.75rem;
45
+
46
+ & .img,
47
+ .skeleton-img {
48
+ min-height: 5.375rem;
49
+ max-height: 5.375rem;
50
+ }
51
+ }
52
+ `, v = s((i, a) => {
53
+ const { uuid: o, image: t, name: m, onSelectCard: n = () => {
54
+ } } = i;
55
+ return /* @__PURE__ */ d(
56
+ g,
57
+ {
58
+ ref: a,
59
+ className: "simple-category-card",
60
+ onClick: () => n(o),
61
+ children: [
62
+ /* @__PURE__ */ r("img", { src: t }),
63
+ /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: m }) })
64
+ ]
65
+ }
66
+ );
67
+ });
68
+ export {
69
+ v as C
70
+ };
@@ -2,7 +2,7 @@ import { jsxs as k, jsx as i, Fragment as B } from "react/jsx-runtime";
2
2
  import { forwardRef as I } from "react";
3
3
  import { P as t } from "./index-CblbdqjE.js";
4
4
  import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { d as g, c as L, b as n, a as N, e as x } from "./utils-BdsZgOUE.js";
5
+ import { d as g, c as L, b as n, a as N, e as x } from "./utils-DHfRApMf.js";
6
6
  import { u as P } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
7
  const R = (e) => e == "left" ? "row-reverse" : "row", o = (e, d) => `calc(${e.components.Checkbox.default.enabled.sizes[d]} / 2)`, T = j.label`
8
8
  -webkit-user-select: none;
package/dist/Chip.js CHANGED
@@ -2,7 +2,7 @@ import { jsxs as u, jsx as c, Fragment as N } from "react/jsx-runtime";
2
2
  import { forwardRef as j } from "react";
3
3
  import { P as a } from "./index-CblbdqjE.js";
4
4
  import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-BdsZgOUE.js";
5
+ import { d as b, h as D, b as t, a as F, c as S, g as V, e as U } from "./utils-DHfRApMf.js";
6
6
  import W from "./Avatar.js";
7
7
  import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
8
  const h = (e) => {
@@ -2,7 +2,7 @@ import { jsx as o, jsxs as q } from "react/jsx-runtime";
2
2
  import { forwardRef as G, useState as S, useCallback as J } from "react";
3
3
  import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { P as t } from "./index-CblbdqjE.js";
5
- import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-BdsZgOUE.js";
5
+ import { c as M, d as u, b as l, a as T, e as C, f as Q, h as X } from "./utils-DHfRApMf.js";
6
6
  import { d as Y } from "./index-Dt62UGku.js";
7
7
  import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
8
  import { u as _ } from "./useUpdateEffect-CuYWz7EA.js";
@@ -3,7 +3,7 @@ import { forwardRef as S, cloneElement as E } from "react";
3
3
  import { P as r } from "./index-CblbdqjE.js";
4
4
  import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
5
  import m from "./Icon.js";
6
- import { b as d } from "./utils-BdsZgOUE.js";
6
+ import { b as d } from "./utils-DHfRApMf.js";
7
7
  import M from "./Modal.js";
8
8
  import { u as V } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
9
9
  const q = f.div`
@@ -2,7 +2,7 @@ import { jsxs as q, jsx as t } from "react/jsx-runtime";
2
2
  import { forwardRef as z } from "react";
3
3
  import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as G } from "./consts-BuFChS64.js";
5
- import { L as J } from "./index-C0SKNFzP.js";
5
+ import { L as J } from "./index-D8KPbcUf.js";
6
6
  import K from "./LoanCalculatorSection.js";
7
7
  const N = D.div`
8
8
  display: flex;
@@ -7,7 +7,7 @@ import { _ as Zt } from "./objectWithoutPropertiesLoose-DhwSMsjf.js";
7
7
  import { r as Pt } from "./index-B1vKwsDE.js";
8
8
  import { a as Ht } from "./floating-ui.dom-B931An3C.js";
9
9
  import { i as Ve } from "./use-isomorphic-layout-effect.browser.esm-DERp5kr6.js";
10
- import { b as Z, a as ue, g as Nt, d as te, m as Mt } from "./utils-BdsZgOUE.js";
10
+ import { b as Z, a as ue, g as Nt, d as te, m as Mt } from "./utils-DHfRApMf.js";
11
11
  function We(n, e) {
12
12
  var i = Object.keys(n);
13
13
  if (Object.getOwnPropertySymbols) {
package/dist/DateInput.js CHANGED
@@ -4,7 +4,7 @@ import m, { createElement as $a, Component as Ba, createRef as ja, forwardRef as
4
4
  import { P as J } from "./index-CblbdqjE.js";
5
5
  import Qa from "./Icon.js";
6
6
  import { s as Ka } from "./emotion-styled.browser.esm-BNN1dTl3.js";
7
- import { c as hr, b as $ } from "./utils-BdsZgOUE.js";
7
+ import { c as hr, b as $ } from "./utils-DHfRApMf.js";
8
8
  import { c as le } from "./index-fN7hCOo3.js";
9
9
  import { c as wt, a as Va, d as R, e as L, g as Y, _, f as I } from "./defineProperty-DF3p0mVo.js";
10
10
  import { a as x } from "./setPrototypeOf-CttqfWo1.js";
@@ -3,7 +3,7 @@ import { P as v } from "./index-CblbdqjE.js";
3
3
  import k, { forwardRef as oe, useState as ne, useCallback as se } from "react";
4
4
  import { d as fe } from "./index-Dt62UGku.js";
5
5
  import { s as G } from "./emotion-styled.browser.esm-BNN1dTl3.js";
6
- import { d as B, b as w, a as le, e as ue, h as W, c as ce } from "./utils-BdsZgOUE.js";
6
+ import { d as B, b as w, a as le, e as ue, h as W, c as ce } from "./utils-DHfRApMf.js";
7
7
  import { u as pe } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
8
8
  function A() {
9
9
  }
@@ -2,7 +2,7 @@ import { jsxs as Y, jsx as N } from "react/jsx-runtime";
2
2
  import { P as l } from "./index-CblbdqjE.js";
3
3
  import { forwardRef as Z, useState as P, useRef as _, useEffect as v } from "react";
4
4
  import { s as O } from "./emotion-styled.browser.esm-BNN1dTl3.js";
5
- import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-BdsZgOUE.js";
5
+ import { d as f, b as c, a as R, e as A, h as W, c as ee } from "./utils-DHfRApMf.js";
6
6
  import { u as te } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
7
7
  const ne = O.div`
8
8
  display: flex;
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),n=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-BbvQuPOP.cjs"),L=D.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),a=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),E=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-DFyV_EK2.cjs"),L=P.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 1.5rem;
@@ -23,7 +23,7 @@
23
23
 
24
24
  & .section__items {
25
25
  display: grid;
26
- grid-template-columns: ${r=>`repeat(${r.limit}, minmax(0, 1fr))`};
26
+ grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
27
27
  gap: 2rem;
28
28
  }
29
29
 
@@ -70,4 +70,4 @@
70
70
  }
71
71
  }
72
72
  }
73
- `,T=s.memo(g.DetailedProductCard),z=s.forwardRef((r,p)=>{const{title:a,icon:l,items:o,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:h="View all",negotiableText:y,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=r,u=E.useDetectMobile(),q=s.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(R,P)=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:P}),imageUrl:_(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:y,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants},i)),[o]);return t.jsxs(L,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[n.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[n.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&n.isDefinedNotEmptyString(m)&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:h})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=z;
73
+ `,T=a.memo(g.DetailedProductCard),z=a.forwardRef((n,p)=>{const{title:l,icon:c,items:o,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:w=()=>{},onButtonAction:y=()=>{},getImage:_=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=n,u=I.useDetectMobile(),q=a.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(R,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),imageUrl:_(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:h,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants},i)),[o]);return t.jsxs(L,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(E,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),y(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:q})}),!u&&!s&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:w})]})});module.exports=z;
@@ -1,12 +1,12 @@
1
- import { jsx as o, jsxs as a } from "react/jsx-runtime";
1
+ import { jsx as o, jsxs as s } from "react/jsx-runtime";
2
2
  import { memo as B, forwardRef as D, useMemo as I } from "react";
3
3
  import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as T } from "./consts-BuFChS64.js";
5
5
  import z from "./IconButton.js";
6
6
  import E from "./Button.js";
7
- import { k as n } from "./utils-BdsZgOUE.js";
7
+ import { k as i } from "./utils-DHfRApMf.js";
8
8
  import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
9
- import { D as $, S as j } from "./suspense-product-card-detailed-BU6DPCvJ.js";
9
+ import { D as $, S as j } from "./index-BhBRZf4M.js";
10
10
  const A = L.div`
11
11
  display: flex;
12
12
  flex-direction: column;
@@ -32,7 +32,7 @@ const A = L.div`
32
32
 
33
33
  & .section__items {
34
34
  display: grid;
35
- grid-template-columns: ${(i) => `repeat(${i.limit}, minmax(0, 1fr))`};
35
+ grid-template-columns: ${(a) => `repeat(${a.limit}, minmax(0, 1fr))`};
36
36
  gap: 2rem;
37
37
  }
38
38
 
@@ -79,32 +79,32 @@ const A = L.div`
79
79
  }
80
80
  }
81
81
  }
82
- `, F = B($), Q = D((i, p) => {
82
+ `, F = B($), Q = D((a, p) => {
83
83
  const {
84
84
  title: l,
85
- icon: s,
85
+ icon: c,
86
86
  items: t,
87
- limit: c = 4,
88
- isLoading: m = !1,
89
- onSelectCard: f = () => {
87
+ limit: f = 4,
88
+ isLoading: n = !1,
89
+ onSelectCard: g = () => {
90
90
  },
91
- onLoadMore: g = () => {
91
+ onLoadMore: b = () => {
92
92
  },
93
- onButtonAction: b = () => {
93
+ onButtonAction: h = () => {
94
94
  },
95
- getImage: h = () => {
95
+ getImage: w = () => {
96
96
  },
97
- viewAllbuttonLink: d,
98
- viewAllButonText: w = "View all",
97
+ viewAllbuttonLink: m,
98
+ viewAllButonText: d = "View all",
99
99
  negotiableText: _,
100
- freeText: y,
101
- loadMoreButtonIcon: k = "angle-down",
100
+ freeText: k,
101
+ loadMoreButtonIcon: y = "angle-down",
102
102
  sponsoredText: v,
103
103
  onBookmark: C = () => {
104
104
  },
105
105
  bookmarkComponent: N,
106
106
  componentName: S
107
- } = i, u = U(), P = I(() => t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ o(
107
+ } = a, u = U(), P = I(() => t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ o(
108
108
  F,
109
109
  {
110
110
  name: e == null ? void 0 : e.name,
@@ -116,12 +116,12 @@ const A = L.div`
116
116
  uuid: e == null ? void 0 : e.uuid,
117
117
  sponsored: e == null ? void 0 : e.sponsored,
118
118
  imageComponent: e == null ? void 0 : e.imageComponent,
119
- onSelectCard: (O, M) => f({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
120
- imageUrl: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
119
+ onSelectCard: (O, M) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
120
+ imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
121
121
  isFree: e == null ? void 0 : e.isFree,
122
122
  isNegotiable: e == null ? void 0 : e.isNegotiable,
123
123
  negotiableText: _,
124
- freeText: y,
124
+ freeText: k,
125
125
  tags: e == null ? void 0 : e.tags,
126
126
  categoryCode: e == null ? void 0 : e.categoryCode,
127
127
  condition: e == null ? void 0 : e.condition,
@@ -141,14 +141,14 @@ const A = L.div`
141
141
  },
142
142
  r
143
143
  )), [t]);
144
- return /* @__PURE__ */ a(A, { ref: p, limit: c, children: [
145
- /* @__PURE__ */ a("div", { className: "section__heading", children: [
146
- n(l) && /* @__PURE__ */ a("div", { className: "section__title", children: [
147
- n(s) && /* @__PURE__ */ o("i", { className: s }),
144
+ return /* @__PURE__ */ s(A, { ref: p, limit: f, children: [
145
+ /* @__PURE__ */ s("div", { className: "section__heading", children: [
146
+ i(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
147
+ i(c) && /* @__PURE__ */ o("i", { className: c }),
148
148
  " ",
149
149
  l
150
150
  ] }),
151
- u && n(d) && /* @__PURE__ */ o(
151
+ u && i(m) && i(d) && !n && /* @__PURE__ */ o(
152
152
  E,
153
153
  {
154
154
  type: "button",
@@ -156,32 +156,31 @@ const A = L.div`
156
156
  color: "neutral",
157
157
  onClick: (e) => {
158
158
  var r;
159
- (r = e == null ? void 0 : e.target) == null || r.blur(), b(d);
159
+ (r = e == null ? void 0 : e.target) == null || r.blur(), h(m);
160
160
  },
161
161
  borderRadius: "curved",
162
162
  className: "section__view-all",
163
- children: w
163
+ children: d
164
164
  }
165
165
  )
166
166
  ] }),
167
- /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
167
+ /* @__PURE__ */ o(
168
168
  j,
169
169
  {
170
- isLoading: m,
171
- limit: c,
172
- keyPrefix: "explore-landing",
173
- children: P
170
+ isLoading: n,
171
+ keyPrefix: "detailed-product-card-skeleton",
172
+ children: /* @__PURE__ */ o("div", { className: "section__items", children: P })
174
173
  }
175
- ) }),
176
- !u && !m && /* @__PURE__ */ o(
174
+ ),
175
+ !u && !n && /* @__PURE__ */ o(
177
176
  z,
178
177
  {
179
- icon: k,
178
+ icon: y,
180
179
  borderRadius: "curved",
181
180
  btnType: "basic",
182
181
  color: "neutral",
183
182
  className: "section__show-more",
184
- onClick: g
183
+ onClick: b
185
184
  }
186
185
  )
187
186
  ] });
@@ -1,13 +1,13 @@
1
- "use strict";const r=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),q=require("./suspense-product-card-detailed-BbvQuPOP.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-Dl9xPH4c.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),w=require("./index-DFyV_EK2.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
2
2
  display: grid;
3
- grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
3
+ grid-template-columns: ${n=>`repeat(${n.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
5
5
 
6
6
  & .button-link {
7
7
  white-space: nowrap;
8
8
  }
9
9
 
10
- @media (max-width: ${F.MOBILE_SIZE_PX+"px"}) {
10
+ @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
11
11
  display: flex;
12
12
  gap: 1rem;
13
13
  overflow-x: auto;
@@ -26,4 +26,4 @@
26
26
  /* Safari and Chrome */
27
27
  }
28
28
  }
29
- `,f=l.memo(q.DetailedProductCard),O=l.forwardRef((a,j)=>{const{icon:c,title:w,buttonLink:d,items:o,buttonText:P,limit:i=4,onSelectCard:u=()=>{},onButtonAction:v=()=>{},isLoading:D=!1,getImage:m=()=>{},negotiableText:g,freeText:p,options:n,onSelectOption:b=()=>{},productsToolbarName:U="All",sponsoredText:k,onBookmark:y=()=>{},bookmarkComponent:C,componentName:S}=a,N=E.useDetectMobile(),L=l.useMemo(()=>r.jsx(r.Fragment,{children:N===!0?o==null?void 0:o.map((e,t)=>r.jsx(f,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:g,freeText:p,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S}},t)):o==null?void 0:o.slice(0,i).map((e,t)=>r.jsx(f,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:g,freeText:p,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:k,onBookmark:y,bookmarkComponent:C,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:S},sellerName:e==null?void 0:e.sellerName},t))}),[o,N,i]);return r.jsxs(R.TitleWithOptionsSectionWrapper,{ref:j,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[h.isDefinedNotEmptyString(c)&&r.jsx("i",{className:c}),r.jsx("span",{children:w})]}),h.isDefinedNotEmptyString(d)&&r.jsx(B,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var t;(t=e==null?void 0:e.target)==null||t.blur(),v(d)},borderRadius:"curved",className:"button-link",children:P})]}),(n==null?void 0:n.length)>0&&r.jsx(I.SelectBar,{items:n,onRemove:e=>{b(e)},onSelect:e=>{b(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),r.jsx(_,{limit:i,children:r.jsx(q.SuspenseDetailedProductCard,{isLoading:D,limit:i,keyPrefix:"explore-landing",children:L})})]})});module.exports=O;
29
+ `,j=c.memo(w.DetailedProductCard),$=c.forwardRef((n,P)=>{const{icon:d,title:v,buttonLink:u,items:o,buttonText:m,limit:a=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:i,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:f,componentName:h}=n,q=B.useDetectMobile(),L=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?o==null?void 0:o.map((e,r)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:h}},r)):o==null?void 0:o.slice(0,a).map((e,r)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:h},sellerName:e==null?void 0:e.sellerName},r))}),[o,q,a]);return t.jsxs(R.TitleWithOptionsSectionWrapper,{ref:P,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d}),t.jsx("span",{children:v})]}),l.isDefinedNotEmptyString(u)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(F,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),D(u)},borderRadius:"curved",className:"button-link",children:m})]}),(i==null?void 0:i.length)>0&&t.jsx(I.SelectBar,{items:i,onRemove:e=>{S(e)},onSelect:e=>{S(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(_,{limit:a,children:L})})]})});module.exports=$;