@lanaco/lnc-react-ui 4.0.37 → 4.0.39

package/dist/SimpleCategoriesSection.cjs

@@ -1,9 +1,9 @@
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),p=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),w=require("./consts-CtNoHdBj.cjs"),y=require("./useDetectMobile-D6d5LpdL.cjs"),n=require("./utils-NZLCh-J5.cjs"),v=require("./style-BR3tIhP1.cjs"),j=require("./Button.cjs"),S=p.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),p=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),f=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),d=require("./utils-NZLCh-J5.cjs"),k=require("./style-BR3tIhP1.cjs"),x=require("./Button.cjs"),C=p.newStyled.div`
   display: grid;
-  grid-template-columns: ${o=>"repeat(6,  minmax(0, 1fr))"};
+  grid-template-columns: ${i=>"repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -22,7 +22,7 @@
       /* Safari and Chrome */
     }
   }
-`,k=p.newStyled.div`
+`,w=p.newStyled.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -47,11 +47,11 @@
 
   & .card-content {
     padding: 0.75rem;
-    ${n.truncateTextInRows(2)}
+    ${d.truncateTextInRows(2)}
   }
 
   & .card-content-2 {
-    ${n.truncateTextInRows(2)}
+    ${d.truncateTextInRows(2)}
   }
 
   & img {
@@ -65,10 +65,10 @@
     width: 100%;
     min-height: 8.25rem;
     max-height: 8.25rem;
-    ${n.linearGradientAnimation("-90deg")}
+    ${d.linearGradientAnimation("-90deg")}
   }
 
-  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
     min-width: 8.75rem;
     max-width: 8.75rem;
 
@@ -78,4 +78,4 @@
       max-height: 5.375rem;
     }
   }
-`,g=h.forwardRef((o,l)=>{const{uuid:a,image:s,name:i,onSelectCard:c=()=>{}}=o;return r.jsxs(k,{className:"simple-category-card",onClick:()=>c(a),children:[r.jsx("img",{src:s}),r.jsx("div",{className:"card-content",children:r.jsx("div",{className:"card-content-2",children:i})})]})}),R=h.forwardRef((o,l)=>{const{icon:a,title:s="Shop by category",items:i,buttonText:c,buttonLink:m,limit:u=12,onButtonAction:b=()=>{},onSelectCard:t=()=>{}}=o,f=y.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:l,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[n.isDefinedNotEmptyString(a)&&r.jsx("i",{className:a}),r.jsx("span",{children:s})]}),n.isDefinedNotEmptyString(m)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:()=>b(m),borderRadius:"curved",children:c})]}),r.jsx(S,{limit:u,children:f===!0?i==null?void 0:i.map((e,d)=>r.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid)},d)):i==null?void 0:i.slice(0,u).map((e,d)=>r.jsx(g,{uuid:e==null?void 0:e.uuid,image:e==null?void 0:e.image,name:e==null?void 0:e.name,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid)},d))})]})});module.exports=R;
+`,N=c.forwardRef((i,a)=>{const{uuid:n,image:o,name:t,onSelectCard:l=()=>{}}=i;return e.jsxs(w,{className:"simple-category-card",onClick:()=>l(n),children:[e.jsx("img",{src:o}),e.jsx("div",{className:"card-content",children:e.jsx("div",{className:"card-content-2",children:t})})]})}),R=c.forwardRef(({},i)=>e.jsxs(w,{className:"simple-category-card",children:[e.jsx("div",{className:"skeleton-img"}),e.jsx("div",{className:"card-content"})]})),q=({limit:i=12,isLoading:a=!1,keyPrefix:n})=>e.jsx(e.Fragment,{children:Array.from({length:i},(o,t)=>e.jsx(R,{isLoading:a},`${n}-skeleton-category-card-${t}`))}),$=({children:i,fallbackComponent:a=e.jsx(e.Fragment,{}),isLoading:n=!1,limit:o,keyPrefix:t})=>e.jsx(c.Suspense,{fallbackComponent:a,children:n===!0?e.jsx(q,{isLoading:n,limit:o,keyPrefix:t}):i}),h=c.memo(N),E=c.forwardRef((i,a)=>{const{icon:n,title:o="Shop by category",items:t,buttonText:l,buttonLink:g,limit:m=12,onButtonAction:y=()=>{},onSelectCard:s=()=>{},isLoading:b=!1}=i,j=S.useDetectMobile(),v=c.useMemo(()=>e.jsx(e.Fragment,{children:j===!0?t==null?void 0:t.map((r,u)=>e.jsx(h,{uuid:r==null?void 0:r.uuid,image:r==null?void 0:r.image,name:r==null?void 0:r.name,onSelectCard:()=>s==null?void 0:s(r==null?void 0:r.uuid)},u)):t==null?void 0:t.slice(0,m).map((r,u)=>e.jsx(h,{uuid:r==null?void 0:r.uuid,image:r==null?void 0:r.image,name:r==null?void 0:r.name,onSelectCard:()=>s==null?void 0:s(r==null?void 0:r.uuid)},u))}),[t]);return e.jsxs(k.RegulatTitleSectionWrapper,{ref:a,children:[e.jsxs("div",{className:"regular-title",children:[e.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(n)&&e.jsx("i",{className:n}),e.jsx("span",{children:o})]}),d.isDefinedNotEmptyString(g)&&e.jsx(x,{type:"button",btnType:"tinted",color:"gray",onClick:()=>y(g),borderRadius:"curved",children:l})]}),e.jsx(C,{limit:m,children:e.jsx($,{isLoading:b,limit:m,keyPrefix:"explore-landing",children:v})})]})});module.exports=E;

package/dist/SimpleCategoriesSection.js

@@ -1,17 +1,17 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
+import { jsxs as d, jsx as r, Fragment as p } from "react/jsx-runtime";
+import { forwardRef as g, Suspense as $, memo as R, useMemo as M } from "react";
 import { n as b } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as w } from "./consts-C1uHV4xc.js";
-import { u as k } from "./useDetectMobile-BC6EGaBc.js";
-import { t as h, m as S, k as g } from "./utils-DtRLzzTZ.js";
-import { R as N } from "./style-6tSw9aqK.js";
-import C from "./Button.js";
-const R = b.div`
+import { M as v } from "./consts-C1uHV4xc.js";
+import { u as E } from "./useDetectMobile-BC6EGaBc.js";
+import { t as h, m as I, k as f } from "./utils-DtRLzzTZ.js";
+import { R as P } from "./style-6tSw9aqK.js";
+import T from "./Button.js";
+const j = b.div`
   display: grid;
-  grid-template-columns: ${(a) => "repeat(6,  minmax(0, 1fr))"};
+  grid-template-columns: ${(t) => "repeat(6,  minmax(0, 1fr))"};
   gap: 2rem;
 
-  @media (max-width: ${w + "px"}) {
+  @media (max-width: ${v + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -30,7 +30,7 @@ const R = b.div`
       /* Safari and Chrome */
     }
   }
-`, $ = b.div`
+`, y = b.div`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -73,10 +73,10 @@ const R = b.div`
     width: 100%;
     min-height: 8.25rem;
     max-height: 8.25rem;
-    ${S("-90deg")}
+    ${I("-90deg")}
   }
 
-  @media (max-width: ${w + "px"}) {
+  @media (max-width: ${v + "px"}) {
     min-width: 8.75rem;
     max-width: 8.75rem;
 
@@ -86,72 +86,103 @@ const R = b.div`
       max-height: 5.375rem;
     }
   }
-`, u = f((a, c) => {
-  const { uuid: o, image: m, name: i, onSelectCard: d = () => {
-  } } = a;
-  return /* @__PURE__ */ n(
-    $,
+`, z = g((t, o) => {
+  const { uuid: a, image: n, name: i, onSelectCard: l = () => {
+  } } = t;
+  return /* @__PURE__ */ d(
+    y,
     {
       className: "simple-category-card",
-      onClick: () => d(o),
+      onClick: () => l(a),
       children: [
-        /* @__PURE__ */ r("img", { src: m }),
+        /* @__PURE__ */ r("img", { src: n }),
         /* @__PURE__ */ r("div", { className: "card-content", children: /* @__PURE__ */ r("div", { className: "card-content-2", children: i }) })
       ]
     }
   );
-}), D = f((a, c) => {
+}), A = g(({}, t) => /* @__PURE__ */ d(y, { className: "simple-category-card", children: [
+  /* @__PURE__ */ r("div", { className: "skeleton-img" }),
+  /* @__PURE__ */ r("div", { className: "card-content" })
+] })), B = ({ limit: t = 12, isLoading: o = !1, keyPrefix: a }) => /* @__PURE__ */ r(p, { children: Array.from({ length: t }, (n, i) => /* @__PURE__ */ r(
+  A,
+  {
+    isLoading: o
+  },
+  `${a}-skeleton-category-card-${i}`
+)) }), W = ({
+  children: t,
+  fallbackComponent: o = /* @__PURE__ */ r(p, {}),
+  isLoading: a = !1,
+  limit: n,
+  keyPrefix: i
+}) => /* @__PURE__ */ r($, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(
+  B,
+  {
+    isLoading: a,
+    limit: n,
+    keyPrefix: i
+  }
+) : t }), w = R(z), q = g((t, o) => {
   const {
-    icon: o,
-    title: m = "Shop by category",
+    icon: a,
+    title: n = "Shop by category",
     items: i,
-    buttonText: d,
-    buttonLink: s,
-    limit: p = 12,
-    onButtonAction: v = () => {
+    buttonText: l,
+    buttonLink: u,
+    limit: s = 12,
+    onButtonAction: k = () => {
     },
-    onSelectCard: t = () => {
-    }
-  } = a, y = k();
-  return /* @__PURE__ */ n(N, { ref: c, children: [
-    /* @__PURE__ */ n("div", { className: "regular-title", children: [
-      /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
-        g(o) && /* @__PURE__ */ r("i", { className: o }),
-        /* @__PURE__ */ r("span", { children: m })
+    onSelectCard: m = () => {
+    },
+    isLoading: S = !1
+  } = t, C = E(), N = M(() => /* @__PURE__ */ r(p, { children: C === !0 ? i == null ? void 0 : i.map((e, c) => /* @__PURE__ */ r(
+    w,
+    {
+      uuid: e == null ? void 0 : e.uuid,
+      image: e == null ? void 0 : e.image,
+      name: e == null ? void 0 : e.name,
+      onSelectCard: () => m == null ? void 0 : m(e == null ? void 0 : e.uuid)
+    },
+    c
+  )) : i == null ? void 0 : i.slice(0, s).map((e, c) => /* @__PURE__ */ r(
+    w,
+    {
+      uuid: e == null ? void 0 : e.uuid,
+      image: e == null ? void 0 : e.image,
+      name: e == null ? void 0 : e.name,
+      onSelectCard: () => m == null ? void 0 : m(e == null ? void 0 : e.uuid)
+    },
+    c
+  )) }), [i]);
+  return /* @__PURE__ */ d(P, { ref: o, children: [
+    /* @__PURE__ */ d("div", { className: "regular-title", children: [
+      /* @__PURE__ */ d("div", { className: "regular-title-text", children: [
+        f(a) && /* @__PURE__ */ r("i", { className: a }),
+        /* @__PURE__ */ r("span", { children: n })
       ] }),
-      g(s) && /* @__PURE__ */ r(
-        C,
+      f(u) && /* @__PURE__ */ r(
+        T,
         {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => v(s),
+          onClick: () => k(u),
           borderRadius: "curved",
-          children: d
+          children: l
         }
       )
     ] }),
-    /* @__PURE__ */ r(R, { limit: p, children: y === !0 ? i == null ? void 0 : i.map((e, l) => /* @__PURE__ */ r(
-      u,
-      {
-        uuid: e == null ? void 0 : e.uuid,
-        image: e == null ? void 0 : e.image,
-        name: e == null ? void 0 : e.name,
-        onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid)
-      },
-      l
-    )) : i == null ? void 0 : i.slice(0, p).map((e, l) => /* @__PURE__ */ r(
-      u,
+    /* @__PURE__ */ r(j, { limit: s, children: /* @__PURE__ */ r(
+      W,
       {
-        uuid: e == null ? void 0 : e.uuid,
-        image: e == null ? void 0 : e.image,
-        name: e == null ? void 0 : e.name,
-        onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid)
-      },
-      l
-    )) })
+        isLoading: S,
+        limit: s,
+        keyPrefix: "explore-landing",
+        children: N
+      }
+    ) })
   ] });
 });
 export {
-  D as default
+  q as default
 };

package/dist/SimpleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),w=require("react"),h=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),q=require("./consts-CtNoHdBj.cjs"),y=require("./useDetectMobile-D6d5LpdL.cjs"),s=require("./index-Dj5wZCVs.cjs"),S=require("./index-Dit169OA.cjs"),j=h.newStyled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),k=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),y=require("./consts-CtNoHdBj.cjs"),P=require("./useDetectMobile-D6d5LpdL.cjs"),g=require("./index-_Db92CJE.cjs"),q=require("./index-Dit169OA.cjs"),M=k.newStyled.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -9,7 +9,7 @@
     margin: auto;
   }
 
-  @media (max-width: ${q.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -28,4 +28,4 @@
 
     }
   }
-`,k=w.forwardRef((n,o)=>{var c;const{title:d,subtitle:l,description:m,buttonText:a,buttonLink:p,items:t,onButtonAction:g=()=>{},onSelectCard:i=()=>{}}=n,b=y.useDetectMobile();return r.jsxs(j,{ref:o,limit:6,children:[r.jsx(S.TextBlockV1,{subtitle:l,title:d,description:m,buttonText:a,buttonLink:p,onButtonAction:g,className:"text-block-v1"}),b===!0?(c=t==null?void 0:t.slice(0,4))==null?void 0:c.map((e,u)=>r.jsx(s.SimpleProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},u)):t==null?void 0:t.map((e,u)=>r.jsx(s.SimpleProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},u))]})});module.exports=k;
+`,_=o.forwardRef((i,s)=>r.jsx(g.SkeletonWrapper,{})),v=({limit:i=6,isLoading:s=!1,keyPrefix:n})=>r.jsx(r.Fragment,{children:Array.from({length:i},(d,c)=>r.jsx(_,{isLoading:s},`${n}-skeleton-product-card-${c}`))}),R=({children:i,fallbackComponent:s=r.jsx(r.Fragment,{}),isLoading:n=!1,limit:d,keyPrefix:c})=>r.jsx(o.Suspense,{fallbackComponent:s,children:n===!0?r.jsx(v,{isLoading:n,limit:d,keyPrefix:c}):i}),p=o.memo(g.SimpleProductCard),U=o.forwardRef((i,s)=>{const{title:n,subtitle:d,description:c,buttonText:j,buttonLink:f,items:t,onButtonAction:h=()=>{},onSelectCard:u=()=>{},isLoading:S=!1,limit:a=6}=i,w=P.useDetectMobile(),b=o.useMemo(()=>{var m;return r.jsx(r.Fragment,{children:w===!0?(m=t==null?void 0:t.slice(0,4))==null?void 0:m.map((e,l)=>r.jsx(p,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>u==null?void 0:u(e==null?void 0:e.uuid)},l)):t==null?void 0:t.map((e,l)=>r.jsx(p,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,onSelectCard:()=>u==null?void 0:u(e==null?void 0:e.uuid)},l))})},[t]);return r.jsxs(M,{ref:s,limit:a,children:[r.jsx(q.TextBlockV1,{subtitle:d,title:n,description:c,buttonText:j,buttonLink:f,onButtonAction:h,className:"text-block-v1"}),r.jsx(R,{isLoading:S,limit:a,keyPrefix:"explore-landing",children:b})]})});module.exports=U;

package/dist/SimpleProductsSection.js

@@ -1,11 +1,11 @@
-import { jsxs as w, jsx as u } from "react/jsx-runtime";
-import { forwardRef as b } from "react";
-import { n as h } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as y } from "./consts-C1uHV4xc.js";
-import { u as k } from "./useDetectMobile-BC6EGaBc.js";
-import { S as m } from "./index-CHkb_Sj6.js";
-import { T as S } from "./index-DxdBg_r_.js";
-const v = h.div`
+import { jsx as r, Fragment as m, jsxs as b } from "react/jsx-runtime";
+import { forwardRef as f, Suspense as y, memo as M, useMemo as v } from "react";
+import { n as U } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { M as B } from "./consts-C1uHV4xc.js";
+import { u as C } from "./useDetectMobile-BC6EGaBc.js";
+import { S as T, a as _ } from "./index-BN8qgFbe.js";
+import { T as $ } from "./index-DxdBg_r_.js";
+const j = U.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -16,7 +16,7 @@ const v = h.div`
     margin: auto;
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media (max-width: ${B + "px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -35,60 +35,91 @@ const v = h.div`
 
     }
   }
-`, I = b((l, c) => {
-  var o;
+`, z = f((i, o) => /* @__PURE__ */ r(T, {})), A = ({ limit: i = 6, isLoading: o = !1, keyPrefix: u }) => /* @__PURE__ */ r(m, { children: Array.from({ length: i }, (l, d) => /* @__PURE__ */ r(
+  z,
+  {
+    isLoading: o
+  },
+  `${u}-skeleton-product-card-${d}`
+)) }), E = ({
+  children: i,
+  fallbackComponent: o = /* @__PURE__ */ r(m, {}),
+  isLoading: u = !1,
+  limit: l,
+  keyPrefix: d
+}) => /* @__PURE__ */ r(y, { fallbackComponent: o, children: u === !0 ? /* @__PURE__ */ r(
+  A,
+  {
+    isLoading: u,
+    limit: l,
+    keyPrefix: d
+  }
+) : i }), p = M(_), O = f((i, o) => {
   const {
-    title: d,
-    subtitle: a,
-    description: n,
-    buttonText: s,
-    buttonLink: p,
-    items: e,
-    onButtonAction: g = () => {
+    title: u,
+    subtitle: l,
+    description: d,
+    buttonText: g,
+    buttonLink: h,
+    items: t,
+    onButtonAction: S = () => {
     },
-    onSelectCard: i = () => {
-    }
-  } = l, f = k();
-  return /* @__PURE__ */ w(v, { ref: c, limit: 6, children: [
-    /* @__PURE__ */ u(
-      S,
+    onSelectCard: n = () => {
+    },
+    isLoading: k = !1,
+    limit: s = 6
+  } = i, w = C(), P = v(() => {
+    var a;
+    return /* @__PURE__ */ r(m, { children: w === !0 ? (a = t == null ? void 0 : t.slice(0, 4)) == null ? void 0 : a.map((e, c) => /* @__PURE__ */ r(
+      p,
       {
-        subtitle: a,
-        title: d,
-        description: n,
-        buttonText: s,
-        buttonLink: p,
-        onButtonAction: g,
+        title: e == null ? void 0 : e.title,
+        price: e == null ? void 0 : e.price,
+        currency: e == null ? void 0 : e.currency,
+        image: e == null ? void 0 : e.image,
+        sellerUuid: e == null ? void 0 : e.sellerUuid,
+        uuid: e == null ? void 0 : e.uuid,
+        onSelectCard: () => n == null ? void 0 : n(e == null ? void 0 : e.uuid)
+      },
+      c
+    )) : t == null ? void 0 : t.map((e, c) => /* @__PURE__ */ r(
+      p,
+      {
+        title: e == null ? void 0 : e.title,
+        price: e == null ? void 0 : e.price,
+        currency: e == null ? void 0 : e.currency,
+        image: e == null ? void 0 : e.image,
+        sellerUuid: e == null ? void 0 : e.sellerUuid,
+        uuid: e == null ? void 0 : e.uuid,
+        onSelectCard: () => n == null ? void 0 : n(e == null ? void 0 : e.uuid)
+      },
+      c
+    )) });
+  }, [t]);
+  return /* @__PURE__ */ b(j, { ref: o, limit: s, children: [
+    /* @__PURE__ */ r(
+      $,
+      {
+        subtitle: l,
+        title: u,
+        description: d,
+        buttonText: g,
+        buttonLink: h,
+        onButtonAction: S,
         className: "text-block-v1"
       }
     ),
-    f === !0 ? (o = e == null ? void 0 : e.slice(0, 4)) == null ? void 0 : o.map((t, r) => /* @__PURE__ */ u(
-      m,
-      {
-        title: t == null ? void 0 : t.title,
-        price: t == null ? void 0 : t.price,
-        currency: t == null ? void 0 : t.currency,
-        image: t == null ? void 0 : t.image,
-        sellerUuid: t == null ? void 0 : t.sellerUuid,
-        uuid: t == null ? void 0 : t.uuid,
-        onSelectCard: () => i == null ? void 0 : i(t == null ? void 0 : t.uuid)
-      },
-      r
-    )) : e == null ? void 0 : e.map((t, r) => /* @__PURE__ */ u(
-      m,
+    /* @__PURE__ */ r(
+      E,
       {
-        title: t == null ? void 0 : t.title,
-        price: t == null ? void 0 : t.price,
-        currency: t == null ? void 0 : t.currency,
-        image: t == null ? void 0 : t.image,
-        sellerUuid: t == null ? void 0 : t.sellerUuid,
-        uuid: t == null ? void 0 : t.uuid,
-        onSelectCard: () => i == null ? void 0 : i(t == null ? void 0 : t.uuid)
-      },
-      r
-    ))
+        isLoading: k,
+        limit: s,
+        keyPrefix: "explore-landing",
+        children: P
+      }
+    )
   ] });
 });
 export {
-  I as default
+  O as default
 };

package/dist/UrgentSaleProductsSection.cjs

@@ -1,7 +1,7 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),b=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),y=require("./consts-CtNoHdBj.cjs"),S=require("./useDetectMobile-D6d5LpdL.cjs"),k=require("./Button.cjs"),u=require("./index-vXmvgZ2Y.cjs"),j=b.newStyled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),j=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),k=require("./consts-CtNoHdBj.cjs"),v=require("./useDetectMobile-D6d5LpdL.cjs"),M=require("./Button.cjs"),p=require("./suspense-product-card-detailed-DtzOxHaH.cjs"),P=j.newStyled.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};
+  grid-template-columns: ${i=>`repeat(${i.limit||5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -34,7 +34,7 @@
   }
 
   & .product-card {
-    max-width: ${t=>`calc(${100/t.desktopCols}% - ${(t.desktopCols-1)*t.columnGapRem/t.desktopCols}rem)`};
+    max-width: ${i=>`calc(${100/i.desktopCols}% - ${(i.desktopCols-1)*i.columnGapRem/i.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -54,7 +54,7 @@
     }
   }
 
-  @media (max-width: ${y.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
@@ -65,4 +65,4 @@
     & .img-wrapper {
     }
   }
-`,v=m.forwardRef((t,p)=>{var c;const{items:r,limit:n=5,limitMobile:l=6,onSelectCard:o=()=>{},title:g="Urgent sale",showLessText:f="Show less",showMoreText:h="Show more"}=t,d=S.useDetectMobile(),[a,w]=m.useState(!1);return i.jsxs(j,{ref:p,limit:n,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:g})]}),d===!0?(c=r==null?void 0:r.slice(0,a===!0?r==null?void 0:r.length:l))==null?void 0:c.map((e,s)=>i.jsx(u.DetailedProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid)},s)):r==null?void 0:r.slice(0,n).map((e,s)=>i.jsx(u.DetailedProductCard,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid)},s)),d===!0&&l<(r==null?void 0:r.length)&&i.jsx(k,{className:"show-more",btnType:"basic",type:"button",color:"gray",onClick:()=>w(!a),children:a===!0?f:h})]})});module.exports=v;
+`,u=s.memo(p.DetailedProductCard),q=s.forwardRef((i,g)=>{const{items:r,limit:a=5,limitMobile:d=6,onSelectCard:o=()=>{},title:f="Urgent sale",showLessText:h="Show less",showMoreText:w="Show more",isLoading:b=!1}=i,c=v.useDetectMobile(),[n,y]=s.useState(!1),S=s.useMemo(()=>{var m;return t.jsx(t.Fragment,{children:c===!0?(m=r==null?void 0:r.slice(0,n===!0?r==null?void 0:r.length:d))==null?void 0:m.map((e,l)=>t.jsx(u,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid)},l)):r==null?void 0:r.slice(0,a).map((e,l)=>t.jsx(u,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>o==null?void 0:o(e==null?void 0:e.uuid)},l))})},[r]);return t.jsxs(P,{ref:g,limit:a,children:[t.jsxs("div",{className:"urgent-tag",children:[t.jsx("i",{className:"mng mng-lnc-bolt-filled"}),t.jsx("span",{children:f})]}),t.jsx(p.SuspenseDetailedProductCard,{isLoading:b,limit:a,keyPrefix:"explore-landing",children:S}),c===!0&&d<(r==null?void 0:r.length)&&t.jsx(M,{className:"show-more",btnType:"basic",type:"button",color:"gray",onClick:()=>y(!n),children:n===!0?h:w})]})});module.exports=q;

package/dist/UrgentSaleProductsSection.js

@@ -1,11 +1,11 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { forwardRef as b, useState as y } from "react";
-import { n as S } from "./emotion-styled.browser.esm-CjCaF13H.js";
-import { M as k } from "./consts-C1uHV4xc.js";
-import { u as v } from "./useDetectMobile-BC6EGaBc.js";
-import M from "./Button.js";
-import { D as u } from "./index-D6g5ZqyJ.js";
-const U = S.div`
+import { jsx as o, Fragment as S, jsxs as c } from "react/jsx-runtime";
+import { memo as k, forwardRef as v, useState as M, useMemo as P } from "react";
+import { n as C } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { M as U } from "./consts-C1uHV4xc.js";
+import { u as $ } from "./useDetectMobile-BC6EGaBc.js";
+import D from "./Button.js";
+import { D as j, S as z } from "./suspense-product-card-detailed-BETmfKMT.js";
+const L = C.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${(i) => `repeat(${i.limit || 5},  minmax(0, 1fr))`};
@@ -61,7 +61,7 @@ const U = S.div`
     }
   }
 
-  @media (max-width: ${k + "px"}) {
+  @media (max-width: ${U + "px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
@@ -72,24 +72,20 @@ const U = S.div`
     & .img-wrapper {
     }
   }
-`, A = b((i, p) => {
-  var d;
+`, u = k(j), R = v((i, p) => {
   const {
     items: r,
-    limit: n = 5,
-    limitMobile: s = 6,
+    limit: a = 5,
+    limitMobile: l = 6,
     onSelectCard: t = () => {
     },
     title: g = "Urgent sale",
     showLessText: f = "Show less",
-    showMoreText: h = "Show more"
-  } = i, m = v(), [a, w] = y(!1);
-  return /* @__PURE__ */ c(U, { ref: p, limit: n, children: [
-    /* @__PURE__ */ c("div", { className: "urgent-tag", children: [
-      /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
-      /* @__PURE__ */ o("span", { children: g })
-    ] }),
-    m === !0 ? (d = r == null ? void 0 : r.slice(0, a === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : d.map((e, l) => /* @__PURE__ */ o(
+    showMoreText: h = "Show more",
+    isLoading: w = !1
+  } = i, d = $(), [n, b] = M(!1), y = P(() => {
+    var m;
+    return /* @__PURE__ */ o(S, { children: d === !0 ? (m = r == null ? void 0 : r.slice(0, n === !0 ? r == null ? void 0 : r.length : l)) == null ? void 0 : m.map((e, s) => /* @__PURE__ */ o(
       u,
       {
         title: e == null ? void 0 : e.title,
@@ -101,8 +97,8 @@ const U = S.div`
         isSponsored: e == null ? void 0 : e.isSponsored,
         onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid)
       },
-      l
-    )) : r == null ? void 0 : r.slice(0, n).map((e, l) => /* @__PURE__ */ o(
+      s
+    )) : r == null ? void 0 : r.slice(0, a).map((e, s) => /* @__PURE__ */ o(
       u,
       {
         title: e == null ? void 0 : e.title,
@@ -115,21 +111,36 @@ const U = S.div`
         isSponsored: e == null ? void 0 : e.isSponsored,
         onSelectCard: () => t == null ? void 0 : t(e == null ? void 0 : e.uuid)
       },
-      l
-    )),
-    m === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ o(
-      M,
+      s
+    )) });
+  }, [r]);
+  return /* @__PURE__ */ c(L, { ref: p, limit: a, children: [
+    /* @__PURE__ */ c("div", { className: "urgent-tag", children: [
+      /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
+      /* @__PURE__ */ o("span", { children: g })
+    ] }),
+    /* @__PURE__ */ o(
+      z,
+      {
+        isLoading: w,
+        limit: a,
+        keyPrefix: "explore-landing",
+        children: y
+      }
+    ),
+    d === !0 && l < (r == null ? void 0 : r.length) && /* @__PURE__ */ o(
+      D,
       {
         className: "show-more",
         btnType: "basic",
         type: "button",
         color: "gray",
-        onClick: () => w(!a),
-        children: a === !0 ? f : h
+        onClick: () => b(!n),
+        children: n === !0 ? f : h
       }
     )
   ] });
 });
 export {
-  A as default
+  R as default
 };