@lanaco/lnc-react-ui 4.0.217 → 4.0.219

package/dist/BlogExploreSection.cjs

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

package/dist/BlogExploreSection.js

@@ -1,20 +1,20 @@
 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 { forwardRef as W, useRef as le, useState as se, useEffect as de, Fragment as me } from "react";
+import { u as he } from "./useDetectMobile-CcVo3PNi.js";
+import { n as _e, q as fe } from "./utils-B2fsQ6PS.js";
+import ue from "./TextInput.js";
+import C from "./Icon.js";
+import ve from "./Link.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 { F as pe } from "./tag-Bi8gg6hJ.js";
+import ge from "./BlogProductCardsSection.js";
 import { s as E } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as ge } from "./index-BvMY2TbK.js";
+import { P as xe } from "./index-BvMY2TbK.js";
 import V from "./BlogListSection.js";
-import { d as xe } from "./breakpoints-ff0SIcV3.js";
-const we = E.div`
+import { d as we } from "./breakpoints-ff0SIcV3.js";
+const be = E.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -95,40 +95,40 @@ const we = E.div`
       }
     }
   }
-`, be = W(
+`, ye = W(
   ({
     perPageOptions: s = [
       { code: 10, name: "Show 10 items" },
       { code: 25, name: "Show 25 items" },
       { code: 50, name: "Show 50 items" }
     ],
-    perPage: f,
-    handlePerPage: p = () => {
+    perPage: u,
+    handlePerPage: g = () => {
     },
     page: c = 1,
     handlePage: d = () => {
     },
     totalPage: t
   }, _) => {
-    var v, m;
-    const u = () => {
+    var m, w;
+    const v = () => {
       c > 1 && (d == null || d(c - 1));
-    }, g = () => {
+    }, x = () => {
       c < t && (d == null || d(c + 1));
-    }, w = () => {
+    }, f = (() => {
       const r = [];
       if (t <= 7)
         for (let i = 1; i <= t; i++)
           r.push(i);
       else
         c <= 3 ? r.push(1, 2, 3, "...", t) : c >= t - 2 ? r.push(1, "...", t - 2, t - 1, t) : r.push(1, 2, 3, "...", t);
-      return r == null ? void 0 : r.map((i, x) => i === "..." ? /* @__PURE__ */ n(
+      return r == null ? void 0 : r.map((i, p) => i === "..." ? /* @__PURE__ */ n(
         "div",
         {
           className: "pagination__page ellipsis",
           children: i
         },
-        `pagination-ellipsis__${x}`
+        `pagination-ellipsis__${p}`
       ) : /* @__PURE__ */ n(
         "div",
         {
@@ -136,52 +136,52 @@ const we = E.div`
           className: `pagination__page ${c === i ? "active" : ""}`,
           children: i
         },
-        `pagination-page__${x}`
+        `pagination-page__${p}`
       ));
-    };
-    return /* @__PURE__ */ a(we, { className: "pagination", children: [
+    })();
+    return /* @__PURE__ */ a(be, { className: "pagination", children: [
       /* @__PURE__ */ n(
         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),
+          control: ((m = s == null ? void 0 : s.find((r) => (r == null ? void 0 : r.code) === u)) == null ? void 0 : m.name) || ((w = s[0]) == null ? void 0 : w.name),
           placement: "bottom",
           zIndex: 1001,
           className: "pagination__per-page",
           children: s == null ? void 0 : s.map((r, i) => /* @__PURE__ */ n(
             q,
             {
-              active: (r == null ? void 0 : r.code) === (f == null ? void 0 : f.code),
+              active: (r == null ? void 0 : r.code) === (u == null ? void 0 : u.code),
               className: "sort-by__item",
-              onClick: () => p(r),
+              onClick: () => g(r),
               children: r == null ? void 0 : r.name
             },
             `blog-epxlore-section-per-page-option__${i + 1}`
           ))
         }
       ),
-      /* @__PURE__ */ a("div", { className: "pagination__pages", children: [
+      (f == null ? void 0 : f.length) > 1 && /* @__PURE__ */ a("div", { className: "pagination__pages", children: [
         /* @__PURE__ */ n(
           "div",
           {
             className: `pagination__page ${c === 1 ? "disabled" : ""}`,
-            onClick: u,
-            children: /* @__PURE__ */ n(z, { icon: " mng-lnc-chevron--left" })
+            onClick: v,
+            children: /* @__PURE__ */ n(C, { icon: " mng-lnc-chevron--left" })
           }
         ),
-        w(),
+        f,
         /* @__PURE__ */ n(
           "div",
           {
             className: `pagination__page ${c === t ? "disabled" : ""}`,
-            onClick: g,
-            children: /* @__PURE__ */ n(z, { icon: " mng-lnc-chevron--right" })
+            onClick: x,
+            children: /* @__PURE__ */ n(C, { icon: " mng-lnc-chevron--right" })
           }
         )
       ] })
     ] });
   }
-), ye = E.div`
+), Ne = E.div`
   display: flex;
   align-items: flex-start;
   gap: 2rem;
@@ -387,7 +387,7 @@ const we = E.div`
             font-style: normal;
             font-weight: 500;
             line-height: 1.25rem;
-            ${he(2)}
+            ${_e(2)}
           }
 
           & .item__description {
@@ -402,7 +402,7 @@ const we = E.div`
     }
   }
 
-  @media ${xe("S")} {
+  @media ${we("S")} {
     flex-direction: column;
 
     & .landing__main-content {
@@ -454,33 +454,33 @@ const we = E.div`
       display: none;
     }
   }
-`, qe = W(
+`, Ee = W(
   ({
     mainTitle: s,
-    sideTitle: f,
-    tags: p,
+    sideTitle: u,
+    tags: g,
     selectedTag: c,
     handleSelectTag: d = () => {
     },
     blogs: t,
     miniBlogs: _,
-    products: u,
-    blogsLoading: g = !1,
-    productsLoading: w = !1,
-    sortingOptions: v,
+    products: v,
+    blogsLoading: x = !1,
+    productsLoading: z = !1,
+    sortingOptions: f,
     sortBy: m,
-    handleSortBy: r = () => {
+    handleSortBy: w = () => {
     },
-    allTagText: i = "All",
-    searchPlaceholderText: x = "Search blogs",
-    timeToReadText: $ = "{0} min read",
+    allTagText: r = "All",
+    searchPlaceholderText: i = "Search blogs",
+    timeToReadText: p = "{0} min read",
     getBlogImageUrl: b = () => {
     },
     handleSelectBlog: y = () => {
     },
-    handleSelectBlogTag: A = () => {
+    handleSelectBlogTag: $ = () => {
     },
-    handleShareBlog: D = () => {
+    handleShareBlog: A = () => {
     },
     // handleBookmarkBlog = () => {},
     showAllButtonLink: H,
@@ -501,51 +501,52 @@ const we = E.div`
     perPage: Y,
     handlePerPage: Z = () => {
     },
-    totalPage: k,
+    totalPage: D = 0,
     perPageOptions: O,
     handleSearch: B = () => {
     },
     onBookmark: L = () => {
     },
     bookmarkComponent: T = /* @__PURE__ */ n(I, {}),
-    componentName: S,
-    LinkComponent: C
-  }, P) => {
-    const ee = (e) => {
+    componentName: k,
+    LinkComponent: S,
+    showPerPage: P = !1
+  }, ee) => {
+    const ne = (e) => {
       document.getElementById("landing__container").scrollIntoView({ behavior: "smooth", block: "start" }), N == null || N(e);
-    }, o = oe(null), ne = me(), [h, te] = le({
+    }, o = le(null), te = he(), [h, re] = se({
       arrowsVisible: !1,
       leftArrowDisabled: !1,
       rightArrowDisabled: !1
     });
-    se(() => {
+    de(() => {
       const e = o == null ? void 0 : o.current;
       if (!e) return;
       const l = () => {
-        const ae = e.scrollWidth - e.clientWidth;
-        te((ce) => ({
-          ...ce,
+        const ce = e.scrollWidth - e.clientWidth;
+        re((oe) => ({
+          ...oe,
           arrowsVisible: e.clientWidth < e.scrollWidth,
           leftArrowDisabled: e.scrollLeft <= 0,
-          rightArrowDisabled: e.scrollLeft >= ae
+          rightArrowDisabled: e.scrollLeft >= ce
         }));
       }, j = new ResizeObserver(l);
       return j.observe(e), l(), e.addEventListener("scroll", l), () => {
         j.disconnect(), e.removeEventListener("scroll", l);
       };
     }, []);
-    const re = () => {
+    const ie = () => {
       var e;
       (e = o == null ? void 0 : o.current) == null || e.scrollBy({ left: 100, behavior: "smooth" });
-    }, ie = () => {
+    }, ae = () => {
       var e;
       (e = o == null ? void 0 : o.current) == null || e.scrollBy({ left: -100, behavior: "smooth" });
     };
-    return /* @__PURE__ */ a(ye, { ref: P, id: "landing__container", children: [
+    return /* @__PURE__ */ a(Ne, { ref: ee, id: "landing__container", children: [
       /* @__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 && (h == null ? void 0 : h.arrowsVisible) && /* @__PURE__ */ a("div", { className: "main-content__tags-nav", children: [
+          !te && (h == null ? void 0 : h.arrowsVisible) && /* @__PURE__ */ a("div", { className: "main-content__tags-nav", children: [
             /* @__PURE__ */ n(
               F,
               {
@@ -555,7 +556,7 @@ const we = E.div`
                 color: "neutral",
                 disabled: h == null ? void 0 : h.leftArrowDisabled,
                 className: "main-content__tag-nav",
-                onClick: ie
+                onClick: ae
               }
             ),
             /* @__PURE__ */ n(
@@ -567,30 +568,30 @@ const we = E.div`
                 color: "neutral",
                 disabled: h == null ? void 0 : h.rightArrowDisabled,
                 className: "main-content__tag-nav",
-                onClick: re
+                onClick: ie
               }
             )
           ] })
         ] }),
-        p && /* @__PURE__ */ n(
-          ve,
+        g && /* @__PURE__ */ n(
+          pe,
           {
             ref: o,
-            tags: p,
-            allTagText: i,
+            tags: g,
+            allTagText: r,
             selectedTagCode: c,
             onSelectTag: d
           }
         ),
         /* @__PURE__ */ a("div", { className: "main-content__actions", children: [
           /* @__PURE__ */ n(
-            fe,
+            ue,
             {
               className: "main-content__search",
-              placeholder: x,
+              placeholder: i,
               debounceTime: 200,
               prefix: /* @__PURE__ */ n(
-                z,
+                C,
                 {
                   icon: " mng-lnc-search",
                   sizeInUnits: "1.25rem",
@@ -608,12 +609,12 @@ const we = E.div`
               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(
+              children: f == null ? void 0 : f.map((e, l) => /* @__PURE__ */ n(
                 q,
                 {
                   active: (e == null ? void 0 : e.code) === (m == null ? void 0 : m.code),
                   className: "sort-by__item",
-                  onClick: () => r(e),
+                  onClick: () => w(e),
                   children: e == null ? void 0 : e.name
                 },
                 `blog-epxlore-section-sorting-option__${l + 1}`
@@ -625,76 +626,76 @@ const we = E.div`
           t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
             V,
             {
-              timeToReadText: $,
+              timeToReadText: p,
               items: t == null ? void 0 : t.slice(0, 5),
-              isLoading: g,
+              isLoading: x,
               getImage: b,
               onSelectCard: y,
-              onSelectOption: A,
-              onShare: D,
+              onSelectOption: $,
+              onShare: A,
               onBookmark: L,
               bookmarkComponent: T,
-              componentName: S,
-              LinkComponent: C
+              componentName: k,
+              LinkComponent: S
             }
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
-          u && (u == null ? void 0 : u.length) > 0 && /* @__PURE__ */ n(
-            pe,
+          v && (v == null ? void 0 : v.length) > 0 && /* @__PURE__ */ n(
+            ge,
             {
               buttonText: R,
               buttonLink: H,
               onButtonAction: K,
               onSelectCard: Q,
-              items: u,
-              isLoading: w,
+              items: v,
+              isLoading: z,
               getImage: U,
               isHighlight: !0,
-              componentName: S,
-              LinkComponent: C
+              componentName: k,
+              LinkComponent: S
             }
           ),
           /* @__PURE__ */ n("div", { className: "main-content__divider" }),
           t && (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n(
             V,
             {
-              timeToReadText: $,
+              timeToReadText: p,
               items: t == null ? void 0 : t.slice(5),
-              isLoading: g,
+              isLoading: x,
               getImage: b,
               onSelectCard: y,
-              onSelectOption: A,
-              onShare: D,
+              onSelectOption: $,
+              onShare: A,
               onBookmark: L,
               bookmarkComponent: T,
-              componentName: S,
-              LinkComponent: C
+              componentName: k,
+              LinkComponent: S
             }
           )
         ] }),
-        k && k > 1 && /* @__PURE__ */ n(
-          be,
+        (D > 1 || P) && /* @__PURE__ */ n(
+          ye,
           {
             perPageOptions: O,
             perPage: Y,
             handlePerPage: Z,
             page: X,
-            handlePage: ee,
-            totalPage: k
+            handlePage: ne,
+            totalPage: D
           }
         )
       ] }),
       /* @__PURE__ */ a("div", { className: "landing__side-content", children: [
-        f && /* @__PURE__ */ n("div", { className: "side-content__title", children: f }),
+        u && /* @__PURE__ */ n("div", { className: "side-content__title", children: u }),
         _ && (_ == 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(
+          /* @__PURE__ */ n("div", { className: "side-content__items", children: _ == null ? void 0 : _.map((e, l) => /* @__PURE__ */ n(me, { children: /* @__PURE__ */ a(
             "div",
             {
               className: "side-content__item",
               onClick: () => y(e),
               children: [
                 /* @__PURE__ */ n(
-                  ge,
+                  xe,
                   {
                     src: b(e == null ? void 0 : e.imageUrl, e == null ? void 0 : e.uuid) || null,
                     alt: `Mini blog ${l + 1}`,
@@ -703,17 +704,17 @@ const we = E.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: _e(e == null ? void 0 : e.publishedAt) })
+                  /* @__PURE__ */ n("div", { className: "item__description", children: fe(e == null ? void 0 : e.publishedAt) })
                 ] })
               ]
             }
           ) }, `mini_blg_${l}`)) }),
-          /* @__PURE__ */ n(ue, { onClick: J, className: "side-content__link", children: G })
+          /* @__PURE__ */ n(ve, { onClick: J, className: "side-content__link", children: G })
         ] })
       ] })
     ] });
   }
 );
 export {
-  qe as default
+  Ee as default
 };

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-BEgD9vNo.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
+"use strict";const t=require("react/jsx-runtime"),l=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),g=require("./breakpoints-CcVm-gVm.cjs"),Q=require("./IconButton.cjs"),G=require("./Button.cjs"),r=require("./utils-CITgSxXe.cjs"),H=require("./useDetectMobile-DYV6V1yw.cjs"),f=require("./index-DZFKpq77.cjs"),J=require("./index-vQOR22Py.cjs"),W=require("./index-oYE1Pl7q.cjs"),X=K.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;

package/dist/DetailedProductsInfinitiveSection.js

@@ -6,7 +6,7 @@ import H from "./IconButton.js";
 import J from "./Button.js";
 import { l as n } from "./utils-B2fsQ6PS.js";
 import { u as W } from "./useDetectMobile-CcVo3PNi.js";
-import { D as X, S as Y } from "./index-rYUwBlpp.js";
+import { D as X, S as Y } from "./index-DDShXLaW.js";
 import { S as Z } from "./index-BzSWu-7v.js";
 import { S as x } from "./index-4wvppFLx.js";
 const ee = G.div`

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-BEgD9vNo.cjs"),V=require("./index-vQOR22Py.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=K.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),K=require("./emotion-styled.browser.esm-BtEseadx.cjs"),j=require("./breakpoints-CcVm-gVm.cjs"),W=require("./Button.cjs"),l=require("./utils-CITgSxXe.cjs"),z=require("./useDetectMobile-DYV6V1yw.cjs"),G=require("./style-DC05rdyx.cjs"),P=require("./index-DZFKpq77.cjs"),V=require("./index-vQOR22Py.cjs"),H=require("./index-oYE1Pl7q.cjs"),J=K.styled.div`
   display: grid;
   grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import V from "./Button.js";
 import { l as c } from "./utils-B2fsQ6PS.js";
 import { u as H } from "./useDetectMobile-CcVo3PNi.js";
 import { T as J } from "./style-BUyFad_y.js";
-import { D as X, S as Y } from "./index-rYUwBlpp.js";
+import { D as X, S as Y } from "./index-DDShXLaW.js";
 import { S as Z } from "./index-BzSWu-7v.js";
 import { S as x } from "./index-4wvppFLx.js";
 const ee = G.div`

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-BEgD9vNo.cjs"),Q=L.styled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),L=require("./emotion-styled.browser.esm-BtEseadx.cjs"),u=require("./breakpoints-CcVm-gVm.cjs"),T=require("./useDetectMobile-DYV6V1yw.cjs"),D=require("./Button.cjs"),j=require("./index-DZFKpq77.cjs"),Q=L.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as z } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as c } from "./breakpoints-ff0SIcV3.js";
 import { u as A } from "./useDetectMobile-CcVo3PNi.js";
 import B from "./Button.js";
-import { D as G, S as R } from "./index-rYUwBlpp.js";
+import { D as G, S as R } from "./index-DDShXLaW.js";
 const I = z.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{index-rYUwBlpp.js → index-DDShXLaW.js}

@@ -1,10 +1,10 @@
-import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { jsxs as n, jsx as e, Fragment as U } from "react/jsx-runtime";
 import { forwardRef as ce, useState as ne, useRef as ie, useEffect as Me, cloneElement as te, Suspense as Le } from "react";
 import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { d as L } from "./breakpoints-ff0SIcV3.js";
-import { t as j, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
+import { t as I, n as xe, b as Te, m as M, p as ae, G as se, l as le } from "./utils-B2fsQ6PS.js";
 import { P as qe } from "./index-BvMY2TbK.js";
-import I from "./Badge.js";
+import O from "./Badge.js";
 import Ae from "./Popover.js";
 import Xe from "./PopoverTrigger.js";
 import Ye from "./PopoverContent.js";
@@ -28,7 +28,7 @@ const Ke = S.a`
   }
   & .seller {
     text-transform: uppercase;
-    ${j()}
+    ${I()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -87,7 +87,7 @@ const Ke = S.a`
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${j()}
+    ${I()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -103,6 +103,7 @@ const Ke = S.a`
       font-weight: 400;
       padding-bottom: 0.125rem;
       color: var(--gray-600, #676e79);
+      ${I()}
     }
   }
 
@@ -110,7 +111,7 @@ const Ke = S.a`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${j()}
+    ${I()}
   }
 
   & .tags-wrapper {
@@ -482,7 +483,7 @@ const Ke = S.a`
 }, kr = ce((a, P) => {
   const {
     uuid: m,
-    sellerUuid: U,
+    sellerUuid: B,
     name: me,
     price: E = 0,
     sellingPrice: R,
@@ -499,7 +500,7 @@ const Ke = S.a`
     categoryCode: V,
     categoryName: be,
     condition: T,
-    quantity: B,
+    quantity: W,
     trade: q,
     sponsoredText: ve,
     forCart: we,
@@ -508,7 +509,7 @@ const Ke = S.a`
     hasVariants: _e,
     hasQuantities: Ne,
     status: Re,
-    onBookmark: W = () => {
+    onBookmark: D = () => {
     },
     actionComponent: w,
     bookmarked: A,
@@ -522,24 +523,24 @@ const Ke = S.a`
     urgentText: Se = "Urgent",
     LinkComponent: Y,
     hasFreeShipping: Pe
-  } = a, Ee = Y || "a", D = He(), Fe = () => {
+  } = a, Ee = Y || "a", j = He(), Fe = () => {
     var c;
-    if (!M(w)) return /* @__PURE__ */ e(O, {});
+    if (!M(w)) return /* @__PURE__ */ e(U, {});
     const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, s = te(o, {
       key: `bookmark_pr__${A}`,
       bookmarked: A,
       productUuid: m,
-      onAddToBookmark: () => W(!0, m),
-      onRemoveFromBookmark: () => W(!1, m),
+      onAddToBookmark: () => D(!0, m),
+      onRemoveFromBookmark: () => D(!1, m),
       bookmarkedUuidList: ke,
-      sellerUuid: U,
-      handleBookmarking: W,
+      sellerUuid: B,
+      handleBookmarking: D,
       forCart: we,
       forOrder: Ce,
       contactSeller: ye,
       hasVariants: _e,
       status: Re,
-      quantity: B,
+      quantity: W,
       hasQuantities: Ne,
       productBasicInfo: {
         uuid: m,
@@ -571,7 +572,7 @@ const Ke = S.a`
   }, d = ie(null), f = ie([]), [Ie, Q] = ne(t == null ? void 0 : t.length), Oe = () => {
     var c, y, $;
     if (!(d != null && d.current) || ((c = f == null ? void 0 : f.current) == null ? void 0 : c.length) === 0) return;
-    if (D) {
+    if (j) {
       Q(t == null ? void 0 : t.length);
       return;
     }
@@ -595,14 +596,14 @@ const Ke = S.a`
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [t, D]);
+  }, [t, j]);
   const Ue = () => {
     var r;
     return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, Ie)) == null ? void 0 : r.map((o, s) => {
       var b, p, ee, re, oe;
       const c = ((b = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : b.icon) ?? ((p = l == null ? void 0 : l.default) == null ? void 0 : p.icon) ?? "", y = ((ee = o == null ? void 0 : o.measurementUnit) == null ? void 0 : ee.symbol) ?? ((re = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : re.measure) ?? "", g = [(o == null ? void 0 : o.value) ?? ((oe = o == null ? void 0 : o.multiOptions) == null ? void 0 : oe[0]) ?? "", y].filter(Boolean).join(" ");
       return /* @__PURE__ */ n(
-        I,
+        O,
         {
           ref: (je) => f.current[s] = je,
           className: "tag",
@@ -621,10 +622,10 @@ const Ke = S.a`
       /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${$}: ` }),
       /* @__PURE__ */ e("span", { className: "tags-popover__value", children: y })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), We = () => /* @__PURE__ */ n(O, { children: [
-    T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
-    B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
-    q && /* @__PURE__ */ e(I, { className: "tag", children: q }, "detailed-products-section-tag__trade")
+  }) }), We = () => /* @__PURE__ */ n(U, { children: [
+    T && /* @__PURE__ */ e(O, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
+    W && /* @__PURE__ */ e(O, { className: "tag", children: W }, "detailed-products-section-tag__quantity"),
+    q && /* @__PURE__ */ e(O, { className: "tag", children: q }, "detailed-products-section-tag__trade")
   ] }), J = E > 0 && k && F !== !0 && z !== !0 && E !== R, De = h == null ? void 0 : h.some(
     (r) => (r == null ? void 0 : r.salesPackageCode) === "FreeShipping"
   ), Z = Pe === !0 && !De;
@@ -674,7 +675,7 @@ const Ke = S.a`
                         sizeInUnits: "1rem"
                       }
                     ),
-                    (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(O, { children: Se })
+                    (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ e(U, { children: Se })
                   ]
                 },
                 o
@@ -696,7 +697,7 @@ const Ke = S.a`
                 H && /* @__PURE__ */ e(
                   "div",
                   {
-                    ...D ? {} : {
+                    ...j ? {} : {
                       onMouseEnter: Ve,
                       onMouseLeave: Ge
                     },
@@ -872,9 +873,9 @@ const Ke = S.a`
 ] }), $r = ({
   keyPrefix: a,
   isLoading: P = !1,
-  fallbackComponent: m = /* @__PURE__ */ e(O, {}),
-  children: U
-}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : U });
+  fallbackComponent: m = /* @__PURE__ */ e(U, {}),
+  children: B
+}) => /* @__PURE__ */ e(Le, { fallbackComponent: m, children: P === !0 ? /* @__PURE__ */ e(cr, { keyPrefix: a }) : B });
 export {
   kr as D,
   $r as S

package/dist/{index-BEgD9vNo.cjs → index-DZFKpq77.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./breakpoints-CcVm-gVm.cjs"),s=require("./utils-CITgSxXe.cjs"),Ne=require("./index-DsINTjQk.cjs"),W=require("./Badge.cjs"),$e=require("./Popover.cjs"),Le=require("./PopoverTrigger.cjs"),We=require("./PopoverContent.cjs"),Ee=require("./useDetectMobile-DYV6V1yw.cjs"),J=require("./Icon.cjs"),n=require("./style-BAcV7F53.cjs"),Fe=y.styled.a`
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./breakpoints-CcVm-gVm.cjs"),i=require("./utils-CITgSxXe.cjs"),Ne=require("./index-DsINTjQk.cjs"),W=require("./Badge.cjs"),$e=require("./Popover.cjs"),Le=require("./PopoverTrigger.cjs"),We=require("./PopoverContent.cjs"),Ee=require("./useDetectMobile-DYV6V1yw.cjs"),J=require("./Icon.cjs"),n=require("./style-BAcV7F53.cjs"),Fe=y.styled.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -15,7 +15,7 @@
   }
   & .seller {
     text-transform: uppercase;
-    ${s.truncateText()}
+    ${i.truncateText()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -68,13 +68,13 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${s.truncateTextInRows(2)}
+    ${i.truncateTextInRows(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${s.truncateText()}
+    ${i.truncateText()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -90,6 +90,7 @@
       font-weight: 400;
       padding-bottom: 0.125rem;
       color: var(--gray-600, #676e79);
+      ${i.truncateText()}
     }
   }
 
@@ -97,7 +98,7 @@
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${s.truncateText()}
+    ${i.truncateText()}
   }
 
   & .tags-wrapper {
@@ -247,7 +248,7 @@
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${i=>s.getBorderRadiusValueWithUnits(i.theme,"curved")};
+    border-radius: ${s=>i.getBorderRadiusValueWithUnits(s.theme,"curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -356,7 +357,7 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,Ve=m.forwardRef(({sponsoredText:i="Sponsored"},P)=>e.jsxs(De,{ref:P,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Ge="Vehicles_Cars",Ie="Vehicles_Motorcycles",Oe="Vehicles_Trucks",Ue="Vehicles_AgriculturalMachines_Tractors",Be="Vehicles_ConstructionMachines",Me="Vehicles_Bus",Te="Vehicles_Campers",Ae="RealEstates_",l={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},x={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Xe=m.forwardRef((i,P)=>{const{uuid:h,sellerUuid:E,name:Z,price:R=0,sellingPrice:S,currency:k,isNegotiable:_,isFree:N,imageUrl:ee,location:re,sponsored:ne,imageComponent:V,freeText:oe="Free",negotiableText:te="Negotiable",tags:t=[],categoryCode:$,categoryName:ie,condition:G,quantity:F,trade:I,sponsoredText:se,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,hasQuantities:me,status:he,onBookmark:q=()=>{},actionComponent:w,bookmarked:O,bookmarkLists:ue,metadata:v,sellerName:U,nameSlug:L,onSelectCard:pe=()=>{},activeSalesPackages:u,urgentText:ge="Urgent",LinkComponent:B,hasFreeShipping:fe}=i,be=B||"a",z=Ee.useDetectMobile(),we=()=>{var d;if(!s.isDefined(w))return e.jsx(e.Fragment,{});const r=w,o=(d=w==null?void 0:w.props)==null?void 0:d.children,a=m.cloneElement(o,{key:`bookmark_pr__${O}`,bookmarked:O,productUuid:h,onAddToBookmark:()=>q(!0,h),onRemoveFromBookmark:()=>q(!1,h),bookmarkedUuidList:ue,sellerUuid:E,handleBookmarking:q,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,status:he,quantity:F,hasQuantities:me,productBasicInfo:{uuid:h,price:R,sellingPrice:S,categoryCode:$,categoryName:ie,currency:k,isNegotiable:_,isFree:N}});return m.cloneElement(r,void 0,a)},M=[Ge,Ie,Oe,Ue,Be,Me,Te,Ae].some(r=>$==null?void 0:$.includes(r)),[ve,T]=m.useState(!1),je=()=>{T(!0)},xe=()=>{T(!1)},c=m.useRef(null),f=m.useRef([]),[Se,A]=m.useState(t==null?void 0:t.length),ke=()=>{var d,j,C;if(!(c!=null&&c.current)||((d=f==null?void 0:f.current)==null?void 0:d.length)===0)return;if(z){A(t==null?void 0:t.length);return}const r=(j=c==null?void 0:c.current)==null?void 0:j.offsetWidth;let o=0,a=0;for(let p=0;p<(t==null?void 0:t.length);p++){const b=((C=f==null?void 0:f.current[p])==null?void 0:C.offsetWidth)||0,g=o+b+4;if(g<=r)o+=g,a++;else break}A(a)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const o=new ResizeObserver(()=>{ke()});return o.observe(r),()=>{o.disconnect()}},[t,z]);const Ce=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,Se))==null?void 0:r.map((o,a)=>{var b,g,H,K,Q;const d=((b=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:b.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",j=((H=o==null?void 0:o.measurementUnit)==null?void 0:H.symbol)??((K=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:K.measure)??"",p=[(o==null?void 0:o.value)??((Q=o==null?void 0:o.multiOptions)==null?void 0:Q[0])??"",j].filter(Boolean).join(" ");return e.jsxs(W,{ref:_e=>f.current[a]=_e,className:"tag",children:[e.jsx("i",{className:d}),p]},`detailed-products-section-tag__${a+1}`)})})},ye=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,o)=>{var p,b,g;const a=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((b=l==null?void 0:l[r==null?void 0:r.code])==null?void 0:b.measure)??"",j=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",a].filter(Boolean).join(" "),C=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${C}: `}),e.jsx("span",{className:"tags-popover__value",children:j})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),Pe=()=>e.jsxs(e.Fragment,{children:[G&&e.jsx(W,{className:"tag",children:G},"detailed-products-section-tag__condition"),F&&e.jsx(W,{className:"tag",children:F},"detailed-products-section-tag__quantity"),I&&e.jsx(W,{className:"tag",children:I},"detailed-products-section-tag__trade")]}),X=R>0&&k&&_!==!0&&N!==!0&&R!==S,Re=u==null?void 0:u.some(r=>(r==null?void 0:r.salesPackageCode)==="FreeShipping"),Y=fe===!0&&!Re;return e.jsxs(Fe,{ref:c,className:"product-card","data-accessor":v==null?void 0:v.accessor,name:v==null?void 0:v.name,onClick:r=>pe(r,c),as:be,...B?{to:`/product/${s.isDefinedNotEmptyString(L)?`${L}-`:""}${h}`}:{href:`/product/${s.isDefinedNotEmptyString(L)?`${L}-`:""}${h}`},children:[e.jsxs(qe,{className:"product-image-wrapper",children:[s.isDefined(w)&&e.jsx("div",{className:"prevent-el",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(we,{})}),s.isDefined(V)?V:e.jsx(Ne.ProductImageWrapper,{src:ee})]}),(Y||u&&u.length>0)&&e.jsxs("div",{className:"campaign-badges",children:[Y&&e.jsx("div",{className:"campaign-badge campaign-badge-freeshipping",children:e.jsx(J,{icon:x==null?void 0:x.FREESHIPPING,sizeInUnits:"1rem"})}),u==null?void 0:u.map((r,o)=>{var a,d;return e.jsxs("div",{className:`campaign-badge campaign-badge-${(a=r==null?void 0:r.salesPackageCode)==null?void 0:a.toLowerCase()}`,children:[(r==null?void 0:r.salesPackageCode)!=="Urgent"&&e.jsx(J,{icon:x==null?void 0:x[(d=r==null?void 0:r.salesPackageCode)==null?void 0:d.toUpperCase()],sizeInUnits:"1rem"}),(r==null?void 0:r.salesPackageCode)==="Urgent"&&e.jsx(e.Fragment,{children:ge})]},o)})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:U,children:U}),e.jsx("div",{className:"card-title",children:Z})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:[M&&e.jsx("div",{...z?{}:{onMouseEnter:je,onMouseLeave:xe},children:e.jsxs($e,{placement:"bottom",open:ve,children:[e.jsx(Le,{children:Ce()}),e.jsx(We,{style:{all:"unset"},children:e.jsx(ze,{children:ye()})})]})}),!M&&Pe()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${X?"new-price":""}`,children:[S>0&&k&&_!==!0&&N!==!0&&e.jsx("div",{children:`${s.formatPrice(S)} ${s.GetCurrencySymbol(k)}`}),X&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${s.formatPrice(R)} ${s.GetCurrencySymbol(k)}`}),_&&te,N&&oe]}),e.jsx("div",{className:"location-text",children:re})]}),ne===!0&&e.jsx(Ve,{sponsoredText:se})]})}),Ye=y.styled(n.SkeletonRowWrapper)`
+`,Ve=m.forwardRef(({sponsoredText:s="Sponsored"},P)=>e.jsxs(De,{ref:P,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:s})]})),Ge="Vehicles_Cars",Ie="Vehicles_Motorcycles",Oe="Vehicles_Trucks",Ue="Vehicles_AgriculturalMachines_Tractors",Be="Vehicles_ConstructionMachines",Me="Vehicles_Bus",Te="Vehicles_Campers",Ae="RealEstates_",l={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},x={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Xe=m.forwardRef((s,P)=>{const{uuid:h,sellerUuid:E,name:Z,price:R=0,sellingPrice:S,currency:k,isNegotiable:_,isFree:N,imageUrl:ee,location:re,sponsored:ne,imageComponent:V,freeText:oe="Free",negotiableText:te="Negotiable",tags:t=[],categoryCode:$,categoryName:ie,condition:G,quantity:F,trade:I,sponsoredText:se,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,hasQuantities:me,status:he,onBookmark:q=()=>{},actionComponent:w,bookmarked:O,bookmarkLists:ue,metadata:v,sellerName:U,nameSlug:L,onSelectCard:pe=()=>{},activeSalesPackages:u,urgentText:ge="Urgent",LinkComponent:B,hasFreeShipping:fe}=s,be=B||"a",z=Ee.useDetectMobile(),we=()=>{var d;if(!i.isDefined(w))return e.jsx(e.Fragment,{});const r=w,o=(d=w==null?void 0:w.props)==null?void 0:d.children,a=m.cloneElement(o,{key:`bookmark_pr__${O}`,bookmarked:O,productUuid:h,onAddToBookmark:()=>q(!0,h),onRemoveFromBookmark:()=>q(!1,h),bookmarkedUuidList:ue,sellerUuid:E,handleBookmarking:q,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,status:he,quantity:F,hasQuantities:me,productBasicInfo:{uuid:h,price:R,sellingPrice:S,categoryCode:$,categoryName:ie,currency:k,isNegotiable:_,isFree:N}});return m.cloneElement(r,void 0,a)},M=[Ge,Ie,Oe,Ue,Be,Me,Te,Ae].some(r=>$==null?void 0:$.includes(r)),[ve,T]=m.useState(!1),je=()=>{T(!0)},xe=()=>{T(!1)},c=m.useRef(null),f=m.useRef([]),[Se,A]=m.useState(t==null?void 0:t.length),ke=()=>{var d,j,C;if(!(c!=null&&c.current)||((d=f==null?void 0:f.current)==null?void 0:d.length)===0)return;if(z){A(t==null?void 0:t.length);return}const r=(j=c==null?void 0:c.current)==null?void 0:j.offsetWidth;let o=0,a=0;for(let p=0;p<(t==null?void 0:t.length);p++){const b=((C=f==null?void 0:f.current[p])==null?void 0:C.offsetWidth)||0,g=o+b+4;if(g<=r)o+=g,a++;else break}A(a)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const o=new ResizeObserver(()=>{ke()});return o.observe(r),()=>{o.disconnect()}},[t,z]);const Ce=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,Se))==null?void 0:r.map((o,a)=>{var b,g,H,K,Q;const d=((b=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:b.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",j=((H=o==null?void 0:o.measurementUnit)==null?void 0:H.symbol)??((K=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:K.measure)??"",p=[(o==null?void 0:o.value)??((Q=o==null?void 0:o.multiOptions)==null?void 0:Q[0])??"",j].filter(Boolean).join(" ");return e.jsxs(W,{ref:_e=>f.current[a]=_e,className:"tag",children:[e.jsx("i",{className:d}),p]},`detailed-products-section-tag__${a+1}`)})})},ye=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,o)=>{var p,b,g;const a=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((b=l==null?void 0:l[r==null?void 0:r.code])==null?void 0:b.measure)??"",j=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",a].filter(Boolean).join(" "),C=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${C}: `}),e.jsx("span",{className:"tags-popover__value",children:j})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),Pe=()=>e.jsxs(e.Fragment,{children:[G&&e.jsx(W,{className:"tag",children:G},"detailed-products-section-tag__condition"),F&&e.jsx(W,{className:"tag",children:F},"detailed-products-section-tag__quantity"),I&&e.jsx(W,{className:"tag",children:I},"detailed-products-section-tag__trade")]}),X=R>0&&k&&_!==!0&&N!==!0&&R!==S,Re=u==null?void 0:u.some(r=>(r==null?void 0:r.salesPackageCode)==="FreeShipping"),Y=fe===!0&&!Re;return e.jsxs(Fe,{ref:c,className:"product-card","data-accessor":v==null?void 0:v.accessor,name:v==null?void 0:v.name,onClick:r=>pe(r,c),as:be,...B?{to:`/product/${i.isDefinedNotEmptyString(L)?`${L}-`:""}${h}`}:{href:`/product/${i.isDefinedNotEmptyString(L)?`${L}-`:""}${h}`},children:[e.jsxs(qe,{className:"product-image-wrapper",children:[i.isDefined(w)&&e.jsx("div",{className:"prevent-el",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(we,{})}),i.isDefined(V)?V:e.jsx(Ne.ProductImageWrapper,{src:ee})]}),(Y||u&&u.length>0)&&e.jsxs("div",{className:"campaign-badges",children:[Y&&e.jsx("div",{className:"campaign-badge campaign-badge-freeshipping",children:e.jsx(J,{icon:x==null?void 0:x.FREESHIPPING,sizeInUnits:"1rem"})}),u==null?void 0:u.map((r,o)=>{var a,d;return e.jsxs("div",{className:`campaign-badge campaign-badge-${(a=r==null?void 0:r.salesPackageCode)==null?void 0:a.toLowerCase()}`,children:[(r==null?void 0:r.salesPackageCode)!=="Urgent"&&e.jsx(J,{icon:x==null?void 0:x[(d=r==null?void 0:r.salesPackageCode)==null?void 0:d.toUpperCase()],sizeInUnits:"1rem"}),(r==null?void 0:r.salesPackageCode)==="Urgent"&&e.jsx(e.Fragment,{children:ge})]},o)})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:U,children:U}),e.jsx("div",{className:"card-title",children:Z})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:[M&&e.jsx("div",{...z?{}:{onMouseEnter:je,onMouseLeave:xe},children:e.jsxs($e,{placement:"bottom",open:ve,children:[e.jsx(Le,{children:Ce()}),e.jsx(We,{style:{all:"unset"},children:e.jsx(ze,{children:ye()})})]})}),!M&&Pe()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${X?"new-price":""}`,children:[S>0&&k&&_!==!0&&N!==!0&&e.jsx("div",{children:`${i.formatPrice(S)} ${i.GetCurrencySymbol(k)}`}),X&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${i.formatPrice(R)} ${i.GetCurrencySymbol(k)}`}),_&&te,N&&oe]}),e.jsx("div",{className:"location-text",children:re})]}),ne===!0&&e.jsx(Ve,{sponsoredText:se})]})}),Ye=y.styled(n.SkeletonRowWrapper)`
   @media ${D.down("S")} {
     & > div {
       &:nth-of-type(even) {
@@ -364,4 +365,4 @@
       }
     }
   }
-`,He=({keyPrefix:i})=>e.jsxs(Ye,{children:[e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Ke=({keyPrefix:i,isLoading:P=!1,fallbackComponent:h=e.jsx(e.Fragment,{}),children:E})=>e.jsx(m.Suspense,{fallbackComponent:h,children:P===!0?e.jsx(He,{keyPrefix:i}):E});exports.DetailedProductCard=Xe;exports.SuspenseDetailedProductCard=Ke;
+`,He=({keyPrefix:s})=>e.jsxs(Ye,{children:[e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${s}-1`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${s}-2`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${s}-3`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${s}-4`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${s}-5`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${s}-6`)]}),Ke=({keyPrefix:s,isLoading:P=!1,fallbackComponent:h=e.jsx(e.Fragment,{}),children:E})=>e.jsx(m.Suspense,{fallbackComponent:h,children:P===!0?e.jsx(He,{keyPrefix:s}):E});exports.DetailedProductCard=Xe;exports.SuspenseDetailedProductCard=Ke;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "4.0.217",
+  "version": "4.0.219",
   "description": "React component library",
   "type": "module",
   "keywords": [