@lanaco/lnc-react-ui 4.0.147 → 4.0.149

package/dist/BlogListSection.js

@@ -1,14 +1,14 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as h, memo as v, useMemo as k } from "react";
-import u from "./Icon.js";
-import c from "./IconButton.js";
-import { p as N, s as I, v as R, w as b } from "./utils-BdsZgOUE.js";
-import { P as j } from "./index-CF3HhgvN.js";
-import { B as P } from "./style-DFPWLJBr.js";
-import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as T } from "./consts-BuFChS64.js";
-import { S as $ } from "./suspense-large-DPZHjpEr.js";
-const z = w.div`
+import { jsxs as i, jsx as r, Fragment as w } from "react/jsx-runtime";
+import { forwardRef as N, cloneElement as j, memo as C, useMemo as R } from "react";
+import y from "./Icon.js";
+import v from "./IconButton.js";
+import { p as z, s as L, v as P, w as k, l as T } from "./utils-BdsZgOUE.js";
+import { P as O } from "./index-CF3HhgvN.js";
+import { B as S } from "./style-DFPWLJBr.js";
+import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as E } from "./consts-BuFChS64.js";
+import { S as M } from "./suspense-large-DPZHjpEr.js";
+const U = B.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -60,7 +60,7 @@ const z = w.div`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${N(3)}
+        ${z(3)}
       }
 
       & .wrapper__tags {
@@ -103,7 +103,7 @@ const z = w.div`
     }
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${E + "px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -154,111 +154,101 @@ const z = w.div`
       }
     }
   }
-`, B = h(
+`, W = N(
   ({
-    title: d,
-    imageUrl: n,
+    blogUuid: s,
+    title: n,
+    imageUrl: o,
     options: a,
-    publishedAt: o,
-    timeToReadText: l = "{0} min read",
-    timeToRead: m = 0,
-    numberOfLikes: p = 0,
-    numberOfComments: f = 0,
-    isBookmarked: g = !1,
-    onSelectCard: _ = () => {
+    publishedAt: d,
+    timeToReadText: c = "{0} min read",
+    timeToRead: p = 0,
+    numberOfLikes: f = 0,
+    numberOfComments: g = 0,
+    isBookmarked: _ = !1,
+    onSelectCard: u = () => {
     },
     onBookmark: e = () => {
     },
-    onShare: s = () => {
-    }
-  }, O) => /* @__PURE__ */ i(z, { onClick: _, className: "blog-card-item", children: [
-    /* @__PURE__ */ t(j, { src: n, className: "wrapper__image" }),
-    /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
-      /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
-        /* @__PURE__ */ t("div", { className: "wrapper__title", children: d }),
-        /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
-          /* @__PURE__ */ t("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((r, y) => /* @__PURE__ */ t(
-            P,
-            {
-              color: r == null ? void 0 : r.color,
-              children: r == null ? void 0 : r.name
-            },
-            `blog-card-sponsored-option__${y + 1}`
-          ))) }),
-          /* @__PURE__ */ i("div", { className: "info__content mobile-only", children: [
-            /* @__PURE__ */ t(
-              c,
+    onShare: m = () => {
+    },
+    bookmarkComponent: l = /* @__PURE__ */ r(w, {})
+  }, $) => {
+    const b = () => T(l) ? j(l, {
+      key: `bookmark_blog__${s}__${_}`,
+      isBookmarked: _,
+      blogUuid: s,
+      onBookmark: (h, I) => e(h, I),
+      ref: $,
+      componentName: "ExploreBlogSectionCard"
+    }) : /* @__PURE__ */ r(w, {});
+    return /* @__PURE__ */ i(U, { onClick: u, className: "blog-card-item", children: [
+      /* @__PURE__ */ r(O, { src: o, className: "wrapper__image" }),
+      /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
+          /* @__PURE__ */ r("div", { className: "wrapper__title", children: n }),
+          /* @__PURE__ */ i("div", { className: "wrapper__tags-action", children: [
+            /* @__PURE__ */ r("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.map((t, h) => /* @__PURE__ */ r(
+              S,
               {
-                icon: g ? " mng-lnc-bookmark--filled" : " mng-lnc-bookmark",
-                borderRadius: "curved",
-                btnType: "basic",
-                color: "neutral",
-                onClick: (r) => {
-                  r == null || r.stopPropagation(), e();
+                color: t == null ? void 0 : t.color,
+                children: t == null ? void 0 : t.name
+              },
+              `blog-card-sponsored-option__${h + 1}`
+            ))) }),
+            /* @__PURE__ */ i("div", { className: "info__content mobile-only", children: [
+              /* @__PURE__ */ r(b, {}),
+              /* @__PURE__ */ r(
+                v,
+                {
+                  icon: " mng-lnc-share",
+                  borderRadius: "curved",
+                  btnType: "basic",
+                  color: "neutral",
+                  onClick: (t) => {
+                    t == null || t.stopPropagation(), m();
+                  }
                 }
-              }
-            ),
-            /* @__PURE__ */ t(
-              c,
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
+          /* @__PURE__ */ i("div", { className: "info__content", children: [
+            /* @__PURE__ */ r("div", { className: "info__text", children: `${L(
+              d
+            )} • ${P(c, p)}` }),
+            /* @__PURE__ */ i("div", { className: "info__text", children: [
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ r(y, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                k(f)
+              ] }),
+              /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ r(y, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                k(g)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "info__content desktop-only", children: [
+            /* @__PURE__ */ r(b, {}),
+            /* @__PURE__ */ r(
+              v,
               {
                 icon: " mng-lnc-share",
                 borderRadius: "curved",
                 btnType: "basic",
                 color: "neutral",
-                onClick: (r) => {
-                  r == null || r.stopPropagation(), s();
+                onClick: (t) => {
+                  t == null || t.stopPropagation(), m();
                 }
               }
             )
           ] })
         ] })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
-        /* @__PURE__ */ i("div", { className: "info__content", children: [
-          /* @__PURE__ */ t("div", { className: "info__text", children: `${I(
-            o
-          )} • ${R(l, m)}` }),
-          /* @__PURE__ */ i("div", { className: "info__text", children: [
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-              b(p)
-            ] }),
-            /* @__PURE__ */ i("div", { children: [
-              /* @__PURE__ */ t(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-              b(f)
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "info__content desktop-only", children: [
-          /* @__PURE__ */ t(
-            c,
-            {
-              icon: g ? " mng-lnc-bookmark--filled" : " mng-lnc-bookmark",
-              borderRadius: "curved",
-              btnType: "basic",
-              color: "neutral",
-              onClick: (r) => {
-                r == null || r.stopPropagation(), e();
-              }
-            }
-          ),
-          /* @__PURE__ */ t(
-            c,
-            {
-              icon: " mng-lnc-share",
-              borderRadius: "curved",
-              btnType: "basic",
-              color: "neutral",
-              onClick: (r) => {
-                r == null || r.stopPropagation(), s();
-              }
-            }
-          )
-        ] })
       ] })
-    ] })
-  ] })
-), C = w.div`
+    ] });
+  }
+), A = B.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -282,52 +272,58 @@ const z = w.div`
       bottom: -1.25rem;
     }
   }
-`, L = v(B), F = h(
+`, D = C(W), Y = N(
   ({
-    timeToReadText: d = "{0} min read",
+    timeToReadText: s = "{0} min read",
     items: n,
-    onSelectCard: a = () => {
+    onSelectCard: o = () => {
     },
-    onShare: o = () => {
+    onShare: a = () => {
     },
-    onBookmark: l = () => {
+    onBookmark: d = () => {
     },
-    isLoading: m = !1,
+    isLoading: c = !1,
     getImage: p = () => {
     },
-    isSeparated: f = !0
-  }, g) => {
-    const _ = k(() => n == null ? void 0 : n.map((e, s) => /* @__PURE__ */ t(
-      L,
-      {
-        title: e == null ? void 0 : e.title,
-        titleSlug: e == null ? void 0 : e.titleSlug,
-        options: e == null ? void 0 : e.options,
-        publishedAt: e == null ? void 0 : e.publishedAt,
-        timeToReadText: d,
-        timeToRead: e == null ? void 0 : e.timeToRead,
-        numberOfLikes: e == null ? void 0 : e.numberOfLikes,
-        numberOfComments: e == null ? void 0 : e.numberOfComments,
-        isSponsored: e == null ? void 0 : e.isSponsored,
-        isBookmarked: e == null ? void 0 : e.isBookmarked,
-        onSelectCard: () => a == null ? void 0 : a(e),
-        onShare: () => o == null ? void 0 : o(e),
-        onBookmark: () => l == null ? void 0 : l(e),
-        imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
-      },
-      `blog-card-item__${s + 1}`
-    )), [n]);
-    return /* @__PURE__ */ t(C, { className: f ? "separated" : "", children: /* @__PURE__ */ t(
-      $,
+    isSeparated: f = !0,
+    bookmarkComponent: g = /* @__PURE__ */ r(w, {})
+  }, _) => {
+    const u = R(() => n == null ? void 0 : n.map((e, m) => {
+      var l;
+      return /* @__PURE__ */ r(
+        D,
+        {
+          blogUuid: e == null ? void 0 : e.uuid,
+          title: e == null ? void 0 : e.title,
+          titleSlug: e == null ? void 0 : e.titleSlug,
+          options: e == null ? void 0 : e.options,
+          publishedAt: e == null ? void 0 : e.publishedAt,
+          timeToReadText: s,
+          timeToRead: e == null ? void 0 : e.timeToRead,
+          numberOfLikes: e == null ? void 0 : e.numberOfLikes,
+          numberOfComments: e == null ? void 0 : e.numberOfComments,
+          isSponsored: e == null ? void 0 : e.isSponsored,
+          isBookmarked: e == null ? void 0 : e.isBookmarked,
+          onSelectCard: () => o == null ? void 0 : o(e),
+          onShare: () => a == null ? void 0 : a(e),
+          onBookmark: d,
+          imageUrl: p(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+          bookmarkComponent: g
+        },
+        `blog-card-item__${m + 1}__${(l = e == null ? void 0 : e.isBookmarked) == null ? void 0 : l.toString()}`
+      );
+    }), [n]);
+    return /* @__PURE__ */ r(A, { className: f ? "separated" : "", children: /* @__PURE__ */ r(
+      M,
       {
-        isLoading: m,
+        isLoading: c,
         limit: 5,
         keyPrefix: "blog-section",
-        children: _
+        children: u
       }
     ) });
   }
 );
 export {
-  F as default
+  Y as default
 };

package/dist/DetailedProductsSection.cjs

@@ -1,6 +1,6 @@
-"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`
+"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`
   display: grid;
-  grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,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;
+`,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;

package/dist/DetailedProductsSection.js

@@ -3,7 +3,7 @@ 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 E from "./Button.js";
-import { k as C } from "./utils-BdsZgOUE.js";
+import { k as S } 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-C-ZCjG5p.js";
@@ -36,7 +36,7 @@ const j = B.div`
       /* Safari and Chrome */
     }
   }
-`, h = M(R), V = D((n, S) => {
+`, C = M(R), V = D((n, h) => {
   const {
     icon: s,
     title: w,
@@ -62,7 +62,7 @@ const j = B.div`
     },
     bookmarkComponent: f
   } = n, y = I(), U = F(() => /* @__PURE__ */ o(L, { children: y === !0 ? r == null ? void 0 : r.map((e, i) => /* @__PURE__ */ o(
-    h,
+    C,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -73,7 +73,7 @@ const j = B.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m(e == null ? void 0 : e.uuid),
+      onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
       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,
@@ -92,7 +92,7 @@ const j = B.div`
     },
     i
   )) : r == null ? void 0 : r.slice(0, t).map((e, i) => /* @__PURE__ */ o(
-    h,
+    C,
     {
       name: e == null ? void 0 : e.name,
       price: e == null ? void 0 : e.price,
@@ -104,7 +104,7 @@ const j = B.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => m(e == null ? void 0 : e.uuid),
+      onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
       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,
@@ -123,13 +123,13 @@ const j = B.div`
     },
     i
   )) }), [r, y, t]);
-  return /* @__PURE__ */ l(O, { ref: S, children: [
+  return /* @__PURE__ */ l(O, { ref: h, children: [
     /* @__PURE__ */ l("div", { className: "regular-title", children: [
       /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
-        C(s) && /* @__PURE__ */ o("i", { className: s }),
+        S(s) && /* @__PURE__ */ o("i", { className: s }),
         /* @__PURE__ */ o("span", { children: w })
       ] }),
-      C(d) && /* @__PURE__ */ o(
+      S(d) && /* @__PURE__ */ o(
         E,
         {
           type: "button",

package/dist/ProductsWithBannerSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"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`
   width: 100%;
   height: 22.5rem;
   min-height: 22.5rem;
@@ -15,7 +15,7 @@
     height: 100%;
     object-fit: cover;
   }
-`,C=u.styled.div`
+`,P=u.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -81,4 +81,4 @@
       object-fit: cover;
     }
   }
-`,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;
+`,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;

package/dist/ProductsWithBannerSection.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as r, Fragment as c } from "react/jsx-runtime";
-import { forwardRef as u, Suspense as C, memo as N, useMemo as S } from "react";
+import { forwardRef as u, Suspense as P, memo as y, useMemo as N } from "react";
 import { s as p } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
+import { M as S } from "./consts-BuFChS64.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
 import { R as U } from "./style-DFPWLJBr.js";
 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`
   grid-template-columns: ${(t) => `repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${S + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -47,7 +47,7 @@ const E = p.div`
       /* Safari and Chrome */
     }
   }
-`, v = p.div`
+`, k = p.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -78,7 +78,7 @@ const E = p.div`
     height: 1.25rem;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${S + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -89,88 +89,88 @@ const E = p.div`
       object-fit: cover;
     }
   }
-`, z = u((t, d) => {
+`, z = u((t, l) => {
   const {
-    uuid: a,
+    uuid: o,
     title: i,
-    image: o,
+    image: a,
     sellerUuid: g,
-    onSelectCard: l = () => {
+    onSelectCard: n = () => {
     },
-    imageComponent: n
+    imageComponent: d
   } = t;
-  return /* @__PURE__ */ s(v, { className: "product-card", onClick: l, children: [
-    M(n) ? n : /* @__PURE__ */ r(j, { src: o }),
+  return /* @__PURE__ */ s(k, { className: "product-card", onClick: n, children: [
+    M(d) ? d : /* @__PURE__ */ r(j, { src: a }),
     /* @__PURE__ */ r("div", { className: "card-title", children: i })
   ] });
-}), B = u(({}, t) => /* @__PURE__ */ s(v, { className: "product-card", children: [
+}), B = u(({}, t) => /* @__PURE__ */ s(k, { className: "product-card", children: [
   /* @__PURE__ */ r("img", { className: "skeleton-img" }),
   /* @__PURE__ */ r("div", { className: "skeleton-title" })
-] })), D = ({ limit: t = 4, isLoading: d = !1, keyPrefix: a }) => /* @__PURE__ */ r(c, { children: Array.from({ length: t }, (i, o) => /* @__PURE__ */ r(
+] })), D = ({ limit: t = 4, isLoading: l = !1, keyPrefix: o }) => /* @__PURE__ */ r(c, { children: Array.from({ length: t }, (i, a) => /* @__PURE__ */ r(
   B,
   {
-    isLoading: d
+    isLoading: l
   },
-  `${a}-skeleton-product-card-${o}`
+  `${o}-skeleton-product-card-${a}`
 )) }), _ = ({
   children: t,
-  fallbackComponent: d = /* @__PURE__ */ r(c, {}),
-  isLoading: a = !1,
+  fallbackComponent: l = /* @__PURE__ */ r(c, {}),
+  isLoading: o = !1,
   limit: i,
-  keyPrefix: o
-}) => /* @__PURE__ */ r(C, { fallbackComponent: d, children: a === !0 ? /* @__PURE__ */ r(
+  keyPrefix: a
+}) => /* @__PURE__ */ r(P, { fallbackComponent: l, children: o === !0 ? /* @__PURE__ */ r(
   D,
   {
-    isLoading: a,
+    isLoading: o,
     limit: i,
-    keyPrefix: o
+    keyPrefix: a
   }
-) : t }), w = N(z), q = u((t, d) => {
+) : t }), w = y(z), q = u((t, l) => {
   const {
-    icon: a,
+    icon: o,
     items: i,
-    limit: o = 4,
+    limit: a = 4,
     imageUrl: g,
-    onSelectCard: l = () => {
+    onSelectCard: n = () => {
     },
-    title: n = "Season inspiration",
-    isLoading: P = !1,
+    title: d = "Season inspiration",
+    isLoading: v = !1,
     getImage: h = () => {
     }
-  } = t, f = $(), y = S(() => /* @__PURE__ */ r(c, { children: f === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
+  } = t, f = $(), C = N(() => /* @__PURE__ */ r(c, { children: f === !0 ? i == null ? void 0 : i.map((e, m) => /* @__PURE__ */ r(
     w,
     {
       title: e == null ? void 0 : e.name,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      onSelectCard: () => l == null ? void 0 : l(e == null ? void 0 : e.uuid),
+      onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
       image: h(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, o).map((e, m) => /* @__PURE__ */ r(
+  )) : i == null ? void 0 : i.slice(0, a).map((e, m) => /* @__PURE__ */ r(
     w,
     {
       title: e == null ? void 0 : e.name,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      onSelectCard: () => l == null ? void 0 : l(e == null ? void 0 : e.uuid),
+      onSelectCard: () => n({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
       image: h(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
     },
     m
-  )) }), [i, f, o]);
-  return /* @__PURE__ */ s(U, { ref: d, children: [
+  )) }), [i, f, a]);
+  return /* @__PURE__ */ s(U, { ref: l, children: [
     /* @__PURE__ */ r("div", { className: "regular-title", children: /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
-      W(a) && /* @__PURE__ */ r("i", { className: a }),
-      /* @__PURE__ */ r("span", { children: n })
+      W(o) && /* @__PURE__ */ r("i", { className: o }),
+      /* @__PURE__ */ r("span", { children: d })
     ] }) }),
     /* @__PURE__ */ r(E, { className: "products-banner", children: /* @__PURE__ */ r("img", { src: g }) }),
-    /* @__PURE__ */ r(R, { limit: o, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(R, { limit: a, children: /* @__PURE__ */ r(
       _,
       {
-        isLoading: P,
-        limit: o,
+        isLoading: v,
+        limit: a,
         keyPrefix: "explore-landing",
-        children: y
+        children: C
       }
     ) })
   ] });

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"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`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -9,7 +9,7 @@
     margin: auto;
   }
 
-  @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -28,4 +28,4 @@
 
     }
   }
-`,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=_;
+`,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;