@lanaco/lnc-react-ui 4.0.186 → 4.0.189

package/dist/BlogCardsSponsoredSection.js

@@ -1,14 +1,14 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as y, useRef as j, memo as I, useMemo as R } from "react";
-import { o as N, q as B, s as C, v, k as w } from "./utils-Dc5zIpaz.js";
-import u from "./Icon.js";
-import { B as O } from "./style-C7FUSHmS.js";
-import { P as U } from "./index-C_NnINik.js";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as z } from "./consts-BuFChS64.js";
-import M from "./Button.js";
-import { S as P } from "./index-BSpdEGFd.js";
-const T = S.a`
+import { forwardRef as z, useRef as I, memo as R, useMemo as B } from "react";
+import { o as S, q as C, s as O, v as N, k as b } from "./utils-Dc5zIpaz.js";
+import v from "./Icon.js";
+import { B as U } from "./style-C7FUSHmS.js";
+import { P as M } from "./index-C_NnINik.js";
+import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as k } from "./consts-BuFChS64.js";
+import P from "./Button.js";
+import { S as T } from "./index-BSpdEGFd.js";
+const E = $.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -75,7 +75,7 @@ const T = S.a`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${N(2)}
+        ${S(2)}
       }
 
       & .wrapper__tags {
@@ -107,7 +107,7 @@ const T = S.a`
     }
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${k + "px"}) {
     flex-direction: column;
     padding: 0;
 
@@ -133,52 +133,54 @@ const T = S.a`
       }
     }
   }
-`, E = y(
+`, W = z(
   ({
     title: t,
     imageUrl: m,
     options: s,
     publishedAt: d,
     timeToReadText: c = "{0} min read",
-    timeToRead: _ = 0,
+    timeToRead: h = 0,
     numberOfLikes: n = 0,
     numberOfComments: p = 0,
     isSponsored: l = !1,
     onSelectCard: f = () => {
     },
     metadata: o,
-    titleSlug: h
-  }, b) => {
-    const g = j();
+    titleSlug: g,
+    LinkComponent: _
+  }, y) => {
+    const w = _ || "a", i = I();
     return /* @__PURE__ */ a(
-      T,
+      E,
       {
-        ref: g,
+        ref: i,
         isSponsored: l,
         "data-accessor": o == null ? void 0 : o.accessor,
         name: o == null ? void 0 : o.name,
-        onClick: (i) => f(i, g),
-        href: `/blog/${h}`,
+        onClick: (e) => f(e, i),
+        as: w,
+        ..._ ? { to: `/blog/${g}` } : { href: `/blog/${g}` },
         children: [
-          l && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(u, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
-          /* @__PURE__ */ r(U, { src: m, className: "wrapper__image" }),
+          l && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(v, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
+          /* @__PURE__ */ r(M, { src: m, className: "wrapper__image" }),
           /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
             /* @__PURE__ */ a("div", { className: "wrapper__subcontent", children: [
               /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((i, e) => /* @__PURE__ */ r(O, { color: i == null ? void 0 : i.color, children: i == null ? void 0 : i.name }, e))) })
+              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((e, u) => /* @__PURE__ */ r(U, { color: e == null ? void 0 : e.color, children: e == null ? void 0 : e.name }, u))) })
             ] }),
             /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
-              /* @__PURE__ */ r("div", { className: "info__text", children: `${B(
+              /* @__PURE__ */ r("div", { className: "info__text", children: `${C(
                 d
-              )} • ${C(c, _)}` }),
+              )} • ${O(c, h)}` }),
               /* @__PURE__ */ a("div", { className: "info__text", children: [
                 /* @__PURE__ */ a("div", { children: [
-                  /* @__PURE__ */ r(u, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                  v(n)
+                  /* @__PURE__ */ r(v, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                  N(n)
                 ] }),
                 /* @__PURE__ */ a("div", { children: [
-                  /* @__PURE__ */ r(u, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                  v(p)
+                  /* @__PURE__ */ r(v, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                  N(p)
                 ] })
               ] })
             ] })
@@ -187,7 +189,7 @@ const T = S.a`
       }
     );
   }
-), W = S.div`
+), D = $.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -205,7 +207,7 @@ const T = S.a`
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${N(2)}
+        ${S(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -257,7 +259,7 @@ const T = S.a`
     width: 100%;
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${k + "px"}) {
     gap: 1.25rem;
 
     & .wrapper__title {
@@ -271,14 +273,14 @@ const T = S.a`
       gap: 1.5rem;
     }
   }
-`, D = I(E), Y = y(
+`, q = R(W), A = z(
   ({
     title: t,
     subtitle: m,
     icon: s,
     buttonText: d,
     buttonLink: c,
-    timeToReadText: _ = "{0} min read",
+    timeToReadText: h = "{0} min read",
     items: n,
     onButtonAction: p = () => {
     },
@@ -287,38 +289,40 @@ const T = S.a`
     isLoading: f = !1,
     getImage: o = () => {
     },
-    componentName: h
-  }, b) => {
-    const g = R(() => {
+    componentName: g,
+    LinkComponent: _
+  }, y) => {
+    const w = B(() => {
       var i;
-      return (i = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : i.map((e, k) => /* @__PURE__ */ r(
-        D,
+      return (i = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : i.map((e, u) => /* @__PURE__ */ r(
+        q,
         {
           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: _,
+          timeToReadText: h,
           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,
-          onSelectCard: (L, $) => l == null ? void 0 : l(e, $),
+          onSelectCard: (L, j) => l == null ? void 0 : l(e, j),
           imageUrl: o(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
-          metadata: { name: h, accessor: e == null ? void 0 : e.accessor }
+          metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
+          LinkComponent: _
         },
-        `blog-card-sponsored__${k + 1}`
+        `blog-card-sponsored__${u + 1}`
       ));
     }, [n]);
-    return /* @__PURE__ */ a(W, { ref: b, children: [
+    return /* @__PURE__ */ a(D, { ref: y, children: [
       /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
         /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
           t && /* @__PURE__ */ a("div", { className: "title__text", children: [
-            w(s) && /* @__PURE__ */ r("i", { className: s }),
+            b(s) && /* @__PURE__ */ r("i", { className: s }),
             /* @__PURE__ */ r("span", { children: t })
           ] }),
-          w(d) && w(c) && !f && /* @__PURE__ */ r(
-            M,
+          b(d) && b(c) && !f && /* @__PURE__ */ r(
+            P,
             {
               text: d,
               borderRadius: "curved",
@@ -335,16 +339,16 @@ const T = S.a`
         m && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: m })
       ] }),
       /* @__PURE__ */ r(
-        P,
+        T,
         {
           isLoading: f,
           keyPrefix: "blog-cards-sponsored-skeleton",
-          children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: g })
+          children: /* @__PURE__ */ r("div", { className: "wrapper__cards", children: w })
         }
       )
     ] });
   }
 );
 export {
-  Y as default
+  A as default
 };

package/dist/BlogCategoryCardsSection.cjs

@@ -1 +1 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),c=require("./CategorySimpleCard-D5N8cx0Z.cjs"),d=require("./style-BTTXJFJN.cjs"),g=s.memo(c.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:p=!1,limit:C=4,isHighlight:t=!1},u)=>{const m=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,n)=>a.jsx(g,{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)},n))},[r]);return a.jsx(d.Wrapper,{ref:u,className:t?"highlight":"",children:a.jsx("div",{className:"wrapper__grid",children:m})})});module.exports=l;
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),c=require("./CategorySimpleCard-COGlTj06.cjs"),d=require("./style-BTTXJFJN.cjs"),g=s.memo(c.CategorySimpleCard),l=s.forwardRef(({items:r,onSelectCard:i=()=>{},isLoading:p=!1,limit:C=4,isHighlight:t=!1},u)=>{const m=s.useMemo(()=>{var o;return(o=r==null?void 0:r.slice(0,4))==null?void 0:o.map((e,n)=>a.jsx(g,{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)},n))},[r]);return a.jsx(d.Wrapper,{ref:u,className:t?"highlight":"",children:a.jsx("div",{className:"wrapper__grid",children:m})})});module.exports=l;

package/dist/BlogCategoryCardsSection.js

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { memo as g, forwardRef as l, useMemo as t } from "react";
-import { C as u } from "./CategorySimpleCard-DRQuoxXu.js";
+import { C as u } from "./CategorySimpleCard-CEzArySG.js";
 import { W as f } from "./style-tw6KjI2J.js";
 const n = g(u), M = l(
   ({

package/dist/BlogExploreSection.cjs

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