@lanaco/lnc-react-ui 4.0.157 → 4.0.161

package/dist/BlogListSection.js

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

package/dist/BlogProductCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),P=require("./useDetectMobile-zkbzoOGV.cjs"),h=require("./index-CLoINIGC.cjs"),j=require("./suspense-product-card-simple-CrqjSxHI.cjs"),f=require("./Button.cjs"),y=require("./style-BTTXJFJN.cjs"),M=u.memo(h.SimpleProductCard),N=u.forwardRef(({buttonText:o,buttonLink:t,items:i,onButtonAction:l=()=>{},onSelectCard:s=()=>{},isLoading:n=!1,limit:d=4,getImage:a=()=>{},isHighlight:p=!1},m)=>{const b=P.useDetectMobile(),g=u.useMemo(()=>{var c;return(c=i==null?void 0:i.slice(0,4))==null?void 0:c.map((e,q)=>r.jsx(M,{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:()=>s==null?void 0:s(e==null?void 0:e.uuid),image:a(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null},q))},[i]);return r.jsxs(y.Wrapper,{ref:m,className:`blog-product-cards-section ${p?"highlight":""}`,children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(j.SuspenseSimpleProductCard,{isLoading:n,limit:d,keyPrefix:"blog-section",children:g})}),r.jsx(f,{text:o,borderRadius:"curved",btnType:b?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=N;
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),j=require("./useDetectMobile-zkbzoOGV.cjs"),f=require("./index-DicTpiG0.cjs"),y=require("./suspense-product-card-simple-DJ8UYolb.cjs"),M=require("./Button.cjs"),N=require("./style-BTTXJFJN.cjs"),R=c.memo(f.SimpleProductCard),_=c.forwardRef(({buttonText:o,buttonLink:t,items:s,onButtonAction:l=()=>{},onSelectCard:i=()=>{},isLoading:a=!1,limit:n=4,getImage:d=()=>{},isHighlight:p=!1,componentName:m},b)=>{const g=j.useDetectMobile(),q=c.useMemo(()=>{var u;return(u=s==null?void 0:s.slice(0,4))==null?void 0:u.map((e,P)=>r.jsx(R,{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:(w,h)=>i==null?void 0:i(e==null?void 0:e.uuid,h),image:d(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,metadata:{name:m,accessor:e==null?void 0:e.accessor}},P))},[s]);return r.jsxs(N.Wrapper,{ref:b,className:`blog-product-cards-section ${p?"highlight":""}`,children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(y.SuspenseSimpleProductCard,{isLoading:a,limit:n,keyPrefix:"blog-section",children:q})}),r.jsx(M,{text:o,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>l(t)})]})});module.exports=_;

package/dist/BlogProductCardsSection.js

@@ -1,29 +1,30 @@
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import { memo as h, forwardRef as P, useMemo as N } from "react";
-import { u as y } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as M } from "./index-BGY3PSA-.js";
-import { S } from "./suspense-product-card-simple-CLJjab5B.js";
-import _ from "./Button.js";
-import { W as w } from "./style-tw6KjI2J.js";
-const U = h(M), R = P(
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { memo as N, forwardRef as y, useMemo as M } from "react";
+import { u as S } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as _ } from "./index-y6sKgrZC.js";
+import { S as w } from "./suspense-product-card-simple-ziy0XcLp.js";
+import U from "./Button.js";
+import { W as j } from "./style-tw6KjI2J.js";
+const k = N(_), T = y(
   ({
-    buttonText: u,
-    buttonLink: l,
+    buttonText: a,
+    buttonLink: c,
     items: r,
     onButtonAction: t = () => {
     },
-    onSelectCard: o = () => {
+    onSelectCard: i = () => {
     },
-    isLoading: a = !1,
-    limit: c = 4,
+    isLoading: u = !1,
+    limit: l = 4,
     getImage: d = () => {
     },
-    isHighlight: m = !1
-  }, p) => {
-    const n = y(), f = N(() => {
+    isHighlight: m = !1,
+    componentName: p
+  }, n) => {
+    const f = S(), g = M(() => {
       var s;
-      return (s = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : s.map((e, g) => /* @__PURE__ */ i(
-        U,
+      return (s = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : s.map((e, b) => /* @__PURE__ */ o(
+        k,
         {
           title: e == null ? void 0 : e.name,
           price: e == null ? void 0 : e.price,
@@ -32,36 +33,37 @@ const U = h(M), R = P(
           currency: e == null ? void 0 : e.currency,
           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: d(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null
+          onSelectCard: (v, h) => i == null ? void 0 : i(e == null ? void 0 : e.uuid, h),
+          image: d(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+          metadata: { name: p, accessor: e == null ? void 0 : e.accessor }
         },
-        g
+        b
       ));
     }, [r]);
-    return /* @__PURE__ */ b(
-      w,
+    return /* @__PURE__ */ P(
+      j,
       {
-        ref: p,
+        ref: n,
         className: `blog-product-cards-section ${m ? "highlight" : ""}`,
         children: [
-          /* @__PURE__ */ i("div", { className: "wrapper__grid", children: /* @__PURE__ */ i(
-            S,
+          /* @__PURE__ */ o("div", { className: "wrapper__grid", children: /* @__PURE__ */ o(
+            w,
             {
-              isLoading: a,
-              limit: c,
+              isLoading: u,
+              limit: l,
               keyPrefix: "blog-section",
-              children: f
+              children: g
             }
           ) }),
-          /* @__PURE__ */ i(
-            _,
+          /* @__PURE__ */ o(
+            U,
             {
-              text: u,
+              text: a,
               borderRadius: "curved",
-              btnType: n ? "basic" : "outline",
+              btnType: f ? "basic" : "outline",
               color: "neutral",
               className: "wrapper__action",
-              onClick: () => t(l)
+              onClick: () => t(c)
             }
           )
         ]
@@ -70,5 +72,5 @@ const U = h(M), R = P(
   }
 );
 export {
-  R as default
+  T as default
 };

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("react"),S=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./skeleton-CanJ6Gr6.cjs"),b=require("./Button.cjs"),_=require("./style-BTTXJFJN.cjs"),k=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(a.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),q=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(u.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(k,{isLoading:s,limit:i,keyPrefix:t}):o}),C=u.memo(a.ShopCard),w=u.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1},m)=>{const g=S.useDetectMobile(),j=u.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,f)=>r.jsx(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.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0},`shop-card__${f+1}`))},[s]);return r.jsxs(_.Wrapper,{ref:m,className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(q,{isLoading:l,limit:d,keyPrefix:"blog-section",children:j})}),r.jsx(b,{text:o,borderRadius:"curved",btnType:g?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=w;
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),_=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./skeleton-Ccd6EDeB.cjs"),k=require("./Button.cjs"),q=require("./style-BTTXJFJN.cjs"),C=({limit:o=4,isLoading:n=!1,keyPrefix:s})=>r.jsx(r.Fragment,{children:Array.from({length:o},(i,t)=>r.jsx(u.ShopCardSkeleton,{isLoading:n},`${s}-skeleton-shop-card-${t}`))}),w=({children:o,fallbackComponent:n=r.jsx(r.Fragment,{}),isLoading:s=!1,limit:i,keyPrefix:t})=>r.jsx(a.Suspense,{fallbackComponent:n,children:s===!0?r.jsx(C,{isLoading:s,limit:i,keyPrefix:t}):o}),M=a.memo(u.ShopCard),v=a.forwardRef(({buttonText:o,buttonLink:n,items:s,onButtonAction:i=()=>{},onSelectCard:t=()=>{},isLoading:l=!1,limit:d=4,getImage:p=()=>{},isHighlight:h=!1,componentName:m},g)=>{const j=_.useDetectMobile(),f=a.useMemo(()=>{var c;return(c=s==null?void 0:s.slice(0,4))==null?void 0:c.map((e,S)=>r.jsx(M,{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.rating,reviewCount:e==null?void 0:e.reviewCount,onSelectCard:(y,b)=>t==null?void 0:t(e==null?void 0:e.uuid,b),image:p(e==null?void 0:e.profileImage,e==null?void 0:e.uuid)||null,hideProducts:!0,metadata:{name:m,accessor:e==null?void 0:e.accessor}},`shop-card__${S+1}`))},[s]);return r.jsxs(q.Wrapper,{ref:g,className:h?"highlight":"",children:[r.jsx("div",{className:"wrapper__grid",children:r.jsx(w,{isLoading:l,limit:d,keyPrefix:"blog-section",children:f})}),r.jsx(k,{text:o,borderRadius:"curved",btnType:j?"basic":"outline",color:"neutral",className:"wrapper__action",onClick:()=>i(n)})]})});module.exports=v;

package/dist/BlogShopCardsSection.js

@@ -1,84 +1,86 @@
-import { jsx as o, Fragment as u, jsxs as S } from "react/jsx-runtime";
-import { Suspense as b, memo as _, forwardRef as C, useMemo as k } from "react";
-import { u as w } from "./useDetectMobile-Bkvj0VMa.js";
-import { a as v, S as M } from "./skeleton-BWFqIToC.js";
-import y from "./Button.js";
-import { W as N } from "./style-tw6KjI2J.js";
-const $ = ({ limit: s = 4, isLoading: a = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: s }, (i, t) => /* @__PURE__ */ o(
-  v,
+import { jsx as o, Fragment as u, jsxs as _ } from "react/jsx-runtime";
+import { Suspense as C, memo as k, forwardRef as w, useMemo as v } from "react";
+import { u as M } from "./useDetectMobile-Bkvj0VMa.js";
+import { a as y, S as N } from "./skeleton-5mO22c5S.js";
+import $ from "./Button.js";
+import { W as j } from "./style-tw6KjI2J.js";
+const z = ({ limit: a = 4, isLoading: t = !1, keyPrefix: r }) => /* @__PURE__ */ o(u, { children: Array.from({ length: a }, (i, s) => /* @__PURE__ */ o(
+  y,
   {
-    isLoading: a
+    isLoading: t
   },
-  `${r}-skeleton-shop-card-${t}`
-)) }), j = ({
-  children: s,
-  fallbackComponent: a = /* @__PURE__ */ o(u, {}),
+  `${r}-skeleton-shop-card-${s}`
+)) }), B = ({
+  children: a,
+  fallbackComponent: t = /* @__PURE__ */ o(u, {}),
   isLoading: r = !1,
   limit: i,
-  keyPrefix: t
-}) => /* @__PURE__ */ o(b, { fallbackComponent: a, children: r === !0 ? /* @__PURE__ */ o(
-  $,
+  keyPrefix: s
+}) => /* @__PURE__ */ o(C, { fallbackComponent: t, children: r === !0 ? /* @__PURE__ */ o(
+  z,
   {
     isLoading: r,
     limit: i,
-    keyPrefix: t
+    keyPrefix: s
   }
-) : s }), z = _(M), F = C(
+) : a }), D = k(N), q = w(
   ({
-    buttonText: s,
-    buttonLink: a,
+    buttonText: a,
+    buttonLink: t,
     items: r,
     onButtonAction: i = () => {
     },
-    onSelectCard: t = () => {
+    onSelectCard: s = () => {
     },
     isLoading: l = !1,
-    limit: p = 4,
-    getImage: c = () => {
+    limit: c = 4,
+    getImage: p = () => {
     },
-    isHighlight: d = !1
-  }, m) => {
-    const h = w(), f = k(() => {
+    isHighlight: d = !1,
+    componentName: m
+  }, h) => {
+    const f = M(), g = v(() => {
       var n;
-      return (n = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : n.map((e, g) => /* @__PURE__ */ o(
-        z,
+      return (n = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : n.map((e, S) => /* @__PURE__ */ o(
+        D,
         {
           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.rating,
           reviewCount: e == null ? void 0 : e.reviewCount,
-          onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid),
-          image: c(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
-          hideProducts: !0
+          onSelectCard: (P, b) => s == null ? void 0 : s(e == null ? void 0 : e.uuid, b),
+          image: p(e == null ? void 0 : e.profileImage, e == null ? void 0 : e.uuid) || null,
+          hideProducts: !0,
+          metadata: { name: m, accessor: e == null ? void 0 : e.accessor }
         },
-        `shop-card__${g + 1}`
+        `shop-card__${S + 1}`
       ));
     }, [r]);
-    return /* @__PURE__ */ S(N, { ref: m, className: d ? "highlight" : "", children: [
+    return /* @__PURE__ */ _(j, { ref: h, className: d ? "highlight" : "", children: [
       /* @__PURE__ */ o("div", { className: "wrapper__grid", children: /* @__PURE__ */ o(
-        j,
+        B,
         {
           isLoading: l,
-          limit: p,
+          limit: c,
           keyPrefix: "blog-section",
-          children: f
+          children: g
         }
       ) }),
       /* @__PURE__ */ o(
-        y,
+        $,
         {
-          text: s,
+          text: a,
           borderRadius: "curved",
-          btnType: h ? "basic" : "outline",
+          btnType: f ? "basic" : "outline",
           color: "neutral",
           className: "wrapper__action",
-          onClick: () => i(a)
+          onClick: () => i(t)
         }
       )
     ] });
   }
 );
 export {
-  F as default
+  q as default
 };

package/dist/BlogSingleSection.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-Cm0f72Po.cjs"),a=require("./skeleton-BdbB-LdT.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),g=require("./index-BGTtoLxz.cjs"),a=require("./skeleton-BdbB-LdT.cjs"),c=({limit:t=1,isLoading:l=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:t},(e,s)=>r.jsx(a.BlogCardLargeSkeleton,{isLoading:l},`${n}-skeleton-product-card-${s}`))}),x=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:e,keyPrefix:s})=>r.jsx(o.Suspense,{fallbackComponent:l,children:n===!0?r.jsx(c,{isLoading:n,limit:e,keyPrefix:s}):t}),d=o.forwardRef((t,l)=>{const{isLoading:n,item:e,onSelectCard:s=()=>{},getImage:u=()=>{}}=t;return r.jsx(x,{isLoading:n,limit:1,keyPrefix:"explore-landing",children:r.jsx(g.BlogCardLarge,{ref:l,title:e==null?void 0:e.title,imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,buttonText:e==null?void 0:e.buttonText,onCardClick:()=>s(e==null?void 0:e.titleSlug)})})});module.exports=d;

package/dist/BlogSingleSection.js

@@ -1,6 +1,6 @@
 import { jsx as e, Fragment as a } from "react/jsx-runtime";
 import { Suspense as s, forwardRef as u } from "react";
-import { B as d } from "./index-DGp7FHms.js";
+import { B as d } from "./index-1Dm1i6WK.js";
 import { B as c } from "./skeleton-CQPwIEP0.js";
 const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */ e(a, { children: Array.from({ length: o }, (r, n) => /* @__PURE__ */ e(
   c,
@@ -22,9 +22,14 @@ const f = ({ limit: o = 1, isLoading: t = !1, keyPrefix: l }) => /* @__PURE__ */
     keyPrefix: n
   }
 ) : o }), k = u((o, t) => {
-  const { isLoading: l, item: r, onSelectCard: n = () => {
-  }, getImage: g = () => {
-  } } = o;
+  const {
+    isLoading: l,
+    item: r,
+    onSelectCard: n = () => {
+    },
+    getImage: g = () => {
+    }
+  } = o;
   return /* @__PURE__ */ e(
     i,
     {