@lanaco/lnc-react-ui 4.0.157 → 4.0.160

package/dist/ShopCardsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),b=require("react"),u=require("./Button.cjs"),_=require("./skeleton-CanJ6Gr6.cjs"),d=require("./utils-Dl9xPH4c.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),k=j.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),u=require("./Button.cjs"),_=require("./skeleton-Ccd6EDeB.cjs"),C=require("./utils-Dl9xPH4c.cjs"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),N=k.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -83,7 +83,7 @@
     display: none;
   }
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__view-all {
       display: unset;
     }
@@ -126,4 +126,4 @@
             }`}
     }
   }
-`,S=b.forwardRef(({title:i,subtitle:o,items:r,limit:g=4,limitForMobile:w=2,buttonText:a="Show More",onSelectCard:f=()=>{},onButtonAction:l=()=>{},icon:p,getImage:h=()=>{},getProductImage:x=()=>{},hideProducts:c=!1,showRating:y=!0,gridView:n=!1},v)=>{var m;return t.jsxs(k,{ref:v,limitCards:g,limitCardsForMobile:w,gridView:n,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[d.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:i})]}),l&&t.jsx(u,{text:a,color:"neutral",borderRadius:"curved",btnType:"tinted",className:`title__action ${n?"grid":""}`,onClick:l})]}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__cards",children:r&&(r==null?void 0:r.length)>0?r==null?void 0:r.map((e,s)=>t.jsx(_.ShopCard,{showRating:y,uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>f(e==null?void 0:e.uuid),image:h(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:x,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:c},`shop-card__${s+1}`)):(m=Array.from("1234"))==null?void 0:m.map((e,s)=>t.jsx(_.ShopCardSkeleton,{},`shop-card-skeleton__${s+1}`))}),n&&l&&t.jsx(u,{text:a,borderRadius:"curved",btnType:"basic",color:"neutral",className:"wrapper__view-all",onClick:l})]})});module.exports=S;
+`,q=d.forwardRef(({title:i,subtitle:o,items:n,limit:g=4,limitForMobile:w=2,buttonText:a="Show More",onSelectCard:f=()=>{},onButtonAction:l=()=>{},icon:p,getImage:h=()=>{},getProductImage:x=()=>{},hideProducts:y=!1,showRating:c=!0,gridView:r=!1,componentName:v},b)=>{var m;return t.jsxs(N,{ref:b,limitCards:g,limitCardsForMobile:w,gridView:r,children:[t.jsxs("div",{className:"wrapper__heading",children:[t.jsxs("div",{className:"wrapper__title",children:[i&&t.jsxs("div",{className:"title__text",children:[C.isDefinedNotEmptyString(p)&&t.jsx("i",{className:p}),t.jsx("span",{children:i})]}),l&&t.jsx(u,{text:a,color:"neutral",borderRadius:"curved",btnType:"tinted",className:`title__action ${r?"grid":""}`,onClick:l})]}),o&&t.jsx("div",{className:"wrapper__subtitle",children:o})]}),t.jsx("div",{className:"wrapper__cards",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,s)=>t.jsx(_.ShopCard,{showRating:c,uuid:e==null?void 0:e.uuid,title:e==null?void 0:e.name,subtitle:e==null?void 0:e.shortDescription,rating:e==null?void 0:e.ratingArithmeticMean,reviewCount:e==null?void 0:e.reviewCount,products:e==null?void 0:e.products,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:($,j)=>f(e==null?void 0:e.uuid,j),image:h(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,getProductImage:x,canAcceptPayments:e==null?void 0:e.canAcceptPayments,hideProducts:y,metadata:{name:v,accessor:e==null?void 0:e.accessor}},`shop-card__${s+1}`)):(m=Array.from("1234"))==null?void 0:m.map((e,s)=>t.jsx(_.ShopCardSkeleton,{},`shop-card-skeleton__${s+1}`))}),r&&l&&t.jsx(u,{text:a,borderRadius:"curved",btnType:"basic",color:"neutral",className:"wrapper__view-all",onClick:l})]})});module.exports=q;

package/dist/ShopCardsSection.js

@@ -1,11 +1,11 @@
 import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
+import { forwardRef as C } from "react";
 import _ from "./Button.js";
-import { S as d, a as C } from "./skeleton-BWFqIToC.js";
-import { k } from "./utils-BdsZgOUE.js";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as N } from "./consts-BuFChS64.js";
-const $ = S.div`
+import { S as k, a as S } from "./skeleton-5mO22c5S.js";
+import { k as N } from "./utils-BdsZgOUE.js";
+import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M } from "./consts-BuFChS64.js";
+const j = $.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -90,7 +90,7 @@ const $ = S.div`
     display: none;
   }
 
-  @media (max-width: ${N + "px"}) {
+  @media (max-width: ${M + "px"}) {
     & .wrapper__view-all {
       display: unset;
     }
@@ -133,17 +133,17 @@ const $ = S.div`
             }`}
     }
   }
-`, D = c(
+`, L = C(
   ({
     title: t,
     subtitle: s,
-    items: r,
+    items: l,
     limit: g = 4,
     limitForMobile: u = 2,
     buttonText: p = "Show More",
     onSelectCard: w = () => {
     },
-    onButtonAction: l = () => {
+    onButtonAction: r = () => {
     },
     icon: m,
     getImage: h = () => {
@@ -152,13 +152,14 @@ const $ = S.div`
     },
     hideProducts: v = !1,
     showRating: x = !0,
-    gridView: o = !1
-  }, b) => {
+    gridView: o = !1,
+    componentName: b
+  }, c) => {
     var f;
     return /* @__PURE__ */ n(
-      $,
+      j,
       {
-        ref: b,
+        ref: c,
         limitCards: g,
         limitCardsForMobile: u,
         gridView: o,
@@ -166,10 +167,10 @@ const $ = S.div`
           /* @__PURE__ */ n("div", { className: "wrapper__heading", children: [
             /* @__PURE__ */ n("div", { className: "wrapper__title", children: [
               t && /* @__PURE__ */ n("div", { className: "title__text", children: [
-                k(m) && /* @__PURE__ */ i("i", { className: m }),
+                N(m) && /* @__PURE__ */ i("i", { className: m }),
                 /* @__PURE__ */ i("span", { children: t })
               ] }),
-              l && /* @__PURE__ */ i(
+              r && /* @__PURE__ */ i(
                 _,
                 {
                   text: p,
@@ -177,14 +178,14 @@ const $ = S.div`
                   borderRadius: "curved",
                   btnType: "tinted",
                   className: `title__action ${o ? "grid" : ""}`,
-                  onClick: l
+                  onClick: r
                 }
               )
             ] }),
             s && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: s })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: r && (r == null ? void 0 : r.length) > 0 ? r == null ? void 0 : r.map((e, a) => /* @__PURE__ */ i(
-            d,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: l && (l == null ? void 0 : l.length) > 0 ? l == null ? void 0 : l.map((e, a) => /* @__PURE__ */ i(
+            k,
             {
               showRating: x,
               uuid: e == null ? void 0 : e.uuid,
@@ -194,15 +195,16 @@ const $ = S.div`
               reviewCount: e == null ? void 0 : e.reviewCount,
               products: e == null ? void 0 : e.products,
               imageComponent: e == null ? void 0 : e.imageComponent,
-              onSelectCard: () => w(e == null ? void 0 : e.uuid),
+              onSelectCard: (z, d) => w(e == null ? void 0 : e.uuid, d),
               image: h(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
               getProductImage: y,
               canAcceptPayments: e == null ? void 0 : e.canAcceptPayments,
-              hideProducts: v
+              hideProducts: v,
+              metadata: { name: b, accessor: e == null ? void 0 : e.accessor }
             },
             `shop-card__${a + 1}`
-          )) : (f = Array.from("1234")) == null ? void 0 : f.map((e, a) => /* @__PURE__ */ i(C, {}, `shop-card-skeleton__${a + 1}`)) }),
-          o && l && /* @__PURE__ */ i(
+          )) : (f = Array.from("1234")) == null ? void 0 : f.map((e, a) => /* @__PURE__ */ i(S, {}, `shop-card-skeleton__${a + 1}`)) }),
+          o && r && /* @__PURE__ */ i(
             _,
             {
               text: p,
@@ -210,7 +212,7 @@ const $ = S.div`
               btnType: "basic",
               color: "neutral",
               className: "wrapper__view-all",
-              onClick: l
+              onClick: r
             }
           )
         ]
@@ -219,5 +221,5 @@ const $ = S.div`
   }
 );
 export {
-  D as default
+  L as default
 };

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"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-CLoINIGC.cjs"),F=require("./index-CSgGox95.cjs"),N=require("./suspense-product-card-simple-CrqjSxHI.cjs"),v=C.styled.div`
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),U=require("./consts-goSZX3xP.cjs"),F=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./index-DicTpiG0.cjs"),T=require("./index-CSgGox95.cjs"),_=require("./suspense-product-card-simple-DJ8UYolb.cjs"),B=N.styled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -9,7 +9,7 @@
     margin: auto;
   }
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${U.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -28,4 +28,4 @@
 
     }
   }
-`,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;
+`,b=n.memo(v.SimpleProductCard),I=n.forwardRef((S,h)=>{const{title:w,subtitle:q,description:y,buttonText:P,buttonLink:f,items:i,onButtonAction:j=()=>{},onSelectCard:c=()=>{},isLoading:C=!1,limit:r=6,getImage:o=()=>{},negotiableText:a,freeText:l,componentName:d}=S,m=F.useDetectMobile(),k=n.useMemo(()=>{var p,g;return t.jsx(t.Fragment,{children:m===!0?(p=i==null?void 0:i.slice(0,4))==null?void 0:p.map((e,s)=>t.jsx(b,{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:(M,u)=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:u}),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:a,freeText:l,metadata:{name:d,accessor:e==null?void 0:e.accessor}},s)):(g=i==null?void 0:i.slice(0,9))==null?void 0:g.map((e,s)=>t.jsx(b,{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:(M,u)=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:u}),image:o(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:a,freeText:l,metadata:{name:d,accessor:e==null?void 0:e.accessor}},s))})},[i,m,r]);return t.jsxs(B,{ref:h,limit:r,children:[t.jsx(T.TextBlockV1,{subtitle:q,title:w,description:y,buttonText:P,buttonLink:f,onButtonAction:j,className:"text-block-v1"}),t.jsx(_.SuspenseSimpleProductCard,{isLoading:C,limit:r,keyPrefix:"explore-landing",children:k})]})});module.exports=I;

package/dist/SimpleProductsSection.js

@@ -1,12 +1,12 @@
-import { jsx as r, Fragment as C, jsxs as M } from "react/jsx-runtime";
-import { memo as U, forwardRef as F, useMemo as N } from "react";
-import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as v } from "./consts-BuFChS64.js";
-import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as I } from "./index-BGY3PSA-.js";
-import { T as L } from "./index-DK8dqEUQ.js";
-import { S as j } from "./suspense-product-card-simple-CLJjab5B.js";
-const z = T.div`
+import { jsx as r, Fragment as U, jsxs as F } from "react/jsx-runtime";
+import { memo as T, forwardRef as v, useMemo as B } from "react";
+import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as L } from "./consts-BuFChS64.js";
+import { u as j } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as z } from "./index-y6sKgrZC.js";
+import { T as E } from "./index-DK8dqEUQ.js";
+import { S as _ } from "./suspense-product-card-simple-ziy0XcLp.js";
+const A = I.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const z = T.div`
     margin: auto;
   }
 
-  @media (max-width: ${v + "px"}) {
+  @media (max-width: ${L + "px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -36,28 +36,29 @@ const z = T.div`
 
     }
   }
-`, c = U(I), W = F((p, g) => {
+`, g = T(z), $ = v((f, S) => {
   const {
-    title: f,
-    subtitle: S,
-    description: b,
-    buttonText: h,
-    buttonLink: w,
+    title: b,
+    subtitle: h,
+    description: w,
+    buttonText: y,
+    buttonLink: P,
     items: i,
-    onButtonAction: y = () => {
+    onButtonAction: k = () => {
     },
-    onSelectCard: o = () => {
+    onSelectCard: u = () => {
     },
-    isLoading: P = !1,
+    isLoading: C = !1,
     limit: t = 6,
-    getImage: l = () => {
+    getImage: m = () => {
     },
-    negotiableText: a,
-    freeText: m
-  } = p, d = B(), k = N(() => {
-    var s, n;
-    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(
-      c,
+    negotiableText: l,
+    freeText: s,
+    componentName: d
+  } = f, n = j(), M = B(() => {
+    var c, p;
+    return /* @__PURE__ */ r(U, { children: n === !0 ? (c = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : c.map((e, a) => /* @__PURE__ */ r(
+      g,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -66,14 +67,19 @@ const z = T.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: () => o({ 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: a,
-        freeText: m
+        onSelectCard: (N, o) => u({
+          uuid: e == null ? void 0 : e.uuid,
+          nameSlug: e == null ? void 0 : e.nameSlug,
+          cardRef: o
+        }),
+        image: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: l,
+        freeText: s,
+        metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
       },
-      u
-    )) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ r(
-      c,
+      a
+    )) : (p = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : p.map((e, a) => /* @__PURE__ */ r(
+      g,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -82,38 +88,43 @@ const z = T.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: () => o({ 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: a,
-        freeText: m
+        onSelectCard: (N, o) => u({
+          uuid: e == null ? void 0 : e.uuid,
+          nameSlug: e == null ? void 0 : e.nameSlug,
+          cardRef: o
+        }),
+        image: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: l,
+        freeText: s,
+        metadata: { name: d, accessor: e == null ? void 0 : e.accessor }
       },
-      u
+      a
     )) });
-  }, [i, d, t]);
-  return /* @__PURE__ */ M(z, { ref: g, limit: t, children: [
+  }, [i, n, t]);
+  return /* @__PURE__ */ F(A, { ref: S, limit: t, children: [
     /* @__PURE__ */ r(
-      L,
+      E,
       {
-        subtitle: S,
-        title: f,
-        description: b,
-        buttonText: h,
-        buttonLink: w,
-        onButtonAction: y,
+        subtitle: h,
+        title: b,
+        description: w,
+        buttonText: y,
+        buttonLink: P,
+        onButtonAction: k,
         className: "text-block-v1"
       }
     ),
     /* @__PURE__ */ r(
-      j,
+      _,
       {
-        isLoading: P,
+        isLoading: C,
         limit: t,
         keyPrefix: "explore-landing",
-        children: k
+        children: M
       }
     )
   ] });
 });
 export {
-  W as default
+  $ 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"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-DYyH_jf5.cjs"),N=P.styled.div`
+"use strict";const o=require("react/jsx-runtime"),n=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),_=require("./useDetectMobile-zkbzoOGV.cjs"),$=require("./Button.cjs"),y=require("./suspense-product-card-detailed-D-pjVe22.cjs"),D=q.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};
+  grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -34,7 +34,7 @@
   }
 
   & .product-card {
-    max-width: ${o=>`calc(${100/o.desktopCols}% - ${(o.desktopCols-1)*o.columnGapRem/o.desktopCols}rem)`};
+    max-width: ${a=>`calc(${100/a.desktopCols}% - ${(a.desktopCols-1)*a.columnGapRem/a.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -54,13 +54,13 @@
     }
   }
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
   }
 
-  @media (max-width: ${k.SMALL_MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.SMALL_MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
 
@@ -71,4 +71,4 @@
       }
     }
   }
-`,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=_;
+`,w=n.memo(y.DetailedProductCard),F=n.forwardRef((a,C)=>{const{items:r,limit:t=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:L="Show less",showMoreText:M="Show more",isLoading:U=!1,getImage:g=()=>{},negotiableText:p,freeText:b,onBookmark:f=()=>{},bookmarkComponent:k,componentName:h}=a,d=_.useDetectMobile(),[s,P]=n.useState(!1),v=n.useMemo(()=>{var i;return o.jsx(o.Fragment,{children:d===!0?(i=r==null?void 0:r.slice(0,s===!0?r==null?void 0:r.length:l))==null?void 0:i.map((e,c)=>o.jsx(w,{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:(N,m)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:m}),imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor}},c)):r==null?void 0:r.slice(0,t).map((e,c)=>o.jsx(w,{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:(N,m)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:m}),imageUrl:g(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:p,freeText:b,onBookmark:f,bookmarkComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:h,accessor:e==null?void 0:e.accessor}},c))})},[r,d,t,l,s]);return o.jsxs(D,{ref:C,limit:t,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:j})]}),o.jsx(y.SuspenseDetailedProductCard,{isLoading:U,limit:t,keyPrefix:"explore-landing",children:v}),d===!0&&l<(r==null?void 0:r.length)&&o.jsx($,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),P(!s)},children:s===!0?L:M})]})});module.exports=F;

package/dist/UrgentSaleProductsSection.js

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

package/dist/index-1Dm1i6WK.js

@@ -0,0 +1,52 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as d, useRef as f } from "react";
+import { W as b, T as x } from "./skeleton-CQPwIEP0.js";
+import { u as g } from "./useDetectMobile-Bkvj0VMa.js";
+import n from "./Button.js";
+import { P as h } from "./index-CF3HhgvN.js";
+const B = d((l, y) => {
+  const { title: a, imageUrl: m, text: p, onCardClick: o, buttonText: t, metadata: e } = l, i = g(), c = f();
+  return /* @__PURE__ */ s(
+    b,
+    {
+      ref: c,
+      className: "blog-card",
+      "data-accessor": e == null ? void 0 : e.accessor,
+      name: e == null ? void 0 : e.name,
+      onClick: (u) => o(u, c),
+      children: [
+        /* @__PURE__ */ r(h, { src: m }),
+        /* @__PURE__ */ s(x, { children: [
+          /* @__PURE__ */ r("div", { className: "text-wr-title", children: a }),
+          /* @__PURE__ */ r("div", { className: "text-wr", children: p }),
+          i !== !0 && /* @__PURE__ */ r(
+            n,
+            {
+              type: "button",
+              btnType: "outline",
+              size: "medium",
+              color: "gray",
+              onClick: o,
+              children: t
+            }
+          )
+        ] }),
+        i === !0 && /* @__PURE__ */ r(
+          n,
+          {
+            className: "action",
+            type: "button",
+            btnType: "outline",
+            size: "medium",
+            color: "gray",
+            onClick: o,
+            children: t
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  B
+};