@lanaco/lnc-react-ui 4.0.38 → 4.0.40

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-BT55M3t6.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
 };