@lanaco/lnc-react-ui 4.0.206 → 4.0.208

package/dist/BlogCardsSponsoredSection.js

@@ -1,14 +1,14 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as z, useRef as I, memo as R, useMemo as B } from "react";
-import { m as S, q as C, s as O, v as N, k as b } from "./utils-DtEfC-TX.js";
+import { forwardRef as $, useRef as R, memo as I, useMemo as C } from "react";
+import { n as z, q as U, s as B, v as S, l as b } from "./utils-B2fsQ6PS.js";
 import v from "./Icon.js";
-import { B as U } from "./style-neMbLWE6.js";
-import { P as M } from "./index-B22BZVBG.js";
-import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as k } from "./consts-BuFChS64.js";
+import { B as O } from "./style-BUyFad_y.js";
+import { P as T } from "./index-BvMY2TbK.js";
+import { s as j } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { d as y } from "./breakpoints-ff0SIcV3.js";
 import P from "./Button.js";
-import { S as T } from "./index-BC2PHcI1.js";
-const E = $.a`
+import { S as W } from "./index-BWeXujWl.js";
+const D = j.a`
   text-decoration: none;
   color: var(--gray-950);
   display: flex;
@@ -75,7 +75,7 @@ const E = $.a`
         font-weight: 600;
         line-height: 1.5rem;
         letter-spacing: 0.1px;
-        ${S(2)}
+        ${z(2)}
       }
 
       & .wrapper__tags {
@@ -107,7 +107,7 @@ const E = $.a`
     }
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media ${y("S")} {
     flex-direction: column;
     padding: 0;
 
@@ -133,7 +133,7 @@ const E = $.a`
       }
     }
   }
-`, W = z(
+`, M = $(
   ({
     title: t,
     imageUrl: m,
@@ -149,10 +149,10 @@ const E = $.a`
     metadata: o,
     titleSlug: g,
     LinkComponent: _
-  }, y) => {
-    const w = _ || "a", i = I();
+  }, N) => {
+    const w = _ || "a", i = R();
     return /* @__PURE__ */ a(
-      E,
+      D,
       {
         ref: i,
         isSponsored: l,
@@ -163,24 +163,24 @@ const E = $.a`
         ..._ ? { to: `/blog/${g}` } : { href: `/blog/${g}` },
         children: [
           l && /* @__PURE__ */ r("div", { className: "wrapper__sponsored", children: /* @__PURE__ */ r(v, { icon: " mng-lnc-paw", sizeInUnits: "1.5rem" }) }),
-          /* @__PURE__ */ r(M, { src: m, className: "wrapper__image" }),
+          /* @__PURE__ */ r(T, { src: m, className: "wrapper__image" }),
           /* @__PURE__ */ a("div", { className: "wrapper__content", children: [
             /* @__PURE__ */ a("div", { className: "wrapper__subcontent", children: [
               /* @__PURE__ */ r("div", { className: "wrapper__title", children: t }),
-              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((e, u) => /* @__PURE__ */ r(U, { color: e == null ? void 0 : e.color, children: e == null ? void 0 : e.name }, u))) })
+              /* @__PURE__ */ r("div", { className: "wrapper__tags", children: s && (s == null ? void 0 : s.map((e, u) => /* @__PURE__ */ r(O, { color: e == null ? void 0 : e.color, children: e == null ? void 0 : e.name }, u))) })
             ] }),
             /* @__PURE__ */ a("div", { className: "wrapper__info", children: [
-              /* @__PURE__ */ r("div", { className: "info__text", children: `${C(
+              /* @__PURE__ */ r("div", { className: "info__text", children: `${U(
                 d
-              )} • ${O(c, h)}` }),
+              )} • ${B(c, h)}` }),
               /* @__PURE__ */ a("div", { className: "info__text", children: [
                 /* @__PURE__ */ a("div", { children: [
                   /* @__PURE__ */ r(v, { icon: " mng-lnc-thumbs-up--filled", sizeInUnits: "1rem" }),
-                  N(n)
+                  S(n)
                 ] }),
                 /* @__PURE__ */ a("div", { children: [
                   /* @__PURE__ */ r(v, { icon: " mng-lnc-messages-filled", sizeInUnits: "1rem" }),
-                  N(p)
+                  S(p)
                 ] })
               ] })
             ] })
@@ -189,7 +189,7 @@ const E = $.a`
       }
     );
   }
-), D = $.div`
+), q = j.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -207,7 +207,7 @@ const E = $.a`
 
       & .title__text {
         color: var(--gray-950, #14161a);
-        ${S(2)}
+        ${z(2)}
 
         font-size: 1.5rem;
         font-style: normal;
@@ -259,7 +259,7 @@ const E = $.a`
     width: 100%;
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media ${y("S")} {
     gap: 1.25rem;
 
     & .wrapper__title {
@@ -267,13 +267,15 @@ const E = $.a`
         font-size: 1.375rem;
       }
     }
+  }
 
+  @media ${y("XS")} {
     & .wrapper__cards {
       grid-template-columns: repeat(1, minmax(0, 1fr));
       gap: 1.5rem;
     }
   }
-`, q = R(W), A = z(
+`, E = I(M), A = $(
   ({
     title: t,
     subtitle: m,
@@ -291,11 +293,11 @@ const E = $.a`
     },
     componentName: g,
     LinkComponent: _
-  }, y) => {
-    const w = B(() => {
+  }, N) => {
+    const w = C(() => {
       var i;
       return (i = n == null ? void 0 : n.slice(0, 4)) == null ? void 0 : i.map((e, u) => /* @__PURE__ */ r(
-        q,
+        E,
         {
           title: e == null ? void 0 : e.title,
           titleSlug: e == null ? void 0 : e.titleSlug,
@@ -306,7 +308,7 @@ const E = $.a`
           numberOfLikes: e == null ? void 0 : e.numberOfLikes,
           numberOfComments: e == null ? void 0 : e.numberOfComments,
           isSponsored: e == null ? void 0 : e.isSponsored,
-          onSelectCard: (L, j) => l == null ? void 0 : l(e, j),
+          onSelectCard: (X, k) => l == null ? void 0 : l(e, k),
           imageUrl: o(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
           metadata: { name: g, accessor: e == null ? void 0 : e.accessor },
           LinkComponent: _
@@ -314,7 +316,7 @@ const E = $.a`
         `blog-card-sponsored__${u + 1}`
       ));
     }, [n]);
-    return /* @__PURE__ */ a(D, { ref: y, children: [
+    return /* @__PURE__ */ a(q, { ref: N, children: [
       /* @__PURE__ */ a("div", { className: "wrapper__heading", children: [
         /* @__PURE__ */ a("div", { className: "wrapper__title", children: [
           t && /* @__PURE__ */ a("div", { className: "title__text", children: [
@@ -339,7 +341,7 @@ const E = $.a`
         m && /* @__PURE__ */ r("div", { className: "wrapper__subtitle", children: m })
       ] }),
       /* @__PURE__ */ r(
-        T,
+        W,
         {
           isLoading: f,
           keyPrefix: "blog-cards-sponsored-skeleton",

package/dist/BlogCategoryCardsSection.cjs

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

package/dist/BlogCategoryCardsSection.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { memo as g, forwardRef as u, useMemo as t } from "react";
-import { C as f } from "./CategorySimpleCard-Em84kZzQ.js";
-import { W as l } from "./style-tw6KjI2J.js";
+import { C as f } from "./CategorySimpleCard-CkSwvJRw.js";
+import { W as l } from "./style-Bq3rMbnN.js";
 const n = g(f), w = u(
   ({
     items: a,

package/dist/BlogExploreSection.cjs

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

package/dist/BlogExploreSection.js

@@ -1,20 +1,20 @@
-import { jsxs as a, jsx as n, Fragment as j } from "react/jsx-runtime";
-import { forwardRef as V, useRef as oe, useState as le, useEffect as se, Fragment as de } from "react";
-import { u as me } from "./useDetectMobile-Bkvj0VMa.js";
-import { m as _e, q as he } from "./utils-DtEfC-TX.js";
+import { jsxs as a, jsx as n, Fragment as I } from "react/jsx-runtime";
+import { forwardRef as W, useRef as oe, useState as le, useEffect as se, Fragment as de } from "react";
+import { u as me } from "./useDetectMobile-CcVo3PNi.js";
+import { n as he, q as _e } from "./utils-B2fsQ6PS.js";
 import fe from "./TextInput.js";
 import z from "./Icon.js";
 import ue from "./Link.js";
-import M from "./IconButton.js";
-import W from "./DropdownMenu.js";
-import E from "./DropdownItem.js";
-import { F as ve } from "./tag-Dm8CW4TM.js";
+import F from "./IconButton.js";
+import M from "./DropdownMenu.js";
+import q from "./DropdownItem.js";
+import { F as ve } from "./tag-Bi8gg6hJ.js";
 import pe from "./BlogProductCardsSection.js";
-import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as ge } from "./index-B22BZVBG.js";
-import F from "./BlogListSection.js";
-import { M as xe } from "./consts-BuFChS64.js";
-const we = q.div`
+import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { P as ge } from "./index-BvMY2TbK.js";
+import V from "./BlogListSection.js";
+import { d as xe } from "./breakpoints-ff0SIcV3.js";
+const we = E.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -95,7 +95,7 @@ const we = q.div`
       }
     }
   }
-`, be = V(
+`, be = W(
   ({
     perPageOptions: s = [
       { code: 10, name: "Show 10 items" },
@@ -109,7 +109,7 @@ const we = q.div`
     handlePage: d = () => {
     },
     totalPage: t
-  }, h) => {
+  }, _) => {
     var v, m;
     const u = () => {
       c > 1 && (d == null || d(c - 1));
@@ -141,7 +141,7 @@ const we = q.div`
     };
     return /* @__PURE__ */ a(we, { className: "pagination", children: [
       /* @__PURE__ */ n(
-        W,
+        M,
         {
           color: "neutral",
           control: ((v = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.code) === f)) == null ? void 0 : v.name) || ((m = s[0]) == null ? void 0 : m.name),
@@ -149,7 +149,7 @@ const we = q.div`
           zIndex: 1001,
           className: "pagination__per-page",
           children: s == null ? void 0 : s.map((r, i) => /* @__PURE__ */ n(
-            E,
+            q,
             {
               active: (r == null ? void 0 : r.code) === (f == null ? void 0 : f.code),
               className: "sort-by__item",
@@ -181,7 +181,7 @@ const we = q.div`
       ] })
     ] });
   }
-), ye = q.div`
+), ye = E.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -387,7 +387,7 @@ const we = q.div`
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${_e(2)}
+            ${he(2)}
           }
 
           & .item__description {
@@ -402,7 +402,7 @@ const we = q.div`
     }
   }
 
-  @media (max-width: ${xe + "px"}) {
+  @media ${xe("S")} {
     flex-direction: column;
 
     & .landing__main-content {
@@ -454,7 +454,7 @@ const we = q.div`
       display: none;
     }
   }
-`, Ee = V(
+`, qe = W(
   ({
     mainTitle: s,
     sideTitle: f,
@@ -463,7 +463,7 @@ const we = q.div`
     handleSelectTag: d = () => {
     },
     blogs: t,
-    miniBlogs: h,
+    miniBlogs: _,
     products: u,
     blogsLoading: g = !1,
     productsLoading: w = !1,
@@ -485,35 +485,35 @@ const we = q.div`
     // handleBookmarkBlog = () => {},
     showAllButtonLink: H,
     showAllButtonText: R = "Show all products",
-    viewAllButtonText: X = "View all (11)",
+    viewAllButtonText: G = "View all (11)",
     // viewAllButtonLink,
-    handleViewAll: Z = () => {
+    handleViewAll: J = () => {
     },
-    handleShowAll: G = () => {
+    handleShowAll: K = () => {
     },
-    handleSelectProduct: J = () => {
+    handleSelectProduct: Q = () => {
     },
-    getProductImageUrl: K = () => {
+    getProductImageUrl: U = () => {
     },
-    page: Q,
+    page: X,
     handlePage: N = () => {
     },
-    perPage: U,
-    handlePerPage: Y = () => {
+    perPage: Y,
+    handlePerPage: Z = () => {
     },
     totalPage: k,
     perPageOptions: O,
     handleSearch: B = () => {
     },
-    onBookmark: I = () => {
+    onBookmark: L = () => {
     },
-    bookmarkComponent: L = /* @__PURE__ */ n(j, {}),
+    bookmarkComponent: T = /* @__PURE__ */ n(I, {}),
     componentName: S,
     LinkComponent: C
   }, P) => {
     const ee = (e) => {
       document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), N == null || N(e);
-    }, o = oe(null), ne = me(), [_, te] = le({
+    }, o = oe(null), ne = me(), [h, te] = le({
       arrowsVisible: !1,
       leftArrowDisabled: !1,
       rightArrowDisabled: !1
@@ -529,9 +529,9 @@ const we = q.div`
           leftArrowDisabled: e.scrollLeft <= 0,
           rightArrowDisabled: e.scrollLeft >= ae
         }));
-      }, T = new ResizeObserver(l);
-      return T.observe(e), l(), e.addEventListener("scroll", l), () => {
-        T.disconnect(), e.removeEventListener("scroll", l);
+      }, j = new ResizeObserver(l);
+      return j.observe(e), l(), e.addEventListener("scroll", l), () => {
+        j.disconnect(), e.removeEventListener("scroll", l);
       };
     }, []);
     const re = () => {
@@ -545,27 +545,27 @@ const we = q.div`
       /* @__PURE__ */ a("div", { className: "landing__main-content", children: [
         /* @__PURE__ */ a("div", { className: "main-content__heading", children: [
           /* @__PURE__ */ n("div", { className: "main-content__title", children: s }),
-          !ne && (_ == null ? void 0 : _.arrowsVisible) && /* @__PURE__ */ a("div", { className: "main-content__tags-nav", children: [
+          !ne && (h == null ? void 0 : h.arrowsVisible) && /* @__PURE__ */ a("div", { className: "main-content__tags-nav", children: [
             /* @__PURE__ */ n(
-              M,
+              F,
               {
                 icon: "chevron-left",
                 borderRadius: "curved",
                 btnType: "tinted",
                 color: "neutral",
-                disabled: _ == null ? void 0 : _.leftArrowDisabled,
+                disabled: h == null ? void 0 : h.leftArrowDisabled,
                 className: "main-content__tag-nav",
                 onClick: ie
               }
             ),
             /* @__PURE__ */ n(
-              M,
+              F,
               {
                 icon: "chevron-right",
                 borderRadius: "curved",
                 btnType: "tinted",
                 color: "neutral",
-                disabled: _ == null ? void 0 : _.rightArrowDisabled,
+                disabled: h == null ? void 0 : h.rightArrowDisabled,
                 className: "main-content__tag-nav",
                 onClick: re
               }
@@ -602,14 +602,14 @@ const we = q.div`
             }
           ),
           /* @__PURE__ */ n(
-            W,
+            M,
             {
               color: "neutral",
               control: m == null ? void 0 : m.name,
               zIndex: 1001,
               className: "main-content__sort-by",
               children: v == null ? void 0 : v.map((e, l) => /* @__PURE__ */ n(
-                E,
+                q,
                 {
                   active: (e == null ? void 0 : e.code) === (m == null ? void 0 : m.code),
                   className: "sort-by__item",
@@ -623,7 +623,7 @@ const we = q.div`
         ] }),
         /* @__PURE__ */ a("div", { className: "main-content__items", children: [
           t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
-            F,
+            V,
             {
               timeToReadText: $,
               items: t == null ? void 0 : t.slice(0, 5),
@@ -632,8 +632,8 @@ const we = q.div`
               onSelectCard: y,
               onSelectOption: A,
               onShare: D,
-              onBookmark: I,
-              bookmarkComponent: L,
+              onBookmark: L,
+              bookmarkComponent: T,
               componentName: S,
               LinkComponent: C
             }
@@ -644,11 +644,11 @@ const we = q.div`
             {
               buttonText: R,
               buttonLink: H,
-              onButtonAction: G,
-              onSelectCard: J,
+              onButtonAction: K,
+              onSelectCard: Q,
               items: u,
               isLoading: w,
-              getImage: K,
+              getImage: U,
               isHighlight: !0,
               componentName: S,
               LinkComponent: C
@@ -656,7 +656,7 @@ const we = q.div`
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
           t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
-            F,
+            V,
             {
               timeToReadText: $,
               items: t == null ? void 0 : t.slice(5),
@@ -665,8 +665,8 @@ const we = q.div`
               onSelectCard: y,
               onSelectOption: A,
               onShare: D,
-              onBookmark: I,
-              bookmarkComponent: L,
+              onBookmark: L,
+              bookmarkComponent: T,
               componentName: S,
               LinkComponent: C
             }
@@ -676,9 +676,9 @@ const we = q.div`
           be,
           {
             perPageOptions: O,
-            perPage: U,
-            handlePerPage: Y,
-            page: Q,
+            perPage: Y,
+            handlePerPage: Z,
+            page: X,
             handlePage: ee,
             totalPage: k
           }
@@ -686,8 +686,8 @@ const we = q.div`
       ] }),
       /* @__PURE__ */ a("div", { className: "landing__side-content", children: [
         f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
-        h && (h == null ? void 0 : h.length) > 0 && /* @__PURE__ */ a(j, { children: [
-          /* @__PURE__ */ n("div", { className: "side-content__items", children: h == null ? void 0 : h.map((e, l) => /* @__PURE__ */ n(de, { children: /* @__PURE__ */ a(
+        _ && (_ == null ? void 0 : _.length) > 0 && /* @__PURE__ */ a(I, { children: [
+          /* @__PURE__ */ n("div", { className: "side-content__items", children: _ == null ? void 0 : _.map((e, l) => /* @__PURE__ */ n(de, { children: /* @__PURE__ */ a(
             "div",
             {
               className: "side-content__item",
@@ -703,17 +703,17 @@ const we = q.div`
                 ),
                 /* @__PURE__ */ a("div", { className: "item__content", children: [
                   /* @__PURE__ */ n("div", { className: "item__title", children: e == null ? void 0 : e.title }),
-                  /* @__PURE__ */ n("div", { className: "item__description", children: he(e == null ? void 0 : e.publishedAt) })
+                  /* @__PURE__ */ n("div", { className: "item__description", children: _e(e == null ? void 0 : e.publishedAt) })
                 ] })
               ]
             }
           ) }, `mini_blg_${l}`)) }),
-          /* @__PURE__ */ n(ue, { onClick: Z, className: "side-content__link", children: X })
+          /* @__PURE__ */ n(ue, { onClick: J, className: "side-content__link", children: G })
         ] })
       ] })
     ] });
   }
 );
 export {
-  Ee as default
+  qe as default
 };

package/dist/BlogImagePathSection.cjs

@@ -1,9 +1,9 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./consts-goSZX3xP.cjs"),w=require("./useDetectMobile-zkbzoOGV.cjs"),_=l.styled.div`
+"use strict";const t=require("react/jsx-runtime"),m=require("react"),l=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./useDetectMobile-DYV6V1yw.cjs"),u=l.styled.div`
   display: flex;
   justify-content: center;
   width: 100%;
   text-align: center;
-`,b=l.styled.div`
+`,w=l.styled.div`
   width: 100%;
   height: 100%;
 
@@ -12,15 +12,4 @@
     height: ${e=>e!=null&&e.imageHeight?`${e==null?void 0:e.imageHeight}px`:"100%"};
     object-fit: cover;
   }
-
-  //&:hover {
-  //  cursor: pointer;
-  //}
-
-  //@media (max-width: ${u.MOBILE_SIZE_PX+"px"}) {
-  //  aspect-ratio: 1 / 1;
-  //  & .wrapper__image {
-  //    aspect-ratio: 1 / 1;
-  //  }
-  //}
-`,M=h.forwardRef((e,a)=>{const{image:r,altText:o,imageWidth:s,imageHeight:g,imageMobileWidth:c,imageMobileHeight:n,isMobile:i,onClick:m=()=>{}}=e,d=i?c:s,x=i?n:g;return t.jsx(b,{ref:a,imageWidth:d,imageHeight:x,className:"image-banner__wrapper",children:t.jsx("img",{loading:"lazy",src:r,alt:o,className:"wrapper__image",onClick:m})})}),W=h.forwardRef((e,a)=>{const{image:r,altText:o,imageWidth:s,imageHeight:g,imageMobileWidth:c,imageMobileHeight:n,onClick:i=()=>{}}=e,m=w.useDetectMobile();return t.jsx(_,{ref:a,children:t.jsx(M,{image:r,altText:o,imageWidth:s,imageHeight:g,imageMobileWidth:c,imageMobileHeight:n,isMobile:m,onClick:i})})});module.exports=W;
+`,W=m.forwardRef((e,a)=>{const{image:r,altText:s,imageWidth:g,imageHeight:o,imageMobileWidth:n,imageMobileHeight:c,isMobile:i,onClick:h=()=>{}}=e,d=i?n:g,x=i?c:o;return t.jsx(w,{ref:a,imageWidth:d,imageHeight:x,className:"image-banner__wrapper",children:t.jsx("img",{loading:"lazy",src:r,alt:s,className:"wrapper__image",onClick:h})})}),M=m.forwardRef((e,a)=>{const{image:r,altText:s,imageWidth:g,imageHeight:o,imageMobileWidth:n,imageMobileHeight:c,onClick:i=()=>{}}=e,h=b.useDetectMobile();return t.jsx(u,{ref:a,children:t.jsx(W,{image:r,altText:s,imageWidth:g,imageHeight:o,imageMobileWidth:n,imageMobileHeight:c,isMobile:h,onClick:i})})});module.exports=M;