@lanaco/lnc-react-ui 4.0.169 → 4.0.171

package/dist/BannerSectionSimple.js

@@ -4,7 +4,7 @@ import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as n } from "./consts-BuFChS64.js";
 import k from "./Button.js";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
-import { l as B } from "./utils-BdsZgOUE.js";
+import { l as B } from "./utils-DHfRApMf.js";
 const I = o.div`
   display: flex;
   border-radius: 0.75rem;

package/dist/BannerSectionWithList.js

@@ -3,7 +3,7 @@ import { forwardRef as p, Fragment as u } from "react";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as s } from "./consts-BuFChS64.js";
 import x from "./Button.js";
-import { l as n } from "./utils-BdsZgOUE.js";
+import { l as n } from "./utils-DHfRApMf.js";
 const y = m.div`
   padding-bottom: 1.38rem;
   text-align: center;

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),l=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),R=require("./style-Db3VFbfP.cjs"),x=require("./index-BueKsXT8.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),S=require("./suspense-large-CFmcSzX-.cjs"),z=require("./Button.cjs"),I=v.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),S=require("./style-Db3VFbfP.cjs"),R=require("./index-BueKsXT8.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./Button.cjs"),z=require("./index-D0IYt1s3.cjs"),I=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${s=>s!=null&&s.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${t=>t!=null&&t.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
@@ -63,7 +63,7 @@
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${l.truncateTextInRows(2)}
+        ${s.truncateTextInRows(2)}
       }
 
       & .wrapper__tags {
@@ -95,7 +95,7 @@
     }
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
 
@@ -121,7 +121,7 @@
       }
     }
   }
-`,q=d.forwardRef(({title:s,imageUrl:m,options:n,publishedAt:_,timeToReadText:f="{0} min read",timeToRead:u=0,numberOfLikes:o=0,numberOfComments:c=0,isSponsored:p=!1,onSelectCard:h=()=>{},metadata:t},b)=>{const g=d.useRef();return r.jsxs(I,{ref:g,isSponsored:p,"data-accessor":t==null?void 0:t.accessor,name:t==null?void 0:t.name,onClick:i=>h(i,g),children:[p&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(x.ProductImageWrapper,{src:m,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:s}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.map((i,a)=>r.jsx(R.BlogTag,{color:i==null?void 0:i.color,children:i==null?void 0:i.name},a)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${l.formatLocaleDateString(_)} • ${l.formatString(f,u)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),l.getRoundedNumber(o)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),l.getRoundedNumber(c)]})]})]})]})]})}),k=v.styled.div`
+`,q=p.forwardRef(({title:t,imageUrl:m,options:l,publishedAt:g,timeToReadText:f="{0} min read",timeToRead:h=0,numberOfLikes:o=0,numberOfComments:d=0,isSponsored:c=!1,onSelectCard:_=()=>{},metadata:a},b)=>{const u=p.useRef();return r.jsxs(I,{ref:u,isSponsored:c,"data-accessor":a==null?void 0:a.accessor,name:a==null?void 0:a.name,onClick:i=>_(i,u),children:[c&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(R.ProductImageWrapper,{src:m,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:t}),r.jsx("div",{className:"wrapper__tags",children:l&&(l==null?void 0:l.map((i,n)=>r.jsx(S.BlogTag,{color:i==null?void 0:i.color,children:i==null?void 0:i.name},n)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(g)} • ${s.formatString(f,h)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(o)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(d)]})]})]})]})]})}),$=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -139,7 +139,7 @@
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${l.truncateTextInRows(2)}
+        ${s.truncateTextInRows(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -191,7 +191,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     gap: 1.25rem;
 
     & .wrapper__title {
@@ -205,4 +205,4 @@
       gap: 1.5rem;
     }
   }
-`,$=d.memo(q),L=d.forwardRef(({title:s,subtitle:m,icon:n,buttonText:_,buttonLink:f,timeToReadText:u="{0} min read",items:o,onButtonAction:c=()=>{},onSelectCard:p=()=>{},isLoading:h=!1,getImage:t=()=>{},componentName:b},g)=>{const i=d.useMemo(()=>{var a;return(a=o==null?void 0:o.slice(0,4))==null?void 0:a.map((e,j)=>r.jsx($,{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:u,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,onSelectCard:(O,N)=>p==null?void 0:p(e,N),imageUrl:t(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:b,accessor:e==null?void 0:e.accessor}},`blog-card-sponsored__${j+1}`))},[o]);return r.jsxs(k,{ref:g,children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[s&&r.jsxs("div",{className:"title__text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:s})]}),c&&r.jsx(z,{text:_,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:a=>{var e;(e=a==null?void 0:a.target)==null||e.blur(),c==null||c(f)}})]}),m&&r.jsx("div",{className:"wrapper__subtitle",children:m})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(S.SuspenseBlogLarge,{isLoading:h,limit:4,keyPrefix:"blog-section",children:i})})]})});module.exports=L;
+`,k=p.memo(q),E=p.forwardRef(({title:t,subtitle:m,icon:l,buttonText:g,buttonLink:f,timeToReadText:h="{0} min read",items:o,onButtonAction:d=()=>{},onSelectCard:c=()=>{},isLoading:_=!1,getImage:a=()=>{},componentName:b},u)=>{const i=p.useMemo(()=>{var n;return(n=o==null?void 0:o.slice(0,4))==null?void 0:n.map((e,j)=>r.jsx(k,{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:h,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,onSelectCard:(O,N)=>c==null?void 0:c(e,N),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:b,accessor:e==null?void 0:e.accessor}},`blog-card-sponsored__${j+1}`))},[o]);return r.jsxs($,{ref:u,children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[t&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:t})]}),s.isDefinedNotEmptyString(g)&&s.isDefinedNotEmptyString(f)&&!_&&r.jsx(x,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:n=>{var e;(e=n==null?void 0:n.target)==null||e.blur(),d==null||d(f)}})]}),m&&r.jsx("div",{className:"wrapper__subtitle",children:m})]}),r.jsx(z.SuspenseBlogCardsSponsored,{isLoading:_,keyPrefix:"blog-cards-sponsored-skeleton",children:r.jsx("div",{className:"wrapper__cards",children:i})})]})});module.exports=E;

package/dist/BlogCardsSponsoredSection.js

@@ -1,14 +1,14 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as v, useRef as $, memo as j, useMemo as I } from "react";
-import { p as y, s as R, v as L, w as b, k as O } from "./utils-BdsZgOUE.js";
-import w from "./Icon.js";
-import { B as T } from "./style-DKAOBWn3.js";
-import { P as U } from "./index-CF3HhgvN.js";
-import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { forwardRef as y, useRef as j, memo as I, useMemo as R } from "react";
+import { o as N, q as B, s as C, v, k as w } from "./utils-DHfRApMf.js";
+import u from "./Icon.js";
+import { B as O } from "./style-D3pIrH3v.js";
+import { P as U } from "./index-BbltNcou.js";
+import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as z } from "./consts-BuFChS64.js";
-import { S as B } from "./suspense-large-BMO7JH52.js";
-import C from "./Button.js";
-const M = N.div`
+import M from "./Button.js";
+import { S as P } from "./index-BSpdEGFd.js";
+const T = S.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -73,7 +73,7 @@ const M = N.div`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${y(2)}
+        ${N(2)}
       }
 
       & .wrapper__tags {
@@ -131,50 +131,50 @@ const M = N.div`
       }
     }
   }
-`, P = v(
+`, E = y(
   ({
     title: t,
     imageUrl: d,
-    options: l,
-    publishedAt: f,
-    timeToReadText: g = "{0} min read",
-    timeToRead: _ = 0,
-    numberOfLikes: o = 0,
-    numberOfComments: p = 0,
-    isSponsored: m = !1,
-    onSelectCard: h = () => {
+    options: o,
+    publishedAt: c,
+    timeToReadText: f = "{0} min read",
+    timeToRead: h = 0,
+    numberOfLikes: l = 0,
+    numberOfComments: m = 0,
+    isSponsored: p = !1,
+    onSelectCard: g = () => {
     },
     metadata: s
-  }, u) => {
-    const c = $();
+  }, b) => {
+    const _ = j();
     return /* @__PURE__ */ i(
-      M,
+      T,
       {
-        ref: c,
-        isSponsored: m,
+        ref: _,
+        isSponsored: p,
         "data-accessor": s == null ? void 0 : s.accessor,
         name: s == null ? void 0 : s.name,
-        onClick: (a) => h(a, c),
+        onClick: (a) => g(a, _),
         children: [
-          m && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(w, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
+          p && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(u, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
           /* @__PURE__ */ r(U, { src: d, className: "wrapper__image" }),
           /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
             /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
               /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: l && (l == null ? void 0 : l.map((a, n) => /* @__PURE__ */ r(T, { color: a == null ? void 0 : a.color, children: a == null ? void 0 : a.name }, n))) })
+              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: o && (o == null ? void 0 : o.map((a, n) => /* @__PURE__ */ r(O, { color: a == null ? void 0 : a.color, children: a == null ? void 0 : a.name }, n))) })
             ] }),
             /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
-              /* @__PURE__ */ r("div", { className: "info__text", children: `${R(
-                f
-              )} • ${L(g, _)}` }),
+              /* @__PURE__ */ r("div", { className: "info__text", children: `${B(
+                c
+              )} • ${C(f, h)}` }),
               /* @__PURE__ */ i("div", { className: "info__text", children: [
                 /* @__PURE__ */ i("div", { children: [
-                  /* @__PURE__ */ r(w, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                  b(o)
+                  /* @__PURE__ */ r(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                  v(l)
                 ] }),
                 /* @__PURE__ */ i("div", { children: [
-                  /* @__PURE__ */ r(w, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                  b(p)
+                  /* @__PURE__ */ r(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                  v(m)
                 ] })
               ] })
             ] })
@@ -183,7 +183,7 @@ const M = N.div`
       }
     );
   }
-), E = N.div`
+), W = S.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -201,7 +201,7 @@ const M = N.div`
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${y(2)}
+        ${N(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -267,78 +267,77 @@ const M = N.div`
       gap: 1.5rem;
     }
   }
-`, W = j(P), Y = v(
+`, D = I(E), Y = y(
   ({
     title: t,
     subtitle: d,
-    icon: l,
-    buttonText: f,
-    buttonLink: g,
-    timeToReadText: _ = "{0} min read",
-    items: o,
-    onButtonAction: p = () => {
+    icon: o,
+    buttonText: c,
+    buttonLink: f,
+    timeToReadText: h = "{0} min read",
+    items: l,
+    onButtonAction: m = () => {
     },
-    onSelectCard: m = () => {
+    onSelectCard: p = () => {
     },
-    isLoading: h = !1,
+    isLoading: g = !1,
     getImage: s = () => {
     },
-    componentName: u
-  }, c) => {
-    const a = I(() => {
+    componentName: b
+  }, _) => {
+    const a = R(() => {
       var n;
-      return (n = o == null ? void 0 : o.slice(0, 4)) == null ? void 0 : n.map((e, S) => /* @__PURE__ */ r(
-        W,
+      return (n = l == null ? void 0 : l.slice(0, 4)) == null ? void 0 : n.map((e, k) => /* @__PURE__ */ r(
+        D,
         {
           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: _,
+          timeToReadText: h,
           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,
-          onSelectCard: (D, k) => m == null ? void 0 : m(e, k),
+          onSelectCard: (L, $) => p == null ? void 0 : p(e, $),
           imageUrl: s(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
-          metadata: { name: u, accessor: e == null ? void 0 : e.accessor }
+          metadata: { name: b, accessor: e == null ? void 0 : e.accessor }
         },
-        `blog-card-sponsored__${S + 1}`
+        `blog-card-sponsored__${k + 1}`
       ));
-    }, [o]);
-    return /* @__PURE__ */ i(E, { ref: c, children: [
+    }, [l]);
+    return /* @__PURE__ */ i(W, { ref: _, children: [
       /* @__PURE__ */ i("div", { className: "wrapper__heading", children: [
         /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
           t && /* @__PURE__ */ i("div", { className: "title__text", children: [
-            O(l) && /* @__PURE__ */ r("i", { className: l }),
+            w(o) && /* @__PURE__ */ r("i", { className: o }),
             /* @__PURE__ */ r("span", { children: t })
           ] }),
-          p && /* @__PURE__ */ r(
-            C,
+          w(c) && w(f) && !g && /* @__PURE__ */ r(
+            M,
             {
-              text: f,
+              text: c,
               borderRadius: "curved",
               btnType: "tinted",
               className: "title__action",
               color: "neutral",
               onClick: (n) => {
                 var e;
-                (e = n == null ? void 0 : n.target) == null || e.blur(), p == null || p(g);
+                (e = n == null ? void 0 : n.target) == null || e.blur(), m == null || m(f);
               }
             }
           )
         ] }),
         d && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: d })
       ] }),
-      /* @__PURE__ */ r("div", { className: "wrapper__cards", children: /* @__PURE__ */ r(
-        B,
+      /* @__PURE__ */ r(
+        P,
         {
-          isLoading: h,
-          limit: 4,
-          keyPrefix: "blog-section",
-          children: a
+          isLoading: g,
+          keyPrefix: "blog-cards-sponsored-skeleton",
+          children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: a })
         }
-      ) })
+      )
     ] });
   }
 );

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-CjGtzfzp.cjs"),m=require("./style-BTTXJFJN.cjs"),p=a.memo(u.CategorySimpleCard),C=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},d)=>{const g=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,l)=>s.jsx(p,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},l))},[r]);return s.jsx(m.Wrapper,{ref:d,className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:g})})})});module.exports=C;
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),c=require("./CategorySimpleCard-Qe5QStrs.cjs"),d=require("./style-BTTXJFJN.cjs"),g=s.memo(c.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:p=!1,limit:C=4,isHighlight:t=!1},u)=>{const m=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,n)=>a.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},n))},[r]);return a.jsx(d.Wrapper,{ref:u,className:t?"highlight":"",children:a.jsx("div",{className:"wrapper__grid",children:m})})});module.exports=l;

package/dist/BlogCategoryCardsSection.js

@@ -1,38 +1,30 @@
-import { jsx as a } from "react/jsx-runtime";
-import { memo as t, forwardRef as u, useMemo as f } from "react";
-import { C as n, S as c } from "./suspense-categories-card-simple-BGj475Ca.js";
-import { W as C } from "./style-tw6KjI2J.js";
-const h = t(n), M = u(
+import { jsx as i } from "react/jsx-runtime";
+import { memo as g, forwardRef as l, useMemo as t } from "react";
+import { C as u } from "./CategorySimpleCard-laAY-RUT.js";
+import { W as f } from "./style-tw6KjI2J.js";
+const n = g(u), M = l(
   ({
-    items: r,
-    onSelectCard: o = () => {
+    items: a,
+    onSelectCard: e = () => {
     },
-    isLoading: m = !1,
-    limit: s = 4,
-    isHighlight: p = !1
-  }, d) => {
-    const g = f(() => {
-      var i;
-      return (i = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : i.map((e, l) => /* @__PURE__ */ a(
-        h,
+    isLoading: c = !1,
+    limit: h = 4,
+    isHighlight: m = !1
+  }, s) => {
+    const d = t(() => {
+      var o;
+      return (o = a == null ? void 0 : a.slice(0, 4)) == null ? void 0 : o.map((r, p) => /* @__PURE__ */ i(
+        n,
         {
-          uuid: e == null ? void 0 : e.uuid,
-          image: e == null ? void 0 : e.image,
-          name: e == null ? void 0 : e.name,
-          onSelectCard: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid)
+          uuid: r == null ? void 0 : r.uuid,
+          image: r == null ? void 0 : r.image,
+          name: r == null ? void 0 : r.name,
+          onSelectCard: () => e == null ? void 0 : e(r == null ? void 0 : r.uuid)
         },
-        l
+        p
       ));
-    }, [r]);
-    return /* @__PURE__ */ a(C, { ref: d, className: p ? "highlight" : "", children: /* @__PURE__ */ a("div", { className: "wrapper__grid", children: /* @__PURE__ */ a(
-      c,
-      {
-        isLoading: m,
-        limit: s,
-        keyPrefix: "blog-section",
-        children: g
-      }
-    ) }) });
+    }, [a]);
+    return /* @__PURE__ */ i(f, { ref: s, className: m ? "highlight" : "", children: /* @__PURE__ */ i("div", { className: "wrapper__grid", children: d }) });
   }
 );
 export {

package/dist/BlogExploreSection.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as t, Fragment as j } from "react/jsx-runtime";
 import { forwardRef as V, useRef as ce, useState as le, useEffect as se, Fragment as de } from "react";
 import { P as n } from "./index-CblbdqjE.js";
 import { u as me } from "./useDetectMobile-Bkvj0VMa.js";
-import { p as he, s as fe } from "./utils-BdsZgOUE.js";
+import { o as he, q as fe } from "./utils-DHfRApMf.js";
 import _e from "./TextInput.js";
 import C from "./Icon.js";
 import ue from "./Link.js";
@@ -11,11 +11,11 @@ import W from "./DropdownMenu.js";
 import E from "./DropdownItem.js";
 import { F as ge } from "./tag-BtS5lWJ0.js";
 import pe from "./BlogProductCardsSection.js";
-import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as ve } from "./index-CF3HhgvN.js";
+import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as ve } from "./index-BbltNcou.js";
 import F from "./BlogListSection.js";
 import { M as xe } from "./consts-BuFChS64.js";
-const ye = R.div`
+const ye = q.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -182,7 +182,7 @@ const ye = R.div`
       ] })
     ] });
   }
-), we = R.div`
+), we = q.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -484,8 +484,8 @@ const ye = R.div`
     handleShareBlog: z = () => {
     },
     // handleBookmarkBlog = () => {},
-    showAllButtonLink: U,
-    showAllButtonText: q = "Show all products",
+    showAllButtonLink: R,
+    showAllButtonText: U = "Show all products",
     viewAllButtonText: H = "View all (11)",
     // viewAllButtonLink,
     handleViewAll: X = () => {
@@ -641,8 +641,8 @@ const ye = R.div`
           g && (g == null ? void 0 : g.length) > 0 && /* @__PURE__ */ t(
             pe,
             {
-              buttonText: q,
-              buttonLink: U,
+              buttonText: U,
+              buttonLink: R,
               onButtonAction: Z,
               onSelectCard: G,
               items: g,

package/dist/BlogListSection.cjs

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