@lanaco/lnc-react-ui 4.0.130 → 4.0.132

package/dist/BlogExploreSection.js

@@ -1,18 +1,19 @@
 import { jsxs as l, jsx as n, Fragment as J } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
+import { forwardRef as L } from "react";
 import { P as e } from "./index-CblbdqjE.js";
 import { p as K, s as Q } from "./utils-BPdU4_1q.js";
-import W from "./TextInput.js";
-import N from "./Icon.js";
-import Y from "./Link.js";
-import L from "./DropdownMenu.js";
-import $ from "./DropdownItem.js";
-import { F as B } from "./tag-CtleOqEC.js";
-import O from "./BlogProductCardsSection.js";
-import { s as A } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import Y from "./TextInput.js";
+import k from "./Icon.js";
+import B from "./Link.js";
+import $ from "./DropdownMenu.js";
+import A from "./DropdownItem.js";
+import { F as O } from "./tag-CtleOqEC.js";
+import P from "./BlogProductCardsSection.js";
+import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as ee } from "./index-3TFXgZHA.js";
 import z from "./BlogListSection.js";
-import { M as P } from "./consts-BuFChS64.js";
-const ee = A.div`
+import { M as ne } from "./consts-BuFChS64.js";
+const te = j.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -93,9 +94,9 @@ const ee = A.div`
       }
     }
   }
-`, ne = I(
+`, re = L(
   ({
-    perPageOptions: o = [
+    perPageOptions: c = [
       { code: 10, name: "Show 10 items" },
       { code: 25, name: "Show 25 items" },
       { code: 50, name: "Show 50 items" }
@@ -103,24 +104,24 @@ const ee = A.div`
     perPage: f,
     handlePerPage: u = () => {
     },
-    page: c = 1,
+    page: o = 1,
     handlePage: s = () => {
     },
     totalPage: t
   }, m) => {
-    var _, d;
-    const h = () => {
-      c > 1 && (s == null || s(c - 1));
+    var h, d;
+    const _ = () => {
+      o > 1 && (s == null || s(o - 1));
     }, g = () => {
-      c < t && (s == null || s(c + 1));
-    }, v = () => {
-      const r = [];
+      o < t && (s == null || s(o + 1));
+    }, x = () => {
+      const i = [];
       if (t <= 7)
         for (let a = 1; a <= t; a++)
-          r.push(a);
+          i.push(a);
       else
-        c <= 3 ? r.push(1, 2, 3, "...", t) : c >= t - 2 ? r.push(1, "...", t - 2, t - 1, t) : r.push(1, 2, 3, "...", t);
-      return r == null ? void 0 : r.map((a, p) => a === "..." ? /* @__PURE__ */ n(
+        o <= 3 ? i.push(1, 2, 3, "...", t) : o >= t - 2 ? i.push(1, "...", t - 2, t - 1, t) : i.push(1, 2, 3, "...", t);
+      return i == null ? void 0 : i.map((a, p) => a === "..." ? /* @__PURE__ */ n(
         "div",
         {
           className: "pagination__page ellipsis",
@@ -131,28 +132,28 @@ const ee = A.div`
         "div",
         {
           onClick: () => s(a),
-          className: `pagination__page ${c === a ? "active" : ""}`,
+          className: `pagination__page ${o === a ? "active" : ""}`,
           children: a
         },
         `pagination-page__${p}`
       ));
     };
-    return /* @__PURE__ */ l(ee, { className: "pagination", children: [
+    return /* @__PURE__ */ l(te, { className: "pagination", children: [
       /* @__PURE__ */ n(
-        L,
+        $,
         {
           color: "neutral",
-          control: ((_ = o == null ? void 0 : o.find((r) => (r == null ? void 0 : r.code) === f)) == null ? void 0 : _.name) || ((d = o[0]) == null ? void 0 : d.name),
+          control: ((h = c == null ? void 0 : c.find((i) => (i == null ? void 0 : i.code) === f)) == null ? void 0 : h.name) || ((d = c[0]) == null ? void 0 : d.name),
           placement: "bottom",
           zIndex: 1001,
           className: "pagination__per-page",
-          children: o == null ? void 0 : o.map((r, a) => /* @__PURE__ */ n(
-            $,
+          children: c == null ? void 0 : c.map((i, a) => /* @__PURE__ */ n(
+            A,
             {
-              active: (r == null ? void 0 : r.code) === (f == null ? void 0 : f.code),
+              active: (i == null ? void 0 : i.code) === (f == null ? void 0 : f.code),
               className: "sort-by__item",
-              onClick: () => u(r),
-              children: r == null ? void 0 : r.name
+              onClick: () => u(i),
+              children: i == null ? void 0 : i.name
             },
             `blog-epxlore-section-per-page-option__${a + 1}`
           ))
@@ -162,24 +163,24 @@ const ee = A.div`
         /* @__PURE__ */ n(
           "div",
           {
-            className: `pagination__page ${c === 1 ? "disabled" : ""}`,
-            onClick: h,
-            children: /* @__PURE__ */ n(N, { icon: " mng-lnc-chevron--left" })
+            className: `pagination__page ${o === 1 ? "disabled" : ""}`,
+            onClick: _,
+            children: /* @__PURE__ */ n(k, { icon: " mng-lnc-chevron--left" })
           }
         ),
-        v(),
+        x(),
         /* @__PURE__ */ n(
           "div",
           {
-            className: `pagination__page ${c === t ? "disabled" : ""}`,
+            className: `pagination__page ${o === t ? "disabled" : ""}`,
             onClick: g,
-            children: /* @__PURE__ */ n(N, { icon: " mng-lnc-chevron--right" })
+            children: /* @__PURE__ */ n(k, { icon: " mng-lnc-chevron--right" })
           }
         )
       ] })
     ] });
   }
-), te = A.div`
+), ie = j.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -370,7 +371,7 @@ const ee = A.div`
     }
   }
 
-  @media (max-width: ${P + "px"}) {
+  @media (max-width: ${ne + "px"}) {
     flex-direction: column;
 
     & .landing__main-content {
@@ -417,194 +418,199 @@ const ee = A.div`
       display: none;
     }
   }
-`, re = I(
+`, ae = L(
   ({
-    mainTitle: o,
+    mainTitle: c,
     sideTitle: f,
     tags: u,
-    selectedTag: c,
+    selectedTag: o,
     handleSelectTag: s = () => {
     },
     blogs: t,
     miniBlogs: m,
-    products: h,
+    products: _,
     blogsLoading: g = !1,
-    productsLoading: v = !1,
-    sortingOptions: _,
+    productsLoading: x = !1,
+    sortingOptions: h,
     sortBy: d,
-    handleSortBy: r = () => {
+    handleSortBy: i = () => {
     },
     allTagText: a = "All",
     searchPlaceholderText: p = "Search blogs",
-    timeToReadText: k = "{0} min read",
-    getBlogImageUrl: x = () => {
+    timeToReadText: S = "{0} min read",
+    getBlogImageUrl: y = () => {
     },
-    handleSelectBlog: y = () => {
+    handleSelectBlog: w = () => {
     },
-    handleSelectBlogTag: S = () => {
+    handleSelectBlogTag: T = () => {
     },
-    handleShareBlog: T = () => {
+    handleShareBlog: C = () => {
     },
-    handleBookmarkBlog: C = () => {
+    handleBookmarkBlog: I = () => {
     },
-    showAllButtonLink: j,
+    showAllButtonLink: E,
     showAllButtonText: M = "Show all products",
     viewAllButtonText: D = "View all (11)",
-    viewAllButtonLink: ie,
-    handleViewAll: E = () => {
+    viewAllButtonLink: oe,
+    handleViewAll: F = () => {
     },
-    handleShowAll: F = () => {
+    handleShowAll: R = () => {
     },
-    handleSelectProduct: R = () => {
+    handleSelectProduct: U = () => {
     },
-    getProductImageUrl: U = () => {
+    getProductImageUrl: V = () => {
     },
     page: q,
-    handlePage: H = () => {
+    handlePage: b = () => {
     },
-    perPage: V,
-    handlePerPage: X = () => {
+    perPage: H,
+    handlePerPage: W = () => {
     },
-    totalPage: w,
-    perPageOptions: Z,
-    handleSearch: G = () => {
+    totalPage: N,
+    perPageOptions: X,
+    handleSearch: Z = () => {
     }
-  }, ae) => /* @__PURE__ */ l(te, { children: [
-    /* @__PURE__ */ l("div", { className: "landing__main-content", children: [
-      o && /* @__PURE__ */ n("div", { className: "main-content__title", children: o }),
-      u && /* @__PURE__ */ n(
-        B,
-        {
-          tags: u,
-          allTagText: a,
-          selectedTagCode: c,
-          onSelectTag: s
-        }
-      ),
-      /* @__PURE__ */ l("div", { className: "main-content__actions", children: [
-        /* @__PURE__ */ n(
-          W,
-          {
-            className: "main-content__search",
-            placeholder: p,
-            debounceTime: 200,
-            prefix: /* @__PURE__ */ n(
-              N,
-              {
-                icon: " mng-lnc-search",
-                sizeInUnits: "1.25rem",
-                className: "main-content__search-prefix"
-              }
-            ),
-            color: "neutral",
-            onChange: G
-          }
-        ),
-        /* @__PURE__ */ n(
-          L,
-          {
-            color: "neutral",
-            control: d == null ? void 0 : d.name,
-            zIndex: 1001,
-            className: "main-content__sort-by",
-            children: _ == null ? void 0 : _.map((i, b) => /* @__PURE__ */ n(
-              $,
-              {
-                active: (i == null ? void 0 : i.code) === (d == null ? void 0 : d.code),
-                className: "sort-by__item",
-                onClick: () => r(i),
-                children: i == null ? void 0 : i.name
-              },
-              `blog-epxlore-section-sorting-option__${b + 1}`
-            ))
-          }
-        )
-      ] }),
-      /* @__PURE__ */ l("div", { className: "main-content__items", children: [
-        t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
-          z,
-          {
-            timeToReadText: k,
-            items: t == null ? void 0 : t.slice(0, 5),
-            isLoading: g,
-            getImage: x,
-            onSelectCard: y,
-            onSelectOption: S,
-            onShare: T,
-            onBookmark: C
-          }
-        ),
-        /* @__PURE__ */ n("div", { className: "main-content__divider" }),
-        h && (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ n(
+  }, ce) => {
+    const G = (r) => {
+      document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), b == null || b(r);
+    };
+    return /* @__PURE__ */ l(ie, { id: "landing__container", children: [
+      /* @__PURE__ */ l("div", { className: "landing__main-content", children: [
+        c && /* @__PURE__ */ n("div", { className: "main-content__title", children: c }),
+        u && /* @__PURE__ */ n(
           O,
           {
-            buttonText: M,
-            buttonLink: j,
-            onButtonAction: F,
-            onSelectCard: R,
-            items: h,
-            isLoading: v,
-            getImage: U,
-            isHighlight: !0
+            tags: u,
+            allTagText: a,
+            selectedTagCode: o,
+            onSelectTag: s
           }
         ),
-        /* @__PURE__ */ n("div", { className: "main-content__divider" }),
-        t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
-          z,
-          {
-            timeToReadText: k,
-            items: t == null ? void 0 : t.slice(5),
-            isLoading: g,
-            getImage: x,
-            onSelectCard: y,
-            onSelectOption: S,
-            onShare: T,
-            onBookmark: C
-          }
-        )
-      ] }),
-      w && w > 1 && /* @__PURE__ */ n(
-        ne,
-        {
-          perPageOptions: Z,
-          perPage: V,
-          handlePerPage: X,
-          page: q,
-          handlePage: H,
-          totalPage: w
-        }
-      )
-    ] }),
-    /* @__PURE__ */ l("div", { className: "landing__side-content", children: [
-      f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
-      m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ l(J, { children: [
-        /* @__PURE__ */ n("div", { className: "side-content__items", children: m == null ? void 0 : m.map((i, b) => /* @__PURE__ */ l(
-          "div",
-          {
-            className: "side-content__item",
-            onClick: () => y(i),
-            children: [
-              /* @__PURE__ */ n(
-                "img",
+        /* @__PURE__ */ l("div", { className: "main-content__actions", children: [
+          /* @__PURE__ */ n(
+            Y,
+            {
+              className: "main-content__search",
+              placeholder: p,
+              debounceTime: 200,
+              prefix: /* @__PURE__ */ n(
+                k,
                 {
-                  src: x(i == null ? void 0 : i.imageUrl, i == null ? void 0 : i.uuid) || null,
-                  alt: `Mini blog ${b + 1}`,
-                  className: "item__image"
+                  icon: " mng-lnc-search",
+                  sizeInUnits: "1.25rem",
+                  className: "main-content__search-prefix"
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "item__content", children: [
-                /* @__PURE__ */ n("div", { className: "item__title", children: i == null ? void 0 : i.title }),
-                /* @__PURE__ */ n("div", { className: "item__description", children: Q(i == null ? void 0 : i.publishedAt) })
-              ] })
-            ]
+              color: "neutral",
+              onChange: Z
+            }
+          ),
+          /* @__PURE__ */ n(
+            $,
+            {
+              color: "neutral",
+              control: d == null ? void 0 : d.name,
+              zIndex: 1001,
+              className: "main-content__sort-by",
+              children: h == null ? void 0 : h.map((r, v) => /* @__PURE__ */ n(
+                A,
+                {
+                  active: (r == null ? void 0 : r.code) === (d == null ? void 0 : d.code),
+                  className: "sort-by__item",
+                  onClick: () => i(r),
+                  children: r == null ? void 0 : r.name
+                },
+                `blog-epxlore-section-sorting-option__${v + 1}`
+              ))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ l("div", { className: "main-content__items", children: [
+          t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
+            z,
+            {
+              timeToReadText: S,
+              items: t == null ? void 0 : t.slice(0, 5),
+              isLoading: g,
+              getImage: y,
+              onSelectCard: w,
+              onSelectOption: T,
+              onShare: C,
+              onBookmark: I
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "main-content__divider" }),
+          _ && (_ == null ? void 0 : _.length) > 0 && /* @__PURE__ */ n(
+            P,
+            {
+              buttonText: M,
+              buttonLink: E,
+              onButtonAction: R,
+              onSelectCard: U,
+              items: _,
+              isLoading: x,
+              getImage: V,
+              isHighlight: !0
+            }
+          ),
+          /* @__PURE__ */ n("div", { className: "main-content__divider" }),
+          t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
+            z,
+            {
+              timeToReadText: S,
+              items: t == null ? void 0 : t.slice(5),
+              isLoading: g,
+              getImage: y,
+              onSelectCard: w,
+              onSelectOption: T,
+              onShare: C,
+              onBookmark: I
+            }
+          )
+        ] }),
+        N && N > 1 && /* @__PURE__ */ n(
+          re,
+          {
+            perPageOptions: X,
+            perPage: H,
+            handlePerPage: W,
+            page: q,
+            handlePage: G,
+            totalPage: N
           }
-        )) }),
-        /* @__PURE__ */ n(Y, { onClick: E, className: "side-content__link", children: D })
+        )
+      ] }),
+      /* @__PURE__ */ l("div", { className: "landing__side-content", children: [
+        f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
+        m && (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ l(J, { children: [
+          /* @__PURE__ */ n("div", { className: "side-content__items", children: m == null ? void 0 : m.map((r, v) => /* @__PURE__ */ l(
+            "div",
+            {
+              className: "side-content__item",
+              onClick: () => w(r),
+              children: [
+                /* @__PURE__ */ n(
+                  ee,
+                  {
+                    src: y(r == null ? void 0 : r.imageUrl, r == null ? void 0 : r.uuid) || null,
+                    alt: `Mini blog ${v + 1}`,
+                    className: "item__image"
+                  }
+                ),
+                /* @__PURE__ */ l("div", { className: "item__content", children: [
+                  /* @__PURE__ */ n("div", { className: "item__title", children: r == null ? void 0 : r.title }),
+                  /* @__PURE__ */ n("div", { className: "item__description", children: Q(r == null ? void 0 : r.publishedAt) })
+                ] })
+              ]
+            }
+          )) }),
+          /* @__PURE__ */ n(B, { onClick: F, className: "side-content__link", children: D })
+        ] })
       ] })
-    ] })
-  ] })
+    ] });
+  }
 );
-re.propTypes = {
+ae.propTypes = {
   mainTitle: e.string,
   sideTitle: e.string,
   tags: e.array,
@@ -641,5 +647,5 @@ re.propTypes = {
   handleSearch: e.func
 };
 export {
-  re as default
+  ae as default
 };

package/dist/BlogListSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),y=require("./Icon.cjs"),m=require("./IconButton.cjs"),k=require("./Chip.cjs"),o=require("./utils-DmMdPm9O.cjs"),N=require("./index-DiIeF_76.cjs"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),R=require("./consts-goSZX3xP.cjs"),q=require("./suspense-large-PHdzP1Ln.cjs"),I=j.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),b=require("./Icon.cjs"),c=require("./IconButton.cjs"),o=require("./utils-DmMdPm9O.cjs"),y=require("./index-DiIeF_76.cjs"),j=require("./style-C_BRvopE.cjs"),h=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),k=require("./suspense-large-PHdzP1Ln.cjs"),N=h.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -56,20 +56,6 @@
         display: flex;
         flex-wrap: wrap;
         gap: 0.25rem;
-
-        & .wrapper__tag {
-          font-size: 0.75rem;
-          font-style: normal;
-          font-weight: 500;
-          line-height: 1rem;
-          letter-spacing: 0.5px;
-          padding: 0.125rem 0.5rem;
-          justify-content: center;
-          align-items: center;
-          gap: 0.25rem;
-          height: 1.25rem;
-          border: 1px solid;
-        }
       }
     }
 
@@ -106,7 +92,7 @@
     }
   }
 
-  @media (max-width: ${R.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     background: transparent;
@@ -156,7 +142,7 @@
       }
     }
   }
-`,C=p.forwardRef(({title:g,imageUrl:s,options:i,publishedAt:a,timeToReadText:n="{0} min read",timeToRead:l=0,numberOfLikes:f=0,numberOfComments:u=0,isBookmarked:c=!1,onSelectCard:h=()=>{},onSelectOption:_=()=>{},onBookmark:e=()=>{},onShare:d=()=>{}},w)=>t.jsxs(I,{onClick:h,className:"blog-card-item",children:[t.jsx(N.ProductImageWrapper,{src:s,className:"wrapper__image"}),t.jsxs("div",{className:"wrapper__content",children:[t.jsxs("div",{className:"wrapper__subcontent",children:[t.jsx("div",{className:"wrapper__title",children:g}),t.jsxs("div",{className:"wrapper__tags-action",children:[t.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((r,v)=>t.jsx(k,{label:r==null?void 0:r.name,color:r==null?void 0:r.color,className:"wrapper__tag",onClick:b=>{b==null||b.stopPropagation(),_(r==null?void 0:r.code)}},`blog-card-sponsored-option__${v+1}`)))}),t.jsxs("div",{className:"info__content mobile-only",children:[t.jsx(m,{icon:c?" mng-lnc-bookmark--filled":" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:r=>{r==null||r.stopPropagation(),e()}}),t.jsx(m,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:r=>{r==null||r.stopPropagation(),d()}})]})]})]}),t.jsxs("div",{className:"wrapper__info",children:[t.jsxs("div",{className:"info__content",children:[t.jsx("div",{className:"info__text",children:`${o.formatLocaleDateString(a)} • ${o.formatString(n,l)}`}),t.jsxs("div",{className:"info__text",children:[t.jsxs("div",{children:[t.jsx(y,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),o.getRoundedNumber(f)]}),t.jsxs("div",{children:[t.jsx(y,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),o.getRoundedNumber(u)]})]})]}),t.jsxs("div",{className:"info__content desktop-only",children:[t.jsx(m,{icon:c?" mng-lnc-bookmark--filled":" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:r=>{r==null||r.stopPropagation(),e()}}),t.jsx(m,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:r=>{r==null||r.stopPropagation(),d()}})]})]})]})]})),P=j.styled.div`
+`,R=d.forwardRef(({title:p,imageUrl:n,options:i,publishedAt:s,timeToReadText:a="{0} min read",timeToRead:m=0,numberOfLikes:g=0,numberOfComments:u=0,isBookmarked:f=!1,onSelectCard:_=()=>{},onBookmark:e=()=>{},onShare:l=()=>{}},L)=>r.jsxs(N,{onClick:_,className:"blog-card-item",children:[r.jsx(y.ProductImageWrapper,{src:n,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:p}),r.jsxs("div",{className:"wrapper__tags-action",children:[r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((t,w)=>r.jsx(j.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},`blog-card-sponsored-option__${w+1}`)))}),r.jsxs("div",{className:"info__content mobile-only",children:[r.jsx(c,{icon:f?" mng-lnc-bookmark--filled":" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}}),r.jsx(c,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),l()}})]})]})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsxs("div",{className:"info__content",children:[r.jsx("div",{className:"info__text",children:`${o.formatLocaleDateString(s)} • ${o.formatString(a,m)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),o.getRoundedNumber(g)]}),r.jsxs("div",{children:[r.jsx(b,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),o.getRoundedNumber(u)]})]})]}),r.jsxs("div",{className:"info__content desktop-only",children:[r.jsx(c,{icon:f?" mng-lnc-bookmark--filled":" mng-lnc-bookmark",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),e()}}),r.jsx(c,{icon:" mng-lnc-share",borderRadius:"curved",btnType:"basic",color:"neutral",onClick:t=>{t==null||t.stopPropagation(),l()}})]})]})]})]})),q=h.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -180,4 +166,4 @@
       bottom: -1.25rem;
     }
   }
-`,x=p.memo(C),z=p.forwardRef(({timeToReadText:g="{0} min read",items:s,onSelectCard:i=()=>{},onSelectOption:a=()=>{},onShare:n=()=>{},onBookmark:l=()=>{},isLoading:f=!1,getImage:u=()=>{},isSeparated:c=!0},h)=>{const _=p.useMemo(()=>s==null?void 0:s.map((e,d)=>t.jsx(x,{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:g,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:()=>i==null?void 0:i(e),onSelectOption:w=>a==null?void 0:a(w),onShare:()=>n==null?void 0:n(e),onBookmark:()=>l==null?void 0:l(e),imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${d+1}`)),[s]);return t.jsx(P,{className:c?"separated":"",children:t.jsx(q.SuspenseBlogLarge,{isLoading:f,limit:5,keyPrefix:"blog-section",children:_})})});module.exports=z;
+`,I=d.memo(R),T=d.forwardRef(({timeToReadText:p="{0} min read",items:n,onSelectCard:i=()=>{},onShare:s=()=>{},onBookmark:a=()=>{},isLoading:m=!1,getImage:g=()=>{},isSeparated:u=!0},f)=>{const _=d.useMemo(()=>n==null?void 0:n.map((e,l)=>r.jsx(I,{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:p,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:()=>i==null?void 0:i(e),onShare:()=>s==null?void 0:s(e),onBookmark:()=>a==null?void 0:a(e),imageUrl:g(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-item__${l+1}`)),[n]);return r.jsx(q,{className:u?"separated":"",children:r.jsx(k.SuspenseBlogLarge,{isLoading:m,limit:5,keyPrefix:"blog-section",children:_})})});module.exports=T;