@lanaco/lnc-react-ui 4.0.39 → 4.0.40

package/dist/BannerSectionSimple.js

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { forwardRef as $ } from "react";
+import { forwardRef as y } from "react";
 import { n as r } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as o } from "./consts-C1uHV4xc.js";
-import v from "./Button.js";
-import { u as y } from "./useDetectMobile-BC6EGaBc.js";
-const M = r.div`
+import H from "./Button.js";
+import { u as M } from "./useDetectMobile-BC6EGaBc.js";
+const B = r.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${(e) => e.bgcolor || "transparent"};
@@ -65,7 +65,7 @@ const M = r.div`
     padding: 0;
     flex-direction: column;
   }
-`, H = r.div`
+`, z = r.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -84,61 +84,64 @@ const M = r.div`
   @media (max-width: ${o + "px"}) {
     flex-direction: column;
   }
-`, I = $((e, B) => {
+`, E = y((e, l) => {
   const {
-    title: l,
-    subtitle: h,
-    buttonText: g,
-    image: a,
-    imagePosition: n = "right",
-    noImageForMobile: m = !1,
-    height: s,
-    imageWidth: c,
-    imageHeightMob: x,
-    smallPadding: p = !1,
-    isHorizontalContent: u = !1,
-    backgroundColor: b,
-    hasBorder: f = !1,
-    onBannerClick: w
-  } = e, d = y();
+    title: h,
+    subtitle: g,
+    buttonText: s,
+    buttonLink: c,
+    onButtonAction: x = () => {
+    },
+    imageUrl: n,
+    imagePosition: a = "right",
+    hideImageForMobile: m = !1,
+    sectionHeight: p = "12.65625rem",
+    imageWidth: u,
+    imageHeightMobile: b,
+    smallPadding: f = !1,
+    isHorizontalContent: w = !1,
+    backgroundColor: $,
+    hasBorder: v = !1
+  } = e, d = M();
   return /* @__PURE__ */ t(
-    M,
+    B,
     {
-      bgcolor: b,
-      height: s,
-      imgW: c,
-      imgHMob: x,
-      hasBorder: f,
+      ref: l,
+      bgcolor: $,
+      height: p,
+      imgW: u,
+      imgHMob: b,
+      hasBorder: v,
       children: [
-        n !== "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: a }),
+        a !== "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: n }),
         /* @__PURE__ */ t(
           C,
           {
-            isHorizontalContent: u,
-            smallPadding: p,
+            isHorizontalContent: w,
+            smallPadding: f,
             children: [
-              /* @__PURE__ */ t(H, { children: [
-                /* @__PURE__ */ i("div", { className: "header-title", children: l }),
-                /* @__PURE__ */ i("div", { className: "header-subitle", children: h })
+              /* @__PURE__ */ t(z, { children: [
+                /* @__PURE__ */ i("div", { className: "header-title", children: h }),
+                /* @__PURE__ */ i("div", { className: "header-subitle", children: g })
               ] }),
               /* @__PURE__ */ i(
-                v,
+                H,
                 {
                   size: "medium",
                   color: "neutral",
                   type: "button",
-                  onClick: w,
-                  children: g
+                  onClick: () => x(c),
+                  children: s
                 }
               )
             ]
           }
         ),
-        n === "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: a })
+        a === "right" && !(m === !0 && d === !0) && /* @__PURE__ */ i("img", { src: n })
       ]
     }
   );
 });
 export {
-  I as default
+  E as default
 };

package/dist/BannerSectionWithList.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("react"),s=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),c=require("./consts-CtNoHdBj.cjs"),u=require("./Button.cjs"),t=require("./utils-NZLCh-J5.cjs"),h=s.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),o=require("react"),r=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),c=require("./consts-CtNoHdBj.cjs"),h=require("./Button.cjs"),t=require("./utils-NZLCh-J5.cjs"),g=r.newStyled.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;
@@ -14,7 +14,7 @@
   @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
     padding-bottom: 0;
   }
-`,g=s.newStyled.div`
+`,p=r.newStyled.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -34,7 +34,7 @@
 
   @media (max-width: ${c.MOBILE_SIZE_PX+"px"}) {
   }
-`,p=s.newStyled.div`
+`,j=r.newStyled.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -62,4 +62,4 @@
       gap: 0;
     }
   }
-`,j=o.forwardRef((a,y)=>{const{title:i,subtitle:n,buttonText:d,list:r,fallback:m=()=>{},onBannerClick:l}=a;return e.jsxs(h,{children:[(t.isDefined(i)||t.isDefined(n))&&e.jsxs(g,{children:[t.isDefined(i)&&e.jsx("div",{className:"header-title",children:i}),t.isDefined(n)&&e.jsx("div",{className:"header-subitle",children:n})]}),e.jsx(p,{children:r==null?void 0:r.map((x,f)=>e.jsx(o.Fragment,{children:e.jsxs("div",{className:"list-item",children:[e.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),e.jsx("span",{children:x})]})},f))}),e.jsx(u,{size:"medium",color:"neutral",type:"button",onClick:()=>t.isDefined(l)?l():m(),children:d})]})});module.exports=j;
+`,y=o.forwardRef((l,a)=>{const{title:i,subtitle:n,buttonText:d,list:s,buttonLink:m,onButtonAction:x=()=>{}}=l;return e.jsxs(g,{ref:a,children:[(t.isDefined(i)||t.isDefined(n))&&e.jsxs(p,{children:[t.isDefined(i)&&e.jsx("div",{className:"header-title",children:i}),t.isDefined(n)&&e.jsx("div",{className:"header-subitle",children:n})]}),e.jsx(j,{children:s==null?void 0:s.map((u,f)=>e.jsx(o.Fragment,{children:e.jsxs("div",{className:"list-item",children:[e.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),e.jsx("span",{children:u})]})},f))}),e.jsx(h,{size:"medium",color:"neutral",type:"button",onClick:()=>x(m),children:d})]})});module.exports=y;

package/dist/BannerSectionWithList.js

@@ -1,10 +1,10 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { forwardRef as h, Fragment as x } from "react";
-import { n as o } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { forwardRef as u, Fragment as x } from "react";
+import { n as l } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as a } from "./consts-C1uHV4xc.js";
 import g from "./Button.js";
 import { l as t } from "./utils-DtRLzzTZ.js";
-const u = o.div`
+const y = l.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;
@@ -20,7 +20,7 @@ const u = o.div`
   @media (max-width: ${a + "px"}) {
     padding-bottom: 0;
   }
-`, y = o.div`
+`, b = l.div`
   text-align: center;
   display: flex;
   justify-content: center;
@@ -40,7 +40,7 @@ const u = o.div`
 
   @media (max-width: ${a + "px"}) {
   }
-`, b = o.div`
+`, w = l.div`
   text-align: center;
   display: flex;
   flex-direction: column;
@@ -68,32 +68,32 @@ const u = o.div`
       gap: 0;
     }
   }
-`, N = h((m, w) => {
+`, N = u((c, m) => {
   const {
     title: i,
     subtitle: n,
     buttonText: s,
     list: r,
-    fallback: d = () => {
-    },
-    onBannerClick: c
-  } = m;
-  return /* @__PURE__ */ l(u, { children: [
-    (t(i) || t(n)) && /* @__PURE__ */ l(y, { children: [
+    buttonLink: d,
+    onButtonAction: f = () => {
+    }
+  } = c;
+  return /* @__PURE__ */ o(y, { ref: m, children: [
+    (t(i) || t(n)) && /* @__PURE__ */ o(b, { children: [
       t(i) && /* @__PURE__ */ e("div", { className: "header-title", children: i }),
       t(n) && /* @__PURE__ */ e("div", { className: "header-subitle", children: n })
     ] }),
-    /* @__PURE__ */ e(b, { children: r == null ? void 0 : r.map((f, p) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ l("div", { className: "list-item", children: [
+    /* @__PURE__ */ e(w, { children: r == null ? void 0 : r.map((p, h) => /* @__PURE__ */ e(x, { children: /* @__PURE__ */ o("div", { className: "list-item", children: [
       /* @__PURE__ */ e("i", { className: "mng mng-lnc-checkmark--filled" }),
-      /* @__PURE__ */ e("span", { children: f })
-    ] }) }, p)) }),
+      /* @__PURE__ */ e("span", { children: p })
+    ] }) }, h)) }),
     /* @__PURE__ */ e(
       g,
       {
         size: "medium",
         color: "neutral",
         type: "button",
-        onClick: () => t(c) ? c() : d(),
+        onClick: () => f(d),
         children: s
       }
     )

package/dist/BannerSectionWithListImage.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),o=require("react"),t=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),r=require("./consts-CtNoHdBj.cjs"),b=require("./Button.cjs"),w=t.newStyled.div`
+"use strict";const i=require("react/jsx-runtime"),o=require("react"),t=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),r=require("./consts-CtNoHdBj.cjs"),y=require("./Button.cjs"),j=t.newStyled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};
@@ -30,7 +30,7 @@
       min-height: ${e=>e.imgHMob||"12.1rem"};
     }
   }
-`,y=t.newStyled.div`
+`,v=t.newStyled.div`
   padding: 2rem;
   display: flex;
   gap: 1.25rem;
@@ -41,7 +41,7 @@
   @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
     padding: 1.25rem;
   }
-`,j=t.newStyled.div`
+`,$=t.newStyled.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -60,7 +60,7 @@
   @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
   }
-`,v=t.newStyled.div`
+`,S=t.newStyled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -79,4 +79,4 @@
 
   @media (max-width: ${r.MOBILE_SIZE_PX+"px"}) {
   }
-`,$=o.forwardRef((e,S)=>{const{title:a,subtitle:m,buttonText:s,list:n,image:d,imageHeight:l,imageWidth:c,imageHeightMob:x,hasBorder:g=!0,backgroundColor:h="transparent",onBannerClick:p}=e;return i.jsxs(w,{imgH:l,imgW:c,imgHMob:x,hasBorder:g,bgColor:h,children:[i.jsxs(y,{children:[i.jsxs(j,{children:[i.jsx("div",{className:"header-title",children:a}),i.jsx("div",{className:"header-subitle",children:m})]}),i.jsx(v,{children:n==null?void 0:n.map((u,f)=>i.jsx(o.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:u})]})},f))}),i.jsx(b,{size:"medium",color:"gray",type:"button",btnType:"outline",onClick:p,children:s})]}),i.jsx("img",{src:d})]})});module.exports=$;
+`,_=o.forwardRef((e,a)=>{const{title:m,subtitle:s,buttonText:d,list:n,imageUrl:l,imageHeight:c,imageWidth:x,imageHeightMobile:g,hasBorder:h=!0,backgroundColor:p="transparent",onButtonAction:u=()=>{},buttonLink:f}=e;return i.jsxs(j,{ref:a,imgH:c,imgW:x,imgHMob:g,hasBorder:h,bgColor:p,children:[i.jsxs(v,{children:[i.jsxs($,{children:[i.jsx("div",{className:"header-title",children:m}),i.jsx("div",{className:"header-subitle",children:s})]}),i.jsx(S,{children:n==null?void 0:n.map((b,w)=>i.jsx(o.Fragment,{children:i.jsxs("div",{className:"list-item",children:[i.jsx("i",{className:"mng mng-lnc-checkmark--filled"}),i.jsx("span",{children:b})]})},w))}),i.jsx(y,{size:"medium",color:"gray",type:"button",btnType:"outline",onClick:()=>u(f),children:d})]}),i.jsx("img",{src:l})]})});module.exports=_;

package/dist/BannerSectionWithListImage.js

@@ -1,9 +1,9 @@
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { forwardRef as u, Fragment as w } from "react";
-import { n as t } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { jsxs as t, jsx as i } from "react/jsx-runtime";
+import { forwardRef as v, Fragment as y } from "react";
+import { n as r } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as n } from "./consts-C1uHV4xc.js";
-import v from "./Button.js";
-const y = t.div`
+import $ from "./Button.js";
+const H = r.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${(e) => e.bgcolor || "transparent"};
@@ -35,7 +35,7 @@ const y = t.div`
       min-height: ${(e) => e.imgHMob || "12.1rem"};
     }
   }
-`, $ = t.div`
+`, W = r.div`
   padding: 2rem;
   display: flex;
   gap: 1.25rem;
@@ -46,7 +46,7 @@ const y = t.div`
   @media (max-width: ${n + "px"}) {
     padding: 1.25rem;
   }
-`, H = t.div`
+`, k = r.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -65,7 +65,7 @@ const y = t.div`
   @media (max-width: ${n + "px"}) {
     flex-direction: column;
   }
-`, W = t.div`
+`, B = r.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -84,51 +84,54 @@ const y = t.div`
 
   @media (max-width: ${n + "px"}) {
   }
-`, N = u((e, k) => {
+`, N = v((e, m) => {
   const {
-    title: o,
-    subtitle: a,
-    buttonText: d,
-    list: m,
-    image: l,
-    imageHeight: c,
-    imageWidth: s,
-    imageHeightMob: g,
-    hasBorder: h = !0,
-    backgroundColor: p = "transparent",
-    onBannerClick: x
+    title: a,
+    subtitle: d,
+    buttonText: l,
+    list: o,
+    imageUrl: c,
+    imageHeight: s,
+    imageWidth: g,
+    imageHeightMobile: h,
+    hasBorder: p = !0,
+    backgroundColor: x = "transparent",
+    onButtonAction: f = () => {
+    },
+    buttonLink: b
   } = e;
-  return /* @__PURE__ */ r(
-    y,
+  return /* @__PURE__ */ t(
+    H,
     {
-      imgH: c,
-      imgW: s,
-      imgHMob: g,
-      hasBorder: h,
-      bgColor: p,
+      ref: m,
+      imgH: s,
+      imgW: g,
+      imgHMob: h,
+      hasBorder: p,
+      bgColor: x,
       children: [
-        /* @__PURE__ */ r($, { children: [
-          /* @__PURE__ */ r(H, { children: [
-            /* @__PURE__ */ i("div", { className: "header-title", children: o }),
-            /* @__PURE__ */ i("div", { className: "header-subitle", children: a })
+        /* @__PURE__ */ t(W, { children: [
+          /* @__PURE__ */ t(k, { children: [
+            /* @__PURE__ */ i("div", { className: "header-title", children: a }),
+            /* @__PURE__ */ i("div", { className: "header-subitle", children: d })
           ] }),
-          /* @__PURE__ */ i(W, { children: m == null ? void 0 : m.map((f, b) => /* @__PURE__ */ i(w, { children: /* @__PURE__ */ r("div", { className: "list-item", children: [
+          /* @__PURE__ */ i(B, { children: o == null ? void 0 : o.map((u, w) => /* @__PURE__ */ i(y, { children: /* @__PURE__ */ t("div", { className: "list-item", children: [
             /* @__PURE__ */ i("i", { className: "mng mng-lnc-checkmark--filled" }),
-            /* @__PURE__ */ i("span", { children: f })
-          ] }) }, b)) }),
+            /* @__PURE__ */ i("span", { children: u })
+          ] }) }, w)) }),
           /* @__PURE__ */ i(
-            v,
+            $,
             {
               size: "medium",
               color: "gray",
               type: "button",
               btnType: "outline",
-              onClick: x,
-              children: d
+              onClick: () => f(b),
+              children: l
             }
           )
         ] }),
-        /* @__PURE__ */ i("img", { src: l })
+        /* @__PURE__ */ i("img", { src: c })
       ]
     }
   );

package/dist/BlogsSectionDetailed.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),w=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),v=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-NZLCh-J5.cjs"),y=require("./style-BR3tIhP1.cjs"),C=require("./Button.cjs"),D=w.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),m=require("react"),w=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),v=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),c=require("./utils-NZLCh-J5.cjs"),y=require("./style-DN1qT8BE.cjs"),C=require("./Button.cjs"),D=w.newStyled.div`
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -12,9 +12,9 @@
   width: 100%;
   box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
     0px 1px 2px 0px rgba(0, 0, 0, 0.06);
-  background-color: var(--white);
+  background-color: var(--white, #fff);
   border-radius: 0.75rem;
-  border: 1px solid var(--gray-95008);
+  border: 1px solid var(--gray-95008, #14161a14);
   overflow: hidden;
   max-height: 21.5625rem;
   min-height: 21.5625rem;
@@ -37,7 +37,7 @@
     width: 100%;
     max-height: 11.0625rem;
     min-height: 11.0625rem;
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
   }
 
   & .tags-wr {
@@ -55,7 +55,7 @@
   flex-direction: column;
   gap: 0;
   color: var(--gray-950, #14161a);
-  border-top: 1px solid var(--gray-95008);
+  border-top: 1px solid var(--gray-95008, #14161a14);
 
   & .text-wr-title {
     font-weight: 600;
@@ -63,13 +63,13 @@
   }
 
   & .info-wr-skeleton {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
     height: 1rem;
     width: 100%;
   }
 
   & .skeleton-title {
-    background-color: ${d.linearGradientAnimation("-90deg")};
+    background-color: ${c.linearGradientAnimation("-90deg")};
     height: 1.5rem;
     width: 70%;
   }
@@ -79,7 +79,7 @@
     font-size: 0.875rem;
     flex: 1;
     color: var(--gray-700, #4e555f);
-    ${d.truncateTextInRows(2)}
+    ${c.truncateTextInRows(2)}
   }
 
   & .info-wr {
@@ -93,7 +93,7 @@
 
     & .mng {
       font-size: 0.875rem;
-      color: var(--gray-300);
+      color: var(--gray-300, #c4c8cf);
     }
   }
 
@@ -108,4 +108,4 @@
     align-items: center;
     gap: 1rem;
   }
-`,O=c.forwardRef((t,m)=>{const{title:i,image:l,text:a,numberOfLikes:s,numberOfComments:f,readDuration:o,datePublished:u,tags:g,onCardClick:h,timeToReadText:p="read"}=t;return r.jsxs(k,{className:"blog-card",onClick:h,children:[r.jsx("img",{src:l}),r.jsxs(N,{children:[r.jsxs("div",{className:"info-wr",children:[r.jsxs("div",{className:"info-wr-1",children:[r.jsx("span",{children:u}),r.jsx("span",{className:"small-dot",children:"●"}),o&&p?`${o} ${p}`:"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:s})]}),r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-messages-filled"}),r.jsx("span",{children:f})]})]})]}),r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:a})]}),r.jsx("div",{className:"tags-wr",children:g==null?void 0:g.map((n,e)=>r.jsx(y.BlogTag,{color:n==null?void 0:n.color,children:n==null?void 0:n.name},e))})]})}),$=c.forwardRef(({},t)=>r.jsxs(k,{className:"blog-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsxs(N,{children:[r.jsx("div",{className:"info-wr"}),r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"info-wr-skeleton"})]})]})),B=({limit:t=3,isLoading:m=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(l,a)=>r.jsx($,{isLoading:m},`${i}-skeleton-product-card-${a}`))}),P=({children:t,fallbackComponent:m=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:l,keyPrefix:a})=>r.jsx(c.Suspense,{fallbackComponent:m,children:i===!0?r.jsx(B,{isLoading:i,limit:l,keyPrefix:a}):t}),b=c.memo(O),R=c.forwardRef((t,m)=>{const{icon:i,title:l,onButtonAction:a,items:s,buttonText:f,limit:o=3,onSelectCard:u=()=>{},isLoading:g=!1,onSectionClick:h=()=>{}}=t,p=S.useDetectMobile(),n=c.useMemo(()=>r.jsx(r.Fragment,{children:p===!0?s==null?void 0:s.map((e,j)=>r.jsx(b,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,datePublished:e==null?void 0:e.date,readDuration:e==null?void 0:e.readDuration,tags:e==null?void 0:e.tags,onCardClick:()=>u(e==null?void 0:e.uuid)},j)):s==null?void 0:s.slice(0,o).map((e,j)=>r.jsx(b,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,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,datePublished:e==null?void 0:e.date,readDuration:e==null?void 0:e.readDuration,onCardClick:()=>u(e==null?void 0:e.uuid)},j))}),[s]);return r.jsxs(y.RegulatTitleSectionWrapper,{children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:l})]}),d.isDefinedNotEmptyString(h)&&r.jsx(C,{type:"button",btnType:"tinted",color:"gray",onClick:()=>a(buttonLink),borderRadius:"curved",children:f})]}),r.jsx(D,{limit:o,children:r.jsx(P,{isLoading:g,limit:o,keyPrefix:"explore-landing",children:n})})]})});module.exports=R;
+`,O=m.forwardRef((t,l)=>{const{title:i,image:d,text:n,numberOfLikes:s,numberOfComments:p,readDuration:o,datePublished:g,tags:u,onCardClick:h,timeToReadText:f="read"}=t;return r.jsxs(k,{ref:l,className:"blog-card",onClick:h,children:[r.jsx("img",{src:d}),r.jsxs(N,{children:[r.jsxs("div",{className:"info-wr",children:[r.jsxs("div",{className:"info-wr-1",children:[r.jsx("span",{children:g}),r.jsx("span",{className:"small-dot",children:"●"}),o&&f?`${o} ${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:s})]}),r.jsxs("span",{className:"info-wr-1",children:[r.jsx("i",{className:"mng mng-lnc-messages-filled"}),r.jsx("span",{children:p})]})]})]}),r.jsx("div",{className:"text-wr-title",children:i}),r.jsx("div",{className:"text-wr",children:n})]}),r.jsx("div",{className:"tags-wr",children:u==null?void 0:u.map((a,e)=>r.jsx(y.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},e))})]})}),$=m.forwardRef(({},t)=>r.jsxs(k,{className:"blog-card",children:[r.jsx("div",{className:"skeleton-img"}),r.jsxs(N,{children:[r.jsx("div",{className:"info-wr"}),r.jsx("div",{className:"skeleton-title"}),r.jsx("div",{className:"info-wr-skeleton"})]})]})),B=({limit:t=3,isLoading:l=!1,keyPrefix:i})=>r.jsx(r.Fragment,{children:Array.from({length:t},(d,n)=>r.jsx($,{isLoading:l},`${i}-skeleton-product-card-${n}`))}),P=({children:t,fallbackComponent:l=r.jsx(r.Fragment,{}),isLoading:i=!1,limit:d,keyPrefix:n})=>r.jsx(m.Suspense,{fallbackComponent:l,children:i===!0?r.jsx(B,{isLoading:i,limit:d,keyPrefix:n}):t}),b=m.memo(O),R=m.forwardRef((t,l)=>{const{icon:i,title:d,onButtonAction:n,items:s,buttonText:p,limit:o=3,onSelectCard:g=()=>{},isLoading:u=!1,buttonLink:h}=t,f=S.useDetectMobile(),a=m.useMemo(()=>r.jsx(r.Fragment,{children:f===!0?s==null?void 0:s.map((e,j)=>r.jsx(b,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,titleSlug:e==null?void 0:e.titleSlug,numberOfLikes:e==null?void 0:e.numberOfLikes,numberOfComments:e==null?void 0:e.numberOfComments,datePublished:e==null?void 0:e.date,readDuration:e==null?void 0:e.readDuration,tags:e==null?void 0:e.tags,onCardClick:()=>g(e==null?void 0:e.uuid)},j)):s==null?void 0:s.slice(0,o).map((e,j)=>r.jsx(b,{title:e==null?void 0:e.title,image:e==null?void 0:e.image,text:e==null?void 0:e.text,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,datePublished:e==null?void 0:e.date,readDuration:e==null?void 0:e.readDuration,onCardClick:()=>g(e==null?void 0:e.uuid)},j))}),[s,f,o,g]);return r.jsxs(y.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[c.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:d})]}),c.isDefinedNotEmptyString(n)&&r.jsx(C,{type:"button",btnType:"tinted",color:"gray",onClick:()=>n(h),borderRadius:"curved",children:p})]}),r.jsx(D,{limit:o,children:r.jsx(P,{isLoading:u,limit:o,keyPrefix:"explore-landing",children:a})})]})});module.exports=R;