@lanaco/lnc-react-ui 4.0.151 → 4.0.153

package/dist/AdBannerSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),c=require("./useDetectMobile-zkbzoOGV.cjs"),a=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=a.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),c=require("./useDetectMobile-zkbzoOGV.cjs"),o=require("./emotion-styled.browser.esm-BtEseadx.cjs"),m=require("./consts-goSZX3xP.cjs"),d=o.styled.div`
   width: 100%;
   height: 100%;
   max-width: 60.625rem;
@@ -30,8 +30,8 @@
       aspect-ratio: 1 / 1;
     }
   }
-`,x=h.forwardRef(({image:r,imageForMobile:i,isMobile:s,onSelectCard:e},o)=>t.jsx(d,{children:t.jsx("img",{src:s?i:r,className:"wrapper__image",onClick:e})})),p=a.styled.div`
+`,x=a.forwardRef(({image:i,imageForMobile:r,isMobile:s,onSelectCard:e},h)=>t.jsx(d,{ref:h,children:t.jsx("img",{src:s?r:i,className:"wrapper__image",onClick:e})})),p=o.styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
-`,w=h.forwardRef(({image:r,imageForMobile:i,link:s,onSelectCard:e=()=>{}},o)=>{const n=c.useDetectMobile();return t.jsx(p,{children:t.jsx(x,{image:r,imageForMobile:i,isMobile:n,onSelectCard:()=>e==null?void 0:e(s)})})});module.exports=w;
+`,w=a.forwardRef(({image:i,imageForMobile:r,link:s,onSelectCard:e=()=>{}},h)=>{const n=c.useDetectMobile();return t.jsx(p,{ref:h,children:t.jsx(x,{image:i,imageForMobile:r,isMobile:n,onSelectCard:()=>e==null?void 0:e(s)})})});module.exports=w;

package/dist/AdBannerSection.js

@@ -1,9 +1,9 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as h } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
 import { u as p } from "./useDetectMobile-Bkvj0VMa.js";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as o } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as d } from "./consts-BuFChS64.js";
-const n = m.div`
+const n = o.div`
   width: 100%;
   height: 100%;
   max-width: 60.625rem;
@@ -35,30 +35,30 @@ const n = m.div`
       aspect-ratio: 1 / 1;
     }
   }
-`, c = h(
-  ({ image: r, imageForMobile: t, isMobile: a, onSelectCard: e }, o) => /* @__PURE__ */ i(n, { children: /* @__PURE__ */ i(
+`, c = m(
+  ({ image: e, imageForMobile: r, isMobile: a, onSelectCard: i }, h) => /* @__PURE__ */ t(n, { ref: h, children: /* @__PURE__ */ t(
     "img",
     {
-      src: a ? t : r,
+      src: a ? r : e,
       className: "wrapper__image",
-      onClick: e
+      onClick: i
     }
   ) })
-), w = m.div`
+), w = o.div`
   display: flex;
   justify-content: center;
   width: 100%;
-`, u = h(
-  ({ image: r, imageForMobile: t, link: a, onSelectCard: e = () => {
-  } }, o) => {
+`, u = m(
+  ({ image: e, imageForMobile: r, link: a, onSelectCard: i = () => {
+  } }, h) => {
     const s = p();
-    return /* @__PURE__ */ i(w, { children: /* @__PURE__ */ i(
+    return /* @__PURE__ */ t(w, { ref: h, children: /* @__PURE__ */ t(
       c,
       {
-        image: r,
-        imageForMobile: t,
+        image: e,
+        imageForMobile: r,
         isMobile: s,
-        onSelectCard: () => e == null ? void 0 : e(a)
+        onSelectCard: () => i == null ? void 0 : i(a)
       }
     ) });
   }

package/dist/BannerSectionBasic.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),f=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./consts-goSZX3xP.cjs"),x=require("./Button.cjs"),b=r.styled.div`
+"use strict";const t=require("react/jsx-runtime"),x=require("react"),r=require("./emotion-styled.browser.esm-BtEseadx.cjs"),i=require("./consts-goSZX3xP.cjs"),b=require("./Button.cjs"),p=r.styled.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${e=>e.bgcolor||"transparent"};
@@ -22,7 +22,7 @@
       width: fit-content;
     }
   }
-`,p=r.styled.div`
+`,y=r.styled.div`
   padding: ${e=>e.smallPadding===!0?"2rem":"4rem 5rem"};
   display: flex;
   gap: 2rem;
@@ -36,7 +36,7 @@
     padding: 0;
     flex-direction: column;
   }
-`,y=r.styled.div`
+`,v=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -53,4 +53,4 @@
     font-size: 1rem;
     font-weight: 500;
   }
-`,v=f.forwardRef((e,w)=>{const{title:n,subtitle:o,buttonText:a,onClick:s,height:l,imageWidth:d,imageHeightMob:c,smallPadding:m=!1,isHorizontalContent:h=!1,backgroundColor:u,hasBorder:g=!1}=e;return t.jsx(b,{bgcolor:u,height:l,imgW:d,imgHMob:c,hasBorder:g,children:t.jsxs(p,{isHorizontalContent:h,smallPadding:m,children:[t.jsxs(y,{children:[t.jsx("div",{className:"header-title",children:n}),t.jsx("div",{className:"header-subitle",children:o})]}),t.jsx(x,{size:"medium",color:"neutral",type:"button",borderRadius:"curved",onClick:s,children:a})]})})});module.exports=v;
+`,w=x.forwardRef((e,n)=>{const{title:o,subtitle:a,buttonText:s,onClick:l,height:d,imageWidth:c,imageHeightMob:m,smallPadding:h=!1,isHorizontalContent:u=!1,backgroundColor:g,hasBorder:f=!1}=e;return t.jsx(p,{ref:n,bgcolor:g,height:d,imgW:c,imgHMob:m,hasBorder:f,children:t.jsxs(y,{isHorizontalContent:u,smallPadding:h,children:[t.jsxs(v,{children:[t.jsx("div",{className:"header-title",children:o}),t.jsx("div",{className:"header-subitle",children:a})]}),t.jsx(b,{size:"medium",color:"neutral",type:"button",borderRadius:"curved",onClick:l,children:s})]})})});module.exports=w;

package/dist/BannerSectionBasic.js

@@ -1,9 +1,9 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
+import { forwardRef as x } from "react";
 import { s as r } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as o } from "./consts-BuFChS64.js";
-import x from "./Button.js";
-const b = r.div`
+import b from "./Button.js";
+const v = r.div`
   display: flex;
   border-radius: 0.75rem;
   background-color: ${(e) => e.bgcolor || "transparent"};
@@ -27,7 +27,7 @@ const b = r.div`
       width: fit-content;
     }
   }
-`, v = r.div`
+`, w = r.div`
   padding: ${(e) => e.smallPadding === !0 ? "2rem" : "4rem 5rem"};
   display: flex;
   gap: 2rem;
@@ -41,7 +41,7 @@ const b = r.div`
     padding: 0;
     flex-direction: column;
   }
-`, w = r.div`
+`, y = r.div`
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
@@ -58,47 +58,48 @@ const b = r.div`
     font-size: 1rem;
     font-weight: 500;
   }
-`, k = p((e, y) => {
+`, k = x((e, n) => {
   const {
-    title: n,
-    subtitle: a,
-    buttonText: l,
-    onClick: d,
-    height: m,
-    imageWidth: s,
-    imageHeightMob: c,
-    smallPadding: h = !1,
-    isHorizontalContent: g = !1,
-    backgroundColor: f,
-    hasBorder: u = !1
+    title: a,
+    subtitle: l,
+    buttonText: d,
+    onClick: m,
+    height: s,
+    imageWidth: c,
+    imageHeightMob: h,
+    smallPadding: g = !1,
+    isHorizontalContent: f = !1,
+    backgroundColor: u,
+    hasBorder: p = !1
   } = e;
   return /* @__PURE__ */ t(
-    b,
+    v,
     {
-      bgcolor: f,
-      height: m,
-      imgW: s,
-      imgHMob: c,
-      hasBorder: u,
+      ref: n,
+      bgcolor: u,
+      height: s,
+      imgW: c,
+      imgHMob: h,
+      hasBorder: p,
       children: /* @__PURE__ */ i(
-        v,
+        w,
         {
-          isHorizontalContent: g,
-          smallPadding: h,
+          isHorizontalContent: f,
+          smallPadding: g,
           children: [
-            /* @__PURE__ */ i(w, { children: [
-              /* @__PURE__ */ t("div", { className: "header-title", children: n }),
-              /* @__PURE__ */ t("div", { className: "header-subitle", children: a })
+            /* @__PURE__ */ i(y, { children: [
+              /* @__PURE__ */ t("div", { className: "header-title", children: a }),
+              /* @__PURE__ */ t("div", { className: "header-subitle", children: l })
             ] }),
             /* @__PURE__ */ t(
-              x,
+              b,
               {
                 size: "medium",
                 color: "neutral",
                 type: "button",
                 borderRadius: "curved",
-                onClick: d,
-                children: l
+                onClick: m,
+                children: d
               }
             )
           ]

package/dist/BannerSectionGrid.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),j=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),k=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./index-CSgGox95.cjs"),q=w.styled.div`
+"use strict";const t=require("react/jsx-runtime"),w=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),q=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),s=require("./index-CSgGox95.cjs"),f=k.styled.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0;
@@ -25,7 +25,7 @@
     border-radius: 0.75rem 0rem 0.75rem 0.75rem;
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
     gap: 1.5rem;
 
@@ -45,4 +45,4 @@
       max-height: unset;
     }
   }
-`,T=j.forwardRef((e,B)=>{const{image1Url:n,image2Url:i,title1:o,title2:g,text1:a,text2:c,subtitle1:u,subtitle2:h,buttonText1:l,buttonText2:x,buttonLink1:d,buttonLink2:b,rowHeight:p="12.65625rem",onButtonAction:r=()=>{}}=e,m=k.useDetectMobile();return t.jsxs(q,{height:p,children:[t.jsx(s.TextBlockV1,{className:"text-item",title:o,subtitle:u,description:a,buttonText:l,buttonLink:d,onButtonAction:r}),t.jsx("img",{className:"img-item img-1",src:n}),m!==!0&&t.jsx("img",{className:"img-item img-2",src:i}),t.jsx(s.TextBlockV1,{className:"text-item",title:g,subtitle:h,description:c,buttonText:x,buttonLink:b,onButtonAction:r}),m===!0&&t.jsx("img",{className:"img-item img-2",src:i})]})});module.exports=T;
+`,B=w.forwardRef((e,n)=>{const{image1Url:o,image2Url:i,title1:g,title2:a,text1:c,text2:u,subtitle1:h,subtitle2:l,buttonText1:x,buttonText2:d,buttonLink1:b,buttonLink2:p,rowHeight:j="12.65625rem",onButtonAction:r=()=>{}}=e,m=T.useDetectMobile();return t.jsxs(f,{ref:n,height:j,children:[t.jsx(s.TextBlockV1,{className:"text-item",title:g,subtitle:h,description:c,buttonText:x,buttonLink:b,onButtonAction:r}),t.jsx("img",{className:"img-item img-1",src:o}),m!==!0&&t.jsx("img",{className:"img-item img-2",src:i}),t.jsx(s.TextBlockV1,{className:"text-item",title:a,subtitle:l,description:u,buttonText:d,buttonLink:p,onButtonAction:r}),m===!0&&t.jsx("img",{className:"img-item img-2",src:i})]})});module.exports=B;

package/dist/BannerSectionGrid.js

@@ -1,10 +1,10 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import { forwardRef as w } from "react";
-import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
-import { u as L } from "./useDetectMobile-Bkvj0VMa.js";
+import { jsxs as w, jsx as e } from "react/jsx-runtime";
+import { forwardRef as T } from "react";
+import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as L } from "./consts-BuFChS64.js";
+import { u as N } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as o } from "./index-DK8dqEUQ.js";
-const N = T.div`
+const $ = k.div`
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 0;
@@ -31,7 +31,7 @@ const N = T.div`
     border-radius: 0.75rem 0rem 0.75rem 0.75rem;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${L + "px"}) {
     grid-template-columns: repeat(1, 1fr);
     gap: 1.5rem;
 
@@ -51,48 +51,48 @@ const N = T.div`
       max-height: unset;
     }
   }
-`, G = w((t, $) => {
+`, G = T((t, s) => {
   const {
-    image1Url: s,
+    image1Url: a,
     image2Url: i,
-    title1: a,
-    title2: g,
-    text1: n,
-    text2: h,
-    subtitle1: u,
-    subtitle2: l,
-    buttonText1: d,
-    buttonText2: c,
-    buttonLink1: x,
-    buttonLink2: p,
-    rowHeight: b = "12.65625rem",
+    title1: g,
+    title2: n,
+    text1: h,
+    text2: u,
+    subtitle1: l,
+    subtitle2: d,
+    buttonText1: c,
+    buttonText2: x,
+    buttonLink1: p,
+    buttonLink2: b,
+    rowHeight: f = "12.65625rem",
     onButtonAction: m = () => {
     }
-  } = t, r = L();
-  return /* @__PURE__ */ f(N, { height: b, children: [
+  } = t, r = N();
+  return /* @__PURE__ */ w($, { ref: s, height: f, children: [
     /* @__PURE__ */ e(
       o,
       {
         className: "text-item",
-        title: a,
-        subtitle: u,
-        description: n,
-        buttonText: d,
-        buttonLink: x,
+        title: g,
+        subtitle: l,
+        description: h,
+        buttonText: c,
+        buttonLink: p,
         onButtonAction: m
       }
     ),
-    /* @__PURE__ */ e("img", { className: "img-item img-1", src: s }),
+    /* @__PURE__ */ e("img", { className: "img-item img-1", src: a }),
     r !== !0 && /* @__PURE__ */ e("img", { className: "img-item img-2", src: i }),
     /* @__PURE__ */ e(
       o,
       {
         className: "text-item",
-        title: g,
-        subtitle: l,
-        description: h,
-        buttonText: c,
-        buttonLink: p,
+        title: n,
+        subtitle: d,
+        description: u,
+        buttonText: x,
+        buttonLink: b,
         onButtonAction: m
       }
     ),

package/dist/BlogCardsSponsoredSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("react"),s=require("./utils-Dl9xPH4c.cjs"),h=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-BX4jlU4U.cjs"),S=require("./Button.cjs"),z=b.styled.div`
+"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-BX4jlU4U.cjs"),S=require("./Button.cjs"),z=b.styled.div`
   display: flex;
   padding: 1rem;
   align-items: center;
@@ -121,7 +121,7 @@
       }
     }
   }
-`,I=m.forwardRef(({title:i,imageUrl:p,options:t,publishedAt:c,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:i}),r.jsx("div",{className:"wrapper__tags",children:t&&(t==null?void 0:t.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(c)} • ${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`
+`,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`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -203,4 +203,4 @@
       gap: 1rem;
     }
   }
-`,q=m.memo(I),k=m.forwardRef(({title:i,subtitle:p,icon:t,buttonText:c,buttonLink:g,timeToReadText:_="{0} min read",items:n,onButtonAction:l=()=>{},onSelectCard:o=()=>{},isLoading:f=!1,getImage:w=()=>{}},a)=>{const u=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: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:[i&&r.jsxs("div",{className:"title__text",children:[s.isDefinedNotEmptyString(t)&&r.jsx("i",{className:t}),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:u})})]})});module.exports=k;
+`,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;

package/dist/BlogCardsSponsoredSection.js

@@ -1,7 +1,7 @@
 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 h from "./Icon.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";
@@ -135,7 +135,7 @@ const U = y.div`
   ({
     title: i,
     imageUrl: p,
-    options: t,
+    options: l,
     publishedAt: d,
     timeToReadText: c = "{0} min read",
     timeToRead: g = 0,
@@ -144,13 +144,13 @@ const U = y.div`
     isSponsored: o = !1,
     onSelectCard: f = () => {
     }
-  }, 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__ */ 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: 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__ */ 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: `${$(
@@ -158,11 +158,11 @@ const U = y.div`
         )} • ${j(c, g)}` }),
         /* @__PURE__ */ a("div", { className: "info__text", children: [
           /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ r(h, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
+            /* @__PURE__ */ r(w, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
             u(n)
           ] }),
           /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ r(h, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
+            /* @__PURE__ */ r(w, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
             u(s)
           ] })
         ] })
@@ -255,7 +255,7 @@ const U = y.div`
   ({
     title: i,
     subtitle: p,
-    icon: t,
+    icon: l,
     buttonText: d,
     buttonLink: c,
     timeToReadText: g = "{0} min read",
@@ -265,10 +265,10 @@ const U = y.div`
     onSelectCard: o = () => {
     },
     isLoading: f = !1,
-    getImage: w = () => {
+    getImage: _ = () => {
     }
-  }, l) => {
-    const _ = k(() => {
+  }, 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,
@@ -283,16 +283,16 @@ const U = y.div`
           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
+          imageUrl: _(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null
         },
         `blog-card-sponsored__${z + 1}`
       ));
     }, [n]);
-    return /* @__PURE__ */ a(C, { children: [
+    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(t) && /* @__PURE__ */ r("i", { className: t }),
+            I(l) && /* @__PURE__ */ r("i", { className: l }),
             /* @__PURE__ */ r("span", { children: i })
           ] }),
           s && /* @__PURE__ */ r(
@@ -318,7 +318,7 @@ const U = y.div`
           isLoading: f,
           limit: 4,
           keyPrefix: "blog-section",
-          children: _
+          children: h
         }
       ) })
     ] });

package/dist/BlogCategoryCardsSection.cjs

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

package/dist/BlogCategoryCardsSection.js

@@ -1,8 +1,8 @@
 import { jsx as a } from "react/jsx-runtime";
-import { memo as l, forwardRef as f, useMemo as t } from "react";
-import { C as u, S as n } from "./suspense-categories-card-simple-DuKEj9IU.js";
-import { W as c } from "./style-tw6KjI2J.js";
-const C = l(u), M = f(
+import { memo as t, forwardRef as u, useMemo as f } from "react";
+import { C as n, S as c } from "./suspense-categories-card-simple-BGj475Ca.js";
+import { W as C } from "./style-tw6KjI2J.js";
+const h = t(n), M = u(
   ({
     items: r,
     onSelectCard: o = () => {
@@ -10,27 +10,27 @@ const C = l(u), M = f(
     isLoading: m = !1,
     limit: s = 4,
     isHighlight: p = !1
-  }, h) => {
-    const d = t(() => {
+  }, d) => {
+    const g = f(() => {
       var i;
-      return (i = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : i.map((e, g) => /* @__PURE__ */ a(
-        C,
+      return (i = r == null ? void 0 : r.slice(0, 4)) == null ? void 0 : i.map((e, l) => /* @__PURE__ */ a(
+        h,
         {
           uuid: e == null ? void 0 : e.uuid,
           image: e == null ? void 0 : e.image,
           name: e == null ? void 0 : e.name,
           onSelectCard: () => o == null ? void 0 : o(e == null ? void 0 : e.uuid)
         },
-        g
+        l
       ));
     }, [r]);
-    return /* @__PURE__ */ a(c, { className: p ? "highlight" : "", children: /* @__PURE__ */ a("div", { className: "wrapper__grid", children: /* @__PURE__ */ a(
-      n,
+    return /* @__PURE__ */ a(C, { ref: d, className: p ? "highlight" : "", children: /* @__PURE__ */ a("div", { className: "wrapper__grid", children: /* @__PURE__ */ a(
+      c,
       {
         isLoading: m,
         limit: s,
         keyPrefix: "blog-section",
-        children: d
+        children: g
       }
     ) }) });
   }

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