@lanaco/lnc-react-ui 4.0.184 → 4.0.186

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,6 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),s=require("./utils-RnrgDDZP.cjs"),w=require("./Icon.cjs"),S=require("./style-CkcozOY6.cjs"),R=require("./index-uwl7BjRF.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`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),s=require("./utils-RnrgDDZP.cjs"),w=require("./Icon.cjs"),S=require("./style-CkcozOY6.cjs"),x=require("./index-uwl7BjRF.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),R=require("./Button.cjs"),z=require("./index-D0IYt1s3.cjs"),I=y.styled.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -121,7 +123,7 @@
       }
     }
   }
-`,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`
+`,$=d.forwardRef(({title:t,imageUrl:p,options:n,publishedAt:m,timeToReadText:g="{0} min read",timeToRead:u=0,numberOfLikes:o=0,numberOfComments:c=0,isSponsored:l=!1,onSelectCard:f=()=>{},metadata:a,titleSlug:h},b)=>{const _=d.useRef();return r.jsxs(I,{ref:_,isSponsored:l,"data-accessor":a==null?void 0:a.accessor,name:a==null?void 0:a.name,onClick:i=>f(i,_),href:`/blog/${h}`,children:[l&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(x.ProductImageWrapper,{src:p,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:n&&(n==null?void 0:n.map((i,e)=>r.jsx(S.BlogTag,{color:i==null?void 0:i.color,children:i==null?void 0:i.name},e)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(m)} • ${s.formatString(g,u)}`}),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(c)]})]})]})]})]})}),q=y.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -205,4 +207,4 @@
       gap: 1.5rem;
     }
   }
-`,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;
+`,k=d.memo($),E=d.forwardRef(({title:t,subtitle:p,icon:n,buttonText:m,buttonLink:g,timeToReadText:u="{0} min read",items:o,onButtonAction:c=()=>{},onSelectCard:l=()=>{},isLoading:f=!1,getImage:a=()=>{},componentName:h},b)=>{const _=d.useMemo(()=>{var i;return(i=o==null?void 0:o.slice(0,4))==null?void 0:i.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: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)=>l==null?void 0:l(e,N),imageUrl:a(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:h,accessor:e==null?void 0:e.accessor}},`blog-card-sponsored__${j+1}`))},[o]);return r.jsxs(q,{ref:b,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(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:t})]}),s.isDefinedNotEmptyString(m)&&s.isDefinedNotEmptyString(g)&&!f&&r.jsx(R,{text:m,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:i=>{var e;(e=i==null?void 0:i.target)==null||e.blur(),c==null||c(g)}})]}),p&&r.jsx("div",{className:"wrapper__subtitle",children:p})]}),r.jsx(z.SuspenseBlogCardsSponsored,{isLoading:f,keyPrefix:"blog-cards-sponsored-skeleton",children:r.jsx("div",{className:"wrapper__cards",children:_})})]})});module.exports=E;

package/dist/BlogCardsSponsoredSection.js

@@ -1,4 +1,4 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
 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-Dc5zIpaz.js";
 import u from "./Icon.js";
@@ -8,7 +8,9 @@ import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as z } from "./consts-BuFChS64.js";
 import M from "./Button.js";
 import { S as P } from "./index-BSpdEGFd.js";
-const T = S.div`
+const T = S.a`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -134,47 +136,49 @@ const T = S.div`
 `, E = y(
   ({
     title: t,
-    imageUrl: d,
-    options: o,
-    publishedAt: c,
-    timeToReadText: f = "{0} min read",
-    timeToRead: h = 0,
-    numberOfLikes: l = 0,
-    numberOfComments: m = 0,
-    isSponsored: p = !1,
-    onSelectCard: g = () => {
+    imageUrl: m,
+    options: s,
+    publishedAt: d,
+    timeToReadText: c = "{0} min read",
+    timeToRead: _ = 0,
+    numberOfLikes: n = 0,
+    numberOfComments: p = 0,
+    isSponsored: l = !1,
+    onSelectCard: f = () => {
     },
-    metadata: s
+    metadata: o,
+    titleSlug: h
   }, b) => {
-    const _ = j();
-    return /* @__PURE__ */ i(
+    const g = j();
+    return /* @__PURE__ */ a(
       T,
       {
-        ref: _,
-        isSponsored: p,
-        "data-accessor": s == null ? void 0 : s.accessor,
-        name: s == null ? void 0 : s.name,
-        onClick: (a) => g(a, _),
+        ref: g,
+        isSponsored: l,
+        "data-accessor": o == null ? void 0 : o.accessor,
+        name: o == null ? void 0 : o.name,
+        onClick: (i) => f(i, g),
+        href: `/blog/${h}`,
         children: [
-          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: [
+          l && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(u, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
+          /* @__PURE__ */ r(U, { src: m, className: "wrapper__image" }),
+          /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
+            /* @__PURE__ */ a("div", { className: "wrapper__subcontent", children: [
               /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-              /* @__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__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((i, e) => /* @__PURE__ */ r(O, { color: i == null ? void 0 : i.color, children: i == null ? void 0 : i.name }, e))) })
             ] }),
-            /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
+            /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
               /* @__PURE__ */ r("div", { className: "info__text", children: `${B(
-                c
-              )} • ${C(f, h)}` }),
-              /* @__PURE__ */ i("div", { className: "info__text", children: [
-                /* @__PURE__ */ i("div", { children: [
+                d
+              )} • ${C(c, _)}` }),
+              /* @__PURE__ */ a("div", { className: "info__text", children: [
+                /* @__PURE__ */ a("div", { children: [
                   /* @__PURE__ */ r(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                  v(l)
+                  v(n)
                 ] }),
-                /* @__PURE__ */ i("div", { children: [
+                /* @__PURE__ */ a("div", { children: [
                   /* @__PURE__ */ r(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                  v(m)
+                  v(p)
                 ] })
               ] })
             ] })
@@ -270,72 +274,72 @@ const T = S.div`
 `, D = I(E), Y = y(
   ({
     title: t,
-    subtitle: d,
-    icon: o,
-    buttonText: c,
-    buttonLink: f,
-    timeToReadText: h = "{0} min read",
-    items: l,
-    onButtonAction: m = () => {
+    subtitle: m,
+    icon: s,
+    buttonText: d,
+    buttonLink: c,
+    timeToReadText: _ = "{0} min read",
+    items: n,
+    onButtonAction: p = () => {
     },
-    onSelectCard: p = () => {
+    onSelectCard: l = () => {
     },
-    isLoading: g = !1,
-    getImage: s = () => {
+    isLoading: f = !1,
+    getImage: o = () => {
     },
-    componentName: b
-  }, _) => {
-    const a = R(() => {
-      var n;
-      return (n = l == null ? void 0 : l.slice(0, 4)) == null ? void 0 : n.map((e, k) => /* @__PURE__ */ r(
+    componentName: h
+  }, b) => {
+    const g = R(() => {
+      var i;
+      return (i = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : i.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: h,
+          timeToReadText: _,
           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: (L, $) => p == null ? void 0 : p(e, $),
-          imageUrl: s(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
-          metadata: { name: b, accessor: e == null ? void 0 : e.accessor }
+          onSelectCard: (L, $) => l == null ? void 0 : l(e, $),
+          imageUrl: o(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+          metadata: { name: h, accessor: e == null ? void 0 : e.accessor }
         },
         `blog-card-sponsored__${k + 1}`
       ));
-    }, [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: [
-            w(o) && /* @__PURE__ */ r("i", { className: o }),
+    }, [n]);
+    return /* @__PURE__ */ a(W, { ref: b, children: [
+      /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
+        /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
+          t && /* @__PURE__ */ a("div", { className: "title__text", children: [
+            w(s) && /* @__PURE__ */ r("i", { className: s }),
             /* @__PURE__ */ r("span", { children: t })
           ] }),
-          w(c) && w(f) && !g && /* @__PURE__ */ r(
+          w(d) && w(c) && !f && /* @__PURE__ */ r(
             M,
             {
-              text: c,
+              text: d,
               borderRadius: "curved",
               btnType: "tinted",
               className: "title__action",
               color: "neutral",
-              onClick: (n) => {
+              onClick: (i) => {
                 var e;
-                (e = n == null ? void 0 : n.target) == null || e.blur(), m == null || m(f);
+                (e = i == null ? void 0 : i.target) == null || e.blur(), p == null || p(c);
               }
             }
           )
         ] }),
-        d && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: d })
+        m && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: m })
       ] }),
       /* @__PURE__ */ r(
         P,
         {
-          isLoading: g,
+          isLoading: f,
           keyPrefix: "blog-cards-sponsored-skeleton",
-          children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: a })
+          children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: g })
         }
       )
     ] });

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),c=require("./CategorySimpleCard-BNYjZQTH.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;
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),c=require("./CategorySimpleCard-D5N8cx0Z.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,6 +1,6 @@
 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-BA0S7TaN.js";
+import { C as u } from "./CategorySimpleCard-DRQuoxXu.js";
 import { W as f } from "./style-tw6KjI2J.js";
 const n = g(u), M = l(
   ({

package/dist/BlogListSection.cjs

@@ -1,4 +1,6 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),L=require("./Icon.cjs"),P=require("./IconButton.cjs"),d=require("./utils-RnrgDDZP.cjs"),W=require("./index-uwl7BjRF.cjs"),N=require("./style-CkcozOY6.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),t=require("./style-BAcV7F53.cjs"),$=b.styled.div`
+"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`
+  text-decoration: none;
+  color: var(--gray-950);
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -93,7 +95,7 @@
     }
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -144,7 +146,7 @@
       }
     }
   }
-`,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`
+`,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`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -168,10 +170,10 @@
       bottom: -1.25rem;
     }
   }
-`,B=b.styled(t.SkeletonColumnWrapper)`
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+`,I=b.styled(t.SkeletonColumnWrapper)`
+  @media (max-width: ${R.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;
+`,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;