@lanaco/lnc-react-ui 4.0.226 → 4.0.227

package/dist/BannerSectionCarousel.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-Ito6YFqi.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),y=require("./useDetectMobile-DYV6V1yw.cjs"),w=require("./utils-CITgSxXe.cjs"),j=h.styled(u.SkeletonColumnWrapper)`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),x=require("./index-DeS-oqJB.cjs"),u=require("./style-CQdEALKR.cjs"),h=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),t=require("./breakpoints-CcVm-gVm.cjs"),v=require("./Button.cjs"),w=require("./useDetectMobile-DYV6V1yw.cjs"),y=require("./utils-CITgSxXe.cjs"),j=h.styled(u.SkeletonAnimationColumnContainer)`
   @media ${t.down("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`,k=({keyPrefix:i})=>r.jsx(j,{noGradient:!0,children:r.jsx(u.SkeletonLinePlaceholder,{keyPrefix:`${i}-1`,height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
+`,k=({keyPrefix:i})=>r.jsx(j,{children:r.jsx(u.SkeletonRect,{keyPrefix:`${i}-0`,width:"100%",height:"22.5rem"})}),S=({keyPrefix:i,isLoading:o=!1,fallbackComponent:n=r.jsx(r.Fragment,{}),children:a})=>r.jsx(d.Suspense,{fallbackComponent:n,children:o===!0?r.jsx(k,{keyPrefix:i}):a}),C=h.styled.div`
   &:hover {
     cursor: pointer;
 
@@ -196,4 +196,4 @@
       }
     }
   }
-`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=y.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[w.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;
+`,q=d.forwardRef(({items:i=[],isLoading:o=!1,deviceType:n,partialVisible:a=!0,fallbackComponent:m=r.jsx(r.Fragment,{}),onSelectItem:_=()=>{},onButtonAction:g=()=>{},carouselProps:p},f)=>{const b={desktop:{breakpoint:{max:3e3,min:t.screenSizes.M.max},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:t.screenSizes.M.max,min:t.screenSizes.S.min},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:t.screenSizes.XS.max,min:0},items:1,partialVisibilityGutter:64}},c=w.useDetectMobile();return r.jsx(C,{ref:f,children:r.jsx(S,{fallbackComponent:m,keyPrefix:"banner-carousel-skeleton",isLoading:o,children:r.jsx(x.Carousel,{responsive:b,deviceType:n,removeArrowOnDeviceType:["tablet","mobile"],infinite:!c,keyBoardControl:!0,autoPlay:!0,partialVisible:a,customTransition:"transform 500ms ease-in-out",sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",rewind:!0,rewindWithAnimation:!0,...p,children:i==null?void 0:i.map((e,l)=>r.jsxs("div",{className:"section__card",onClick:()=>_(e),children:[y.isDefined(e==null?void 0:e.imageComponent)?e==null?void 0:e.imageComponent:r.jsx("img",{src:e==null?void 0:e.imageUrl,alt:`Slide ${l+1}`,loading:"lazy",className:"section__image"}),r.jsxs("div",{className:"card__content",children:[r.jsxs("div",{className:"card__text",children:[(e==null?void 0:e.title)&&r.jsx("div",{className:"card__title",children:e==null?void 0:e.title}),(e==null?void 0:e.title)&&r.jsx("div",{className:"card__description",children:e==null?void 0:e.description})]}),(e==null?void 0:e.buttonText)&&r.jsx(v,{text:e==null?void 0:e.buttonText,className:"card__action",size:"medium",onClick:s=>{s==null||s.stopPropagation(),g(e)}})]})]},`banner-section-carousel-item__${l+1}`))})})},`banner-section-carousel__${c}`)});module.exports=q;

package/dist/BannerSectionCarousel.js

@@ -1,25 +1,32 @@
 import { jsx as r, Fragment as u, jsxs as l } from "react/jsx-runtime";
 import { Suspense as v, forwardRef as y } from "react";
 import { C as w } from "./index-BppfjY8h.js";
-import { b as k, a as C } from "./style-DvkivBNg.js";
+import { b as k, a as C } from "./style-BFPpppS9.js";
 import { s as h } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { d as a, s as i } from "./breakpoints-BubDitvo.js";
+import { d as o, s as i } from "./breakpoints-BubDitvo.js";
 import S from "./Button.js";
 import { u as j } from "./useDetectMobile-B0Jog4jQ.js";
 import { m as $ } from "./utils-MoGhNMmj.js";
 const N = h(k)`
-  @media ${a("S")} {
+  @media ${o("S")} {
     & > div {
       height: 100%;
       aspect-ratio: 1 / 1;
     }
   }
-`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { noGradient: !0, children: /* @__PURE__ */ r(C, { keyPrefix: `${t}-1`, height: "22.5rem" }) }), B = ({
+`, z = ({ keyPrefix: t }) => /* @__PURE__ */ r(N, { children: /* @__PURE__ */ r(
+  C,
+  {
+    keyPrefix: `${t}-0`,
+    width: "100%",
+    height: "22.5rem"
+  }
+) }), B = ({
   keyPrefix: t,
-  isLoading: o = !1,
+  isLoading: a = !1,
   fallbackComponent: n = /* @__PURE__ */ r(u, {}),
   children: s
-}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: o === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
+}) => /* @__PURE__ */ r(v, { fallbackComponent: n, children: a === !0 ? /* @__PURE__ */ r(z, { keyPrefix: t }) : s }), M = h.div`
   &:hover {
     cursor: pointer;
 
@@ -137,7 +144,7 @@ const N = h(k)`
     right: 1rem;
   }
 
-  @media ${a("M")} {
+  @media ${o("M")} {
     & .carousel-item .section__card,
     & .carousel-item:not(.react-multi-carousel-item--active) .section__card {
       height: 100%;
@@ -149,14 +156,14 @@ const N = h(k)`
     }
   }
 
-  @media ${a("S")} {
+  @media ${o("S")} {
     & .carousel-item .section__card .section__image {
       object-fit: cover;
       object-position: center;
     }
   }
 
-  @media ${a("XS")} {
+  @media ${o("XS")} {
     & .carousel-container {
       min-height: 23.4375rem;
     }
@@ -213,7 +220,7 @@ const N = h(k)`
 `, F = y(
   ({
     items: t = [],
-    isLoading: o = !1,
+    isLoading: a = !1,
     deviceType: n,
     partialVisible: s = !0,
     fallbackComponent: p = /* @__PURE__ */ r(u, {}),
@@ -245,7 +252,7 @@ const N = h(k)`
       {
         fallbackComponent: p,
         keyPrefix: "banner-carousel-skeleton",
-        isLoading: o,
+        isLoading: a,
         children: /* @__PURE__ */ r(
           w,
           {

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-CITgSxXe.cjs"),y=require("./Icon.cjs"),R=require("./style-Boz6dk5s.cjs"),$=require("./index-DsINTjQk.cjs"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),v=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),q=require("./index-DkPva6Gr.cjs"),k=N.styled.a`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-CITgSxXe.cjs"),y=require("./Icon.cjs"),R=require("./style-Boz6dk5s.cjs"),$=require("./index-DsINTjQk.cjs"),N=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),v=require("./breakpoints-CcVm-gVm.cjs"),z=require("./Button.cjs"),q=require("./index-BMAvJQBG.cjs"),k=N.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;

package/dist/BlogCardsSponsoredSection.js

@@ -7,7 +7,7 @@ import { P as T } from "./index-DEypPQRI.js";
 import { s as j } from "./emotion-styled.browser.esm-DfbrHHed.js";
 import { d as y } from "./breakpoints-BubDitvo.js";
 import P from "./Button.js";
-import { S as W } from "./index-CuRcxKQH.js";
+import { S as W } from "./index-C6amCwRZ.js";
 const D = j.a`
   text-decoration: none;
   color: var(--gray-950);

package/dist/BlogListSection.cjs

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