@lanaco/lnc-react-ui 4.0.147 → 4.0.149

package/dist/BlogExploreSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),q=require("react"),n=require("./index-BpbMKBf_.cjs"),I=require("./utils-Dl9xPH4c.cjs"),J=require("./TextInput.cjs"),j=require("./Icon.cjs"),K=require("./Link.cjs"),z=require("./DropdownMenu.cjs"),$=require("./DropdownItem.cjs"),Q=require("./tag-Bov1gw34.cjs"),Y=require("./BlogProductCardsSection.cjs"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./index-BueKsXT8.cjs"),C=require("./BlogListSection.cjs"),O=require("./consts-goSZX3xP.cjs"),ee=L.styled.div`
+"use strict";const e=require("react/jsx-runtime"),w=require("react"),n=require("./index-BpbMKBf_.cjs"),$=require("./utils-Dl9xPH4c.cjs"),K=require("./TextInput.cjs"),b=require("./Icon.cjs"),Q=require("./Link.cjs"),z=require("./DropdownMenu.cjs"),L=require("./DropdownItem.cjs"),Y=require("./tag-Bov1gw34.cjs"),B=require("./BlogProductCardsSection.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),O=require("./index-BueKsXT8.cjs"),I=require("./BlogListSection.cjs"),ee=require("./consts-goSZX3xP.cjs"),ne=P.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -79,7 +79,7 @@
       }
     }
   }
-`,ne=q.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:m,handlePerPage:h=()=>{},page:s=1,handlePage:c=()=>{},totalPage:r},d)=>{var _,l;const p=()=>{s>1&&(c==null||c(s-1))},u=()=>{s<r&&(c==null||c(s+1))},g=()=>{const i=[];if(r<=7)for(let a=1;a<=r;a++)i.push(a);else s<=3?i.push(1,2,3,"...",r):s>=r-2?i.push(1,"...",r-2,r-1,r):i.push(1,2,3,"...",r);return i==null?void 0:i.map((a,f)=>a==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:a},`pagination-ellipsis__${f}`):e.jsx("div",{onClick:()=>c(a),className:`pagination__page ${s===a?"active":""}`,children:a},`pagination-page__${f}`))};return e.jsxs(ee,{className:"pagination",children:[e.jsx(z,{color:"neutral",control:((_=o==null?void 0:o.find(i=>(i==null?void 0:i.code)===m))==null?void 0:_.name)||((l=o[0])==null?void 0:l.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((i,a)=>e.jsx($,{active:(i==null?void 0:i.code)===(m==null?void 0:m.code),className:"sort-by__item",onClick:()=>h(i),children:i==null?void 0:i.name},`blog-epxlore-section-per-page-option__${a+1}`))}),e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${s===1?"disabled":""}`,onClick:p,children:e.jsx(j,{icon:" mng-lnc-chevron--left"})}),g(),e.jsx("div",{className:`pagination__page ${s===r?"disabled":""}`,onClick:u,children:e.jsx(j,{icon:" mng-lnc-chevron--right"})})]})]})}),re=L.styled.div`
+`,re=w.forwardRef(({perPageOptions:o=[{code:10,name:"Show 10 items"},{code:25,name:"Show 25 items"},{code:50,name:"Show 50 items"}],perPage:m,handlePerPage:u=()=>{},page:s=1,handlePage:c=()=>{},totalPage:r},d)=>{var _,l;const p=()=>{s>1&&(c==null||c(s-1))},f=()=>{s<r&&(c==null||c(s+1))},g=()=>{const i=[];if(r<=7)for(let a=1;a<=r;a++)i.push(a);else s<=3?i.push(1,2,3,"...",r):s>=r-2?i.push(1,"...",r-2,r-1,r):i.push(1,2,3,"...",r);return i==null?void 0:i.map((a,x)=>a==="..."?e.jsx("div",{className:"pagination__page ellipsis",children:a},`pagination-ellipsis__${x}`):e.jsx("div",{onClick:()=>c(a),className:`pagination__page ${s===a?"active":""}`,children:a},`pagination-page__${x}`))};return e.jsxs(ne,{className:"pagination",children:[e.jsx(z,{color:"neutral",control:((_=o==null?void 0:o.find(i=>(i==null?void 0:i.code)===m))==null?void 0:_.name)||((l=o[0])==null?void 0:l.name),placement:"bottom",zIndex:1001,className:"pagination__per-page",children:o==null?void 0:o.map((i,a)=>e.jsx(L,{active:(i==null?void 0:i.code)===(m==null?void 0:m.code),className:"sort-by__item",onClick:()=>u(i),children:i==null?void 0:i.name},`blog-epxlore-section-per-page-option__${a+1}`))}),e.jsxs("div",{className:"pagination__pages",children:[e.jsx("div",{className:`pagination__page ${s===1?"disabled":""}`,onClick:p,children:e.jsx(b,{icon:" mng-lnc-chevron--left"})}),g(),e.jsx("div",{className:`pagination__page ${s===r?"disabled":""}`,onClick:f,children:e.jsx(b,{icon:" mng-lnc-chevron--right"})})]})]})}),te=P.styled.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -255,7 +255,7 @@
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${I.truncateTextInRows(2)}
+            ${$.truncateTextInRows(2)}
           }
 
           & .item__description {
@@ -270,7 +270,7 @@
     }
   }
 
-  @media (max-width: ${O.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${ee.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
     & .landing__main-content {
@@ -317,4 +317,4 @@
       display: none;
     }
   }
-`,P=q.forwardRef(({mainTitle:o,sideTitle:m,tags:h,selectedTag:s,handleSelectTag:c=()=>{},blogs:r,miniBlogs:d,products:p,blogsLoading:u=!1,productsLoading:g=!1,sortingOptions:_,sortBy:l,handleSortBy:i=()=>{},allTagText:a="All",searchPlaceholderText:f="Search blogs",timeToReadText:b="{0} min read",getBlogImageUrl:y=()=>{},handleSelectBlog:v=()=>{},handleSelectBlogTag:N=()=>{},handleShareBlog:k=()=>{},handleBookmarkBlog:S=()=>{},showAllButtonLink:A,showAllButtonText:R="Show all products",viewAllButtonText:E="View all (11)",viewAllButtonLink:te,handleViewAll:D=()=>{},handleShowAll:M=()=>{},handleSelectProduct:F=()=>{},getProductImageUrl:U=()=>{},page:V,handlePage:T=()=>{},perPage:H,handlePerPage:W=()=>{},totalPage:w,perPageOptions:X,handleSearch:Z=()=>{}},ie)=>{const G=t=>{document.getElementById("landing__container").scrollIntoView({behavior:"smooth",block:"start"}),T==null||T(t)};return e.jsxs(re,{id:"landing__container",children:[e.jsxs("div",{className:"landing__main-content",children:[o&&e.jsx("div",{className:"main-content__title",children:o}),h&&e.jsx(Q.FaqSectionTags,{tags:h,allTagText:a,selectedTagCode:s,onSelectTag:c}),e.jsxs("div",{className:"main-content__actions",children:[e.jsx(J,{className:"main-content__search",placeholder:f,debounceTime:200,prefix:e.jsx(j,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"main-content__search-prefix"}),color:"neutral",onChange:Z}),e.jsx(z,{color:"neutral",control:l==null?void 0:l.name,zIndex:1001,className:"main-content__sort-by",children:_==null?void 0:_.map((t,x)=>e.jsx($,{active:(t==null?void 0:t.code)===(l==null?void 0:l.code),className:"sort-by__item",onClick:()=>i(t),children:t==null?void 0:t.name},`blog-epxlore-section-sorting-option__${x+1}`))})]}),e.jsxs("div",{className:"main-content__items",children:[r&&(r==null?void 0:r.length)>0&&e.jsx(C,{timeToReadText:b,items:r==null?void 0:r.slice(0,5),isLoading:u,getImage:y,onSelectCard:v,onSelectOption:N,onShare:k,onBookmark:S}),e.jsx("div",{className:"main-content__divider"}),p&&(p==null?void 0:p.length)>0&&e.jsx(Y,{buttonText:R,buttonLink:A,onButtonAction:M,onSelectCard:F,items:p,isLoading:g,getImage:U,isHighlight:!0}),e.jsx("div",{className:"main-content__divider"}),r&&(r==null?void 0:r.length)>0&&e.jsx(C,{timeToReadText:b,items:r==null?void 0:r.slice(5),isLoading:u,getImage:y,onSelectCard:v,onSelectOption:N,onShare:k,onBookmark:S})]}),w&&w>1&&e.jsx(ne,{perPageOptions:X,perPage:H,handlePerPage:W,page:V,handlePage:G,totalPage:w})]}),e.jsxs("div",{className:"landing__side-content",children:[m&&e.jsx("div",{className:"side-content__title",children:m}),d&&(d==null?void 0:d.length)>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"side-content__items",children:d==null?void 0:d.map((t,x)=>e.jsxs("div",{className:"side-content__item",onClick:()=>v(t),children:[e.jsx(B.ProductImageWrapper,{src:y(t==null?void 0:t.imageUrl,t==null?void 0:t.uuid)||null,alt:`Mini blog ${x+1}`,className:"item__image"}),e.jsxs("div",{className:"item__content",children:[e.jsx("div",{className:"item__title",children:t==null?void 0:t.title}),e.jsx("div",{className:"item__description",children:I.formatLocaleDateString(t==null?void 0:t.publishedAt)})]})]}))}),e.jsx(K,{onClick:D,className:"side-content__link",children:E})]})]})]})});P.propTypes={mainTitle:n.PropTypes.string,sideTitle:n.PropTypes.string,tags:n.PropTypes.array,selectedTag:n.PropTypes.any,handleSelectTag:n.PropTypes.func,blogs:n.PropTypes.array,miniBlogs:n.PropTypes.array,products:n.PropTypes.array,blogsLoading:n.PropTypes.bool,productsLoading:n.PropTypes.bool,sortingOptions:n.PropTypes.array,sortBy:n.PropTypes.any,handleSortBy:n.PropTypes.func,allTagText:n.PropTypes.string,searchPlaceholderText:n.PropTypes.string,timeToReadText:n.PropTypes.string,getBlogImageUrl:n.PropTypes.func,handleSelectBlog:n.PropTypes.func,handleSelectBlogTag:n.PropTypes.func,handleShareBlog:n.PropTypes.func,handleBookmarkBlog:n.PropTypes.func,showAllButtonLink:n.PropTypes.string,showAllButtonText:n.PropTypes.string,viewAllButtonText:n.PropTypes.string,handleShowAll:n.PropTypes.func,handleSelectProduct:n.PropTypes.func,getProductImageUrl:n.PropTypes.func,page:n.PropTypes.number,handlePage:n.PropTypes.func,perPage:n.PropTypes.any,handlePerPage:n.PropTypes.func,totalPage:n.PropTypes.number,perPageOptions:n.PropTypes.array,handleSearch:n.PropTypes.func};module.exports=P;
+`,A=w.forwardRef(({mainTitle:o,sideTitle:m,tags:u,selectedTag:s,handleSelectTag:c=()=>{},blogs:r,miniBlogs:d,products:p,blogsLoading:f=!1,productsLoading:g=!1,sortingOptions:_,sortBy:l,handleSortBy:i=()=>{},allTagText:a="All",searchPlaceholderText:x="Search blogs",timeToReadText:N="{0} min read",getBlogImageUrl:y=()=>{},handleSelectBlog:v=()=>{},handleSelectBlogTag:S=()=>{},handleShareBlog:k=()=>{},showAllButtonLink:R,showAllButtonText:E="Show all products",viewAllButtonText:F="View all (11)",viewAllButtonLink:ie,handleViewAll:D=()=>{},handleShowAll:M=()=>{},handleSelectProduct:U=()=>{},getProductImageUrl:V=()=>{},page:H,handlePage:T=()=>{},perPage:W,handlePerPage:X=()=>{},totalPage:j,perPageOptions:Z,handleSearch:G=()=>{},onBookmark:q=()=>{},bookmarkComponent:C=e.jsx(e.Fragment,{children:" "})},ae)=>{const J=t=>{document.getElementById("landing__container").scrollIntoView({behavior:"smooth",block:"start"}),T==null||T(t)};return e.jsxs(te,{id:"landing__container",children:[e.jsxs("div",{className:"landing__main-content",children:[o&&e.jsx("div",{className:"main-content__title",children:o}),u&&e.jsx(Y.FaqSectionTags,{tags:u,allTagText:a,selectedTagCode:s,onSelectTag:c}),e.jsxs("div",{className:"main-content__actions",children:[e.jsx(K,{className:"main-content__search",placeholder:x,debounceTime:200,prefix:e.jsx(b,{icon:" mng-lnc-search",sizeInUnits:"1.25rem",className:"main-content__search-prefix"}),color:"neutral",onChange:G}),e.jsx(z,{color:"neutral",control:l==null?void 0:l.name,zIndex:1001,className:"main-content__sort-by",children:_==null?void 0:_.map((t,h)=>e.jsx(L,{active:(t==null?void 0:t.code)===(l==null?void 0:l.code),className:"sort-by__item",onClick:()=>i(t),children:t==null?void 0:t.name},`blog-epxlore-section-sorting-option__${h+1}`))})]}),e.jsxs("div",{className:"main-content__items",children:[r&&(r==null?void 0:r.length)>0&&e.jsx(I,{timeToReadText:N,items:r==null?void 0:r.slice(0,5),isLoading:f,getImage:y,onSelectCard:v,onSelectOption:S,onShare:k,onBookmark:q,bookmarkComponent:C}),e.jsx("div",{className:"main-content__divider"}),p&&(p==null?void 0:p.length)>0&&e.jsx(B,{buttonText:E,buttonLink:R,onButtonAction:M,onSelectCard:U,items:p,isLoading:g,getImage:V,isHighlight:!0}),e.jsx("div",{className:"main-content__divider"}),r&&(r==null?void 0:r.length)>0&&e.jsx(I,{timeToReadText:N,items:r==null?void 0:r.slice(5),isLoading:f,getImage:y,onSelectCard:v,onSelectOption:S,onShare:k,onBookmark:q,bookmarkComponent:C})]}),j&&j>1&&e.jsx(re,{perPageOptions:Z,perPage:W,handlePerPage:X,page:H,handlePage:J,totalPage:j})]}),e.jsxs("div",{className:"landing__side-content",children:[m&&e.jsx("div",{className:"side-content__title",children:m}),d&&(d==null?void 0:d.length)>0&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"side-content__items",children:d==null?void 0:d.map((t,h)=>e.jsx(w.Fragment,{children:e.jsxs("div",{className:"side-content__item",onClick:()=>v(t),children:[e.jsx(O.ProductImageWrapper,{src:y(t==null?void 0:t.imageUrl,t==null?void 0:t.uuid)||null,alt:`Mini blog ${h+1}`,className:"item__image"}),e.jsxs("div",{className:"item__content",children:[e.jsx("div",{className:"item__title",children:t==null?void 0:t.title}),e.jsx("div",{className:"item__description",children:$.formatLocaleDateString(t==null?void 0:t.publishedAt)})]})]})},`mini_blg_${h}`))}),e.jsx(Q,{onClick:D,className:"side-content__link",children:F})]})]})]})});A.propTypes={mainTitle:n.PropTypes.string,sideTitle:n.PropTypes.string,tags:n.PropTypes.array,selectedTag:n.PropTypes.any,handleSelectTag:n.PropTypes.func,blogs:n.PropTypes.array,miniBlogs:n.PropTypes.array,products:n.PropTypes.array,blogsLoading:n.PropTypes.bool,productsLoading:n.PropTypes.bool,sortingOptions:n.PropTypes.array,sortBy:n.PropTypes.any,handleSortBy:n.PropTypes.func,allTagText:n.PropTypes.string,searchPlaceholderText:n.PropTypes.string,timeToReadText:n.PropTypes.string,getBlogImageUrl:n.PropTypes.func,handleSelectBlog:n.PropTypes.func,handleSelectBlogTag:n.PropTypes.func,handleShareBlog:n.PropTypes.func,handleBookmarkBlog:n.PropTypes.func,showAllButtonLink:n.PropTypes.string,showAllButtonText:n.PropTypes.string,viewAllButtonText:n.PropTypes.string,handleShowAll:n.PropTypes.func,handleSelectProduct:n.PropTypes.func,getProductImageUrl:n.PropTypes.func,page:n.PropTypes.number,handlePage:n.PropTypes.func,perPage:n.PropTypes.any,handlePerPage:n.PropTypes.func,totalPage:n.PropTypes.number,perPageOptions:n.PropTypes.array,handleSearch:n.PropTypes.func};module.exports=A;

package/dist/BlogExploreSection.js

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

package/dist/BlogListSection.cjs

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