@lanaco/lnc-react-ui 4.0.87 → 4.0.88

package/dist/GiftCardsSection.cjs

@@ -1,12 +1,12 @@
-"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-xvwWn3Zv.cjs"),n=require("./utils-DhRHf5Ed.cjs"),j=require("./Button.cjs"),s=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=s.styled.div`
+"use strict";const r=require("react/jsx-runtime"),f=require("react"),w=require("./useDetectMobile-zkbzoOGV.cjs"),v=require("./style-xvwWn3Zv.cjs"),o=require("./utils-DhRHf5Ed.cjs"),j=require("./Button.cjs"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),S=c.styled.div`
   display: grid;
-  grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`,G=s.styled.div`
+`,G=c.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -21,7 +21,7 @@
   & .text-wrap {
     text-align: center;
   }
-`,k=s.styled.div`
+`,k=c.styled.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -33,7 +33,7 @@
   & .skeleton__card {
     height: 100%;
     width: 100%;
-    ${n.linearGradientAnimation("-90deg")}
+    ${o.linearGradientAnimation("-90deg")}
 
     background: linear-gradient(
       178deg,
@@ -69,9 +69,9 @@
     -webkit-transform: rotate(315deg);
     transform: rotate(315deg);
   }
-`;s.styled.div`
+`;c.styled.div`
   width: 100%;
   height: 11.5rem;
   border-radius: 0.75rem;
-  background: ${n.linearGradientAnimation("-90deg")};
-`;const p=f.forwardRef((o,c)=>{const{image:a,text:d,price:i,currency:t,onSelectGiftCard:l=()=>{}}=o;return r.jsxs(G,{ref:c,className:"simple-gift-card",onClick:()=>l(i),children:[r.jsxs(k,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${n.formatPrice(i)} ${n.GetCurrencySymbol(t)}`}),r.jsx("img",{src:a})]}),r.jsx("div",{className:"text-wrap",children:d})]})}),q=f.forwardRef((o,c)=>{const{icon:a,title:d,buttonLink:i,items:t,buttonText:l,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=o,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:c,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:d})]}),n.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:()=>h(i),borderRadius:"curved",children:l})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,m)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},m)):t==null?void 0:t.slice(0,u).map((e,m)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},m))})]})});module.exports=q;
+  background: ${o.linearGradientAnimation("-90deg")};
+`;const p=f.forwardRef((a,d)=>{const{image:s,text:l,price:i,currency:t,onSelectGiftCard:m=()=>{}}=a;return r.jsxs(G,{ref:d,className:"simple-gift-card",onClick:()=>m(i),children:[r.jsxs(k,{children:[r.jsx("div",{className:"price-tag",children:i&&t&&`${o.formatPrice(i)} ${o.GetCurrencySymbol(t)}`}),r.jsx("img",{src:s})]}),r.jsx("div",{className:"text-wrap",children:l})]})}),q=f.forwardRef((a,d)=>{const{icon:s,title:l,buttonLink:i,items:t,buttonText:m,limit:u=4,onSelectCard:g=()=>{},onButtonAction:h=()=>{}}=a,b=w.useDetectMobile();return r.jsxs(v.RegulatTitleSectionWrapper,{ref:d,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[o.isDefinedNotEmptyString(s)&&r.jsx("i",{className:s}),r.jsx("span",{children:l})]}),o.isDefinedNotEmptyString(i)&&r.jsx(j,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var n;(n=e==null?void 0:e.target)==null||n.blur(),h(i)},borderRadius:"curved",children:m})]}),r.jsx(S,{limit:u,children:b===!0?t==null?void 0:t.map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n)):t==null?void 0:t.slice(0,u).map((e,n)=>r.jsx(p,{text:e==null?void 0:e.text,price:e==null?void 0:e.priceTo,currency:e==null?void 0:e.currencyIsoCode,image:e==null?void 0:e.imageUrl,uuid:e==null?void 0:e.uuid,onSelectGiftCard:y=>g(e)},n))})]})});module.exports=q;

package/dist/GiftCardsSection.js

@@ -1,20 +1,20 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { u as C } from "./useDetectMobile-Bkvj0VMa.js";
 import { R as k } from "./style-sLF37aOA.js";
 import { m as b, n as G, G as S, k as u } from "./utils-BE-UlkKf.js";
 import N from "./Button.js";
-import { s as d } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as $ } from "./consts-BuFChS64.js";
-const T = d.div`
+const T = c.div`
   display: grid;
-  grid-template-columns: ${(o) => `repeat(${o.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   @media (max-width: ${$ + "px"}) {
     grid-template-columns: repeat(1, 1fr);
   }
-`, j = d.div`
+`, j = c.div`
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -29,7 +29,7 @@ const T = d.div`
   & .text-wrap {
     text-align: center;
   }
-`, E = d.div`
+`, E = c.div`
   width: 100%;
   min-height: 11rem;
   max-height: 11rem;
@@ -78,54 +78,54 @@ const T = d.div`
     transform: rotate(315deg);
   }
 `;
-d.div`
+c.div`
   width: 100%;
   height: 11.5rem;
   border-radius: 0.75rem;
   background: ${b("-90deg")};
 `;
-const f = h((o, c) => {
+const f = h((a, m) => {
   const {
-    image: n,
-    text: m,
+    image: d,
+    text: l,
     price: i,
-    currency: r,
-    onSelectGiftCard: l = () => {
+    currency: e,
+    onSelectGiftCard: s = () => {
     }
-  } = o;
-  return /* @__PURE__ */ a(
+  } = a;
+  return /* @__PURE__ */ n(
     j,
     {
-      ref: c,
+      ref: m,
       className: "simple-gift-card",
-      onClick: () => l(i),
+      onClick: () => s(i),
       children: [
-        /* @__PURE__ */ a(E, { children: [
-          /* @__PURE__ */ t("div", { className: "price-tag", children: i && r && `${G(i)} ${S(r)}` }),
-          /* @__PURE__ */ t("img", { src: n })
+        /* @__PURE__ */ n(E, { children: [
+          /* @__PURE__ */ t("div", { className: "price-tag", children: i && e && `${G(i)} ${S(e)}` }),
+          /* @__PURE__ */ t("img", { src: d })
         ] }),
-        /* @__PURE__ */ t("div", { className: "text-wrap", children: m })
+        /* @__PURE__ */ t("div", { className: "text-wrap", children: l })
       ]
     }
   );
-}), D = h((o, c) => {
+}), D = h((a, m) => {
   const {
-    icon: n,
-    title: m,
+    icon: d,
+    title: l,
     buttonLink: i,
-    items: r,
-    buttonText: l,
+    items: e,
+    buttonText: s,
     limit: p = 4,
     onSelectCard: g = () => {
     },
     onButtonAction: v = () => {
     }
-  } = o, w = C();
-  return /* @__PURE__ */ a(k, { ref: c, children: [
-    /* @__PURE__ */ a("div", { className: "regular-title", children: [
-      /* @__PURE__ */ a("div", { className: "regular-title-text", children: [
-        u(n) && /* @__PURE__ */ t("i", { className: n }),
-        /* @__PURE__ */ t("span", { children: m })
+  } = a, w = C();
+  return /* @__PURE__ */ n(k, { ref: m, children: [
+    /* @__PURE__ */ n("div", { className: "regular-title", children: [
+      /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
+        u(d) && /* @__PURE__ */ t("i", { className: d }),
+        /* @__PURE__ */ t("span", { children: l })
       ] }),
       u(i) && /* @__PURE__ */ t(
         N,
@@ -133,34 +133,37 @@ const f = h((o, c) => {
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => v(i),
+          onClick: (r) => {
+            var o;
+            (o = r == null ? void 0 : r.target) == null || o.blur(), v(i);
+          },
           borderRadius: "curved",
-          children: l
+          children: s
         }
       )
     ] }),
-    /* @__PURE__ */ t(T, { limit: p, children: w === !0 ? r == null ? void 0 : r.map((e, s) => /* @__PURE__ */ t(
+    /* @__PURE__ */ t(T, { limit: p, children: w === !0 ? e == null ? void 0 : e.map((r, o) => /* @__PURE__ */ t(
       f,
       {
-        text: e == null ? void 0 : e.text,
-        price: e == null ? void 0 : e.priceTo,
-        currency: e == null ? void 0 : e.currencyIsoCode,
-        image: e == null ? void 0 : e.imageUrl,
-        uuid: e == null ? void 0 : e.uuid,
-        onSelectGiftCard: (y) => g(e)
+        text: r == null ? void 0 : r.text,
+        price: r == null ? void 0 : r.priceTo,
+        currency: r == null ? void 0 : r.currencyIsoCode,
+        image: r == null ? void 0 : r.imageUrl,
+        uuid: r == null ? void 0 : r.uuid,
+        onSelectGiftCard: (y) => g(r)
       },
-      s
-    )) : r == null ? void 0 : r.slice(0, p).map((e, s) => /* @__PURE__ */ t(
+      o
+    )) : e == null ? void 0 : e.slice(0, p).map((r, o) => /* @__PURE__ */ t(
       f,
       {
-        text: e == null ? void 0 : e.text,
-        price: e == null ? void 0 : e.priceTo,
-        currency: e == null ? void 0 : e.currencyIsoCode,
-        image: e == null ? void 0 : e.imageUrl,
-        uuid: e == null ? void 0 : e.uuid,
-        onSelectGiftCard: (y) => g(e)
+        text: r == null ? void 0 : r.text,
+        price: r == null ? void 0 : r.priceTo,
+        currency: r == null ? void 0 : r.currencyIsoCode,
+        image: r == null ? void 0 : r.imageUrl,
+        uuid: r == null ? void 0 : r.uuid,
+        onSelectGiftCard: (y) => g(r)
       },
-      s
+      o
     )) })
   ] });
 });

package/dist/SimpleCategoriesSection.cjs

@@ -22,4 +22,4 @@
       /* Safari and Chrome */
     }
   }
-`,m=s.memo(p.CategorySimpleCard),E=s.forwardRef((a,g)=>{const{icon:l,title:y="Shop by category",items:t,buttonText:b="Shop now",buttonLink:c,limit:o=12,onButtonAction:h=()=>{},onSelectCard:i=()=>{},isLoading:f=!1,getImage:u=()=>{}}=a,S=q.useDetectMobile(),j=s.useMemo(()=>r.jsx(r.Fragment,{children:S===!0?t==null?void 0:t.map((e,n)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},n)):t==null?void 0:t.slice(0,o).map((e,n)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e)},n))}),[t]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:g,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:y})]}),d.isDefinedNotEmptyString(c)&&r.jsx(v,{type:"button",btnType:"tinted",color:"gray",onClick:()=>h(c),borderRadius:"curved",children:b})]}),r.jsx(M,{limit:o,children:r.jsx(p.SuspenseSimpleCategoryCard,{isLoading:f,limit:o,keyPrefix:"explore-landing",children:j})})]})});module.exports=E;
+`,m=s.memo(p.CategorySimpleCard),E=s.forwardRef((a,g)=>{const{icon:l,title:b="Shop by category",items:t,buttonText:y="Shop now",buttonLink:c,limit:n=12,onButtonAction:h=()=>{},onSelectCard:i=()=>{},isLoading:f=!1,getImage:u=()=>{}}=a,S=q.useDetectMobile(),j=s.useMemo(()=>r.jsx(r.Fragment,{children:S===!0?t==null?void 0:t.map((e,o)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e==null?void 0:e.uuid)},o)):t==null?void 0:t.slice(0,n).map((e,o)=>r.jsx(m,{uuid:e==null?void 0:e.uuid,image:u(e==null?void 0:e.image)||null,name:e==null?void 0:e.name,onSelectCard:()=>i==null?void 0:i(e)},o))}),[t]);return r.jsxs(k.RegulatTitleSectionWrapper,{ref:g,children:[r.jsxs("div",{className:"regular-title",children:[r.jsxs("div",{className:"regular-title-text",children:[d.isDefinedNotEmptyString(l)&&r.jsx("i",{className:l}),r.jsx("span",{children:b})]}),d.isDefinedNotEmptyString(c)&&r.jsx(v,{type:"button",btnType:"tinted",color:"gray",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),h(c)},borderRadius:"curved",children:y})]}),r.jsx(M,{limit:n,children:r.jsx(p.SuspenseSimpleCategoryCard,{isLoading:f,limit:n,keyPrefix:"explore-landing",children:j})})]})});module.exports=E;

package/dist/SimpleCategoriesSection.js

@@ -31,14 +31,14 @@ const P = M.div`
       /* Safari and Chrome */
     }
   }
-`, c = C(B), G = k((l, u) => {
+`, u = C(B), G = k((l, c) => {
   const {
     icon: m,
     title: g = "Shop by category",
     items: o,
     buttonText: f = "Shop now",
     buttonLink: s,
-    limit: t = 12,
+    limit: a = 12,
     onButtonAction: b = () => {
     },
     onSelectCard: i = () => {
@@ -46,26 +46,26 @@ const P = M.div`
     isLoading: y = !1,
     getImage: d = () => {
     }
-  } = l, h = I(), w = v(() => /* @__PURE__ */ r(S, { children: h === !0 ? o == null ? void 0 : o.map((e, a) => /* @__PURE__ */ r(
-    c,
+  } = l, h = I(), w = v(() => /* @__PURE__ */ r(S, { children: h === !0 ? o == null ? void 0 : o.map((e, t) => /* @__PURE__ */ r(
+    u,
     {
       uuid: e == null ? void 0 : e.uuid,
       image: d(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       onSelectCard: () => i == null ? void 0 : i(e == null ? void 0 : e.uuid)
     },
-    a
-  )) : o == null ? void 0 : o.slice(0, t).map((e, a) => /* @__PURE__ */ r(
-    c,
+    t
+  )) : o == null ? void 0 : o.slice(0, a).map((e, t) => /* @__PURE__ */ r(
+    u,
     {
       uuid: e == null ? void 0 : e.uuid,
       image: d(e == null ? void 0 : e.image) || null,
       name: e == null ? void 0 : e.name,
       onSelectCard: () => i == null ? void 0 : i(e)
     },
-    a
+    t
   )) }), [o]);
-  return /* @__PURE__ */ n(N, { ref: u, children: [
+  return /* @__PURE__ */ n(N, { ref: c, children: [
     /* @__PURE__ */ n("div", { className: "regular-title", children: [
       /* @__PURE__ */ n("div", { className: "regular-title-text", children: [
         p(m) && /* @__PURE__ */ r("i", { className: m }),
@@ -77,17 +77,20 @@ const P = M.div`
           type: "button",
           btnType: "tinted",
           color: "gray",
-          onClick: () => b(s),
+          onClick: (e) => {
+            var t;
+            (t = e == null ? void 0 : e.target) == null || t.blur(), b(s);
+          },
           borderRadius: "curved",
           children: f
         }
       )
     ] }),
-    /* @__PURE__ */ r(P, { limit: t, children: /* @__PURE__ */ r(
+    /* @__PURE__ */ r(P, { limit: a, children: /* @__PURE__ */ r(
       L,
       {
         isLoading: y,
-        limit: t,
+        limit: a,
         keyPrefix: "explore-landing",
         children: w
       }

package/dist/UrgentSaleProductsSection.cjs

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

package/dist/UrgentSaleProductsSection.js

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

package/package.json

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