@lanaco/lnc-react-ui 4.0.156 → 4.0.157

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/dist/BlogCardsSponsoredSection.cjs +1 -1
  2. package/dist/BlogCardsSponsoredSection.js +1 -1
  3. package/dist/BlogListSection.cjs +1 -1
  4. package/dist/BlogListSection.js +1 -1
  5. package/dist/BlogsSectionDetailed.cjs +1 -1
  6. package/dist/BlogsSectionDetailed.js +1 -1
  7. package/dist/BlogsSectionSimple.cjs +1 -1
  8. package/dist/BlogsSectionSimple.js +1 -1
  9. package/dist/BlogsSectionWithFilters.cjs +1 -1
  10. package/dist/BlogsSectionWithFilters.js +1 -1
  11. package/dist/DetailedProductsInfinitiveSection.cjs +7 -2
  12. package/dist/DetailedProductsInfinitiveSection.js +60 -50
  13. package/dist/DetailedProductsSection.cjs +1 -1
  14. package/dist/DetailedProductsSection.js +2 -2
  15. package/dist/GiftCardsSection.cjs +1 -1
  16. package/dist/GiftCardsSection.js +1 -1
  17. package/dist/ProductsWithBannerSection.cjs +1 -1
  18. package/dist/ProductsWithBannerSection.js +1 -1
  19. package/dist/SalesCampaignsSection.cjs +1 -1
  20. package/dist/SalesCampaignsSection.js +63 -60
  21. package/dist/SimpleCategoriesSection.cjs +1 -1
  22. package/dist/SimpleCategoriesSection.js +1 -1
  23. package/dist/UrgentSaleProductsSection.cjs +1 -1
  24. package/dist/UrgentSaleProductsSection.js +1 -1
  25. package/dist/{style-DFPWLJBr.js → style-BLuyU97E.js} +4 -0
  26. package/dist/{style-CyHewQxg.cjs → style-lSjkOR95.cjs} +6 -2
  27. package/dist/{suspense-product-card-detailed-YJVsf2-a.js → suspense-product-card-detailed-BWoxabjZ.js} +162 -136
  28. package/dist/suspense-product-card-detailed-DYyH_jf5.cjs +300 -0
  29. package/package.json +1 -1
  30. package/dist/suspense-product-card-detailed-mCJwteOy.cjs +0 -265
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-CyHewQxg.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-CFmcSzX-.cjs"),S=require("./Button.cjs"),z=b.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-lSjkOR95.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-CFmcSzX-.cjs"),S=require("./Button.cjs"),z=b.styled.div`
2
2
  display: flex;
3
3
  padding: 1rem;
4
4
  align-items: center;
@@ -2,7 +2,7 @@ import { jsxs as a, jsx as r } from "react/jsx-runtime";
2
2
  import { forwardRef as b, memo as S, useMemo as k } from "react";
3
3
  import { p as v, s as $, v as j, w as u, k as I } from "./utils-BdsZgOUE.js";
4
4
  import w from "./Icon.js";
5
- import { B as R } from "./style-DFPWLJBr.js";
5
+ import { B as R } from "./style-BLuyU97E.js";
6
6
  import { P as L } from "./index-CF3HhgvN.js";
7
7
  import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
8
8
  import { M as N } from "./consts-BuFChS64.js";
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-CyHewQxg.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CFmcSzX-.cjs"),$=v.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),l=require("react"),y=require("./Icon.cjs"),j=require("./IconButton.cjs"),s=require("./utils-Dl9xPH4c.cjs"),B=require("./index-BueKsXT8.cjs"),R=require("./style-lSjkOR95.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CFmcSzX-.cjs"),$=v.styled.div`
2
2
  display: flex;
3
3
  padding: 1rem;
4
4
  align-items: center;
@@ -4,7 +4,7 @@ import y from "./Icon.js";
4
4
  import v from "./IconButton.js";
5
5
  import { p as z, s as L, v as P, w as k, l as T } from "./utils-BdsZgOUE.js";
6
6
  import { P as O } from "./index-CF3HhgvN.js";
7
- import { B as S } from "./style-DFPWLJBr.js";
7
+ import { B as S } from "./style-BLuyU97E.js";
8
8
  import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
9
9
  import { M as E } from "./consts-BuFChS64.js";
10
10
  import { S as M } from "./suspense-large-BMO7JH52.js";
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-Dl9xPH4c.cjs"),v=require("./style-CyHewQxg.cjs"),T=require("./Button.cjs"),O=require("./index-BueKsXT8.cjs"),A=w.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-Dl9xPH4c.cjs"),v=require("./style-lSjkOR95.cjs"),T=require("./Button.cjs"),O=require("./index-BueKsXT8.cjs"),A=w.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${i=>`repeat(${i.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -4,7 +4,7 @@ import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as T } from "./consts-BuFChS64.js";
5
5
  import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BdsZgOUE.js";
7
- import { B as I, R as U } from "./style-DFPWLJBr.js";
7
+ import { B as I, R as U } from "./style-BLuyU97E.js";
8
8
  import W from "./Button.js";
9
9
  import { P as j } from "./index-CF3HhgvN.js";
10
10
  const E = y.div`
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-Dl9xPH4c.cjs"),S=require("./style-CyHewQxg.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-BueKsXT8.cjs"),T=h.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-Dl9xPH4c.cjs"),S=require("./style-lSjkOR95.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-BueKsXT8.cjs"),T=h.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -4,7 +4,7 @@ import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as k } from "./consts-BuFChS64.js";
5
5
  import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import { o as z, p as I, k as b } from "./utils-BdsZgOUE.js";
7
- import { B as U, R as W } from "./style-DFPWLJBr.js";
7
+ import { B as U, R as W } from "./style-BLuyU97E.js";
8
8
  import j from "./Button.js";
9
9
  import A from "./Link.js";
10
10
  import { P as E } from "./index-CF3HhgvN.js";
@@ -1,4 +1,4 @@
1
- "use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-Dl9xPH4c.cjs"),M=require("./style-CyHewQxg.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BueKsXT8.cjs"),I=require("./index-D0xXo7W6.cjs"),P=p.styled.div`
1
+ "use strict";const e=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./utils-Dl9xPH4c.cjs"),M=require("./style-lSjkOR95.cjs"),R=require("./Button.cjs"),W=require("./Link.cjs"),A=require("./index-BueKsXT8.cjs"),I=require("./index-D0xXo7W6.cjs"),P=p.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${i=>`repeat(${i.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -4,7 +4,7 @@ import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as C } from "./consts-BuFChS64.js";
5
5
  import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import { o as u, p as j, k as S } from "./utils-BdsZgOUE.js";
7
- import { T as E } from "./style-DFPWLJBr.js";
7
+ import { T as E } from "./style-BLuyU97E.js";
8
8
  import F from "./Button.js";
9
9
  import L from "./Link.js";
10
10
  import { P as U } from "./index-CF3HhgvN.js";
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),r=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),N=require("./IconButton.cjs"),D=require("./Button.cjs"),u=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./suspense-product-card-detailed-mCJwteOy.cjs"),B=j.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),s=require("react"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),D=require("./IconButton.cjs"),M=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),I=N.styled.div`
2
2
  display: flex;
3
3
  flex-direction: column;
4
4
  gap: 1.5rem;
@@ -14,6 +14,11 @@
14
14
  font-size: 1.5rem;
15
15
  line-height: 2rem;
16
16
  letter-spacing: -0.0294rem;
17
+
18
+ & i {
19
+ font-size: 1.5rem;
20
+ color: var(--primary-500, #f59e0b);
21
+ }
17
22
  }
18
23
 
19
24
  & .section__items {
@@ -63,4 +68,4 @@
63
68
  }
64
69
  }
65
70
  }
66
- `,I=r.memo(m.DetailedProductCard),L=r.forwardRef((n,g)=>{const{title:s,items:o,limit:a=4,isLoading:l=!1,onSelectCard:p=()=>{},onLoadMore:b=()=>{},onButtonAction:f=()=>{},getImage:w=()=>{},viewAllbuttonLink:c,viewAllButonText:_="View all",negotiableText:h,freeText:y,loadMoreButtonIcon:k="angle-down",sponsoredText:v,onBookmark:C=()=>{},bookmarkComponent:q}=n,d=M.useDetectMobile(),S=r.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(I,{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:()=>p({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:w(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: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:v,onBookmark:C,bookmarkComponent:q,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},i)),[o]);return t.jsxs(B,{ref:g,limit:a,children:[t.jsxs("div",{className:"section__heading",children:[u.isDefinedNotEmptyString(s)&&t.jsx("div",{className:"section__title",children:s}),d&&u.isDefinedNotEmptyString(c)&&t.jsx(D,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),f(c)},borderRadius:"curved",className:"section__view-all",children:_})]}),t.jsx("div",{className:"section__items",children:t.jsx(m.SuspenseDetailedProductCard,{isLoading:l,limit:a,keyPrefix:"explore-landing",children:S})}),!d&&!l&&t.jsx(N,{icon:k,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=L;
71
+ `,E=s.memo(g.DetailedProductCard),L=s.forwardRef((n,p)=>{const{title:a,icon:l,items:i,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:y="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:S=()=>{},bookmarkComponent:j}=n,u=B.useDetectMobile(),q=s.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(E,{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:()=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),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:S,bookmarkComponent:j,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)),[i]);return t.jsxs(I,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&r.isDefinedNotEmptyString(m)&&t.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:y})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(D,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=L;
@@ -1,13 +1,13 @@
1
- import { jsx as o, jsxs as m } from "react/jsx-runtime";
2
- import { memo as P, forwardRef as M, useMemo as N } from "react";
3
- import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as D } from "./consts-BuFChS64.js";
5
- import I from "./IconButton.js";
6
- import L from "./Button.js";
7
- import { k as d } from "./utils-BdsZgOUE.js";
8
- import { u as T } from "./useDetectMobile-Bkvj0VMa.js";
9
- import { D as z, S as E } from "./suspense-product-card-detailed-YJVsf2-a.js";
10
- const U = B.div`
1
+ import { jsx as o, jsxs as n } from "react/jsx-runtime";
2
+ import { memo as P, forwardRef as M, useMemo as B } from "react";
3
+ import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { M as I } from "./consts-BuFChS64.js";
5
+ import L from "./IconButton.js";
6
+ import T from "./Button.js";
7
+ import { k as a } from "./utils-BdsZgOUE.js";
8
+ import { u as z } from "./useDetectMobile-Bkvj0VMa.js";
9
+ import { D as E, S as U } from "./suspense-product-card-detailed-BWoxabjZ.js";
10
+ const $ = D.div`
11
11
  display: flex;
12
12
  flex-direction: column;
13
13
  gap: 1.5rem;
@@ -23,6 +23,11 @@ const U = B.div`
23
23
  font-size: 1.5rem;
24
24
  line-height: 2rem;
25
25
  letter-spacing: -0.0294rem;
26
+
27
+ & i {
28
+ font-size: 1.5rem;
29
+ color: var(--primary-500, #f59e0b);
30
+ }
26
31
  }
27
32
 
28
33
  & .section__items {
@@ -51,7 +56,7 @@ const U = B.div`
51
56
  white-space: nowrap;
52
57
  }
53
58
 
54
- @media (max-width: ${D + "px"}) {
59
+ @media (max-width: ${I + "px"}) {
55
60
  & .section__items {
56
61
  display: flex;
57
62
  gap: 1rem;
@@ -72,31 +77,32 @@ const U = B.div`
72
77
  }
73
78
  }
74
79
  }
75
- `, $ = P(z), G = M((r, u) => {
80
+ `, j = P(E), H = M((r, p) => {
76
81
  const {
77
- title: n,
82
+ title: l,
83
+ icon: s,
78
84
  items: i,
79
- limit: a = 4,
80
- isLoading: l = !1,
81
- onSelectCard: p = () => {
85
+ limit: c = 4,
86
+ isLoading: m = !1,
87
+ onSelectCard: g = () => {
82
88
  },
83
- onLoadMore: g = () => {
89
+ onLoadMore: f = () => {
84
90
  },
85
- onButtonAction: f = () => {
91
+ onButtonAction: b = () => {
86
92
  },
87
- getImage: b = () => {
93
+ getImage: w = () => {
88
94
  },
89
- viewAllbuttonLink: s,
90
- viewAllButonText: w = "View all",
91
- negotiableText: _,
92
- freeText: h,
95
+ viewAllbuttonLink: d,
96
+ viewAllButonText: _ = "View all",
97
+ negotiableText: h,
98
+ freeText: y,
93
99
  loadMoreButtonIcon: k = "angle-down",
94
- sponsoredText: y,
95
- onBookmark: v = () => {
100
+ sponsoredText: v,
101
+ onBookmark: C = () => {
96
102
  },
97
- bookmarkComponent: C
98
- } = r, c = T(), S = N(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
99
- $,
103
+ bookmarkComponent: S
104
+ } = r, u = z(), N = B(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
105
+ j,
100
106
  {
101
107
  name: e == null ? void 0 : e.name,
102
108
  price: e == null ? void 0 : e.price,
@@ -107,66 +113,70 @@ const U = B.div`
107
113
  uuid: e == null ? void 0 : e.uuid,
108
114
  sponsored: e == null ? void 0 : e.sponsored,
109
115
  imageComponent: e == null ? void 0 : e.imageComponent,
110
- onSelectCard: () => p({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
111
- imageUrl: b(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
116
+ onSelectCard: () => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
117
+ imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
112
118
  isFree: e == null ? void 0 : e.isFree,
113
119
  isNegotiable: e == null ? void 0 : e.isNegotiable,
114
- negotiableText: _,
115
- freeText: h,
120
+ negotiableText: h,
121
+ freeText: y,
116
122
  tags: e == null ? void 0 : e.tags,
117
123
  categoryCode: e == null ? void 0 : e.categoryCode,
118
124
  condition: e == null ? void 0 : e.condition,
119
125
  quantity: e == null ? void 0 : e.quantity,
120
126
  trade: e == null ? void 0 : e.trade,
121
- sponsoredText: y,
122
- onBookmark: v,
123
- bookmarkComponent: C,
127
+ sponsoredText: v,
128
+ onBookmark: C,
129
+ bookmarkComponent: S,
124
130
  bookmarked: e == null ? void 0 : e.bookmarked,
125
131
  bookmarkLists: e == null ? void 0 : e.bookmarkLists
126
132
  },
127
133
  t
128
134
  )), [i]);
129
- return /* @__PURE__ */ m(U, { ref: u, limit: a, children: [
130
- /* @__PURE__ */ m("div", { className: "section__heading", children: [
131
- d(n) && /* @__PURE__ */ o("div", { className: "section__title", children: n }),
132
- c && d(s) && /* @__PURE__ */ o(
133
- L,
135
+ return /* @__PURE__ */ n($, { ref: p, limit: c, children: [
136
+ /* @__PURE__ */ n("div", { className: "section__heading", children: [
137
+ a(l) && /* @__PURE__ */ n("div", { className: "section__title", children: [
138
+ a(s) && /* @__PURE__ */ o("i", { className: s }),
139
+ " ",
140
+ l
141
+ ] }),
142
+ u && a(d) && /* @__PURE__ */ o(
143
+ T,
134
144
  {
135
145
  type: "button",
136
146
  btnType: "tinted",
137
147
  color: "neutral",
138
148
  onClick: (e) => {
139
149
  var t;
140
- (t = e == null ? void 0 : e.target) == null || t.blur(), f(s);
150
+ (t = e == null ? void 0 : e.target) == null || t.blur(), b(d);
141
151
  },
142
152
  borderRadius: "curved",
143
153
  className: "section__view-all",
144
- children: w
154
+ children: _
145
155
  }
146
156
  )
147
157
  ] }),
148
158
  /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
149
- E,
159
+ U,
150
160
  {
151
- isLoading: l,
152
- limit: a,
161
+ isLoading: m,
162
+ limit: c,
153
163
  keyPrefix: "explore-landing",
154
- children: S
164
+ children: N
155
165
  }
156
166
  ) }),
157
- !c && !l && /* @__PURE__ */ o(
158
- I,
167
+ !u && !m && /* @__PURE__ */ o(
168
+ L,
159
169
  {
160
170
  icon: k,
161
171
  borderRadius: "curved",
162
172
  btnType: "basic",
163
173
  color: "neutral",
164
174
  className: "section__show-more",
165
- onClick: g
175
+ onClick: f
166
176
  }
167
177
  )
168
178
  ] });
169
179
  });
170
180
  export {
171
- G as default
181
+ H as default
172
182
  };
@@ -1,4 +1,4 @@
1
- "use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-mCJwteOy.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
1
+ "use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-lSjkOR95.cjs"),f=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -5,8 +5,8 @@ import { M as q } from "./consts-BuFChS64.js";
5
5
  import E from "./Button.js";
6
6
  import { k as S } from "./utils-BdsZgOUE.js";
7
7
  import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
8
- import { T as O } from "./style-DFPWLJBr.js";
9
- import { D as R, S as W } from "./suspense-product-card-detailed-YJVsf2-a.js";
8
+ import { T as O } from "./style-BLuyU97E.js";
9
+ import { D as R, S as W } from "./suspense-product-card-detailed-BWoxabjZ.js";
10
10
  import { S as $ } from "./index-Dweo-G3H.js";
11
11
  const j = B.div`
12
12
  display: grid;
@@ -1,4 +1,4 @@
1
- "use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CyHewQxg.cjs"),o=require("./utils-Dl9xPH4c.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
1
+ "use strict";const t=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-lSjkOR95.cjs"),o=require("./utils-Dl9xPH4c.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
@@ -1,7 +1,7 @@
1
1
  import { jsxs as n, jsx as t } from "react/jsx-runtime";
2
2
  import { forwardRef as h } from "react";
3
3
  import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
4
- import { R as k } from "./style-DFPWLJBr.js";
4
+ import { R as k } from "./style-BLuyU97E.js";
5
5
  import { o as b, q as G, G as S, k as u } from "./utils-BdsZgOUE.js";
6
6
  import N from "./Button.js";
7
7
  import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),o=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CyHewQxg.cjs"),d=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),o=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-lSjkOR95.cjs"),d=require("./utils-Dl9xPH4c.cjs"),y=require("./index-BueKsXT8.cjs"),C=u.styled.div`
2
2
  width: 100%;
3
3
  height: 22.5rem;
4
4
  min-height: 22.5rem;
@@ -3,7 +3,7 @@ import { forwardRef as u, Suspense as P, memo as y, useMemo as N } from "react";
3
3
  import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as g } from "./consts-BuFChS64.js";
5
5
  import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
6
- import { R as U } from "./style-DFPWLJBr.js";
6
+ import { R as U } from "./style-BLuyU97E.js";
7
7
  import { p as I, o as w, l as M, k as W } from "./utils-BdsZgOUE.js";
8
8
  import { P as j } from "./index-CF3HhgvN.js";
9
9
  const E = p.div`
@@ -422,7 +422,7 @@
422
422
  /* Safari and Chrome */
423
423
  }
424
424
  }
425
- `,de=d.forwardRef(({icon:e,title:n,numOfSlides:s=2,showNavigation:o=!0,children:l},u)=>{const[i,m]=d.useState(0),[c,y]=d.useState(1),[P,I]=d.useState(null),[_,C]=d.useState(null),w=ie.useDetectMobile(),b=(l==null?void 0:l.length)??1;d.useEffect(()=>{const g=()=>{y(s)};return window.addEventListener("resize",g),g(),()=>window.removeEventListener("resize",g)},[]);const v=w?l:l==null?void 0:l.slice(i,i+c),k=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i+c<b&&m(i+c)},T=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i-c>=0&&m(i-c)};return t.jsxs(ze,{ref:u,children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[x.isDefinedNotEmptyString(e)&&t.jsx(oe,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),x.isDefinedNotEmptyString(n)&&t.jsx("div",{className:"title__text",children:n})]})}),t.jsx(Le,{numOfColumns:s,...!w&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:v},`scrollable-section__content-${i}`),o&&b>c&&!w&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(ee,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:T}),t.jsx(ee,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+c>=b,onClick:k})]})]})});de.propTypes={icon:a.PropTypes.string,title:a.PropTypes.string,numOfSlides:a.PropTypes.number,numOfSlidesForMobile:a.PropTypes.number,showNavigation:a.PropTypes.bool};const Re=p.styled.div`
425
+ `,de=d.forwardRef(({icon:e,title:n,numOfSlides:s=2,showNavigation:o=!0,children:l},u)=>{const[i,m]=d.useState(0),[c,y]=d.useState(1),[P,I]=d.useState(null),[_,C]=d.useState(null),w=ie.useDetectMobile(),b=(l==null?void 0:l.length)??1;d.useEffect(()=>{const g=()=>{y(s)};return window.addEventListener("resize",g),g(),()=>window.removeEventListener("resize",g)},[]);const v=w?l:l==null?void 0:l.slice(i,i+c),k=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i+c<b&&m(i+c)},T=g=>{var h;(h=g==null?void 0:g.target)==null||h.blur(),i-c>=0&&m(i-c)};return t.jsxs(ze,{ref:u,children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[x.isDefinedNotEmptyString(e)&&t.jsx(oe,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),x.isDefinedNotEmptyString(n)&&t.jsxs("div",{className:"title__text",children:[" ",n]})]})}),t.jsx(Le,{numOfColumns:s,...!w&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:v},`scrollable-section__content-${i}`),o&&b>c&&!w&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(ee,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:T}),t.jsx(ee,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+c>=b,onClick:k})]})]})});de.propTypes={icon:a.PropTypes.string,title:a.PropTypes.string,numOfSlides:a.PropTypes.number,numOfSlidesForMobile:a.PropTypes.number,showNavigation:a.PropTypes.bool};const Re=p.styled.div`
426
426
  display: flex;
427
427
  flex: 1;
428
428
  width: 100%;