@lanaco/lnc-react-ui 4.0.186 → 4.0.188

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),v=require("./Icon.cjs"),P=require("./IconButton.cjs"),d=require("./utils-RnrgDDZP.cjs"),C=require("./index-uwl7BjRF.cjs"),$=require("./style-CkcozOY6.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),N=b.styled.a`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),P=require("./Icon.cjs"),R=require("./IconButton.cjs"),d=require("./utils-RnrgDDZP.cjs"),N=require("./index-uwl7BjRF.cjs"),q=require("./style-CkcozOY6.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),W=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),B=x.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -95,7 +95,7 @@
     }
   }
 
-  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${W.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -146,7 +146,7 @@
       }
     }
   }
-`,q=a.forwardRef(({blogUuid:i,title:s,imageUrl:c,options:o,publishedAt:h,timeToReadText:g="{0} min read",timeToRead:u=0,numberOfLikes:j=0,numberOfComments:w=0,isBookmarked:m=!1,onSelectCard:f=()=>{},onBookmark:_=()=>{},onShare:r=()=>{},bookmarkComponent:p=e.jsx(e.Fragment,{}),metadata:l,titleSlug:y},k)=>{const x=()=>d.isDefined(p)?a.cloneElement(p,{key:`bookmark_blog__${i}__${m}`,isBookmarked:m,blogUuid:i,onBookmark:(S,W)=>_(S,W),ref:k,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),L=a.useRef();return e.jsxs(N,{ref:L,name:l==null?void 0:l.name,"data-accessor":l==null?void 0:l.accessor,onClick:n=>f(n,L),className:"blog-card-item",href:`/blog/${y}`,children:[e.jsx(C.ProductImageWrapper,{src:c,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsx("div",{className:"wrapper__title",children:s}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((n,S)=>e.jsx($.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${S+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:n=>{n.stopPropagation(),n.preventDefault()},children:[e.jsx(x,{}),e.jsx(P,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{r()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(h)} • ${d.formatString(g,u)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(v,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(j)]}),e.jsxs("div",{children:[e.jsx(v,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(w)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:[e.jsx(x,{}),e.jsx(P,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{r()}})]})]})]})]})}),B=b.styled.div`
+`,I=a.forwardRef(({blogUuid:i,title:l,imageUrl:c,options:o,publishedAt:h,timeToReadText:u="{0} min read",timeToRead:j=0,numberOfLikes:w=0,numberOfComments:f=0,isBookmarked:p=!1,onSelectCard:_=()=>{},onBookmark:k=()=>{},onShare:g=()=>{},bookmarkComponent:r=e.jsx(e.Fragment,{}),metadata:s,titleSlug:m,LinkComponent:S},b)=>{const $=S||"a",v=()=>d.isDefined(r)?a.cloneElement(r,{key:`bookmark_blog__${i}__${p}`,isBookmarked:p,blogUuid:i,onBookmark:(y,C)=>k(y,C),ref:b,componentName:"ExploreBlogSectionCard"}):e.jsx(e.Fragment,{}),L=a.useRef();return e.jsxs(B,{ref:L,name:s==null?void 0:s.name,"data-accessor":s==null?void 0:s.accessor,onClick:n=>_(n,L),className:"blog-card-item",as:$,...S?{to:`/blog/${m}`}:{href:`/blog/${m}`},children:[e.jsx(N.ProductImageWrapper,{src:c,className:"wrapper__image"}),e.jsxs("div",{className:"wrapper__content",children:[e.jsxs("div",{className:"wrapper__subcontent",children:[e.jsx("div",{className:"wrapper__title",children:l}),e.jsxs("div",{className:"wrapper__tags-action",children:[e.jsx("div",{className:"wrapper__tags",children:o&&(o==null?void 0:o.map((n,y)=>e.jsx(q.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},`blog-card-sponsored-option__${y+1}`)))}),e.jsxs("div",{className:"info__content mobile-only",onClick:n=>{n.stopPropagation(),n.preventDefault()},children:[e.jsx(v,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]}),e.jsxs("div",{className:"wrapper__info",children:[e.jsxs("div",{className:"info__content",children:[e.jsx("div",{className:"info__text",children:`${d.formatLocaleDateString(h)} • ${d.formatString(u,j)}`}),e.jsxs("div",{className:"info__text",children:[e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),d.getRoundedNumber(w)]}),e.jsxs("div",{children:[e.jsx(P,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),d.getRoundedNumber(f)]})]})]}),e.jsxs("div",{className:"info__content desktop-only",onClick:n=>{n==null||n.preventDefault(),n==null||n.stopPropagation()},children:[e.jsx(v,{}),e.jsx(R,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:()=>{g()}})]})]})]})]})}),G=x.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -170,10 +170,10 @@
       bottom: -1.25rem;
     }
   }
-`,I=b.styled(t.SkeletonColumnWrapper)`
-  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+`,z=x.styled(t.SkeletonColumnWrapper)`
+  @media (max-width: ${W.MOBILE_SIZE_PX+"px"}) {
     & > div {
       flex-direction: column;
     }
   }
-`,G=({keyPrefix:i})=>e.jsxs(I,{children:[e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),z=({keyPrefix:i,isLoading:s=!1,fallbackComponent:c=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:c,children:s===!0?e.jsx(G,{keyPrefix:i}):o}),E=a.memo(q),O=a.forwardRef(({timeToReadText:i="{0} min read",items:s,isLoading:c=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:g=()=>{},getImage:u=()=>{},isSeparated:j=!0,bookmarkComponent:w=e.jsx(e.Fragment,{}),componentName:m},f)=>{const _=a.useMemo(()=>s==null?void 0:s.map((r,p)=>{var l;return e.jsx(E,{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:i,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:(y,k)=>o==null?void 0:o(r,k),onShare:()=>h==null?void 0:h(r),onBookmark:g,imageUrl:u(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:w,metadata:{name:m,accessor:r==null?void 0:r.accessor}},`blog-card-item__${p+1}__${(l=r==null?void 0:r.isBookmarked)==null?void 0:l.toString()}`)}),[s]);return e.jsx(z,{isLoading:c,keyPrefix:"blog-list-skeleton",children:e.jsx(B,{ref:f,className:j?"separated":"",children:_})})});module.exports=O;
+`,E=({keyPrefix:i})=>e.jsxs(z,{children:[e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-1`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-2`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-3`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-4`),e.jsxs(t.SkeletonRowWrapper,{children:[e.jsx(t.SkeletonSquarePlaceholder,{height:"9.5rem",width:"17.75rem"}),e.jsxs(t.SkeletonColumnWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{height:"1.5rem"}),e.jsxs(t.SkeletonRowWrapper,{noGradient:!0,children:[e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"}),e.jsx(t.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]},`${i}-5`)]}),O=({keyPrefix:i,isLoading:l=!1,fallbackComponent:c=e.jsx(e.Fragment,{}),children:o})=>e.jsx(a.Suspense,{fallbackComponent:c,children:l===!0?e.jsx(E,{keyPrefix:i}):o}),T=a.memo(I),D=a.forwardRef(({timeToReadText:i="{0} min read",items:l,isLoading:c=!1,onSelectCard:o=()=>{},onShare:h=()=>{},onBookmark:u=()=>{},getImage:j=()=>{},isSeparated:w=!0,bookmarkComponent:f=e.jsx(e.Fragment,{}),componentName:p,LinkComponent:_},k)=>{const g=a.useMemo(()=>l==null?void 0:l.map((r,s)=>{var m;return e.jsx(T,{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:i,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,b)=>o==null?void 0:o(r,b),onShare:()=>h==null?void 0:h(r),onBookmark:u,imageUrl:j(r==null?void 0:r.imageUrl,r==null?void 0:r.uuid)||null,bookmarkComponent:f,metadata:{name:p,accessor:r==null?void 0:r.accessor},LinkComponent:_},`blog-card-item__${s+1}__${(m=r==null?void 0:r.isBookmarked)==null?void 0:m.toString()}`)}),[l]);return e.jsx(O,{isLoading:c,keyPrefix:"blog-list-skeleton",children:e.jsx(G,{ref:k,className:w?"separated":"",children:g})})});module.exports=D;

package/dist/BlogListSection.js

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

package/dist/BlogProductCardsSection.cjs

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

package/dist/BlogProductCardsSection.js

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

package/dist/BlogShopCardsSection.cjs

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./index-0p_3g3pT.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;
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),q=require("./useDetectMobile-zkbzoOGV.cjs"),_=require("./index-D_5jNP-o.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,7 +1,7 @@
 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-CA59z2ge.js";
+import { S as M } from "./index-9inVkeN6.js";
 import C from "./Button.js";
 import { W as N } from "./style-tw6KjI2J.js";
 const S = b(M), L = _(

package/dist/BlogSingleSection.cjs

@@ -1,5 +1,5 @@
-"use strict";const r=require("react/jsx-runtime"),s=require("react"),u=require("./index-MiN854X_.cjs"),l=require("./style-BAcV7F53.cjs"),g=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./consts-goSZX3xP.cjs"),d=g.styled(l.SkeletonColumnWrapper)`
-  @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
+"use strict";const n=require("react/jsx-runtime"),s=require("react"),g=require("./index-BWE-RCPy.cjs"),l=require("./style-BAcV7F53.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),d=require("./consts-goSZX3xP.cjs"),x=c.styled(l.SkeletonColumnWrapper)`
+  @media (max-width: ${d.MOBILE_SIZE_PX+"px"}) {
     & > div {
       height: 13.25rem;
 
@@ -13,4 +13,4 @@
       box-shadow: none;
     }
   }
-`,x=({keyPrefix:n})=>r.jsx(d,{children:r.jsx(l.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${n}-1`)}),S=({keyPrefix:n,isLoading:t=!1,fallbackComponent:o=r.jsx(r.Fragment,{}),children:e})=>r.jsx(s.Suspense,{fallbackComponent:o,children:t===!0?r.jsx(x,{keyPrefix:n}):e}),h=s.forwardRef((n,t)=>{const{isLoading:o,item:e,onSelectCard:i=()=>{},getImage:a=()=>{}}=n;return r.jsx(S,{isLoading:o,keyPrefix:"blogs-single-skeleton",children:r.jsx(u.BlogCardLarge,{ref:t,title:e==null?void 0:e.title,imageUrl:a(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:()=>i(e==null?void 0:e.titleSlug)})})});module.exports=h;
+`,S=({keyPrefix:r})=>n.jsx(x,{children:n.jsx(l.SkeletonLinePlaceholder,{height:"11.25rem",borderRadius:"0.75rem"},`${r}-1`)}),h=({keyPrefix:r,isLoading:t=!1,fallbackComponent:o=n.jsx(n.Fragment,{}),children:e})=>n.jsx(s.Suspense,{fallbackComponent:o,children:t===!0?n.jsx(S,{keyPrefix:r}):e}),f=s.forwardRef((r,t)=>{const{isLoading:o,item:e,onSelectCard:i=()=>{},getImage:a=()=>{},LinkComponent:u}=r;return n.jsx(h,{isLoading:o,keyPrefix:"blogs-single-skeleton",children:n.jsx(g.BlogCardLarge,{ref:t,title:e==null?void 0:e.title,imageUrl:a(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:()=>i(e==null?void 0:e.titleSlug),LinkComponent:u})})});module.exports=f;