@lanaco/lnc-react-ui 4.0.170 → 4.0.171

package/dist/BlogListSection.js

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

package/dist/BlogProductCardsSection.cjs

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

package/dist/BlogProductCardsSection.js

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

package/dist/BlogShopCardsSection.cjs

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

package/dist/BlogShopCardsSection.js

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