@lanaco/lnc-react-ui 4.0.156 → 4.0.160

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,11 +1,11 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),j=require("./style-CyHewQxg.cjs"),N=require("./index-BueKsXT8.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-CFmcSzX-.cjs"),S=require("./Button.cjs"),z=b.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),l=require("./utils-Dl9xPH4c.cjs"),w=require("./Icon.cjs"),R=require("./style-lSjkOR95.cjs"),x=require("./index-BueKsXT8.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./consts-goSZX3xP.cjs"),S=require("./suspense-large-CFmcSzX-.cjs"),z=require("./Button.cjs"),I=v.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${i=>i!=null&&i.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${s=>s!=null&&s.isSponsored?"2px solid var(--yellow-500, #f59e0b)":"1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
@@ -63,7 +63,7 @@
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${s.truncateTextInRows(2)}
+        ${l.truncateTextInRows(2)}
       }
 
       & .wrapper__tags {
@@ -95,7 +95,7 @@
     }
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
 
@@ -121,7 +121,7 @@
       }
     }
   }
-`,I=m.forwardRef(({title:i,imageUrl:p,options:a,publishedAt:c,timeToReadText:g="{0} min read",timeToRead:_=0,numberOfLikes:n=0,numberOfComments:l=0,isSponsored:o=!1,onSelectCard:f=()=>{}},u)=>r.jsxs(z,{ref:u,isSponsored:o,onClick:f,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(N.ProductImageWrapper,{src:p,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:i}),r.jsx("div",{className:"wrapper__tags",children:a&&(a==null?void 0:a.map((t,h)=>r.jsx(j.BlogTag,{color:t==null?void 0:t.color,children:t==null?void 0:t.name},h)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(c)} • ${s.formatString(g,_)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(n)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(l)]})]})]})]})]})),R=b.styled.div`
+`,q=d.forwardRef(({title:s,imageUrl:m,options:n,publishedAt:_,timeToReadText:f="{0} min read",timeToRead:u=0,numberOfLikes:o=0,numberOfComments:c=0,isSponsored:p=!1,onSelectCard:h=()=>{},metadata:t},b)=>{const g=d.useRef();return r.jsxs(I,{ref:g,isSponsored:p,"data-accessor":t==null?void 0:t.accessor,name:t==null?void 0:t.name,onClick:i=>h(i,g),children:[p&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(x.ProductImageWrapper,{src:m,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsxs("div",{className:"wrapper__subcontent",children:[r.jsx("div",{className:"wrapper__title",children:s}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.map((i,a)=>r.jsx(R.BlogTag,{color:i==null?void 0:i.color,children:i==null?void 0:i.name},a)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${l.formatLocaleDateString(_)} • ${l.formatString(f,u)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),l.getRoundedNumber(o)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),l.getRoundedNumber(c)]})]})]})]})]})}),k=v.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -139,7 +139,7 @@
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${s.truncateTextInRows(2)}
+        ${l.truncateTextInRows(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -191,7 +191,7 @@
     width: 100%;
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__title {
       & .title__text {
         font-size: 1.375rem;
@@ -203,4 +203,4 @@
       gap: 1rem;
     }
   }
-`,q=m.memo(I),k=m.forwardRef(({title:i,subtitle:p,icon:a,buttonText:c,buttonLink:g,timeToReadText:_="{0} min read",items:n,onButtonAction:l=()=>{},onSelectCard:o=()=>{},isLoading:f=!1,getImage:u=()=>{}},t)=>{const h=m.useMemo(()=>{var d;return(d=n==null?void 0:n.slice(0,4))==null?void 0:d.map((e,y)=>r.jsx(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:_,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:()=>o==null?void 0:o(e),imageUrl:u(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${y+1}`))},[n]);return r.jsxs(R,{ref:t,children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[i&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:i})]}),l&&r.jsx(S,{text:c,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:d=>{var e;(e=d==null?void 0:d.target)==null||e.blur(),l==null||l(g)}})]}),p&&r.jsx("div",{className:"wrapper__subtitle",children:p})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(x.SuspenseBlogLarge,{isLoading:f,limit:4,keyPrefix:"blog-section",children:h})})]})});module.exports=k;
+`,$=d.memo(q),L=d.forwardRef(({title:s,subtitle:m,icon:n,buttonText:_,buttonLink:f,timeToReadText:u="{0} min read",items:o,onButtonAction:c=()=>{},onSelectCard:p=()=>{},isLoading:h=!1,getImage:t=()=>{},componentName:b},g)=>{const i=d.useMemo(()=>{var a;return(a=o==null?void 0:o.slice(0,4))==null?void 0:a.map((e,j)=>r.jsx($,{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:u,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:(O,N)=>p==null?void 0:p(e,N),imageUrl:t(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null,metadata:{name:b,accessor:e==null?void 0:e.accessor}},`blog-card-sponsored__${j+1}`))},[o]);return r.jsxs(k,{ref:g,children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[s&&r.jsxs("div",{className:"title__text",children:[l.isDefinedNotEmptyString(n)&&r.jsx("i",{className:n}),r.jsx("span",{children:s})]}),c&&r.jsx(z,{text:_,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:a=>{var e;(e=a==null?void 0:a.target)==null||e.blur(),c==null||c(f)}})]}),m&&r.jsx("div",{className:"wrapper__subtitle",children:m})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(S.SuspenseBlogLarge,{isLoading:h,limit:4,keyPrefix:"blog-section",children:i})})]})});module.exports=L;

package/dist/BlogCardsSponsoredSection.js

@@ -1,21 +1,21 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as b, memo as S, useMemo as k } from "react";
-import { p as v, s as $, v as j, w as u, k as I } from "./utils-BdsZgOUE.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as v, useRef as $, memo as j, useMemo as I } from "react";
+import { p as y, s as R, v as L, w as b, k as O } from "./utils-BdsZgOUE.js";
 import w from "./Icon.js";
-import { B as R } from "./style-DFPWLJBr.js";
-import { P as L } from "./index-CF3HhgvN.js";
-import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as N } from "./consts-BuFChS64.js";
-import { S as O } from "./suspense-large-BMO7JH52.js";
-import T from "./Button.js";
-const U = y.div`
+import { B as T } from "./style-BLuyU97E.js";
+import { P as U } from "./index-CF3HhgvN.js";
+import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as z } from "./consts-BuFChS64.js";
+import { S as B } from "./suspense-large-BMO7JH52.js";
+import C from "./Button.js";
+const M = N.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${(i) => i != null && i.isSponsored ? "2px solid var(--yellow-500, #f59e0b)" : "1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${(t) => t != null && t.isSponsored ? "2px solid var(--yellow-500, #f59e0b)" : "1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
   background: var(--white, #fff);
   min-height: 10.5rem;
   position: relative;
@@ -73,7 +73,7 @@ const U = y.div`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${v(2)}
+        ${y(2)}
       }
 
       & .wrapper__tags {
@@ -105,7 +105,7 @@ const U = y.div`
     }
   }
 
-  @media (max-width: ${N + "px"}) {
+  @media (max-width: ${z + "px"}) {
     flex-direction: column;
     padding: 0;
 
@@ -131,45 +131,59 @@ const U = y.div`
       }
     }
   }
-`, B = b(
+`, P = v(
   ({
-    title: i,
-    imageUrl: p,
+    title: t,
+    imageUrl: d,
     options: l,
-    publishedAt: d,
-    timeToReadText: c = "{0} min read",
-    timeToRead: g = 0,
-    numberOfLikes: n = 0,
-    numberOfComments: s = 0,
-    isSponsored: o = !1,
-    onSelectCard: f = () => {
-    }
-  }, _) => /* @__PURE__ */ a(U, { ref: _, isSponsored: o, onClick: f, children: [
-    o && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(w, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
-    /* @__PURE__ */ r(L, { src: p, className: "wrapper__image" }),
-    /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
-      /* @__PURE__ */ a("div", { className: "wrapper__subcontent", children: [
-        /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
-        /* @__PURE__ */ r("div", { className: "wrapper__tags", children: l && (l == null ? void 0 : l.map((t, h) => /* @__PURE__ */ r(R, { color: t == null ? void 0 : t.color, children: t == null ? void 0 : t.name }, h))) })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
-        /* @__PURE__ */ r("div", { className: "info__text", children: `${$(
-          d
-        )} • ${j(c, g)}` }),
-        /* @__PURE__ */ a("div", { className: "info__text", children: [
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ r(w, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-            u(n)
-          ] }),
-          /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ r(w, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-            u(s)
+    publishedAt: f,
+    timeToReadText: g = "{0} min read",
+    timeToRead: _ = 0,
+    numberOfLikes: o = 0,
+    numberOfComments: p = 0,
+    isSponsored: m = !1,
+    onSelectCard: h = () => {
+    },
+    metadata: s
+  }, u) => {
+    const c = $();
+    return /* @__PURE__ */ i(
+      M,
+      {
+        ref: c,
+        isSponsored: m,
+        "data-accessor": s == null ? void 0 : s.accessor,
+        name: s == null ? void 0 : s.name,
+        onClick: (a) => h(a, c),
+        children: [
+          m && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(w, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
+          /* @__PURE__ */ r(U, { src: d, className: "wrapper__image" }),
+          /* @__PURE__ */ i("div", { className: "wrapper__content", children: [
+            /* @__PURE__ */ i("div", { className: "wrapper__subcontent", children: [
+              /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
+              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: l && (l == null ? void 0 : l.map((a, n) => /* @__PURE__ */ r(T, { color: a == null ? void 0 : a.color, children: a == null ? void 0 : a.name }, n))) })
+            ] }),
+            /* @__PURE__ */ i("div", { className: "wrapper__info", children: [
+              /* @__PURE__ */ r("div", { className: "info__text", children: `${R(
+                f
+              )} • ${L(g, _)}` }),
+              /* @__PURE__ */ i("div", { className: "info__text", children: [
+                /* @__PURE__ */ i("div", { children: [
+                  /* @__PURE__ */ r(w, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+                  b(o)
+                ] }),
+                /* @__PURE__ */ i("div", { children: [
+                  /* @__PURE__ */ r(w, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+                  b(p)
+                ] })
+              ] })
+            ] })
           ] })
-        ] })
-      ] })
-    ] })
-  ] })
-), C = y.div`
+        ]
+      }
+    );
+  }
+), E = N.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -187,7 +201,7 @@ const U = y.div`
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${v(2)}
+        ${y(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -239,7 +253,7 @@ const U = y.div`
     width: 100%;
   }
 
-  @media (max-width: ${N + "px"}) {
+  @media (max-width: ${z + "px"}) {
     & .wrapper__title {
       & .title__text {
         font-size: 1.375rem;
@@ -251,79 +265,81 @@ const U = y.div`
       gap: 1rem;
     }
   }
-`, M = S(B), J = b(
+`, W = j(P), Y = v(
   ({
-    title: i,
-    subtitle: p,
+    title: t,
+    subtitle: d,
     icon: l,
-    buttonText: d,
-    buttonLink: c,
-    timeToReadText: g = "{0} min read",
-    items: n,
-    onButtonAction: s = () => {
+    buttonText: f,
+    buttonLink: g,
+    timeToReadText: _ = "{0} min read",
+    items: o,
+    onButtonAction: p = () => {
     },
-    onSelectCard: o = () => {
+    onSelectCard: m = () => {
     },
-    isLoading: f = !1,
-    getImage: _ = () => {
-    }
-  }, t) => {
-    const h = k(() => {
-      var m;
-      return (m = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : m.map((e, z) => /* @__PURE__ */ r(
-        M,
+    isLoading: h = !1,
+    getImage: s = () => {
+    },
+    componentName: u
+  }, c) => {
+    const a = I(() => {
+      var n;
+      return (n = o == null ? void 0 : o.slice(0, 4)) == null ? void 0 : n.map((e, S) => /* @__PURE__ */ r(
+        W,
         {
           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,
+          timeToReadText: _,
           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: () => o == null ? void 0 : o(e),
-          imageUrl: _(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+          onSelectCard: (D, k) => m == null ? void 0 : m(e, k),
+          imageUrl: s(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
+          metadata: { name: u, accessor: e == null ? void 0 : e.accessor }
         },
-        `blog-card-sponsored__${z + 1}`
+        `blog-card-sponsored__${S + 1}`
       ));
-    }, [n]);
-    return /* @__PURE__ */ a(C, { ref: t, children: [
-      /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
-        /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
-          i && /* @__PURE__ */ a("div", { className: "title__text", children: [
-            I(l) && /* @__PURE__ */ r("i", { className: l }),
-            /* @__PURE__ */ r("span", { children: i })
+    }, [o]);
+    return /* @__PURE__ */ i(E, { ref: c, children: [
+      /* @__PURE__ */ i("div", { className: "wrapper__heading", children: [
+        /* @__PURE__ */ i("div", { className: "wrapper__title", children: [
+          t && /* @__PURE__ */ i("div", { className: "title__text", children: [
+            O(l) && /* @__PURE__ */ r("i", { className: l }),
+            /* @__PURE__ */ r("span", { children: t })
           ] }),
-          s && /* @__PURE__ */ r(
-            T,
+          p && /* @__PURE__ */ r(
+            C,
             {
-              text: d,
+              text: f,
               borderRadius: "curved",
               btnType: "tinted",
               className: "title__action",
               color: "neutral",
-              onClick: (m) => {
+              onClick: (n) => {
                 var e;
-                (e = m == null ? void 0 : m.target) == null || e.blur(), s == null || s(c);
+                (e = n == null ? void 0 : n.target) == null || e.blur(), p == null || p(g);
               }
             }
           )
         ] }),
-        p && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: p })
+        d && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: d })
       ] }),
       /* @__PURE__ */ r("div", { className: "wrapper__cards", children: /* @__PURE__ */ r(
-        O,
+        B,
         {
-          isLoading: f,
+          isLoading: h,
           limit: 4,
           keyPrefix: "blog-section",
-          children: h
+          children: a
         }
       ) })
     ] });
   }
 );
 export {
-  J as default
+  Y as default
 };

package/dist/BlogExploreSection.cjs

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