@lanaco/lnc-react-ui 4.0.157 → 4.0.161

package/dist/BlogsSectionDetailed.cjs

@@ -1,12 +1,12 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),R=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./utils-Dl9xPH4c.cjs"),v=require("./style-lSjkOR95.cjs"),T=require("./Button.cjs"),O=require("./index-BueKsXT8.cjs"),A=w.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),A=require("./useDetectMobile-zkbzoOGV.cjs"),i=require("./utils-Dl9xPH4c.cjs"),R=require("./style-Db3VFbfP.cjs"),$=require("./Button.cjs"),B=require("./index-BueKsXT8.cjs"),D=v.styled.div`
   display: grid;
-  grid-template-columns: ${i=>`repeat(${i.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,y=w.styled.div`
+`,C=v.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -32,7 +32,7 @@
     width: 100%;
     max-height: 11.25rem;
     min-height: 11.25rem;
-    background-color: ${r.linearGradientAnimation("-90deg")};
+    background-color: ${i.linearGradientAnimation("-90deg")};
   }
 
   & .tags-wr {
@@ -44,11 +44,11 @@
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
     max-height: 100%;
     min-height: 100%;
   }
-`,S=w.styled.div`
+`,T=v.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -62,13 +62,13 @@
   }
 
   & .info-wr-skeleton {
-    background-color: ${r.linearGradientAnimation("-90deg")};
+    background-color: ${i.linearGradientAnimation("-90deg")};
     height: 1rem;
     width: 100%;
   }
 
   & .skeleton-title {
-    background-color: ${r.linearGradientAnimation("-90deg")};
+    background-color: ${i.linearGradientAnimation("-90deg")};
     height: 1.5rem;
     width: 70%;
   }
@@ -78,7 +78,7 @@
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${r.truncateTextInRows(2)}
+    ${i.truncateTextInRows(2)}
   }
 
   & .info-wr {
@@ -107,4 +107,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,$=u.forwardRef((i,o)=>{const{title:s,imageUrl:m,text:d,numberOfLikes:n,numberOfComments:h,timeToRead:p,publishedAt:c,tags:a,onCardClick:j,timeToReadText:f="{0} min read"}=i;return t.jsxs(y,{ref:o,className:"blog-card",onClick:j,children:[t.jsx(O.ProductImageWrapper,{src:m}),t.jsxs(S,{children:[t.jsxs("div",{className:"info-wr",children:[t.jsxs("div",{className:"info-wr-1",children:[t.jsxs("span",{children:[r.formatLocaleDateString(c)," "]}),t.jsx("span",{className:"small-dot",children:"●"}),p&&f?`${r.formatString(f,p)}`:"N/A"]}),t.jsxs("div",{className:"info-wr-2",children:[t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),t.jsx("span",{children:r.getRoundedNumber(n)})]}),t.jsxs("span",{className:"info-wr-1",children:[t.jsx("i",{className:"mng mng-lnc-messages-filled"}),t.jsx("span",{children:r.getRoundedNumber(h)})]})]})]}),t.jsx("div",{className:"text-wr-title",children:s}),t.jsx("div",{className:"text-wr",children:d})]}),a&&t.jsx("div",{className:"tags-wr",children:a==null?void 0:a.map((l,b)=>t.jsx(v.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.name},b))})]})}),D=u.forwardRef(({},i)=>t.jsxs(y,{className:"blog-card",children:[t.jsx("div",{className:"skeleton-img"}),t.jsxs(S,{children:[t.jsx("div",{className:"info-wr"}),t.jsx("div",{className:"skeleton-title"}),t.jsx("div",{className:"info-wr-skeleton"})]})]})),q=({limit:i=3,isLoading:o=!1,keyPrefix:s})=>t.jsx(t.Fragment,{children:Array.from({length:i},(m,d)=>t.jsx(D,{isLoading:o},`${s}-skeleton-product-card-${d}`))}),B=({children:i,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:s=!1,limit:m,keyPrefix:d})=>t.jsx(u.Suspense,{fallbackComponent:o,children:s===!0?t.jsx(q,{isLoading:s,limit:m,keyPrefix:d}):i}),N=u.memo($),L=u.forwardRef((i,o)=>{const{icon:s,title:m,onButtonAction:d,items:n,buttonText:h,timeToReadText:p,limit:c=3,onSelectCard:a=()=>{},isLoading:j=!1,buttonLink:f,getImage:l=()=>{}}=i,b=R.useDetectMobile(),C=u.useMemo(()=>t.jsx(t.Fragment,{children:b===!0?n==null?void 0:n.map((e,g)=>t.jsx(N,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,tags:e==null?void 0:e.tags,onCardClick:()=>a(e==null?void 0:e.titleSlug),imageUrl:l(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},g)):n==null?void 0:n.slice(0,c).map((e,g)=>t.jsx(N,{title:e==null?void 0:e.title,imageUrl:l(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:p,onCardClick:()=>a(e==null?void 0:e.titleSlug)},g))}),[n,b,c,a]);return t.jsxs(v.RegulatTitleSectionWrapper,{ref:o,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[r.isDefinedNotEmptyString(s)&&t.jsx("i",{className:s}),t.jsx("span",{children:m})]}),r.isDefinedNotEmptyString(h)&&r.isDefinedNotEmptyString(f)&&t.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var g;(g=e==null?void 0:e.target)==null||g.blur(),d(f)},borderRadius:"curved",className:"button-link",children:h})]}),t.jsx(A,{limit:c,children:t.jsx(B,{isLoading:j,limit:c,keyPrefix:"explore-landing",children:C})})]})});module.exports=L;
+`,q=c.forwardRef((s,m)=>{const{title:n,imageUrl:g,text:d,numberOfLikes:a,numberOfComments:j,timeToRead:f,publishedAt:u,tags:o,onCardClick:w,timeToReadText:h="{0} min read",metadata:l}=s,b=c.useRef();return r.jsxs(C,{ref:b,className:"blog-card","data-accessor":l==null?void 0:l.accessor,name:l==null?void 0:l.name,onClick:t=>w(t,b),children:[r.jsx(B.ProductImageWrapper,{src:g}),r.jsxs(T,{children:[r.jsxs("div",{className:"info-wr",children:[r.jsxs("div",{className:"info-wr-1",children:[r.jsxs("span",{children:[i.formatLocaleDateString(u)," "]}),r.jsx("span",{className:"small-dot",children:"●"}),f&&h?`${i.formatString(h,f)}`:"N/A"]}),r.jsxs("div",{className:"info-wr-2",children:[r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-thumbs-up--filled"}),r.jsx("span",{children:i.getRoundedNumber(a)})]}),r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-messages-filled"}),r.jsx("span",{children:i.getRoundedNumber(j)})]})]})]}),r.jsx("div",{className:"text-wr-title",children:n}),r.jsx("div",{className:"text-wr",children:d})]}),o&&r.jsx("div",{className:"tags-wr",children:o==null?void 0:o.map((t,N)=>r.jsx(R.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},N))})]})}),L=c.forwardRef(({},s)=>r.jsxs(C,{className:"blog-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsxs(T,{children:[r.jsx("div",{className:"info-wr"}),r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"info-wr-skeleton"})]})]})),E=({limit:s=3,isLoading:m=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:s},(g,d)=>r.jsx(L,{isLoading:m},`${n}-skeleton-product-card-${d}`))}),I=({children:s,fallbackComponent:m=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:g,keyPrefix:d})=>r.jsx(c.Suspense,{fallbackComponent:m,children:n===!0?r.jsx(E,{isLoading:n,limit:g,keyPrefix:d}):s}),y=c.memo(q),M=c.forwardRef((s,m)=>{const{icon:n,title:g,onButtonAction:d,items:a,buttonText:j,timeToReadText:f,limit:u=3,onSelectCard:o=()=>{},isLoading:w=!1,buttonLink:h,getImage:l=()=>{},componentName:b}=s,t=A.useDetectMobile(),N=c.useMemo(()=>r.jsx(r.Fragment,{children:t===!0?a==null?void 0:a.map((e,p)=>r.jsx(y,{title:e==null?void 0:e.title,text:e==null?void 0:e.description,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:f,tags:e==null?void 0:e.tags,onCardClick:(O,k)=>o(e==null?void 0:e.titleSlug,k),imageUrl:l(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:b,accessor:e==null?void 0:e.accessor}},p)):a==null?void 0:a.slice(0,u).map((e,p)=>r.jsx(y,{title:e==null?void 0:e.title,imageUrl:l(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,tags:e==null?void 0:e.tags,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,publishedAt:e==null?void 0:e.publishedAt,timeToRead:e==null?void 0:e.timeToRead,timeToReadText:f,onCardClick:(O,k)=>o(e==null?void 0:e.titleSlug,k),metadata:{name:b,accessor:e==null?void 0:e.accessor}},p))}),[a,t,u,o]);return r.jsxs(R.RegulatTitleSectionWrapper,{ref:m,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[i.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:g})]}),i.isDefinedNotEmptyString(j)&&i.isDefinedNotEmptyString(h)&&r.jsx($,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var p;(p=e==null?void 0:e.target)==null||p.blur(),d(h)},borderRadius:"curved",className:"button-link",children:j})]}),r.jsx(D,{limit:u,children:r.jsx(I,{isLoading:w,limit:u,keyPrefix:"explore-landing",children:N})})]})});module.exports=M;

package/dist/BlogsSectionDetailed.js

@@ -1,21 +1,21 @@
-import { jsxs as t, jsx as r, Fragment as v } from "react/jsx-runtime";
-import { forwardRef as N, Suspense as A, memo as B, useMemo as L } from "react";
-import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as T } from "./consts-BuFChS64.js";
-import { u as D } from "./useDetectMobile-Bkvj0VMa.js";
-import { o as k, p as P, v as z, s as M, w as C, k as w } from "./utils-BdsZgOUE.js";
-import { B as I, R as U } from "./style-BLuyU97E.js";
-import W from "./Button.js";
-import { P as j } from "./index-CF3HhgvN.js";
-const E = y.div`
+import { jsxs as t, jsx as r, Fragment as C } from "react/jsx-runtime";
+import { forwardRef as S, useRef as D, Suspense as z, memo as M, useMemo as P } from "react";
+import { s as R } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as $ } from "./consts-BuFChS64.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
+import { o as y, p as U, v as W, s as j, w as T, k as N } from "./utils-BdsZgOUE.js";
+import { B as E, R as _ } from "./style-DKAOBWn3.js";
+import G from "./Button.js";
+import { P as F } from "./index-CF3HhgvN.js";
+const X = R.div`
   display: grid;
-  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, R = y.div`
+`, B = R.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -41,7 +41,7 @@ const E = y.div`
     width: 100%;
     max-height: 11.25rem;
     min-height: 11.25rem;
-    background-color: ${k("-90deg")};
+    background-color: ${y("-90deg")};
   }
 
   & .tags-wr {
@@ -53,11 +53,11 @@ const E = y.div`
     padding: 0 1rem 1rem 1rem;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${$ + "px"}) {
     max-height: 100%;
     min-height: 100%;
   }
-`, O = y.div`
+`, A = R.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -71,13 +71,13 @@ const E = y.div`
   }
 
   & .info-wr-skeleton {
-    background-color: ${k("-90deg")};
+    background-color: ${y("-90deg")};
     height: 1rem;
     width: 100%;
   }
 
   & .skeleton-title {
-    background-color: ${k("-90deg")};
+    background-color: ${y("-90deg")};
     height: 1.5rem;
     width: 70%;
   }
@@ -87,7 +87,7 @@ const E = y.div`
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${P(2)}
+    ${U(2)}
   }
 
   & .info-wr {
@@ -116,93 +116,105 @@ const E = y.div`
     align-items: center;
     gap: 1rem;
   }
-`, _ = N((i, s) => {
+`, Z = S((a, d) => {
   const {
-    title: a,
-    imageUrl: d,
+    title: n,
+    imageUrl: c,
     text: m,
     numberOfLikes: l,
-    numberOfComments: f,
-    timeToRead: p,
-    publishedAt: c,
-    tags: o,
-    onCardClick: b,
-    timeToReadText: u = "{0} min read"
-  } = i;
+    numberOfComments: b,
+    timeToRead: u,
+    publishedAt: g,
+    tags: s,
+    onCardClick: w,
+    timeToReadText: f = "{0} min read",
+    metadata: o
+  } = a, h = D();
   return (
     // <BlogCardDetailedSkeleton />
-    /* @__PURE__ */ t(R, { ref: s, className: "blog-card", onClick: b, children: [
-      /* @__PURE__ */ r(j, { src: d }),
-      /* @__PURE__ */ t(O, { children: [
-        /* @__PURE__ */ t("div", { className: "info-wr", children: [
-          /* @__PURE__ */ t("div", { className: "info-wr-1", children: [
-            /* @__PURE__ */ t("span", { children: [
-              M(c),
-              " "
+    /* @__PURE__ */ t(
+      B,
+      {
+        ref: h,
+        className: "blog-card",
+        "data-accessor": o == null ? void 0 : o.accessor,
+        name: o == null ? void 0 : o.name,
+        onClick: (i) => w(i, h),
+        children: [
+          /* @__PURE__ */ r(F, { src: c }),
+          /* @__PURE__ */ t(A, { children: [
+            /* @__PURE__ */ t("div", { className: "info-wr", children: [
+              /* @__PURE__ */ t("div", { className: "info-wr-1", children: [
+                /* @__PURE__ */ t("span", { children: [
+                  j(g),
+                  " "
+                ] }),
+                /* @__PURE__ */ r("span", { className: "small-dot", children: "●" }),
+                u && f ? `${W(f, u)}` : "N/A"
+              ] }),
+              /* @__PURE__ */ t("div", { className: "info-wr-2", children: [
+                /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
+                  /* @__PURE__ */ r("i", { className: "mng mng-lnc-thumbs-up--filled" }),
+                  /* @__PURE__ */ r("span", { children: T(l) })
+                ] }),
+                /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
+                  /* @__PURE__ */ r("i", { className: "mng mng-lnc-messages-filled" }),
+                  /* @__PURE__ */ r("span", { children: T(b) })
+                ] })
+              ] })
             ] }),
-            /* @__PURE__ */ r("span", { className: "small-dot", children: "●" }),
-            p && u ? `${z(u, p)}` : "N/A"
+            /* @__PURE__ */ r("div", { className: "text-wr-title", children: n }),
+            /* @__PURE__ */ r("div", { className: "text-wr", children: m })
           ] }),
-          /* @__PURE__ */ t("div", { className: "info-wr-2", children: [
-            /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
-              /* @__PURE__ */ r("i", { className: "mng mng-lnc-thumbs-up--filled" }),
-              /* @__PURE__ */ r("span", { children: C(l) })
-            ] }),
-            /* @__PURE__ */ t("span", { className: "info-wr-1", children: [
-              /* @__PURE__ */ r("i", { className: "mng mng-lnc-messages-filled" }),
-              /* @__PURE__ */ r("span", { children: C(f) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ r("div", { className: "text-wr-title", children: a }),
-        /* @__PURE__ */ r("div", { className: "text-wr", children: m })
-      ] }),
-      o && /* @__PURE__ */ r("div", { className: "tags-wr", children: o == null ? void 0 : o.map((n, h) => /* @__PURE__ */ r(I, { color: n == null ? void 0 : n.color, children: n == null ? void 0 : n.name }, h)) })
-    ] })
+          s && /* @__PURE__ */ r("div", { className: "tags-wr", children: s == null ? void 0 : s.map((i, k) => /* @__PURE__ */ r(E, { color: i == null ? void 0 : i.color, children: i == null ? void 0 : i.name }, k)) })
+        ]
+      }
+    )
   );
-}), G = N(({}, i) => /* @__PURE__ */ t(R, { className: "blog-card", children: [
+}), q = S(({}, a) => /* @__PURE__ */ t(B, { className: "blog-card", children: [
   /* @__PURE__ */ r("div", { className: "skeleton-img" }),
-  /* @__PURE__ */ t(O, { children: [
+  /* @__PURE__ */ t(A, { children: [
     /* @__PURE__ */ r("div", { className: "info-wr" }),
     /* @__PURE__ */ r("div", { className: "skeleton-title" }),
     /* @__PURE__ */ r("div", { className: "info-wr-skeleton" })
   ] })
-] })), F = ({ limit: i = 3, isLoading: s = !1, keyPrefix: a }) => /* @__PURE__ */ r(v, { children: Array.from({ length: i }, (d, m) => /* @__PURE__ */ r(
-  G,
+] })), H = ({ limit: a = 3, isLoading: d = !1, keyPrefix: n }) => /* @__PURE__ */ r(C, { children: Array.from({ length: a }, (c, m) => /* @__PURE__ */ r(
+  q,
   {
-    isLoading: s
+    isLoading: d
   },
-  `${a}-skeleton-product-card-${m}`
-)) }), X = ({
-  children: i,
-  fallbackComponent: s = /* @__PURE__ */ r(v, {}),
-  isLoading: a = !1,
-  limit: d,
+  `${n}-skeleton-product-card-${m}`
+)) }), J = ({
+  children: a,
+  fallbackComponent: d = /* @__PURE__ */ r(C, {}),
+  isLoading: n = !1,
+  limit: c,
   keyPrefix: m
-}) => /* @__PURE__ */ r(A, { fallbackComponent: s, children: a === !0 ? /* @__PURE__ */ r(
-  F,
+}) => /* @__PURE__ */ r(z, { fallbackComponent: d, children: n === !0 ? /* @__PURE__ */ r(
+  H,
   {
-    isLoading: a,
-    limit: d,
+    isLoading: n,
+    limit: c,
     keyPrefix: m
   }
-) : i }), S = B(_), ee = N((i, s) => {
+) : a }), O = M(Z), ae = S((a, d) => {
   const {
-    icon: a,
-    title: d,
+    icon: n,
+    title: c,
     onButtonAction: m,
     items: l,
-    buttonText: f,
-    timeToReadText: p,
-    limit: c = 3,
-    onSelectCard: o = () => {
+    buttonText: b,
+    timeToReadText: u,
+    limit: g = 3,
+    onSelectCard: s = () => {
     },
-    isLoading: b = !1,
-    buttonLink: u,
-    getImage: n = () => {
-    }
-  } = i, h = D(), $ = L(() => /* @__PURE__ */ r(v, { children: h === !0 ? l == null ? void 0 : l.map((e, g) => /* @__PURE__ */ r(
-    S,
+    isLoading: w = !1,
+    buttonLink: f,
+    getImage: o = () => {
+    },
+    componentName: h
+  } = a, i = I(), k = P(() => /* @__PURE__ */ r(C, { children: i === !0 ? l == null ? void 0 : l.map((e, p) => /* @__PURE__ */ r(
+    O,
     {
       title: e == null ? void 0 : e.title,
       text: e == null ? void 0 : e.description,
@@ -211,17 +223,18 @@ const E = y.div`
       numberOfComments: e == null ? void 0 : e.numberOfComments,
       publishedAt: e == null ? void 0 : e.publishedAt,
       timeToRead: e == null ? void 0 : e.timeToRead,
-      timeToReadText: p,
+      timeToReadText: u,
       tags: e == null ? void 0 : e.tags,
-      onCardClick: () => o(e == null ? void 0 : e.titleSlug),
-      imageUrl: n(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+      onCardClick: (L, v) => s(e == null ? void 0 : e.titleSlug, v),
+      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 }
     },
-    g
-  )) : l == null ? void 0 : l.slice(0, c).map((e, g) => /* @__PURE__ */ r(
-    S,
+    p
+  )) : l == null ? void 0 : l.slice(0, g).map((e, p) => /* @__PURE__ */ r(
+    O,
     {
       title: e == null ? void 0 : e.title,
-      imageUrl: n(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+      imageUrl: o(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,
       tags: e == null ? void 0 : e.tags,
@@ -229,44 +242,45 @@ const E = y.div`
       numberOfComments: e == null ? void 0 : e.numberOfComments,
       publishedAt: e == null ? void 0 : e.publishedAt,
       timeToRead: e == null ? void 0 : e.timeToRead,
-      timeToReadText: p,
-      onCardClick: () => o(e == null ? void 0 : e.titleSlug)
+      timeToReadText: u,
+      onCardClick: (L, v) => s(e == null ? void 0 : e.titleSlug, v),
+      metadata: { name: h, accessor: e == null ? void 0 : e.accessor }
     },
-    g
-  )) }), [l, h, c, o]);
-  return /* @__PURE__ */ t(U, { ref: s, children: [
+    p
+  )) }), [l, i, g, s]);
+  return /* @__PURE__ */ t(_, { ref: d, children: [
     /* @__PURE__ */ t("div", { className: "regular-title", children: [
       /* @__PURE__ */ t("div", { className: "regular-title-text", children: [
-        w(a) && /* @__PURE__ */ r("i", { className: a }),
-        /* @__PURE__ */ r("span", { children: d })
+        N(n) && /* @__PURE__ */ r("i", { className: n }),
+        /* @__PURE__ */ r("span", { children: c })
       ] }),
-      w(f) && w(u) && /* @__PURE__ */ r(
-        W,
+      N(b) && N(f) && /* @__PURE__ */ r(
+        G,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var g;
-            (g = e == null ? void 0 : e.target) == null || g.blur(), m(u);
+            var p;
+            (p = e == null ? void 0 : e.target) == null || p.blur(), m(f);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: f
+          children: b
         }
       )
     ] }),
-    /* @__PURE__ */ r(E, { limit: c, children: /* @__PURE__ */ r(
-      X,
+    /* @__PURE__ */ r(X, { limit: g, children: /* @__PURE__ */ r(
+      J,
       {
-        isLoading: b,
-        limit: c,
+        isLoading: w,
+        limit: g,
         keyPrefix: "explore-landing",
-        children: $
+        children: k
       }
     ) })
   ] });
 });
 export {
-  ee as default
+  ae as default
 };

package/dist/BlogsSectionLarge.cjs

@@ -1,9 +1,9 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),b=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./index-Cm0f72Po.cjs"),C=require("./suspense-large-CFmcSzX-.cjs"),f=p.styled.div`
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),q=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),f=require("./useDetectMobile-zkbzoOGV.cjs"),j=require("./index-BGTtoLxz.cjs"),L=require("./suspense-large-CFmcSzX-.cjs"),M=q.styled.div`
   display: grid;
-  grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,c=s.memo(q.BlogCardLarge),j=s.forwardRef((l,d)=>{const{items:t,onSelectCard:o=()=>{},limit:r=2,isLoading:g=!1,getImage:u=()=>{}}=l,a=b.useDetectMobile(),m=s.useMemo(()=>i.jsx(i.Fragment,{children:a===!0?t==null?void 0:t.map((e,n)=>i.jsx(c,{title:e==null?void 0:e.title,imageUrl:u(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:()=>o(e==null?void 0:e.titleSlug)},n)):t==null?void 0:t.slice(0,r).map((e,n)=>i.jsx(c,{title:e==null?void 0:e.title,imageUrl:u(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:()=>o(e==null?void 0:e.titleSlug)},n))}),[t,a,r,o]);return i.jsx(f,{ref:d,limit:r,children:i.jsx(C.SuspenseBlogLarge,{isLoading:g,limit:r,keyPrefix:"explore-landing",children:m})})});module.exports=j;
+`,m=a.memo(j.BlogCardLarge),B=a.forwardRef((o,g)=>{const{items:t,onSelectCard:s=()=>{},limit:i=2,isLoading:p=!1,getImage:c=()=>{},componentName:u}=o,d=f.useDetectMobile(),S=a.useMemo(()=>r.jsx(r.Fragment,{children:d===!0?t==null?void 0:t.map((e,l)=>r.jsx(m,{title:e==null?void 0:e.title,imageUrl:c(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:(b,n)=>s(e==null?void 0:e.titleSlug,n),metadata:{name:u,accessor:e==null?void 0:e.accessor}},l)):t==null?void 0:t.slice(0,i).map((e,l)=>r.jsx(m,{title:e==null?void 0:e.title,imageUrl:c(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:(b,n)=>s(e==null?void 0:e.titleSlug,n),metadata:{name:u,accessor:e==null?void 0:e.accessor}},l))}),[t,d,i,s]);return r.jsx(M,{ref:g,limit:i,children:r.jsx(L.SuspenseBlogLarge,{isLoading:p,limit:i,keyPrefix:"explore-landing",children:S})})});module.exports=B;

package/dist/BlogsSectionLarge.js

@@ -1,60 +1,63 @@
-import { jsx as r, Fragment as p } from "react/jsx-runtime";
-import { memo as c, forwardRef as f, useMemo as S } from "react";
-import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as b } from "./consts-BuFChS64.js";
-import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { B as M } from "./index-DGp7FHms.js";
-import { S as L } from "./suspense-large-BMO7JH52.js";
-const h = C.div`
+import { jsx as r, Fragment as S } from "react/jsx-runtime";
+import { memo as C, forwardRef as b, useMemo as B } from "react";
+import { s as M } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as L } from "./consts-BuFChS64.js";
+import { u as h } from "./useDetectMobile-Bkvj0VMa.js";
+import { B as T } from "./index-1Dm1i6WK.js";
+import { S as U } from "./suspense-large-BMO7JH52.js";
+const k = M.div`
   display: grid;
-  grid-template-columns: ${(l) => `repeat(${l.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${b + "px"}) {
+  @media (max-width: ${L + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, d = c(M), w = f((l, s) => {
+`, c = C(T), _ = b((o, u) => {
   const {
-    items: e,
-    onSelectCard: o = () => {
+    items: t,
+    onSelectCard: a = () => {
     },
     limit: i = 2,
-    isLoading: u = !1,
-    getImage: m = () => {
-    }
-  } = l, n = B(), g = S(() => /* @__PURE__ */ r(p, { children: n === !0 ? e == null ? void 0 : e.map((t, a) => /* @__PURE__ */ r(
-    d,
+    isLoading: g = !1,
+    getImage: n = () => {
+    },
+    componentName: s
+  } = o, d = h(), p = B(() => /* @__PURE__ */ r(S, { children: d === !0 ? t == null ? void 0 : t.map((e, l) => /* @__PURE__ */ r(
+    c,
     {
-      title: t == null ? void 0 : t.title,
-      imageUrl: m(t == null ? void 0 : t.imageUrl, t == null ? void 0 : t.uuid) || null,
-      text: t == null ? void 0 : t.description,
-      titleSlug: t == null ? void 0 : t.titleSlug,
-      buttonText: t == null ? void 0 : t.buttonText,
-      onCardClick: () => o(t == null ? void 0 : t.titleSlug)
+      title: e == null ? void 0 : e.title,
+      imageUrl: n(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: (f, m) => a(e == null ? void 0 : e.titleSlug, m),
+      metadata: { name: s, accessor: e == null ? void 0 : e.accessor }
     },
-    a
-  )) : e == null ? void 0 : e.slice(0, i).map((t, a) => /* @__PURE__ */ r(
-    d,
+    l
+  )) : t == null ? void 0 : t.slice(0, i).map((e, l) => /* @__PURE__ */ r(
+    c,
     {
-      title: t == null ? void 0 : t.title,
-      imageUrl: m(t == null ? void 0 : t.imageUrl, t == null ? void 0 : t.uuid) || null,
-      text: t == null ? void 0 : t.description,
-      titleSlug: t == null ? void 0 : t.titleSlug,
-      buttonText: t == null ? void 0 : t.buttonText,
-      onCardClick: () => o(t == null ? void 0 : t.titleSlug)
+      title: e == null ? void 0 : e.title,
+      imageUrl: n(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: (f, m) => a(e == null ? void 0 : e.titleSlug, m),
+      metadata: { name: s, accessor: e == null ? void 0 : e.accessor }
     },
-    a
-  )) }), [e, n, i, o]);
-  return /* @__PURE__ */ r(h, { ref: s, limit: i, children: /* @__PURE__ */ r(
-    L,
+    l
+  )) }), [t, d, i, a]);
+  return /* @__PURE__ */ r(k, { ref: u, limit: i, children: /* @__PURE__ */ r(
+    U,
     {
-      isLoading: u,
+      isLoading: g,
       limit: i,
       keyPrefix: "explore-landing",
-      children: g
+      children: p
     }
   ) });
 });
 export {
-  w as default
+  _ as default
 };

package/dist/BlogsSectionSimple.cjs

@@ -1,12 +1,12 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),q=require("./useDetectMobile-zkbzoOGV.cjs"),p=require("./utils-Dl9xPH4c.cjs"),S=require("./style-lSjkOR95.cjs"),R=require("./Button.cjs"),B=require("./Link.cjs"),M=require("./index-BueKsXT8.cjs"),T=h.styled.div`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),f=require("./utils-Dl9xPH4c.cjs"),k=require("./style-Db3VFbfP.cjs"),T=require("./Button.cjs"),$=require("./Link.cjs"),I=require("./index-BueKsXT8.cjs"),P=w.styled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,b=h.styled.div`
+`,N=w.styled.div`
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -30,7 +30,7 @@
     width: 100%;
     max-height: 12.5625rem;
     min-height: 12.5625rem;
-    background-color: ${p.linearGradientAnimation("-90deg")};
+    background-color: ${f.linearGradientAnimation("-90deg")};
   }
 
   & .action {
@@ -56,9 +56,9 @@
     padding: 1rem;
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
   }
-`,v=h.styled.div`
+`,C=w.styled.div`
   padding: 1rem 1rem 0 1rem;
   display: flex;
   flex-direction: column;
@@ -76,6 +76,6 @@
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${p.truncateTextInRows(3)}
+    ${f.truncateTextInRows(3)}
   }
-`,$=m.forwardRef((t,s)=>{const{title:i,imageUrl:c,text:n,options:a,onCardClick:g,readMoreText:o="Read more"}=t;return r.jsxs(b,{ref:s,className:"blog-card",onClick:g,children:[r.jsx(M.ProductImageWrapper,{src:c}),r.jsxs(v,{children:[r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:n})]}),a&&r.jsx("div",{className:"tags-wr",children:a==null?void 0:a.map((l,u)=>r.jsx(S.BlogTag,{color:l==null?void 0:l.color,children:l==null?void 0:l.name},u))}),r.jsx(B,{className:"action",color:"gray",onClick:g,children:o})]})}),I=m.forwardRef(({},t)=>r.jsxs(b,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(v,{})]})),P=({limit:t=3,isLoading:s=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(c,n)=>r.jsx(I,{isLoading:s},`${i}-skeleton-product-card-${n}`))}),_=({children:t,fallbackComponent:s=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:c,keyPrefix:n})=>r.jsx(m.Suspense,{fallbackComponent:s,children:i===!0?r.jsx(P,{isLoading:i,limit:c,keyPrefix:n}):t}),w=m.memo($),E=m.forwardRef((t,s)=>{const{icon:i,title:c,onButtonAction:n=()=>{},onSelectCard:a=()=>{},buttonLink:g,items:o,buttonText:l,limit:u=3,isLoading:k=!1,getImage:f=()=>{},readMoreText:j="Read more"}=t,N=q.useDetectMobile(),C=m.useMemo(()=>r.jsx(r.Fragment,{children:N===!0?o==null?void 0:o.map((e,d)=>r.jsx(w,{title:e==null?void 0:e.title,imageUrl:f(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,readMoreText:j,options:e==null?void 0:e.options,onCardClick:()=>a(e==null?void 0:e.titleSlug)},d)):o==null?void 0:o.slice(0,u).map((e,d)=>r.jsx(w,{title:e==null?void 0:e.title,imageUrl:f(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,readMoreText:j,options:e==null?void 0:e.options,onCardClick:()=>a(e==null?void 0:e.titleSlug)},d))}),[o]);return r.jsxs(S.RegulatTitleSectionWrapper,{ref:s,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[p.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:c})]}),p.isDefinedNotEmptyString(g)&&r.jsx(R,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var d;(d=e==null?void 0:e.target)==null||d.blur(),n(g)},borderRadius:"curved",className:"button-link",children:l})]}),r.jsx(T,{limit:u,children:r.jsx(_,{isLoading:k,limit:u,keyPrefix:"explore-landing",children:C})})]})});module.exports=E;
+`,_=c.forwardRef((t,d)=>{const{title:o,imageUrl:m,text:l,options:a,onCardClick:p,readMoreText:s="Read more",metadata:n}=t,g=c.useRef();return r.jsxs(N,{ref:g,name:n==null?void 0:n.name,"data-accessor":n==null?void 0:n.name,className:"blog-card",onClick:i=>p(i,g),children:[r.jsx(I.ProductImageWrapper,{src:m}),r.jsxs(C,{children:[r.jsx("div",{className:"text-wr-title",children:o}),r.jsx("div",{className:"text-wr",children:l})]}),a&&r.jsx("div",{className:"tags-wr",children:a==null?void 0:a.map((i,h)=>r.jsx(k.BlogTag,{color:i==null?void 0:i.color,children:i==null?void 0:i.name},h))}),r.jsx($,{className:"action",color:"gray",onClick:p,children:s})]})}),E=c.forwardRef(({},t)=>r.jsxs(N,{className:"product-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsx("div",{className:"card-title"}),r.jsx(C,{})]})),z=({limit:t=3,isLoading:d=!1,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:t},(m,l)=>r.jsx(E,{isLoading:d},`${o}-skeleton-product-card-${l}`))}),U=({children:t,fallbackComponent:d=r.jsx(r.Fragment,{}),isLoading:o=!1,limit:m,keyPrefix:l})=>r.jsx(c.Suspense,{fallbackComponent:d,children:o===!0?r.jsx(z,{isLoading:o,limit:m,keyPrefix:l}):t}),b=c.memo(_),W=c.forwardRef((t,d)=>{const{icon:o,title:m,onButtonAction:l=()=>{},onSelectCard:a=()=>{},buttonLink:p,items:s,buttonText:n,limit:g=3,isLoading:i=!1,getImage:h=()=>{},readMoreText:y="Read more",componentName:S}=t,R=M.useDetectMobile(),q=c.useMemo(()=>r.jsx(r.Fragment,{children:R===!0?s==null?void 0:s.map((e,u)=>r.jsx(b,{title:e==null?void 0:e.title,imageUrl:h(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,readMoreText:y,options:e==null?void 0:e.options,onCardClick:(B,j)=>a(e==null?void 0:e.titleSlug,j),metadata:{name:S,accessor:e==null?void 0:e.accessor}},u)):s==null?void 0:s.slice(0,g).map((e,u)=>r.jsx(b,{title:e==null?void 0:e.title,imageUrl:h(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,readMoreText:y,options:e==null?void 0:e.options,onCardClick:(B,j)=>a(e==null?void 0:e.titleSlug,j),metadata:{name:S,accessor:e==null?void 0:e.accessor}},u))}),[s]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[f.isDefinedNotEmptyString(o)&&r.jsx("i",{className:o}),r.jsx("span",{children:m})]}),f.isDefinedNotEmptyString(p)&&r.jsx(T,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var u;(u=e==null?void 0:e.target)==null||u.blur(),l(p)},borderRadius:"curved",className:"button-link",children:n})]}),r.jsx(P,{limit:g,children:r.jsx(U,{isLoading:i,limit:g,keyPrefix:"explore-landing",children:q})})]})});module.exports=W;