@lanaco/lnc-react-ui 4.0.130 → 4.0.132

package/dist/BannerSectionCarousel.cjs

@@ -59,6 +59,13 @@
     position: relative;
     overflow: hidden;
 
+    & .section__image {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      display: block;
+    }
+
     & .card__content {
       position: absolute;
       top: 0;
@@ -111,13 +118,6 @@
     }
   }
 
-  & .section__image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-
   @media (max-width: 464px) {
     & .carousel-item {
       padding-right: 0.5rem;
@@ -127,6 +127,10 @@
       height: 23.4375rem;
       border-radius: 0.5rem;
 
+      & .section__image {
+        object-fit: fill;
+      }
+
       & .card__content {
         display: none;
       }
@@ -139,4 +143,4 @@
       }
     }
   }
-`,pt=x.forwardRef(({items:o=[],onSelectItem:i=()=>{},onButtonAction:t=()=>{}},e)=>{const r={desktop:{breakpoint:{max:3e3,min:1024},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:1024,min:464},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:464,min:0},items:1,partialVisibilityGutter:64}},a=mt.useDetectMobile();return P.jsx(oe,{ref:e,children:P.jsx(ie,{responsive:r,removeArrowOnDeviceType:"mobile",infinite:!a,keyBoardControl:!0,autoPlay:!0,partialVisible:!0,customTransition:"transform 300ms ease-in-out",transitionDuration:300,sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",children:o==null?void 0:o.map((n,s)=>P.jsxs("div",{className:"section__card",onClick:()=>i(n),children:[P.jsx("img",{src:n==null?void 0:n.imageUrl,alt:`Slide ${s+1}`,className:"section__image"}),P.jsxs("div",{className:"card__content",children:[P.jsxs("div",{className:"card__text",children:[(n==null?void 0:n.title)&&P.jsx("div",{className:"card__title",children:n==null?void 0:n.title}),(n==null?void 0:n.title)&&P.jsx("div",{className:"card__description",children:n==null?void 0:n.description})]}),(n==null?void 0:n.buttonText)&&P.jsx(ft,{text:n==null?void 0:n.buttonText,className:"card__action",size:"medium",onClick:l=>{l==null||l.stopPropagation(),t(n)}})]})]},`banner-section-carousel-item__${s+1}`))})},`banner-section-carousel__${a}`)});pt.propTypes={items:z.PropTypes.array,onSelectItem:z.PropTypes.func,onButtonAction:z.PropTypes.func};module.exports=pt;
+`,pt=x.forwardRef(({items:o=[],onSelectItem:i=()=>{},onButtonAction:t=()=>{}},e)=>{const r={desktop:{breakpoint:{max:3e3,min:1024},items:1,partialVisibilityGutter:0},tablet:{breakpoint:{max:1024,min:464},items:1,partialVisibilityGutter:0},mobile:{breakpoint:{max:464,min:0},items:1,partialVisibilityGutter:64}},a=mt.useDetectMobile();return P.jsx(oe,{ref:e,children:P.jsx(ie,{responsive:r,removeArrowOnDeviceType:["tablet","mobile"],infinite:!a,keyBoardControl:!0,autoPlay:!0,partialVisible:!0,customTransition:"transform 500ms ease-in-out",transitionDuration:1e3,sliderClass:"carousel-slider",itemClass:"carousel-item",containerClass:"carousel-container",children:o==null?void 0:o.map((n,s)=>P.jsxs("div",{className:"section__card",onClick:()=>i(n),children:[P.jsx("img",{src:n==null?void 0:n.imageUrl,alt:`Slide ${s+1}`,className:"section__image"}),P.jsxs("div",{className:"card__content",children:[P.jsxs("div",{className:"card__text",children:[(n==null?void 0:n.title)&&P.jsx("div",{className:"card__title",children:n==null?void 0:n.title}),(n==null?void 0:n.title)&&P.jsx("div",{className:"card__description",children:n==null?void 0:n.description})]}),(n==null?void 0:n.buttonText)&&P.jsx(ft,{text:n==null?void 0:n.buttonText,className:"card__action",size:"medium",onClick:l=>{l==null||l.stopPropagation(),t(n)}})]})]},`banner-section-carousel-item__${s+1}`))})},`banner-section-carousel__${a}`)});pt.propTypes={items:z.PropTypes.array,onSelectItem:z.PropTypes.func,onButtonAction:z.PropTypes.func};module.exports=pt;

package/dist/BannerSectionCarousel.js

@@ -557,6 +557,13 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
     position: relative;
     overflow: hidden;
 
+    & .section__image {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+      display: block;
+    }
+
     & .card__content {
       position: absolute;
       top: 0;
@@ -609,13 +616,6 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
     }
   }
 
-  & .section__image {
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    display: block;
-  }
-
   @media (max-width: 464px) {
     & .carousel-item {
       padding-right: 0.5rem;
@@ -625,6 +625,10 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
       height: 23.4375rem;
       border-radius: 0.5rem;
 
+      & .section__image {
+        object-fit: fill;
+      }
+
       & .card__content {
         display: none;
       }
@@ -662,13 +666,13 @@ const re = /* @__PURE__ */ mt(oe), ne = yt.div`
       re,
       {
         responsive: r,
-        removeArrowOnDeviceType: "mobile",
+        removeArrowOnDeviceType: ["tablet", "mobile"],
         infinite: !a,
         keyBoardControl: !0,
         autoPlay: !0,
         partialVisible: !0,
-        customTransition: "transform 300ms ease-in-out",
-        transitionDuration: 300,
+        customTransition: "transform 500ms ease-in-out",
+        transitionDuration: 1e3,
         sliderClass: "carousel-slider",
         itemClass: "carousel-item",
         containerClass: "carousel-container",

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,11 +1,11 @@
-"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`
+"use strict";const r=require("react/jsx-runtime"),c=require("react"),s=require("./utils-DmMdPm9O.cjs"),h=require("./Icon.cjs"),j=require("./style-C_BRvopE.cjs"),N=require("./index-DiIeF_76.cjs"),b=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),x=require("./suspense-large-PHdzP1Ln.cjs"),S=require("./Button.cjs"),z=b.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: ${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;
@@ -62,26 +62,13 @@
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${n.truncateTextInRows(2)}
+        ${s.truncateTextInRows(2)}
       }
 
       & .wrapper__tags {
         display: flex;
         gap: 0.25rem;
-
-        & .wrapper__tag {
-          font-size: 0.75rem;
-          font-style: normal;
-          font-weight: 500;
-          line-height: 1rem;
-          letter-spacing: 0.5px;
-          padding: 0.125rem 0.5rem;
-          justify-content: center;
-          align-items: center;
-          gap: 0.25rem;
-          height: 1.25rem;
-          border: 1px solid;
-        }
+        flex-wrap: wrap;
       }
     }
 
@@ -132,7 +119,7 @@
       }
     }
   }
-`,q=p.forwardRef(({title:i,imageUrl:c,options:s,publishedAt:g,timeToReadText:_="{0} min read",timeToRead:f=0,numberOfLikes:l=0,numberOfComments:d=0,isSponsored:o=!1,onSelectCard:m=()=>{},onSelectOption:u=()=>{}},b)=>r.jsxs(k,{isSponsored:o,onClick:m,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(w,{icon:" mng-lnc-paw",sizeInUnits:"1.5rem"})}),r.jsx(z.ProductImageWrapper,{src:c,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:s&&(s==null?void 0:s.map((a,h)=>r.jsx(N,{label:a==null?void 0:a.name,color:a==null?void 0:a.color,className:"wrapper__tag",onClick:t=>{t==null||t.stopPropagation(),u(a==null?void 0:a.code)}},`blog-card-sponsored-option__${h+1}`)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${n.formatLocaleDateString(g)} • ${n.formatString(_,f)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),n.getRoundedNumber(l)]}),r.jsxs("div",{children:[r.jsx(w,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),n.getRoundedNumber(d)]})]})]})]})]})),$=y.styled.div`
+`,I=c.forwardRef(({title:t,imageUrl:p,options:i,publishedAt:m,timeToReadText:g="{0} min read",timeToRead:_=0,numberOfLikes:n=0,numberOfComments:l=0,isSponsored:o=!1,onSelectCard:f=()=>{}},w)=>r.jsxs(z,{isSponsored:o,onClick:f,children:[o&&r.jsx("div",{className:"wrapper__sponsored",children:r.jsx(h,{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:t}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.map((a,u)=>r.jsx(j.BlogTag,{color:a==null?void 0:a.color,children:a==null?void 0:a.name},u)))})]}),r.jsxs("div",{className:"wrapper__info",children:[r.jsx("div",{className:"info__text",children:`${s.formatLocaleDateString(m)} • ${s.formatString(g,_)}`}),r.jsxs("div",{className:"info__text",children:[r.jsxs("div",{children:[r.jsx(h,{icon:" mng-lnc-thumbs-up--filled",sizeInUnits:"1rem"}),s.getRoundedNumber(n)]}),r.jsxs("div",{children:[r.jsx(h,{icon:" mng-lnc-messages-filled",sizeInUnits:"1rem"}),s.getRoundedNumber(l)]})]})]})]})]})),R=b.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -150,7 +137,7 @@
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${n.truncateTextInRows(2)}
+        ${s.truncateTextInRows(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -214,4 +201,4 @@
       gap: 1rem;
     }
   }
-`,S=p.memo(q),L=p.forwardRef(({title:i,subtitle:c,icon:s,buttonText:g,buttonLink:_,timeToReadText:f="{0} min read",items:l,onButtonAction:d=()=>{},onSelectCard:o=()=>{},onSelectOption:m=()=>{},isLoading:u=!1,getImage:b=()=>{}},a)=>{const h=p.useMemo(()=>{var t;return(t=l==null?void 0:l.slice(0,4))==null?void 0:t.map((e,j)=>r.jsx(S,{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:f,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),onSelectOption:x=>m==null?void 0:m(x),imageUrl:b(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${j+1}`))},[l]);return r.jsxs($,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[i&&r.jsxs("div",{className:"title__text",children:[n.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:i})]}),d&&r.jsx(R,{text:g,borderRadius:"curved",btnType:"tinted",className:"title__action",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),d==null||d(_)}})]}),c&&r.jsx("div",{className:"wrapper__subtitle",children:c})]}),r.jsx("div",{className:"wrapper__cards",children:r.jsx(I.SuspenseBlogLarge,{isLoading:u,limit:4,keyPrefix:"blog-section",children:h})})]})});module.exports=L;
+`,q=c.memo(I),k=c.forwardRef(({title:t,subtitle:p,icon:i,buttonText:m,buttonLink:g,timeToReadText:_="{0} min read",items:n,onButtonAction:l=()=>{},onSelectCard:o=()=>{},isLoading:f=!1,getImage:w=()=>{}},a)=>{const u=c.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:w(e==null?void 0:e.imageUrl,e==null?void 0:e.uuid)||null},`blog-card-sponsored__${y+1}`))},[n]);return r.jsxs(R,{children:[r.jsxs("div",{className:"wrapper__heading",children:[r.jsxs("div",{className:"wrapper__title",children:[t&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(i)&&r.jsx("i",{className:i}),r.jsx("span",{children:t})]}),l&&r.jsx(S,{text:m,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:u})})]})});module.exports=k;

package/dist/BlogCardsSponsoredSection.js

@@ -1,21 +1,21 @@
 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-BPdU4_1q.js";
-import w from "./Icon.js";
-import L from "./Chip.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-DrD8xVZi.js";
-import M from "./Button.js";
-const T = N.div`
+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-BPdU4_1q.js";
+import h from "./Icon.js";
+import { B as R } from "./style-XXDQBreL.js";
+import { P as L } from "./index-3TFXgZHA.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-DrD8xVZi.js";
+import T from "./Button.js";
+const U = y.div`
   display: flex;
   padding: 1rem;
   align-items: center;
   gap: 1.25rem;
   border-radius: 1.25rem;
   align-items: stretch;
-  border: ${(l) => l != null && l.isSponsored ? "2px solid var(--yellow-500, #f59e0b)" : "1px solid var(--neutral-9508, rgba(20, 22, 26, 0.08))"};
+  border: ${(i) => i != null && i.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;
@@ -72,26 +72,13 @@ const T = N.div`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${y(2)}
+        ${v(2)}
       }
 
       & .wrapper__tags {
         display: flex;
         gap: 0.25rem;
-
-        & .wrapper__tag {
-          font-size: 0.75rem;
-          font-style: normal;
-          font-weight: 500;
-          line-height: 1rem;
-          letter-spacing: 0.5px;
-          padding: 0.125rem 0.5rem;
-          justify-content: center;
-          align-items: center;
-          gap: 0.25rem;
-          height: 1.25rem;
-          border: 1px solid;
-        }
+        flex-wrap: wrap;
       }
     }
 
@@ -117,7 +104,7 @@ const T = N.div`
     }
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${N + "px"}) {
     flex-direction: column;
     padding: 0;
 
@@ -142,58 +129,45 @@ const T = N.div`
       }
     }
   }
-`, E = v(
+`, B = b(
   ({
-    title: l,
-    imageUrl: d,
-    options: s,
-    publishedAt: c,
-    timeToReadText: g = "{0} min read",
-    timeToRead: f = 0,
+    title: i,
+    imageUrl: m,
+    options: t,
+    publishedAt: d,
+    timeToReadText: c = "{0} min read",
+    timeToRead: g = 0,
     numberOfLikes: n = 0,
-    numberOfComments: m = 0,
+    numberOfComments: s = 0,
     isSponsored: o = !1,
-    onSelectCard: p = () => {
-    },
-    onSelectOption: _ = () => {
+    onSelectCard: f = () => {
     }
-  }, u) => /* @__PURE__ */ a(T, { isSponsored: o, onClick: p, children: [
-    o && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(w, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
-    /* @__PURE__ */ r(P, { src: d, className: "wrapper__image" }),
+  }, w) => /* @__PURE__ */ a(U, { isSponsored: o, onClick: f, children: [
+    o && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(h, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
+    /* @__PURE__ */ r(L, { 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: l }),
-        /* @__PURE__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((i, h) => /* @__PURE__ */ r(
-          L,
-          {
-            label: i == null ? void 0 : i.name,
-            color: i == null ? void 0 : i.color,
-            className: "wrapper__tag",
-            onClick: (t) => {
-              t == null || t.stopPropagation(), _(i == null ? void 0 : i.code);
-            }
-          },
-          `blog-card-sponsored-option__${h + 1}`
-        ))) })
+        /* @__PURE__ */ r("div", { className: "wrapper__title", children: i }),
+        /* @__PURE__ */ r("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.map((l, _) => /* @__PURE__ */ r(R, { color: l == null ? void 0 : l.color, children: l == null ? void 0 : l.name }, _))) })
       ] }),
       /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
-        /* @__PURE__ */ r("div", { className: "info__text", children: `${S(
-          c
-        )} • ${C(g, f)}` }),
+        /* @__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" }),
-            b(n)
+            /* @__PURE__ */ r(h, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+            u(n)
           ] }),
           /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ r(w, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-            b(m)
+            /* @__PURE__ */ r(h, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+            u(s)
           ] })
         ] })
       ] })
     ] })
   ] })
-), W = N.div`
+), C = y.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -211,7 +185,7 @@ const T = N.div`
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${y(2)}
+        ${v(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -263,7 +237,7 @@ const T = N.div`
     width: 100%;
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${N + "px"}) {
     & .wrapper__title {
       & .title__text {
         font-size: 1.375rem;
@@ -275,82 +249,79 @@ const T = N.div`
       gap: 1rem;
     }
   }
-`, B = j(E), Q = v(
+`, M = S(B), J = b(
   ({
-    title: l,
-    subtitle: d,
-    icon: s,
-    buttonText: c,
-    buttonLink: g,
-    timeToReadText: f = "{0} min read",
+    title: i,
+    subtitle: m,
+    icon: t,
+    buttonText: d,
+    buttonLink: c,
+    timeToReadText: g = "{0} min read",
     items: n,
-    onButtonAction: m = () => {
+    onButtonAction: s = () => {
     },
     onSelectCard: o = () => {
     },
-    onSelectOption: p = () => {
-    },
-    isLoading: _ = !1,
-    getImage: u = () => {
+    isLoading: f = !1,
+    getImage: w = () => {
     }
-  }, i) => {
-    const h = I(() => {
-      var t;
-      return (t = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : t.map((e, k) => /* @__PURE__ */ r(
-        B,
+  }, l) => {
+    const _ = k(() => {
+      var p;
+      return (p = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : p.map((e, z) => /* @__PURE__ */ r(
+        M,
         {
           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: f,
+          timeToReadText: g,
           timeToRead: e == null ? void 0 : e.timeToRead,
           numberOfLikes: e == null ? void 0 : e.numberOfLikes,
           numberOfComments: e == null ? void 0 : e.numberOfComments,
           isSponsored: e == null ? void 0 : e.isSponsored,
           onSelectCard: () => o == null ? void 0 : o(e),
-          onSelectOption: ($) => p == null ? void 0 : p($),
-          imageUrl: u(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
+          imageUrl: w(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
         },
-        `blog-card-sponsored__${k + 1}`
+        `blog-card-sponsored__${z + 1}`
       ));
     }, [n]);
-    return /* @__PURE__ */ a(W, { children: [
+    return /* @__PURE__ */ a(C, { children: [
       /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
         /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
-          l && /* @__PURE__ */ a("div", { className: "title__text", children: [
-            R(s) && /* @__PURE__ */ r("i", { className: s }),
-            /* @__PURE__ */ r("span", { children: l })
+          i && /* @__PURE__ */ a("div", { className: "title__text", children: [
+            I(t) && /* @__PURE__ */ r("i", { className: t }),
+            /* @__PURE__ */ r("span", { children: i })
           ] }),
-          m && /* @__PURE__ */ r(
-            M,
+          s && /* @__PURE__ */ r(
+            T,
             {
-              text: c,
+              text: d,
               borderRadius: "curved",
               btnType: "tinted",
               className: "title__action",
               color: "neutral",
-              onClick: (t) => {
+              onClick: (p) => {
                 var e;
-                (e = t == null ? void 0 : t.target) == null || e.blur(), m == null || m(g);
+                (e = p == null ? void 0 : p.target) == null || e.blur(), s == null || s(c);
               }
             }
           )
         ] }),
-        d && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: d })
+        m && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: m })
       ] }),
       /* @__PURE__ */ r("div", { className: "wrapper__cards", children: /* @__PURE__ */ r(
-        U,
+        O,
         {
-          isLoading: _,
+          isLoading: f,
           limit: 4,
           keyPrefix: "blog-section",
-          children: h
+          children: _
         }
       ) })
     ] });
   }
 );
 export {
-  Q as default
+  J as default
 };

package/dist/BlogExploreSection.cjs

@@ -1,4 +1,4 @@
-"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"),j=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`
+"use strict";const e=require("react/jsx-runtime"),q=require("react"),n=require("./index-BpbMKBf_.cjs"),I=require("./utils-DmMdPm9O.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-DiIeF_76.cjs"),C=require("./BlogListSection.cjs"),O=require("./consts-goSZX3xP.cjs"),ee=L.styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -79,7 +79,7 @@
       }
     }
   }
-`,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(j,{icon:" mng-lnc-chevron--left"})}),x(),e.jsx("div",{className:`pagination__page ${s===r?"disabled":""}`,onClick:f,children:e.jsx(j,{icon:" mng-lnc-chevron--right"})})]})]})}),ee=P.styled.div`
+`,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`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -255,7 +255,7 @@
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${C.truncateTextInRows(2)}
+            ${I.truncateTextInRows(2)}
           }
 
           & .item__description {
@@ -270,7 +270,7 @@
     }
   }
 
-  @media (max-width: ${Y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${O.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
     & .landing__main-content {
@@ -317,4 +317,4 @@
       display: none;
     }
   }
-`,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:w="{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:F=()=>{},page:U,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(j,{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:w,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:F,isHighlight:!0}),e.jsx("div",{className:"main-content__divider"}),r&&(r==null?void 0:r.length)>0&&e.jsx(S,{timeToReadText:w,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:U,handlePage:H,totalPage:v})]}),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((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;
+`,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;