@lanaco/lnc-react-ui 4.0.147 → 4.0.148

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.
@@ -1,6 +1,6 @@
1
- "use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),q=require("./suspense-product-card-detailed-FuxsUusc.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-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-FuxsUusc.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
2
2
  display: grid;
3
- grid-template-columns: ${s=>`repeat(${s.limit}, minmax(0, 1fr))`};
3
+ grid-template-columns: ${a=>`repeat(${a.limit}, minmax(0, 1fr))`};
4
4
  gap: 1.25rem;
5
5
 
6
6
  & .button-link {
@@ -26,4 +26,4 @@
26
26
  /* Safari and Chrome */
27
27
  }
28
28
  }
29
- `,f=a.memo(q.DetailedProductCard),R=a.forwardRef((s,S)=>{const{icon:l,title:j,buttonLink:c,items:i,buttonText:w,limit:r=4,onSelectCard:d=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:v="All",sponsoredText:b,onBookmark:k=()=>{},bookmarkComponent:y}=s,C=T.useDetectMobile(),D=a.useMemo(()=>t.jsx(t.Fragment,{children:C===!0?i==null?void 0:i.map((e,o)=>t.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:()=>d(e==null?void 0:e.uuid),imageUrl:u(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:m,freeText:g,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:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)):i==null?void 0:i.slice(0,r).map((e,o)=>t.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:()=>d(e==null?void 0:e.uuid),imageUrl:u(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:m,freeText:g,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:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o))}),[i,C,r]);return t.jsxs(F.TitleWithOptionsSectionWrapper,{ref:S,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[h.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l}),t.jsx("span",{children:j})]}),h.isDefinedNotEmptyString(c)&&t.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),P(c)},borderRadius:"curved",className:"button-link",children:w})]}),(n==null?void 0:n.length)>0&&t.jsx(B.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),t.jsx(E,{limit:r,children:t.jsx(q.SuspenseDetailedProductCard,{isLoading:N,limit:r,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;
29
+ `,h=s.memo(f.DetailedProductCard),R=s.forwardRef((a,q)=>{const{icon:l,title:j,buttonLink:d,items:t,buttonText:w,limit:r=4,onSelectCard:c=()=>{},onButtonAction:P=()=>{},isLoading:N=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:v="All",sponsoredText:b,onBookmark:k=()=>{},bookmarkComponent:y}=a,C=T.useDetectMobile(),D=s.useMemo(()=>i.jsx(i.Fragment,{children:C===!0?t==null?void 0:t.map((e,o)=>i.jsx(h,{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:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(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:m,freeText:g,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:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o)):t==null?void 0:t.slice(0,r).map((e,o)=>i.jsx(h,{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:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(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:m,freeText:g,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:b,onBookmark:k,bookmarkComponent:y,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},o))}),[t,C,r]);return i.jsxs(F.TitleWithOptionsSectionWrapper,{ref:q,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[S.isDefinedNotEmptyString(l)&&i.jsx("i",{className:l}),i.jsx("span",{children:j})]}),S.isDefinedNotEmptyString(d)&&i.jsx(M,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),P(d)},borderRadius:"curved",className:"button-link",children:w})]}),(n==null?void 0:n.length)>0&&i.jsx(B.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:v}),i.jsx(E,{limit:r,children:i.jsx(f.SuspenseDetailedProductCard,{isLoading:N,limit:r,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;
@@ -3,7 +3,7 @@ import { memo as M, forwardRef as D, useMemo as F } from "react";
3
3
  import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as q } from "./consts-BuFChS64.js";
5
5
  import E from "./Button.js";
6
- import { k as C } from "./utils-BdsZgOUE.js";
6
+ import { k as S } from "./utils-BdsZgOUE.js";
7
7
  import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
8
8
  import { T as O } from "./style-DFPWLJBr.js";
9
9
  import { D as R, S as W } from "./suspense-product-card-detailed-C-ZCjG5p.js";
@@ -36,7 +36,7 @@ const j = B.div`
36
36
  /* Safari and Chrome */
37
37
  }
38
38
  }
39
- `, h = M(R), V = D((n, S) => {
39
+ `, C = M(R), V = D((n, h) => {
40
40
  const {
41
41
  icon: s,
42
42
  title: w,
@@ -62,7 +62,7 @@ const j = B.div`
62
62
  },
63
63
  bookmarkComponent: f
64
64
  } = n, y = I(), U = F(() => /* @__PURE__ */ o(L, { children: y === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
65
- h,
65
+ C,
66
66
  {
67
67
  name: e == null ? void 0 : e.name,
68
68
  price: e == null ? void 0 : e.price,
@@ -73,7 +73,7 @@ const j = B.div`
73
73
  uuid: e == null ? void 0 : e.uuid,
74
74
  sponsored: e == null ? void 0 : e.sponsored,
75
75
  imageComponent: e == null ? void 0 : e.imageComponent,
76
- onSelectCard: () => m(e == null ? void 0 : e.uuid),
76
+ onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
77
77
  imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
78
78
  isFree: e == null ? void 0 : e.isFree,
79
79
  isNegotiable: e == null ? void 0 : e.isNegotiable,
@@ -92,7 +92,7 @@ const j = B.div`
92
92
  },
93
93
  i
94
94
  )) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
95
- h,
95
+ C,
96
96
  {
97
97
  name: e == null ? void 0 : e.name,
98
98
  price: e == null ? void 0 : e.price,
@@ -104,7 +104,7 @@ const j = B.div`
104
104
  location: e == null ? void 0 : e.location,
105
105
  sponsored: e == null ? void 0 : e.sponsored,
106
106
  imageComponent: e == null ? void 0 : e.imageComponent,
107
- onSelectCard: () => m(e == null ? void 0 : e.uuid),
107
+ onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
108
108
  imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
109
109
  isFree: e == null ? void 0 : e.isFree,
110
110
  isNegotiable: e == null ? void 0 : e.isNegotiable,
@@ -123,13 +123,13 @@ const j = B.div`
123
123
  },
124
124
  i
125
125
  )) }), [r, y, t]);
126
- return /* @__PURE__ */ l(O, { ref: S, children: [
126
+ return /* @__PURE__ */ l(O, { ref: h, children: [
127
127
  /* @__PURE__ */ l("div", { className: "regular-title", children: [
128
128
  /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
129
- C(s) && /* @__PURE__ */ o("i", { className: s }),
129
+ S(s) && /* @__PURE__ */ o("i", { className: s }),
130
130
  /* @__PURE__ */ o("span", { children: w })
131
131
  ] }),
132
- C(d) && /* @__PURE__ */ o(
132
+ S(d) && /* @__PURE__ */ o(
133
133
  E,
134
134
  {
135
135
  type: "button",
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),d=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),y=require("./style-CyHewQxg.cjs"),l=require("./utils-Dl9xPH4c.cjs"),P=require("./index-BueKsXT8.cjs"),S=u.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),a=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-CyHewQxg.cjs"),l=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;
@@ -15,7 +15,7 @@
15
15
  height: 100%;
16
16
  object-fit: cover;
17
17
  }
18
- `,C=u.styled.div`
18
+ `,P=u.styled.div`
19
19
  display: grid;
20
20
  grid-template-columns: ${t=>`repeat(${t.limit}, minmax(0, 1fr))`};
21
21
  gap: 1.25rem;
@@ -81,4 +81,4 @@
81
81
  object-fit: cover;
82
82
  }
83
83
  }
84
- `,N=d.forwardRef((t,a)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:o=()=>{},imageComponent:c}=t;return r.jsxs(b,{className:"product-card",onClick:o,children:[l.isDefined(c)?c:r.jsx(P.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=d.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:a=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:a},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:a=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(d.Suspense,{fallbackComponent:a,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=d.memo(N),U=d.forwardRef((t,a)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:o=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=v.useDetectMobile(),k=d.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(y.RegulatTitleSectionWrapper,{ref:a,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(S,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(C,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:k})})]})});module.exports=U;
84
+ `,N=a.forwardRef((t,o)=>{const{uuid:n,title:i,image:s,sellerUuid:g,onSelectCard:d=()=>{},imageComponent:c}=t;return r.jsxs(b,{className:"product-card",onClick:d,children:[l.isDefined(c)?c:r.jsx(y.ProductImageWrapper,{src:s}),r.jsx("div",{className:"card-title",children:i})]})}),$=a.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("img",{className:"skeleton-img"}),r.jsx("div",{className:"skeleton-title"})]})),q=({limit:t=4,isLoading:o=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(i,s)=>r.jsx($,{isLoading:o},`${n}-skeleton-product-card-${s}`))}),I=({children:t,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:i,keyPrefix:s})=>r.jsx(a.Suspense,{fallbackComponent:o,children:n===!0?r.jsx(q,{isLoading:n,limit:i,keyPrefix:s}):t}),f=a.memo(N),U=a.forwardRef((t,o)=>{const{icon:n,items:i,limit:s=4,imageUrl:g,onSelectCard:d=()=>{},title:c="Season inspiration",isLoading:w=!1,getImage:p=()=>{}}=t,h=k.useDetectMobile(),S=a.useMemo(()=>r.jsx(r.Fragment,{children:h===!0?i==null?void 0:i.map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m)):i==null?void 0:i.slice(0,s).map((e,m)=>r.jsx(f,{title:e==null?void 0:e.name,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>d({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},m))}),[i,h,s]);return r.jsxs(v.RegulatTitleSectionWrapper,{ref:o,children:[r.jsx("div",{className:"regular-title",children:r.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:c})]})}),r.jsx(C,{className:"products-banner",children:r.jsx("img",{src:g})}),r.jsx(P,{limit:s,children:r.jsx(I,{isLoading:w,limit:s,keyPrefix:"explore-landing",children:S})})]})});module.exports=U;
@@ -1,7 +1,7 @@
1
1
  import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
2
- import { forwardRef as u, Suspense as C, memo as N, useMemo as S } from "react";
2
+ 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
- import { M as k } from "./consts-BuFChS64.js";
4
+ import { M as S } from "./consts-BuFChS64.js";
5
5
  import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
6
6
  import { R as U } from "./style-DFPWLJBr.js";
7
7
  import { p as I, o as b, l as M, k as W } from "./utils-BdsZgOUE.js";
@@ -28,7 +28,7 @@ const E = p.div`
28
28
  grid-template-columns: ${(t) => `repeat(${t.limit}, minmax(0, 1fr))`};
29
29
  gap: 1.25rem;
30
30
 
31
- @media (max-width: ${k + "px"}) {
31
+ @media (max-width: ${S + "px"}) {
32
32
  display: flex;
33
33
  gap: 1rem;
34
34
  overflow-x: auto;
@@ -47,7 +47,7 @@ const E = p.div`
47
47
  /* Safari and Chrome */
48
48
  }
49
49
  }
50
- `, v = p.div`
50
+ `, k = p.div`
51
51
  display: flex;
52
52
  flex-direction: column;
53
53
  gap: 0.5rem;
@@ -78,7 +78,7 @@ const E = p.div`
78
78
  height: 1.25rem;
79
79
  }
80
80
 
81
- @media (max-width: ${k + "px"}) {
81
+ @media (max-width: ${S + "px"}) {
82
82
  & img {
83
83
  width: 8.875rem;
84
84
  height: 8.875rem;
@@ -89,88 +89,88 @@ const E = p.div`
89
89
  object-fit: cover;
90
90
  }
91
91
  }
92
- `, z = u((t, d) => {
92
+ `, z = u((t, l) => {
93
93
  const {
94
- uuid: a,
94
+ uuid: o,
95
95
  title: i,
96
- image: o,
96
+ image: a,
97
97
  sellerUuid: g,
98
- onSelectCard: l = () => {
98
+ onSelectCard: n = () => {
99
99
  },
100
- imageComponent: n
100
+ imageComponent: d
101
101
  } = t;
102
- return /* @__PURE__ */ s(v, { className: "product-card", onClick: l, children: [
103
- M(n) ? n : /* @__PURE__ */ r(j, { src: o }),
102
+ return /* @__PURE__ */ s(k, { className: "product-card", onClick: n, children: [
103
+ M(d) ? d : /* @__PURE__ */ r(j, { src: a }),
104
104
  /* @__PURE__ */ r("div", { className: "card-title", children: i })
105
105
  ] });
106
- }), B = u(({}, t) => /* @__PURE__ */ s(v, { className: "product-card", children: [
106
+ }), B = u(({}, t) => /* @__PURE__ */ s(k, { className: "product-card", children: [
107
107
  /* @__PURE__ */ r("img", { className: "skeleton-img" }),
108
108
  /* @__PURE__ */ r("div", { className: "skeleton-title" })
109
- ] })), D = ({ limit: t = 4, isLoading: d = !1, keyPrefix: a }) => /* @__PURE__ */ r(c, { children: Array.from({ length: t }, (i, o) => /* @__PURE__ */ r(
109
+ ] })), D = ({ limit: t = 4, isLoading: l = !1, keyPrefix: o }) => /* @__PURE__ */ r(c, { children: Array.from({ length: t }, (i, a) => /* @__PURE__ */ r(
110
110
  B,
111
111
  {
112
- isLoading: d
112
+ isLoading: l
113
113
  },
114
- `${a}-skeleton-product-card-${o}`
114
+ `${o}-skeleton-product-card-${a}`
115
115
  )) }), _ = ({
116
116
  children: t,
117
- fallbackComponent: d = /* @__PURE__ */ r(c, {}),
118
- isLoading: a = !1,
117
+ fallbackComponent: l = /* @__PURE__ */ r(c, {}),
118
+ isLoading: o = !1,
119
119
  limit: i,
120
- keyPrefix: o
121
- }) => /* @__PURE__ */ r(C, { fallbackComponent: d, children: a === !0 ? /* @__PURE__ */ r(
120
+ keyPrefix: a
121
+ }) => /* @__PURE__ */ r(P, { fallbackComponent: l, children: o === !0 ? /* @__PURE__ */ r(
122
122
  D,
123
123
  {
124
- isLoading: a,
124
+ isLoading: o,
125
125
  limit: i,
126
- keyPrefix: o
126
+ keyPrefix: a
127
127
  }
128
- ) : t }), w = N(z), q = u((t, d) => {
128
+ ) : t }), w = y(z), q = u((t, l) => {
129
129
  const {
130
- icon: a,
130
+ icon: o,
131
131
  items: i,
132
- limit: o = 4,
132
+ limit: a = 4,
133
133
  imageUrl: g,
134
- onSelectCard: l = () => {
134
+ onSelectCard: n = () => {
135
135
  },
136
- title: n = "Season inspiration",
137
- isLoading: P = !1,
136
+ title: d = "Season inspiration",
137
+ isLoading: v = !1,
138
138
  getImage: h = () => {
139
139
  }
140
- } = t, f = $(), y = S(() => /* @__PURE__ */ r(c, { children: f === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
140
+ } = t, f = $(), C = N(() => /* @__PURE__ */ r(c, { children: f === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
141
141
  w,
142
142
  {
143
143
  title: e == null ? void 0 : e.name,
144
144
  sellerUuid: e == null ? void 0 : e.sellerUuid,
145
145
  uuid: e == null ? void 0 : e.uuid,
146
- onSelectCard: () => l == null ? void 0 : l(e == null ? void 0 : e.uuid),
146
+ onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
147
147
  image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
148
148
  },
149
149
  m
150
- )) : i == null ? void 0 : i.slice(0, o).map((e, m) => /* @__PURE__ */ r(
150
+ )) : i == null ? void 0 : i.slice(0, a).map((e, m) => /* @__PURE__ */ r(
151
151
  w,
152
152
  {
153
153
  title: e == null ? void 0 : e.name,
154
154
  sellerUuid: e == null ? void 0 : e.sellerUuid,
155
155
  uuid: e == null ? void 0 : e.uuid,
156
- onSelectCard: () => l == null ? void 0 : l(e == null ? void 0 : e.uuid),
156
+ onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
157
157
  image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
158
158
  },
159
159
  m
160
- )) }), [i, f, o]);
161
- return /* @__PURE__ */ s(U, { ref: d, children: [
160
+ )) }), [i, f, a]);
161
+ return /* @__PURE__ */ s(U, { ref: l, children: [
162
162
  /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
163
- W(a) && /* @__PURE__ */ r("i", { className: a }),
164
- /* @__PURE__ */ r("span", { children: n })
163
+ W(o) && /* @__PURE__ */ r("i", { className: o }),
164
+ /* @__PURE__ */ r("span", { children: d })
165
165
  ] }) }),
166
166
  /* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: g }) }),
167
- /* @__PURE__ */ r(R, { limit: o, children: /* @__PURE__ */ r(
167
+ /* @__PURE__ */ r(R, { limit: a, children: /* @__PURE__ */ r(
168
168
  _,
169
169
  {
170
- isLoading: P,
171
- limit: o,
170
+ isLoading: v,
171
+ limit: a,
172
172
  keyPrefix: "explore-landing",
173
- children: y
173
+ children: C
174
174
  }
175
175
  ) })
176
176
  ] });
@@ -1,4 +1,4 @@
1
- "use strict";const r=require("react/jsx-runtime"),n=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./index-cd9auaNr.cjs"),N=require("./index-CSgGox95.cjs"),v=require("./suspense-product-card-simple-BWxWMag0.cjs"),T=k.styled.div`
1
+ "use strict";const r=require("react/jsx-runtime"),s=require("react"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),U=require("./index-cd9auaNr.cjs"),F=require("./index-CSgGox95.cjs"),N=require("./suspense-product-card-simple-BWxWMag0.cjs"),v=C.styled.div`
2
2
  display: grid;
3
3
  grid-template-columns: repeat(6, 1fr);
4
4
  gap: 1.25rem;
@@ -9,7 +9,7 @@
9
9
  margin: auto;
10
10
  }
11
11
 
12
- @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
12
+ @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
13
13
  grid-template-columns: repeat(2, 1fr);
14
14
 
15
15
  & .text-block-v1 {
@@ -28,4 +28,4 @@
28
28
 
29
29
  }
30
30
  }
31
- `,p=n.memo(F.SimpleProductCard),_=n.forwardRef((g,b)=>{const{title:h,subtitle:w,description:q,buttonText:y,buttonLink:P,items:i,onButtonAction:f=()=>{},onSelectCard:t=()=>{},isLoading:j=!1,limit:s=6,getImage:o=()=>{},negotiableText:c,freeText:l}=g,d=U.useDetectMobile(),S=n.useMemo(()=>{var a,m;return r.jsx(r.Fragment,{children:d===!0?(a=i==null?void 0:i.slice(0,4))==null?void 0:a.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u)):(m=i==null?void 0:i.slice(0,9))==null?void 0:m.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:c,freeText:l},u))})},[i,d,s]);return r.jsxs(T,{ref:b,limit:s,children:[r.jsx(N.TextBlockV1,{subtitle:w,title:h,description:q,buttonText:y,buttonLink:P,onButtonAction:f,className:"text-block-v1"}),r.jsx(v.SuspenseSimpleProductCard,{isLoading:j,limit:s,keyPrefix:"explore-landing",children:S})]})});module.exports=_;
31
+ `,p=s.memo(U.SimpleProductCard),T=s.forwardRef((g,b)=>{const{title:S,subtitle:h,description:w,buttonText:q,buttonLink:y,items:i,onButtonAction:P=()=>{},onSelectCard:n=()=>{},isLoading:f=!1,limit:t=6,getImage:l=()=>{},negotiableText:o,freeText:c}=g,d=M.useDetectMobile(),j=s.useMemo(()=>{var a,m;return r.jsx(r.Fragment,{children:d===!0?(a=i==null?void 0:i.slice(0,4))==null?void 0:a.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>n({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:o,freeText:c},u)):(m=i==null?void 0:i.slice(0,9))==null?void 0:m.map((e,u)=>r.jsx(p,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>n({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),image:l(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:o,freeText:c},u))})},[i,d,t]);return r.jsxs(v,{ref:b,limit:t,children:[r.jsx(F.TextBlockV1,{subtitle:h,title:S,description:w,buttonText:q,buttonLink:y,onButtonAction:P,className:"text-block-v1"}),r.jsx(N.SuspenseSimpleProductCard,{isLoading:f,limit:t,keyPrefix:"explore-landing",children:j})]})});module.exports=T;
@@ -1,12 +1,12 @@
1
- import { jsx as t, Fragment as M, jsxs as U } from "react/jsx-runtime";
2
- import { memo as F, forwardRef as N, useMemo as T } from "react";
3
- import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
- import { M as B } from "./consts-BuFChS64.js";
5
- import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
6
- import { S as L } from "./index-DzYKmmn2.js";
7
- import { T as j } from "./index-DK8dqEUQ.js";
8
- import { S as z } from "./suspense-product-card-simple-D2m3NcrV.js";
9
- const C = v.div`
1
+ import { jsx as r, Fragment as C, jsxs as M } from "react/jsx-runtime";
2
+ import { memo as U, forwardRef as F, useMemo as N } from "react";
3
+ import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
+ import { M as v } from "./consts-BuFChS64.js";
5
+ import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
6
+ import { S as I } from "./index-DzYKmmn2.js";
7
+ import { T as L } from "./index-DK8dqEUQ.js";
8
+ import { S as j } from "./suspense-product-card-simple-D2m3NcrV.js";
9
+ const z = T.div`
10
10
  display: grid;
11
11
  grid-template-columns: repeat(6, 1fr);
12
12
  gap: 1.25rem;
@@ -17,7 +17,7 @@ const C = v.div`
17
17
  margin: auto;
18
18
  }
19
19
 
20
- @media (max-width: ${B + "px"}) {
20
+ @media (max-width: ${v + "px"}) {
21
21
  grid-template-columns: repeat(2, 1fr);
22
22
 
23
23
  & .text-block-v1 {
@@ -36,27 +36,27 @@ const C = v.div`
36
36
 
37
37
  }
38
38
  }
39
- `, c = F(L), W = N((p, g) => {
39
+ `, c = U(I), W = F((p, g) => {
40
40
  const {
41
41
  title: f,
42
- subtitle: b,
43
- description: h,
44
- buttonText: w,
45
- buttonLink: y,
42
+ subtitle: S,
43
+ description: b,
44
+ buttonText: h,
45
+ buttonLink: w,
46
46
  items: i,
47
- onButtonAction: P = () => {
47
+ onButtonAction: y = () => {
48
48
  },
49
- onSelectCard: r = () => {
49
+ onSelectCard: o = () => {
50
50
  },
51
- isLoading: S = !1,
52
- limit: o = 6,
51
+ isLoading: P = !1,
52
+ limit: t = 6,
53
53
  getImage: l = () => {
54
54
  },
55
- negotiableText: s,
55
+ negotiableText: a,
56
56
  freeText: m
57
- } = p, d = I(), k = T(() => {
58
- var a, n;
59
- return /* @__PURE__ */ t(M, { children: d === !0 ? (a = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : a.map((e, u) => /* @__PURE__ */ t(
57
+ } = p, d = B(), k = N(() => {
58
+ var s, n;
59
+ return /* @__PURE__ */ r(C, { children: d === !0 ? (s = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : s.map((e, u) => /* @__PURE__ */ r(
60
60
  c,
61
61
  {
62
62
  title: e == null ? void 0 : e.name,
@@ -66,13 +66,13 @@ const C = v.div`
66
66
  currency: e == null ? void 0 : e.currency,
67
67
  sellerUuid: e == null ? void 0 : e.sellerUuid,
68
68
  uuid: e == null ? void 0 : e.uuid,
69
- onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
69
+ onSelectCard: () => o({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
70
70
  image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
71
- negotiableText: s,
71
+ negotiableText: a,
72
72
  freeText: m
73
73
  },
74
74
  u
75
- )) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ t(
75
+ )) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ r(
76
76
  c,
77
77
  {
78
78
  title: e == null ? void 0 : e.name,
@@ -82,32 +82,32 @@ const C = v.div`
82
82
  currency: e == null ? void 0 : e.currency,
83
83
  sellerUuid: e == null ? void 0 : e.sellerUuid,
84
84
  uuid: e == null ? void 0 : e.uuid,
85
- onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
85
+ onSelectCard: () => o({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
86
86
  image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
87
- negotiableText: s,
87
+ negotiableText: a,
88
88
  freeText: m
89
89
  },
90
90
  u
91
91
  )) });
92
- }, [i, d, o]);
93
- return /* @__PURE__ */ U(C, { ref: g, limit: o, children: [
94
- /* @__PURE__ */ t(
95
- j,
92
+ }, [i, d, t]);
93
+ return /* @__PURE__ */ M(z, { ref: g, limit: t, children: [
94
+ /* @__PURE__ */ r(
95
+ L,
96
96
  {
97
- subtitle: b,
97
+ subtitle: S,
98
98
  title: f,
99
- description: h,
100
- buttonText: w,
101
- buttonLink: y,
102
- onButtonAction: P,
99
+ description: b,
100
+ buttonText: h,
101
+ buttonLink: w,
102
+ onButtonAction: y,
103
103
  className: "text-block-v1"
104
104
  }
105
105
  ),
106
- /* @__PURE__ */ t(
107
- z,
106
+ /* @__PURE__ */ r(
107
+ j,
108
108
  {
109
- isLoading: S,
110
- limit: o,
109
+ isLoading: P,
110
+ limit: t,
111
111
  keyPrefix: "explore-landing",
112
112
  children: k
113
113
  }
@@ -1,4 +1,4 @@
1
- "use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-FuxsUusc.cjs"),N=v.styled.div`
1
+ "use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-FuxsUusc.cjs"),N=P.styled.div`
2
2
  padding: 1.75rem 3rem;
3
3
  display: grid;
4
4
  grid-template-columns: ${o=>`repeat(${o.limit||5}, minmax(0, 1fr))`};
@@ -71,4 +71,4 @@
71
71
  }
72
72
  }
73
73
  }
74
- `,h=l.memo(w.DetailedProductCard),_=l.forwardRef((o,y)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:t=()=>{},title:S="Urgent sale",showLessText:j="Show less",showMoreText:L="Show more",isLoading:M=!1,getImage:u=()=>{},negotiableText:g,freeText:p,onBookmark:b=()=>{},bookmarkComponent:f=i.jsx(i.Fragment,{})}=o,m=C.useDetectMobile(),[n,U]=l.useState(!1),P=l.useMemo(()=>{var s;return i.jsx(i.Fragment,{children:m===!0?(s=r==null?void 0:r.slice(0,n===!0?r==null?void 0:r.length:d))==null?void 0:s.map((e,c)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},c)):r==null?void 0:r.slice(0,a).map((e,c)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},c))})},[r,m,a,d,n]);return i.jsxs(N,{ref:y,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:S})]}),i.jsx(w.SuspenseDetailedProductCard,{isLoading:M,limit:a,keyPrefix:"explore-landing",children:P}),m===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:s=>{var e;(e=s==null?void 0:s.target)==null||e.blur(),U(!n)},children:n===!0?j:L})]})});module.exports=_;
74
+ `,h=n.memo(S.DetailedProductCard),_=n.forwardRef((o,w)=>{const{items:r,limit:a=5,limitMobile:l=4,onSelectCard:c=()=>{},title:y="Urgent sale",showLessText:C="Show less",showMoreText:j="Show more",isLoading:L=!1,getImage:u=()=>{},negotiableText:g,freeText:p,onBookmark:b=()=>{},bookmarkComponent:f}=o,d=v.useDetectMobile(),[s,M]=n.useState(!1),U=n.useMemo(()=>{var t;return i.jsx(i.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,s===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},m)):r==null?void 0:r.slice(0,a).map((e,m)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},m))})},[r,d,a,l,s]);return i.jsxs(N,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(S.SuspenseDetailedProductCard,{isLoading:L,limit:a,keyPrefix:"explore-landing",children:U}),d===!0&&l<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!s)},children:s===!0?C:j})]})});module.exports=_;
@@ -1,5 +1,5 @@
1
- import { jsx as i, Fragment as b, jsxs as k } from "react/jsx-runtime";
2
- import { memo as P, forwardRef as C, useState as N, useMemo as $ } from "react";
1
+ import { jsx as i, Fragment as U, jsxs as b } from "react/jsx-runtime";
2
+ import { memo as v, forwardRef as P, useState as N, useMemo as $ } from "react";
3
3
  import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
4
4
  import { M as I, S as T } from "./consts-BuFChS64.js";
5
5
  import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
@@ -78,28 +78,28 @@ const j = F.div`
78
78
  }
79
79
  }
80
80
  }
81
- `, h = P(D), W = C((o, w) => {
81
+ `, k = v(D), W = P((o, h) => {
82
82
  const {
83
83
  items: r,
84
- limit: s = 5,
85
- limitMobile: n = 4,
86
- onSelectCard: a = () => {
84
+ limit: t = 5,
85
+ limitMobile: s = 4,
86
+ onSelectCard: m = () => {
87
87
  },
88
88
  title: S = "Urgent sale",
89
- showLessText: y = "Show less",
90
- showMoreText: L = "Show more",
91
- isLoading: M = !1,
92
- getImage: c = () => {
89
+ showLessText: w = "Show less",
90
+ showMoreText: y = "Show more",
91
+ isLoading: C = !1,
92
+ getImage: u = () => {
93
93
  },
94
- negotiableText: u,
95
- freeText: p,
96
- onBookmark: g = () => {
94
+ negotiableText: c,
95
+ freeText: g,
96
+ onBookmark: p = () => {
97
97
  },
98
- bookmarkComponent: f = /* @__PURE__ */ i(b, {})
99
- } = o, d = _(), [l, U] = N(!1), v = $(() => {
100
- var t;
101
- return /* @__PURE__ */ i(b, { children: d === !0 ? (t = r == null ? void 0 : r.slice(0, l === !0 ? r == null ? void 0 : r.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ i(
102
- h,
98
+ bookmarkComponent: f
99
+ } = o, n = _(), [l, L] = N(!1), M = $(() => {
100
+ var a;
101
+ return /* @__PURE__ */ i(U, { children: n === !0 ? (a = r == null ? void 0 : r.slice(0, l === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : a.map((e, d) => /* @__PURE__ */ i(
102
+ k,
103
103
  {
104
104
  title: e == null ? void 0 : e.name,
105
105
  price: e == null ? void 0 : e.price,
@@ -109,18 +109,18 @@ const j = F.div`
109
109
  sellerUuid: e == null ? void 0 : e.sellerUuid,
110
110
  uuid: e == null ? void 0 : e.uuid,
111
111
  isSponsored: e == null ? void 0 : e.isSponsored,
112
- onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
113
- imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
114
- negotiableText: u,
115
- freeText: p,
116
- onBookmark: g,
112
+ onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
113
+ imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
114
+ negotiableText: c,
115
+ freeText: g,
116
+ onBookmark: p,
117
117
  bookmarkComponent: f,
118
118
  bookmarked: e == null ? void 0 : e.bookmarked,
119
119
  bookmarkLists: e == null ? void 0 : e.bookmarkLists
120
120
  },
121
- m
122
- )) : r == null ? void 0 : r.slice(0, s).map((e, m) => /* @__PURE__ */ i(
123
- h,
121
+ d
122
+ )) : r == null ? void 0 : r.slice(0, t).map((e, d) => /* @__PURE__ */ i(
123
+ k,
124
124
  {
125
125
  title: e == null ? void 0 : e.name,
126
126
  price: e == null ? void 0 : e.price,
@@ -131,44 +131,44 @@ const j = F.div`
131
131
  uuid: e == null ? void 0 : e.uuid,
132
132
  location: e == null ? void 0 : e.location,
133
133
  isSponsored: e == null ? void 0 : e.isSponsored,
134
- onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
135
- imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
136
- negotiableText: u,
137
- freeText: p,
138
- onBookmark: g,
134
+ onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
135
+ imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
136
+ negotiableText: c,
137
+ freeText: g,
138
+ onBookmark: p,
139
139
  bookmarkComponent: f,
140
140
  bookmarked: e == null ? void 0 : e.bookmarked,
141
141
  bookmarkLists: e == null ? void 0 : e.bookmarkLists
142
142
  },
143
- m
143
+ d
144
144
  )) });
145
- }, [r, d, s, n, l]);
146
- return /* @__PURE__ */ k(j, { ref: w, limit: s, children: [
147
- /* @__PURE__ */ k("div", { className: "urgent-tag", children: [
145
+ }, [r, n, t, s, l]);
146
+ return /* @__PURE__ */ b(j, { ref: h, limit: t, children: [
147
+ /* @__PURE__ */ b("div", { className: "urgent-tag", children: [
148
148
  /* @__PURE__ */ i("i", { className: "mng mng-lnc-bolt-filled" }),
149
149
  /* @__PURE__ */ i("span", { children: S })
150
150
  ] }),
151
151
  /* @__PURE__ */ i(
152
152
  E,
153
153
  {
154
- isLoading: M,
155
- limit: s,
154
+ isLoading: C,
155
+ limit: t,
156
156
  keyPrefix: "explore-landing",
157
- children: v
157
+ children: M
158
158
  }
159
159
  ),
160
- d === !0 && n < (r == null ? void 0 : r.length) && /* @__PURE__ */ i(
160
+ n === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ i(
161
161
  B,
162
162
  {
163
163
  className: "show-more",
164
164
  btnType: "basic",
165
165
  type: "button",
166
166
  color: "neutral",
167
- onClick: (t) => {
167
+ onClick: (a) => {
168
168
  var e;
169
- (e = t == null ? void 0 : t.target) == null || e.blur(), U(!l);
169
+ (e = a == null ? void 0 : a.target) == null || e.blur(), L(!l);
170
170
  },
171
- children: l === !0 ? y : L
171
+ children: l === !0 ? w : y
172
172
  }
173
173
  )
174
174
  ] });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lanaco/lnc-react-ui",
3
- "version": "4.0.147",
3
+ "version": "4.0.148",
4
4
  "description": "React component library",
5
5
  "type": "module",
6
6
  "keywords": [