@lanaco/lnc-react-ui 4.0.140 → 4.0.141

package/dist/DetailedProductsSection.cjs

@@ -1,13 +1,13 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),C=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-C7_tBl85.cjs"),F=require("./index-D0xXo7W6.cjs"),E=v.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),L=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),j=require("./suspense-product-card-detailed-BA06QK8a.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
   display: grid;
-  grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
     white-space: nowrap;
   }
 
-  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${F.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,h=s.memo(f.DetailedProductCard),R=s.forwardRef((l,q)=>{const{icon:a,title:S,buttonLink:c,items:i,buttonText:j,limit:o=4,onSelectCard:d=()=>{},onButtonAction:w=()=>{},isLoading:P=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:N="All",sponsoredText:b}=l,y=M.useDetectMobile(),k=s.useMemo(()=>t.jsx(t.Fragment,{children:y===!0?i==null?void 0:i.map((e,r)=>t.jsx(h,{title:e==null?void 0:e.title,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},r)):i==null?void 0:i.slice(0,o).map((e,r)=>t.jsx(h,{title:e==null?void 0:e.title,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},r))}),[i,y,o]);return t.jsxs(T.TitleWithOptionsSectionWrapper,{ref:q,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[C.isDefinedNotEmptyString(a)&&t.jsx("i",{className:a}),t.jsx("span",{children:S})]}),C.isDefinedNotEmptyString(c)&&t.jsx(U,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),w(c)},borderRadius:"curved",className:"button-link",children:j})]}),(n==null?void 0:n.length)>0&&t.jsx(F.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:N}),t.jsx(E,{limit:o,children:t.jsx(f.SuspenseDetailedProductCard,{isLoading:P,limit:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;
+`,f=a.memo(j.DetailedProductCard),R=a.forwardRef((s,q)=>{const{icon:l,title:S,buttonLink:c,items:i,buttonText:w,limit:o=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=t.jsx(t.Fragment,{})}=s,C=M.useDetectMobile(),D=a.useMemo(()=>t.jsx(t.Fragment,{children:C===!0?i==null?void 0:i.map((e,r)=>t.jsx(f,{title:e==null?void 0:e.title,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},r)):i==null?void 0:i.slice(0,o).map((e,r)=>t.jsx(f,{title:e==null?void 0:e.title,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},r))}),[i,C,o]);return t.jsxs(T.TitleWithOptionsSectionWrapper,{ref:q,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:S})]}),h.isDefinedNotEmptyString(c)&&t.jsx(L,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.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:o,children:t.jsx(j.SuspenseDetailedProductCard,{isLoading:N,limit:o,keyPrefix:"explore-landing",children:D})})]})});module.exports=R;

package/dist/DetailedProductsSection.js

@@ -1,16 +1,16 @@
-import { jsx as i, Fragment as T, jsxs as l } from "react/jsx-runtime";
-import { memo as U, forwardRef as M, useMemo as D } from "react";
-import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsx as o, Fragment as C, jsxs as l } from "react/jsx-runtime";
+import { memo as M, forwardRef as D, useMemo as F } from "react";
+import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as q } from "./consts-BuFChS64.js";
-import B from "./Button.js";
-import { k as y } from "./utils-BdsZgOUE.js";
-import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as I } from "./style-DFPWLJBr.js";
-import { D as L, S as O } from "./suspense-product-card-detailed-DtTXmJJB.js";
-import { S as R } from "./index-Dweo-G3H.js";
-const W = F.div`
+import E from "./Button.js";
+import { k as h } from "./utils-BdsZgOUE.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as O } from "./style-DFPWLJBr.js";
+import { D as R, S as W } from "./suspense-product-card-detailed-CUd-EI3U.js";
+import { S as $ } from "./index-Dweo-G3H.js";
+const j = B.div`
   display: grid;
-  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
@@ -36,30 +36,33 @@ const W = F.div`
       /* Safari and Chrome */
     }
   }
-`, C = U(L), J = M((a, h) => {
+`, S = M(R), V = D((n, w) => {
   const {
     icon: s,
-    title: S,
+    title: P,
     buttonLink: d,
-    items: t,
-    buttonText: w,
-    limit: o = 4,
-    onSelectCard: c = () => {
+    items: i,
+    buttonText: N,
+    limit: t = 4,
+    onSelectCard: m = () => {
     },
-    onButtonAction: P = () => {
+    onButtonAction: v = () => {
     },
-    isLoading: k = !1,
-    getImage: m = () => {
+    isLoading: T = !1,
+    getImage: c = () => {
     },
     negotiableText: u,
     freeText: p,
-    options: n,
+    options: a,
     onSelectOption: g = () => {
     },
-    productsToolbarName: N = "All",
-    sponsoredText: b
-  } = a, f = E(), v = D(() => /* @__PURE__ */ i(T, { children: f === !0 ? t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ i(
-    C,
+    productsToolbarName: U = "All",
+    sponsoredText: b,
+    onBookmark: k = () => {
+    },
+    bookmarkComponent: f = /* @__PURE__ */ o(C, {})
+  } = n, y = I(), L = F(() => /* @__PURE__ */ o(C, { children: y === !0 ? i == null ? void 0 : i.map((e, r) => /* @__PURE__ */ o(
+    S,
     {
       title: e == null ? void 0 : e.title,
       price: e == null ? void 0 : e.price,
@@ -70,8 +73,8 @@ const W = F.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => c(e == null ? void 0 : e.uuid),
-      imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => m(e == null ? void 0 : e.uuid),
+      imageUrl: c(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: u,
@@ -81,11 +84,15 @@ const W = F.div`
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: b
+      sponsoredText: b,
+      onBookmark: k,
+      bookmarkComponent: f,
+      bookmarked: e == null ? void 0 : e.bookmarked,
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists
     },
     r
-  )) : t == null ? void 0 : t.slice(0, o).map((e, r) => /* @__PURE__ */ i(
-    C,
+  )) : i == null ? void 0 : i.slice(0, t).map((e, r) => /* @__PURE__ */ o(
+    S,
     {
       title: e == null ? void 0 : e.title,
       price: e == null ? void 0 : e.price,
@@ -97,8 +104,8 @@ const W = F.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => c(e == null ? void 0 : e.uuid),
-      imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => m(e == null ? void 0 : e.uuid),
+      imageUrl: c(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: u,
@@ -108,36 +115,40 @@ const W = F.div`
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: b
+      sponsoredText: b,
+      onBookmark: k,
+      bookmarkComponent: f,
+      bookmarked: e == null ? void 0 : e.bookmarked,
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists
     },
     r
-  )) }), [t, f, o]);
-  return /* @__PURE__ */ l(I, { ref: h, children: [
+  )) }), [i, y, t]);
+  return /* @__PURE__ */ l(O, { ref: w, children: [
     /* @__PURE__ */ l("div", { className: "regular-title", children: [
       /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
-        y(s) && /* @__PURE__ */ i("i", { className: s }),
-        /* @__PURE__ */ i("span", { children: S })
+        h(s) && /* @__PURE__ */ o("i", { className: s }),
+        /* @__PURE__ */ o("span", { children: P })
       ] }),
-      y(d) && /* @__PURE__ */ i(
-        B,
+      h(d) && /* @__PURE__ */ o(
+        E,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
             var r;
-            (r = e == null ? void 0 : e.target) == null || r.blur(), P(d);
+            (r = e == null ? void 0 : e.target) == null || r.blur(), v(d);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: w
+          children: N
         }
       )
     ] }),
-    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ i(
-      R,
+    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
+      $,
       {
-        items: n,
+        items: a,
         onRemove: (e) => {
           g(e);
         },
@@ -147,20 +158,20 @@ const W = F.div`
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: N
+        productsToolbarName: U
       }
     ),
-    /* @__PURE__ */ i(W, { limit: o, children: /* @__PURE__ */ i(
-      O,
+    /* @__PURE__ */ o(j, { limit: t, children: /* @__PURE__ */ o(
+      W,
       {
-        isLoading: k,
-        limit: o,
+        isLoading: T,
+        limit: t,
         keyPrefix: "explore-landing",
-        children: v
+        children: L
       }
     ) })
   ] });
 });
 export {
-  J as default
+  V as default
 };

package/dist/UrgentSaleProductsSection.cjs

@@ -1,7 +1,7 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-C7_tBl85.cjs"),C=P.styled.div`
+"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-BA06QK8a.cjs"),N=v.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};
+  grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -34,7 +34,7 @@
   }
 
   & .product-card {
-    max-width: ${t=>`calc(${100/t.desktopCols}% - ${(t.desktopCols-1)*t.columnGapRem/t.desktopCols}rem)`};
+    max-width: ${o=>`calc(${100/o.desktopCols}% - ${(o.desktopCols-1)*o.columnGapRem/o.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -54,13 +54,13 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
   }
 
-  @media (max-width: ${f.SMALL_MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.SMALL_MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
 
@@ -71,4 +71,4 @@
       }
     }
   }
-`,h=n.memo(b.DetailedProductCard),N=n.forwardRef((t,w)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:s=()=>{},title:y="Urgent sale",showLessText:S="Show less",showMoreText:j="Show more",isLoading:k=!1,getImage:m=()=>{},negotiableText:g,freeText:p}=t,c=v.useDetectMobile(),[l,M]=n.useState(!1),U=n.useMemo(()=>{var o;return i.jsx(i.Fragment,{children:c===!0?(o=r==null?void 0:r.slice(0,l===!0?r==null?void 0:r.length:d))==null?void 0:o.map((e,u)=>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:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u)):r==null?void 0:r.slice(0,a).map((e,u)=>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:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u))})},[r,c,a,d,l]);return i.jsxs(C,{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(b.SuspenseDetailedProductCard,{isLoading:k,limit:a,keyPrefix:"explore-landing",children:U}),c===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!l)},children:l===!0?S:j})]})});module.exports=N;
+`,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=_;

package/dist/UrgentSaleProductsSection.js

@@ -1,14 +1,14 @@
-import { jsx as a, Fragment as U, jsxs as g } from "react/jsx-runtime";
-import { memo as v, forwardRef as P, useState as N, useMemo as $ } from "react";
-import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as L, S as F } from "./consts-BuFChS64.js";
-import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import T from "./Button.js";
-import { D as _, S as D } from "./suspense-product-card-detailed-DtTXmJJB.js";
-const E = C.div`
+import { jsx as i, Fragment as b, jsxs as k } from "react/jsx-runtime";
+import { memo as P, forwardRef as C, useState as N, useMemo as $ } from "react";
+import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as I, S as T } from "./consts-BuFChS64.js";
+import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
+import B from "./Button.js";
+import { D, S as E } from "./suspense-product-card-detailed-CUd-EI3U.js";
+const j = F.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${(i) => `repeat(${i.limit || 5},  minmax(0, 1fr))`};
+  grid-template-columns: ${(o) => `repeat(${o.limit || 5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -41,7 +41,7 @@ const E = C.div`
   }
 
   & .product-card {
-    max-width: ${(i) => `calc(${100 / i.desktopCols}% - ${(i.desktopCols - 1) * i.columnGapRem / i.desktopCols}rem)`};
+    max-width: ${(o) => `calc(${100 / o.desktopCols}% - ${(o.desktopCols - 1) * o.columnGapRem / o.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -61,13 +61,13 @@ const E = C.div`
     }
   }
 
-  @media (max-width: ${L + "px"}) {
+  @media (max-width: ${I + "px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${T + "px"}) {
     display: flex;
     flex-direction: column;
 
@@ -78,25 +78,28 @@ const E = C.div`
       }
     }
   }
-`, f = v(_), X = P((i, h) => {
+`, h = P(D), W = C((o, w) => {
   const {
     items: r,
-    limit: l = 5,
+    limit: s = 5,
     limitMobile: n = 4,
-    onSelectCard: o = () => {
+    onSelectCard: a = () => {
     },
-    title: b = "Urgent sale",
-    showLessText: w = "Show less",
-    showMoreText: S = "Show more",
-    isLoading: y = !1,
+    title: S = "Urgent sale",
+    showLessText: y = "Show less",
+    showMoreText: L = "Show more",
+    isLoading: M = !1,
     getImage: c = () => {
     },
     negotiableText: u,
-    freeText: p
-  } = i, d = I(), [s, k] = N(!1), M = $(() => {
+    freeText: p,
+    onBookmark: g = () => {
+    },
+    bookmarkComponent: f = /* @__PURE__ */ i(b, {})
+  } = o, d = _(), [l, U] = N(!1), v = $(() => {
     var t;
-    return /* @__PURE__ */ a(U, { children: d === !0 ? (t = r == null ? void 0 : r.slice(0, s === !0 ? r == null ? void 0 : r.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ a(
-      f,
+    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(
+      h,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -106,14 +109,18 @@ const E = C.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         isSponsored: e == null ? void 0 : e.isSponsored,
-        onSelectCard: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid),
+        onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
         imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
         negotiableText: u,
-        freeText: p
+        freeText: p,
+        onBookmark: g,
+        bookmarkComponent: f,
+        bookmarked: e == null ? void 0 : e.bookmarked,
+        bookmarkLists: e == null ? void 0 : e.bookmarkLists
       },
       m
-    )) : r == null ? void 0 : r.slice(0, l).map((e, m) => /* @__PURE__ */ a(
-      f,
+    )) : r == null ? void 0 : r.slice(0, s).map((e, m) => /* @__PURE__ */ i(
+      h,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -124,30 +131,34 @@ const E = C.div`
         uuid: e == null ? void 0 : e.uuid,
         location: e == null ? void 0 : e.location,
         isSponsored: e == null ? void 0 : e.isSponsored,
-        onSelectCard: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid),
+        onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
         imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
         negotiableText: u,
-        freeText: p
+        freeText: p,
+        onBookmark: g,
+        bookmarkComponent: f,
+        bookmarked: e == null ? void 0 : e.bookmarked,
+        bookmarkLists: e == null ? void 0 : e.bookmarkLists
       },
       m
     )) });
-  }, [r, d, l, n, s]);
-  return /* @__PURE__ */ g(E, { ref: h, limit: l, children: [
-    /* @__PURE__ */ g("div", { className: "urgent-tag", children: [
-      /* @__PURE__ */ a("i", { className: "mng mng-lnc-bolt-filled" }),
-      /* @__PURE__ */ a("span", { children: b })
+  }, [r, d, s, n, l]);
+  return /* @__PURE__ */ k(j, { ref: w, limit: s, children: [
+    /* @__PURE__ */ k("div", { className: "urgent-tag", children: [
+      /* @__PURE__ */ i("i", { className: "mng mng-lnc-bolt-filled" }),
+      /* @__PURE__ */ i("span", { children: S })
     ] }),
-    /* @__PURE__ */ a(
-      D,
+    /* @__PURE__ */ i(
+      E,
       {
-        isLoading: y,
-        limit: l,
+        isLoading: M,
+        limit: s,
         keyPrefix: "explore-landing",
-        children: M
+        children: v
       }
     ),
-    d === !0 && n < (r == null ? void 0 : r.length) && /* @__PURE__ */ a(
-      T,
+    d === !0 && n < (r == null ? void 0 : r.length) && /* @__PURE__ */ i(
+      B,
       {
         className: "show-more",
         btnType: "basic",
@@ -155,13 +166,13 @@ const E = C.div`
         color: "neutral",
         onClick: (t) => {
           var e;
-          (e = t == null ? void 0 : t.target) == null || e.blur(), k(!s);
+          (e = t == null ? void 0 : t.target) == null || e.blur(), U(!l);
         },
-        children: s === !0 ? w : S
+        children: l === !0 ? y : L
       }
     )
   ] });
 });
 export {
-  X as default
+  W as default
 };