@lanaco/lnc-react-ui 4.0.126 → 4.0.128

package/dist/Accordion.cjs

@@ -1,4 +1,4 @@
-"use strict";const g=require("react/jsx-runtime"),t=require("react"),o=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./utils-CZynEOC_.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./useUpdateEffect-BtMgpgIV.cjs"),O=x.styled.div`
+"use strict";const g=require("react/jsx-runtime"),t=require("react"),o=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),c=require("./utils-DmMdPm9O.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./useUpdateEffect-BtMgpgIV.cjs"),O=x.styled.div`
   color: ${s=>!s.disabled&&c.getColorRgbaValue(s.theme,"Accordion","primary","enabled","text")};
   background-color: transparent;
   ${s=>c.getComponentTypographyCss(s.theme,"Accordion",s.size,"enabled")};

package/dist/Accordion.js

@@ -2,7 +2,7 @@ import { jsxs as N } from "react/jsx-runtime";
 import { forwardRef as O, useState as x, Children as i, isValidElement as c, cloneElement as f } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as R, c as S, h as T } from "./utils-BbgAIA9N.js";
+import { b as R, c as S, h as T } from "./utils-BPdU4_1q.js";
 import { u as I } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as P } from "./useUpdateEffect-CuYWz7EA.js";
 const M = D.div`

package/dist/AccordionSummary.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),f=require("react"),s=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./Icon.cjs"),C=require("./utils-CZynEOC_.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),h={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=x.styled.div`
+"use strict";const n=require("react/jsx-runtime"),f=require("react"),s=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./Icon.cjs"),C=require("./utils-DmMdPm9O.cjs"),P=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),h={small:"0.6rem 1rem",medium:"0.8rem 1.25rem",large:"1rem 1.5rem"},R=x.styled.div`
   display: flex;
   justify-content: space-between;
   cursor: pointer;

package/dist/AccordionSummary.js

@@ -3,7 +3,7 @@ import { forwardRef as C } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import h from "./Icon.js";
-import { b as x } from "./utils-BbgAIA9N.js";
+import { b as x } from "./utils-BPdU4_1q.js";
 import { u as A } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = {
   small: "0.6rem 1rem",

package/dist/ActionsToolbar.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),B=require("react"),e=require("./index-BpbMKBf_.cjs"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Y=require("./DropdownMenu.cjs"),i=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-CZynEOC_.cjs"),Z=require("./ThemeProvider.cjs"),F=V.styled.div`
+"use strict";const o=require("react/jsx-runtime"),B=require("react"),e=require("./index-BpbMKBf_.cjs"),V=require("./emotion-styled.browser.esm-BtEseadx.cjs"),Y=require("./DropdownMenu.cjs"),i=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-DmMdPm9O.cjs"),Z=require("./ThemeProvider.cjs"),F=V.styled.div`
   display: flex;
   align-items: center;
   border-radius: 8px;

package/dist/ActionsToolbar.js

@@ -6,7 +6,7 @@ import Z from "./DropdownMenu.js";
 import i from "./DropdownItem.js";
 import q from "./Separator.js";
 import b from "./Button.js";
-import { b as m } from "./utils-BbgAIA9N.js";
+import { b as m } from "./utils-BPdU4_1q.js";
 import { useTheme as F } from "./ThemeProvider.js";
 const G = V.div`
   display: flex;

package/dist/Alert.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),c=require("react"),r=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./ThemeProvider.cjs"),t=require("./utils-CZynEOC_.cjs"),s=require("./Icon.cjs"),P=x.styled.div`
+"use strict";const o=require("react/jsx-runtime"),c=require("react"),r=require("./index-BpbMKBf_.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./ThemeProvider.cjs"),t=require("./utils-DmMdPm9O.cjs"),s=require("./Icon.cjs"),P=x.styled.div`
   min-height: 3rem;
   ${e=>t.getComponentTypographyCss(e.theme,"Alert",e.size,"enabled")};
   line-height: 1.25rem;

package/dist/Alert.js

@@ -3,7 +3,7 @@ import { forwardRef as y, cloneElement as x } from "react";
 import { P as r } from "./index-CblbdqjE.js";
 import { s as w } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { useTheme as N } from "./ThemeProvider.js";
-import { c as A, a as $, b as o, g as m } from "./utils-BbgAIA9N.js";
+import { c as A, a as $, b as o, g as m } from "./utils-BPdU4_1q.js";
 import s from "./Icon.js";
 const T = w.div`
   min-height: 3rem;

package/dist/Avatar.cjs

@@ -1,4 +1,4 @@
-"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-BpbMKBf_.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),I=require("./Icon.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=P.styled.div`
+"use strict";const n=require("react/jsx-runtime"),T=require("react"),i=require("./index-BpbMKBf_.cjs"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-DmMdPm9O.cjs"),I=require("./Icon.cjs"),f=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),x=P.styled.div`
   border-radius: ${e=>s.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
   color: white;
   display: inline-flex;

package/dist/Avatar.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as I } from "react";
 import { P as i } from "./index-CblbdqjE.js";
 import { s as U } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as y, d as t, h as $, b as v } from "./utils-BbgAIA9N.js";
+import { a as y, d as t, h as $, b as v } from "./utils-BPdU4_1q.js";
 import w from "./Icon.js";
 import { u as R } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const x = U.div`

package/dist/Badge.cjs

@@ -1,4 +1,4 @@
-"use strict";const h=require("react/jsx-runtime"),p=require("react"),r=require("./index-BpbMKBf_.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-CZynEOC_.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=f.styled.div`
+"use strict";const h=require("react/jsx-runtime"),p=require("react"),r=require("./index-BpbMKBf_.cjs"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),s=require("./utils-DmMdPm9O.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),t=e=>e=="large"?"2rem":e=="medium"?"1.75rem":"1.5rem",R=f.styled.div`
   ${e=>s.getComponentTypographyCss(e.theme,"Badge",e.size,"enabled")};
   background-color: ${e=>s.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","background","backgroundOpacity")};
   color: ${e=>s.getColorRgbaValue(e.theme,"Badge",e.color,"enabled","text")};

package/dist/Badge.js

@@ -2,7 +2,7 @@ import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as y } from "react";
 import { P as r } from "./index-CblbdqjE.js";
 import { s as b } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { c as p, b as o, a as z } from "./utils-BbgAIA9N.js";
+import { c as p, b as o, a as z } from "./utils-BPdU4_1q.js";
 import { u as $ } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const a = (e) => e == "large" ? "2rem" : e == "medium" ? "1.75rem" : "1.5rem", B = b.div`
   ${(e) => p(e.theme, "Badge", e.size, "enabled")};

package/dist/BannerSectionWithList.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),u=require("./Button.cjs"),i=require("./utils-CZynEOC_.cjs"),x=o.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),a=require("./consts-goSZX3xP.cjs"),u=require("./Button.cjs"),i=require("./utils-DmMdPm9O.cjs"),x=o.styled.div`
   padding-bottom: 1.38rem;
   text-align: center;
   display: flex;

package/dist/BannerSectionWithList.js

@@ -3,7 +3,7 @@ import { forwardRef as p, Fragment as u } from "react";
 import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as s } from "./consts-BuFChS64.js";
 import x from "./Button.js";
-import { l as n } from "./utils-BbgAIA9N.js";
+import { l as n } from "./utils-BPdU4_1q.js";
 const y = m.div`
   padding-bottom: 1.38rem;
   text-align: center;

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),p=require("react"),n=require("./utils-CZynEOC_.cjs"),w=require("./Icon.cjs"),N=require("./Chip.cjs"),z=require("./index-BvSNRLNa.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-CtcwWswP.cjs"),R=require("./Button.cjs"),k=y.styled.div`
+"use strict";const r=require("react/jsx-runtime"),p=require("react"),n=require("./utils-DmMdPm9O.cjs"),w=require("./Icon.cjs"),N=require("./Chip.cjs"),z=require("./index-DiIeF_76.cjs"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),I=require("./suspense-large-PHdzP1Ln.cjs"),R=require("./Button.cjs"),k=y.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;

package/dist/BlogCardsSponsoredSection.js

@@ -1,12 +1,12 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import { forwardRef as v, memo as j, useMemo as I } from "react";
-import { p as y, s as S, v as C, w as b, k as R } from "./utils-BbgAIA9N.js";
+import { p as y, s as S, v as C, w as b, k as R } from "./utils-BPdU4_1q.js";
 import w from "./Icon.js";
 import L from "./Chip.js";
-import { P } from "./index-YGcWbzeb.js";
+import { P } from "./index-3TFXgZHA.js";
 import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as z } from "./consts-BuFChS64.js";
-import { S as U } from "./suspense-large-BM9s_kZP.js";
+import { S as U } from "./suspense-large-DrD8xVZi.js";
 import M from "./Button.js";
 const T = N.div`
   display: flex;

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-CK7XDK4k.cjs"),l=require("./style-BTTXJFJN.cjs"),m=a.memo(u.CategorySimpleCard),p=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},C)=>{const d=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,g)=>s.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},g))},[r]);return s.jsx(l.Wrapper,{className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:d})})})});module.exports=p;
+"use strict";const s=require("react/jsx-runtime"),a=require("react"),u=require("./suspense-categories-card-simple-CWahURI0.cjs"),l=require("./style-BTTXJFJN.cjs"),m=a.memo(u.CategorySimpleCard),p=a.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:n=!1,limit:t=4,isHighlight:c=!1},C)=>{const d=a.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,g)=>s.jsx(m,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},g))},[r]);return s.jsx(l.Wrapper,{className:c?"highlight":"",children:s.jsx("div",{className:"wrapper__grid",children:s.jsx(u.SuspenseSimpleCategoryCard,{isLoading:n,limit:t,keyPrefix:"blog-section",children:d})})})});module.exports=p;

package/dist/BlogCategoryCardsSection.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { memo as l, forwardRef as f, useMemo as t } from "react";
-import { C as u, S as n } from "./suspense-categories-card-simple-BbtBbuWb.js";
+import { C as u, S as n } from "./suspense-categories-card-simple-Bln7_MpK.js";
 import { W as c } from "./style-tw6KjI2J.js";
 const C = l(u), M = f(
   ({

package/dist/BlogExploreSection.cjs

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