@lanaco/lnc-react-ui 4.0.147 → 4.0.149

package/dist/SimpleProductsSection.js

@@ -1,12 +1,12 @@
-import { jsx as t, Fragment as M, jsxs as U } from "react/jsx-runtime";
-import { memo as F, forwardRef as N, useMemo as T } from "react";
-import { s as v } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as B } from "./consts-BuFChS64.js";
-import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
-import { S as L } from "./index-DzYKmmn2.js";
-import { T as j } from "./index-DK8dqEUQ.js";
-import { S as z } from "./suspense-product-card-simple-D2m3NcrV.js";
-const C = v.div`
+import { jsx as r, Fragment as C, jsxs as M } from "react/jsx-runtime";
+import { memo as U, forwardRef as F, useMemo as N } from "react";
+import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as v } from "./consts-BuFChS64.js";
+import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
+import { S as I } from "./index-DzYKmmn2.js";
+import { T as L } from "./index-DK8dqEUQ.js";
+import { S as j } from "./suspense-product-card-simple-D2m3NcrV.js";
+const z = T.div`
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const C = v.div`
     margin: auto;
   }
 
-  @media (max-width: ${B + "px"}) {
+  @media (max-width: ${v + "px"}) {
     grid-template-columns: repeat(2, 1fr);
 
     & .text-block-v1 {
@@ -36,27 +36,27 @@ const C = v.div`
 
     }
   }
-`, c = F(L), W = N((p, g) => {
+`, c = U(I), W = F((p, g) => {
   const {
     title: f,
-    subtitle: b,
-    description: h,
-    buttonText: w,
-    buttonLink: y,
+    subtitle: S,
+    description: b,
+    buttonText: h,
+    buttonLink: w,
     items: i,
-    onButtonAction: P = () => {
+    onButtonAction: y = () => {
     },
-    onSelectCard: r = () => {
+    onSelectCard: o = () => {
     },
-    isLoading: S = !1,
-    limit: o = 6,
+    isLoading: P = !1,
+    limit: t = 6,
     getImage: l = () => {
     },
-    negotiableText: s,
+    negotiableText: a,
     freeText: m
-  } = p, d = I(), k = T(() => {
-    var a, n;
-    return /* @__PURE__ */ t(M, { children: d === !0 ? (a = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : a.map((e, u) => /* @__PURE__ */ t(
+  } = p, d = B(), k = N(() => {
+    var s, n;
+    return /* @__PURE__ */ r(C, { children: d === !0 ? (s = i == null ? void 0 : i.slice(0, 4)) == null ? void 0 : s.map((e, u) => /* @__PURE__ */ r(
       c,
       {
         title: e == null ? void 0 : e.name,
@@ -66,13 +66,13 @@ const C = v.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
+        onSelectCard: () => o({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
         image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: s,
+        negotiableText: a,
         freeText: m
       },
       u
-    )) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ t(
+    )) : (n = i == null ? void 0 : i.slice(0, 9)) == null ? void 0 : n.map((e, u) => /* @__PURE__ */ r(
       c,
       {
         title: e == null ? void 0 : e.name,
@@ -82,32 +82,32 @@ const C = v.div`
         currency: e == null ? void 0 : e.currency,
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
-        onSelectCard: () => r == null ? void 0 : r(e == null ? void 0 : e.uuid),
+        onSelectCard: () => o({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
         image: l(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: s,
+        negotiableText: a,
         freeText: m
       },
       u
     )) });
-  }, [i, d, o]);
-  return /* @__PURE__ */ U(C, { ref: g, limit: o, children: [
-    /* @__PURE__ */ t(
-      j,
+  }, [i, d, t]);
+  return /* @__PURE__ */ M(z, { ref: g, limit: t, children: [
+    /* @__PURE__ */ r(
+      L,
       {
-        subtitle: b,
+        subtitle: S,
         title: f,
-        description: h,
-        buttonText: w,
-        buttonLink: y,
-        onButtonAction: P,
+        description: b,
+        buttonText: h,
+        buttonLink: w,
+        onButtonAction: y,
         className: "text-block-v1"
       }
     ),
-    /* @__PURE__ */ t(
-      z,
+    /* @__PURE__ */ r(
+      j,
       {
-        isLoading: S,
-        limit: o,
+        isLoading: P,
+        limit: t,
         keyPrefix: "explore-landing",
         children: k
       }

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-FuxsUusc.cjs"),N=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),S=require("./suspense-product-card-detailed-FuxsUusc.cjs"),N=P.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};
@@ -71,4 +71,4 @@
       }
     }
   }
-`,h=l.memo(w.DetailedProductCard),_=l.forwardRef((o,y)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:t=()=>{},title:S="Urgent sale",showLessText:j="Show less",showMoreText:L="Show more",isLoading:M=!1,getImage:u=()=>{},negotiableText:g,freeText:p,onBookmark:b=()=>{},bookmarkComponent:f=i.jsx(i.Fragment,{})}=o,m=C.useDetectMobile(),[n,U]=l.useState(!1),P=l.useMemo(()=>{var s;return i.jsx(i.Fragment,{children:m===!0?(s=r==null?void 0:r.slice(0,n===!0?r==null?void 0:r.length:d))==null?void 0:s.map((e,c)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},c)):r==null?void 0:r.slice(0,a).map((e,c)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,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:()=>t==null?void 0:t(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},c))})},[r,m,a,d,n]);return i.jsxs(N,{ref:y,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:S})]}),i.jsx(w.SuspenseDetailedProductCard,{isLoading:M,limit:a,keyPrefix:"explore-landing",children:P}),m===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:s=>{var e;(e=s==null?void 0:s.target)==null||e.blur(),U(!n)},children:n===!0?j:L})]})});module.exports=_;
+`,h=n.memo(S.DetailedProductCard),_=n.forwardRef((o,w)=>{const{items:r,limit:a=5,limitMobile:l=4,onSelectCard:c=()=>{},title:y="Urgent sale",showLessText:C="Show less",showMoreText:j="Show more",isLoading:L=!1,getImage:u=()=>{},negotiableText:g,freeText:p,onBookmark:b=()=>{},bookmarkComponent:f}=o,d=v.useDetectMobile(),[s,M]=n.useState(!1),U=n.useMemo(()=>{var t;return i.jsx(i.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,s===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},m)):r==null?void 0:r.slice(0,a).map((e,m)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,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:()=>c({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},m))})},[r,d,a,l,s]);return i.jsxs(N,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(S.SuspenseDetailedProductCard,{isLoading:L,limit:a,keyPrefix:"explore-landing",children:U}),d===!0&&l<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!s)},children:s===!0?C:j})]})});module.exports=_;

package/dist/UrgentSaleProductsSection.js

@@ -1,5 +1,5 @@
-import { jsx as i, Fragment as b, jsxs as k } from "react/jsx-runtime";
-import { memo as P, forwardRef as C, useState as N, useMemo as $ } from "react";
+import { jsx as i, Fragment as U, jsxs as b } from "react/jsx-runtime";
+import { memo as v, forwardRef as P, useState as N, useMemo as $ } from "react";
 import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as I, S as T } from "./consts-BuFChS64.js";
 import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
@@ -78,28 +78,28 @@ const j = F.div`
       }
     }
   }
-`, h = P(D), W = C((o, w) => {
+`, k = v(D), W = P((o, h) => {
   const {
     items: r,
-    limit: s = 5,
-    limitMobile: n = 4,
-    onSelectCard: a = () => {
+    limit: t = 5,
+    limitMobile: s = 4,
+    onSelectCard: m = () => {
     },
     title: S = "Urgent sale",
-    showLessText: y = "Show less",
-    showMoreText: L = "Show more",
-    isLoading: M = !1,
-    getImage: c = () => {
+    showLessText: w = "Show less",
+    showMoreText: y = "Show more",
+    isLoading: C = !1,
+    getImage: u = () => {
     },
-    negotiableText: u,
-    freeText: p,
-    onBookmark: g = () => {
+    negotiableText: c,
+    freeText: g,
+    onBookmark: p = () => {
     },
-    bookmarkComponent: f = /* @__PURE__ */ i(b, {})
-  } = o, d = _(), [l, U] = N(!1), v = $(() => {
-    var t;
-    return /* @__PURE__ */ i(b, { children: d === !0 ? (t = r == null ? void 0 : r.slice(0, l === !0 ? r == null ? void 0 : r.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ i(
-      h,
+    bookmarkComponent: f
+  } = o, n = _(), [l, L] = N(!1), M = $(() => {
+    var a;
+    return /* @__PURE__ */ i(U, { children: n === !0 ? (a = r == null ? void 0 : r.slice(0, l === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : a.map((e, d) => /* @__PURE__ */ i(
+      k,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -109,18 +109,18 @@ const j = F.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         isSponsored: e == null ? void 0 : e.isSponsored,
-        onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
-        imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: u,
-        freeText: p,
-        onBookmark: g,
+        onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+        imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: c,
+        freeText: g,
+        onBookmark: p,
         bookmarkComponent: f,
         bookmarked: e == null ? void 0 : e.bookmarked,
         bookmarkLists: e == null ? void 0 : e.bookmarkLists
       },
-      m
-    )) : r == null ? void 0 : r.slice(0, s).map((e, m) => /* @__PURE__ */ i(
-      h,
+      d
+    )) : r == null ? void 0 : r.slice(0, t).map((e, d) => /* @__PURE__ */ i(
+      k,
       {
         title: e == null ? void 0 : e.name,
         price: e == null ? void 0 : e.price,
@@ -131,44 +131,44 @@ const j = F.div`
         uuid: e == null ? void 0 : e.uuid,
         location: e == null ? void 0 : e.location,
         isSponsored: e == null ? void 0 : e.isSponsored,
-        onSelectCard: () => a == null ? void 0 : a(e == null ? void 0 : e.uuid),
-        imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
-        negotiableText: u,
-        freeText: p,
-        onBookmark: g,
+        onSelectCard: () => m({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug }),
+        imageUrl: u(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+        negotiableText: c,
+        freeText: g,
+        onBookmark: p,
         bookmarkComponent: f,
         bookmarked: e == null ? void 0 : e.bookmarked,
         bookmarkLists: e == null ? void 0 : e.bookmarkLists
       },
-      m
+      d
     )) });
-  }, [r, d, s, n, l]);
-  return /* @__PURE__ */ k(j, { ref: w, limit: s, children: [
-    /* @__PURE__ */ k("div", { className: "urgent-tag", children: [
+  }, [r, n, t, s, l]);
+  return /* @__PURE__ */ b(j, { ref: h, limit: t, children: [
+    /* @__PURE__ */ b("div", { className: "urgent-tag", children: [
       /* @__PURE__ */ i("i", { className: "mng mng-lnc-bolt-filled" }),
       /* @__PURE__ */ i("span", { children: S })
     ] }),
     /* @__PURE__ */ i(
       E,
       {
-        isLoading: M,
-        limit: s,
+        isLoading: C,
+        limit: t,
         keyPrefix: "explore-landing",
-        children: v
+        children: M
       }
     ),
-    d === !0 && n < (r == null ? void 0 : r.length) && /* @__PURE__ */ i(
+    n === !0 && s < (r == null ? void 0 : r.length) && /* @__PURE__ */ i(
       B,
       {
         className: "show-more",
         btnType: "basic",
         type: "button",
         color: "neutral",
-        onClick: (t) => {
+        onClick: (a) => {
           var e;
-          (e = t == null ? void 0 : t.target) == null || e.blur(), U(!l);
+          (e = a == null ? void 0 : a.target) == null || e.blur(), L(!l);
         },
-        children: l === !0 ? y : L
+        children: l === !0 ? w : y
       }
     )
   ] });

package/package.json

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