@lanaco/lnc-react-ui 4.0.177 → 4.0.179

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -70,4 +70,4 @@
       }
     }
   }
-`,z=a.memo(g.DetailedProductCard),R=a.forwardRef((n,p)=>{const{title:l,icon:c,items:o,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},actionComponent:S,componentName:j,hasNextPage:q=!1}=n,u=L.useDetectMobile(),P=a.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(z,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(U,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),imageUrl:y(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:_,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants},i)),[o]);return t.jsxs(T,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:P})}),!u&&!s&&q&&t.jsx(E,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=R;
+`,z=a.memo(g.DetailedProductCard),R=a.forwardRef((n,p)=>{const{title:l,icon:c,items:i,limit:f=4,isLoading:s=!1,onSelectCard:b=()=>{},onLoadMore:h=()=>{},onButtonAction:w=()=>{},getImage:y=()=>{},viewAllbuttonLink:d,viewAllButonText:m="View all",negotiableText:_,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},actionComponent:S,componentName:j,hasNextPage:q=!1}=n,u=L.useDetectMobile(),P=a.useMemo(()=>i==null?void 0:i.map((e,o)=>t.jsx(z,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(U,D)=>b({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:D}),imageUrl:y(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:_,freeText:k,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:j},sellerName:e==null?void 0:e.sellerName,forCart:e==null?void 0:e.forCart,forOrder:e==null?void 0:e.forOrder,contactSeller:e==null?void 0:e.contactSeller,hasVariants:e==null?void 0:e.hasVariants},o)),[i]);return t.jsxs(T,{ref:p,limit:f,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(l)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(c)&&t.jsx("i",{className:c})," ",l]}),u&&r.isDefinedNotEmptyString(d)&&r.isDefinedNotEmptyString(m)&&!s&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),w(d)},borderRadius:"curved",className:"section__view-all",children:m})]}),t.jsx(g.SuspenseDetailedProductCard,{isLoading:s,keyPrefix:"detailed-product-card-skeleton",children:t.jsx("div",{className:"section__items",children:P})}),!u&&!s&&q&&t.jsx(E,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:h})]})});module.exports=R;

package/dist/DetailedProductsInfinitiveSection.js

@@ -4,7 +4,7 @@ import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as z } from "./consts-BuFChS64.js";
 import E from "./IconButton.js";
 import U from "./Button.js";
-import { k as i } from "./utils-Dc5zIpaz.js";
+import { k as r } from "./utils-Dc5zIpaz.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
 import { D as j, S as A } from "./index-DrtxDu6u.js";
 const F = T.div`
@@ -88,9 +88,9 @@ const F = T.div`
     isLoading: n = !1,
     onSelectCard: g = () => {
     },
-    onLoadMore: b = () => {
+    onLoadMore: h = () => {
     },
-    onButtonAction: h = () => {
+    onButtonAction: b = () => {
     },
     getImage: w = () => {
     },
@@ -105,7 +105,7 @@ const F = T.div`
     actionComponent: N,
     componentName: S,
     hasNextPage: P = !1
-  } = a, u = $(), M = L(() => t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ o(
+  } = a, u = $(), M = L(() => t == null ? void 0 : t.map((e, i) => /* @__PURE__ */ o(
     O,
     {
       name: e == null ? void 0 : e.name,
@@ -127,6 +127,8 @@ const F = T.div`
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
+      hasQuantities: e == null ? void 0 : e.hasQuantities,
+      status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
       sponsoredText: v,
       onBookmark: C,
@@ -140,24 +142,24 @@ const F = T.div`
       contactSeller: e == null ? void 0 : e.contactSeller,
       hasVariants: e == null ? void 0 : e.hasVariants
     },
-    r
+    i
   )), [t]);
   return /* @__PURE__ */ s(F, { ref: p, limit: f, children: [
     /* @__PURE__ */ s("div", { className: "section__heading", children: [
-      i(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
-        i(c) && /* @__PURE__ */ o("i", { className: c }),
+      r(l) && /* @__PURE__ */ s("div", { className: "section__title", children: [
+        r(c) && /* @__PURE__ */ o("i", { className: c }),
         " ",
         l
       ] }),
-      u && i(m) && i(d) && !n && /* @__PURE__ */ o(
+      u && r(m) && r(d) && !n && /* @__PURE__ */ o(
         U,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var r;
-            (r = e == null ? void 0 : e.target) == null || r.blur(), h(m);
+            var i;
+            (i = e == null ? void 0 : e.target) == null || i.blur(), b(m);
           },
           borderRadius: "curved",
           className: "section__view-all",
@@ -181,7 +183,7 @@ const F = T.div`
         btnType: "basic",
         color: "neutral",
         className: "section__show-more",
-        onClick: b
+        onClick: h
       }
     )
   ] });

package/dist/DetailedProductsSection.cjs

@@ -1,6 +1,6 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-CkcozOY6.cjs"),w=require("./index-BeVjdODO.cjs"),I=require("./index-CSNxZFTX.cjs"),_=T.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-CkcozOY6.cjs"),w=require("./index-BeVjdODO.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=T.styled.div`
   display: grid;
-  grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,j=c.memo(w.DetailedProductCard),$=c.forwardRef((n,P)=>{const{icon:d,title:v,buttonLink:u,items:i,buttonText:m,limit:a=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:r,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:N=()=>{},actionComponent:f,componentName:h}=n,q=B.useDetectMobile(),L=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?i==null?void 0:i.map((e,o)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:h}},o)):i==null?void 0:i.slice(0,a).map((e,o)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,actionComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:h},sellerName:e==null?void 0:e.sellerName},o))}),[i,q,a]);return t.jsxs(R.TitleWithOptionsSectionWrapper,{ref:P,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d}),t.jsx("span",{children:v})]}),l.isDefinedNotEmptyString(u)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(F,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var o;(o=e==null?void 0:e.target)==null||o.blur(),D(u)},borderRadius:"curved",className:"button-link",children:m})]}),(r==null?void 0:r.length)>0&&t.jsx(I.SelectBar,{items:r,onRemove:e=>{S(e)},onSelect:e=>{S(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(_,{limit:a,children:L})})]})});module.exports=$;
+`,j=c.memo(w.DetailedProductCard),_=c.forwardRef((a,P)=>{const{icon:d,title:v,buttonLink:u,items:i,buttonText:m,limit:n=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:o,onSelectOption:C=()=>{},productsToolbarName:U="All",sponsoredText:f,onBookmark:h=()=>{},actionComponent:S,componentName:N}=a,q=B.useDetectMobile(),L=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?i==null?void 0:i.map((e,r)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),sellerName:e==null?void 0:e.sellerName,imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:f,onBookmark:h,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N}},r)):i==null?void 0:i.slice(0,n).map((e,r)=>t.jsx(j,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,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,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:(M,s)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:s}),imageUrl:b(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:k,freeText:y,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:f,onBookmark:h,actionComponent:S,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:N},sellerName:e==null?void 0:e.sellerName},r))}),[i,q,n]);return t.jsxs(R.TitleWithOptionsSectionWrapper,{ref:P,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[l.isDefinedNotEmptyString(d)&&t.jsx("i",{className:d}),t.jsx("span",{children:v})]}),l.isDefinedNotEmptyString(u)&&l.isDefinedNotEmptyString(m)&&!p&&t.jsx(F,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),D(u)},borderRadius:"curved",className:"button-link",children:m})]}),(o==null?void 0:o.length)>0&&t.jsx(I.SelectBar,{items:o,onRemove:e=>{C(e)},onSelect:e=>{C(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(Q,{limit:n,children:L})})]})});module.exports=_;

package/dist/DetailedProductsSection.js

@@ -1,23 +1,23 @@
-import { jsx as o, Fragment as F, jsxs as s } from "react/jsx-runtime";
+import { jsx as t, Fragment as F, jsxs as l } from "react/jsx-runtime";
 import { memo as B, forwardRef as q, useMemo as E } from "react";
 import { s as I } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as O } from "./consts-BuFChS64.js";
-import R from "./Button.js";
+import { M as Q } from "./consts-BuFChS64.js";
+import O from "./Button.js";
 import { k as m } from "./utils-Dc5zIpaz.js";
-import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as $ } from "./style-C7FUSHmS.js";
-import { D as j, S as z } from "./index-DrtxDu6u.js";
-import { S as A } from "./index-BGiZlEQt.js";
-const K = I.div`
+import { u as R } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as W } from "./style-C7FUSHmS.js";
+import { D as $, S as j } from "./index-DrtxDu6u.js";
+import { S as z } from "./index-BGiZlEQt.js";
+const A = I.div`
   display: grid;
-  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
     white-space: nowrap;
   }
 
-  @media (max-width: ${O + "px"}) {
+  @media (max-width: ${Q + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -36,12 +36,12 @@ const K = I.div`
       /* Safari and Chrome */
     }
   }
-`, P = B(j), ee = q((a, v) => {
+`, P = B($), ee = q((i, v) => {
   const {
     icon: d,
     title: T,
     buttonLink: c,
-    items: r,
+    items: o,
     buttonText: u,
     limit: n = 4,
     onSelectCard: p = () => {
@@ -53,16 +53,16 @@ const K = I.div`
     },
     negotiableText: k,
     freeText: f,
-    options: i,
+    options: a,
     onSelectOption: y = () => {
     },
     productsToolbarName: L = "All",
-    sponsoredText: S,
-    onBookmark: C = () => {
+    sponsoredText: C,
+    onBookmark: h = () => {
     },
-    actionComponent: h,
+    actionComponent: S,
     componentName: N
-  } = a, w = W(), M = E(() => /* @__PURE__ */ o(F, { children: w === !0 ? r == null ? void 0 : r.map((e, t) => /* @__PURE__ */ o(
+  } = i, w = R(), M = E(() => /* @__PURE__ */ t(F, { children: w === !0 ? o == null ? void 0 : o.map((e, r) => /* @__PURE__ */ t(
     P,
     {
       name: e == null ? void 0 : e.name,
@@ -74,10 +74,10 @@ const K = I.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (D, l) => p({
+      onSelectCard: (D, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        cardRef: l
+        cardRef: s
       }),
       sellerName: e == null ? void 0 : e.sellerName,
       imageUrl: b(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
@@ -89,16 +89,19 @@ const K = I.div`
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
+      hasQuantities: e == null ? void 0 : e.hasQuantities,
+      status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: S,
-      onBookmark: C,
-      actionComponent: h,
+      forCart: e == null ? void 0 : e.forCart,
+      sponsoredText: C,
+      onBookmark: h,
+      actionComponent: S,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
       metadata: { accessor: e == null ? void 0 : e.accessor, name: N }
     },
-    t
-  )) : r == null ? void 0 : r.slice(0, n).map((e, t) => /* @__PURE__ */ o(
+    r
+  )) : o == null ? void 0 : o.slice(0, n).map((e, r) => /* @__PURE__ */ t(
     P,
     {
       name: e == null ? void 0 : e.name,
@@ -111,10 +114,10 @@ const K = I.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (D, l) => p({
+      onSelectCard: (D, s) => p({
         uuid: e == null ? void 0 : e.uuid,
         nameSlug: e == null ? void 0 : e.nameSlug,
-        cardRef: l
+        cardRef: s
       }),
       imageUrl: b(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
@@ -125,32 +128,35 @@ const K = I.div`
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
+      hasQuantities: e == null ? void 0 : e.hasQuantities,
+      status: e == null ? void 0 : e.status,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: S,
-      onBookmark: C,
-      actionComponent: h,
+      forCart: e == null ? void 0 : e.forCart,
+      sponsoredText: C,
+      onBookmark: h,
+      actionComponent: S,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
       metadata: { accessor: e == null ? void 0 : e.accessor, name: N },
       sellerName: e == null ? void 0 : e.sellerName
     },
-    t
-  )) }), [r, w, n]);
-  return /* @__PURE__ */ s($, { ref: v, children: [
-    /* @__PURE__ */ s("div", { className: "regular-title", children: [
-      /* @__PURE__ */ s("div", { className: "regular-title-text", children: [
-        m(d) && /* @__PURE__ */ o("i", { className: d }),
-        /* @__PURE__ */ o("span", { children: T })
+    r
+  )) }), [o, w, n]);
+  return /* @__PURE__ */ l(W, { ref: v, children: [
+    /* @__PURE__ */ l("div", { className: "regular-title", children: [
+      /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
+        m(d) && /* @__PURE__ */ t("i", { className: d }),
+        /* @__PURE__ */ t("span", { children: T })
       ] }),
-      m(c) && m(u) && !g && /* @__PURE__ */ o(
-        R,
+      m(c) && m(u) && !g && /* @__PURE__ */ t(
+        O,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var t;
-            (t = e == null ? void 0 : e.target) == null || t.blur(), U(c);
+            var r;
+            (r = e == null ? void 0 : e.target) == null || r.blur(), U(c);
           },
           borderRadius: "curved",
           className: "button-link",
@@ -158,10 +164,10 @@ const K = I.div`
         }
       )
     ] }),
-    (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ o(
-      A,
+    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ t(
+      z,
       {
-        items: i,
+        items: a,
         onRemove: (e) => {
           y(e);
         },
@@ -174,12 +180,12 @@ const K = I.div`
         productsToolbarName: L
       }
     ),
-    /* @__PURE__ */ o(
-      z,
+    /* @__PURE__ */ t(
+      j,
       {
         isLoading: g,
         keyPrefix: "detailed-products-skeleton",
-        children: /* @__PURE__ */ o(K, { limit: n, children: M })
+        children: /* @__PURE__ */ t(A, { limit: n, children: M })
       }
     )
   ] });

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-BeVjdODO.cjs"),F=_.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-BeVjdODO.cjs"),F=_.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};
@@ -54,7 +54,7 @@
     }
   }
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
@@ -67,8 +67,8 @@
     }
   }
 
-  @media (max-width: ${C.SMALL_MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${w.SMALL_MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
   }
-`,S=s.memo(N.DetailedProductCard),I=s.forwardRef((a,P)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:q="Show less",showMoreText:L="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:b,freeText:f,onBookmark:k=()=>{},actionComponent:h,componentName:y,sponsoredText:w}=a,d=$.useDetectMobile(),[i,M]=s.useState(!1),U=s.useMemo(()=>{var t;return o.jsx(o.Fragment,{children:d===!0?(t=r==null?void 0:r.slice(0,i===!0?r==null?void 0:r.length:l))==null?void 0:t.map((e,m)=>o.jsx(S,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:b,freeText:f,onBookmark:k,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:w},m)):r==null?void 0:r.slice(0,n).map((e,m)=>o.jsx(S,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:b,freeText:f,onBookmark:k,actionComponent:h,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:w,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,n,l,i]);return o.jsx(N.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:o.jsxs(F,{ref:P,limit:n,children:[o.jsxs("div",{className:"urgent-tag",children:[o.jsx("i",{className:"mng mng-lnc-bolt-filled"}),o.jsx("span",{children:j})]})," ",U," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&o.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:t=>{var e;(e=t==null?void 0:t.target)==null||e.blur(),M(!i)},children:i===!0?q:L})]})})});module.exports=I;
+`,S=s.memo(N.DetailedProductCard),I=s.forwardRef((a,P)=>{const{items:r,limit:n=5,limitMobile:l=4,onSelectCard:u=()=>{},title:j="Urgent sale",showLessText:q="Show less",showMoreText:L="Show more",isLoading:g=!1,getImage:p=()=>{},negotiableText:f,freeText:b,onBookmark:h=()=>{},actionComponent:k,componentName:y,sponsoredText:C}=a,d=$.useDetectMobile(),[i,M]=s.useState(!1),U=s.useMemo(()=>{var o;return t.jsx(t.Fragment,{children:d===!0?(o=r==null?void 0:r.slice(0,i===!0?r==null?void 0:r.length:l))==null?void 0:o.map((e,m)=>t.jsx(S,{sellerName:e==null?void 0:e.sellerName,name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:h,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C},m)):r==null?void 0:r.slice(0,n).map((e,m)=>t.jsx(S,{name:e==null?void 0:e.name,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,categoryCode:e==null?void 0:e.categoryCode,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,onSelectCard:(v,c)=>u({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:c}),image:e==null?void 0:e.image,imageUrl:p(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,imageComponent:e==null?void 0:e.imageComponent,negotiableText:f,freeText:b,onBookmark:h,actionComponent:k,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{name:y,accessor:e==null?void 0:e.accessor},tags:e==null?void 0:e.tags,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,hasQuantities:e==null?void 0:e.hasQuantities,status:e==null?void 0:e.status,trade:e==null?void 0:e.trade,forCart:e==null?void 0:e.forCart,sponsoredText:C,sellerName:e==null?void 0:e.sellerName},m))})},[r,d,n,l,i]);return t.jsx(N.SuspenseDetailedProductCard,{isLoading:g,keyPrefix:"urgent-sale-products-skeleton",children:t.jsxs(F,{ref:P,limit:n,children:[t.jsxs("div",{className:"urgent-tag",children:[t.jsx("i",{className:"mng mng-lnc-bolt-filled"}),t.jsx("span",{children:j})]})," ",U," ",d===!0&&l<(r==null?void 0:r.length)&&!g&&t.jsx(T,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!i)},children:i===!0?q:L})]})})});module.exports=I;

package/dist/UrgentSaleProductsSection.js

@@ -1,14 +1,14 @@
-import { jsx as o, Fragment as $, jsxs as C } from "react/jsx-runtime";
+import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
 import { memo as T, forwardRef as F, useState as I, useMemo as _ } from "react";
 import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B, S as D } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import j from "./Button.js";
-import { D as z, S as A } from "./index-DrtxDu6u.js";
-const G = q.div`
+import Q from "./Button.js";
+import { D as j, S as z } from "./index-DrtxDu6u.js";
+const A = q.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${(a) => `repeat(${a.limit || 5},  minmax(0, 1fr))`};
+  grid-template-columns: ${(r) => `repeat(${r.limit || 5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -41,7 +41,7 @@ const G = q.div`
   }
 
   & .product-card {
-    max-width: ${(a) => `calc(${100 / a.desktopCols}% - ${(a.desktopCols - 1) * a.columnGapRem / a.desktopCols}rem)`};
+    max-width: ${(r) => `calc(${100 / r.desktopCols}% - ${(r.desktopCols - 1) * r.columnGapRem / r.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -78,11 +78,11 @@ const G = q.div`
     display: flex;
     flex-direction: column;
   }
-`, S = T(z), K = F((a, w) => {
+`, S = T(j), J = F((r, w) => {
   const {
-    items: r,
-    limit: n = 5,
-    limitMobile: s = 4,
+    items: a,
+    limit: s = 5,
+    limitMobile: n = 4,
     onSelectCard: c = () => {
     },
     title: N = "Urgent sale",
@@ -93,14 +93,14 @@ const G = q.div`
     },
     negotiableText: p,
     freeText: f,
-    onBookmark: b = () => {
+    onBookmark: h = () => {
     },
-    actionComponent: k,
-    componentName: h,
-    sponsoredText: y
-  } = a, l = E(), [t, M] = I(!1), U = _(() => {
-    var i;
-    return /* @__PURE__ */ o($, { children: l === !0 ? (i = r == null ? void 0 : r.slice(0, t === !0 ? r == null ? void 0 : r.length : s)) == null ? void 0 : i.map((e, m) => /* @__PURE__ */ o(
+    actionComponent: b,
+    componentName: k,
+    sponsoredText: C
+  } = r, l = E(), [i, M] = I(!1), U = _(() => {
+    var t;
+    return /* @__PURE__ */ o($, { children: l === !0 ? (t = a == null ? void 0 : a.slice(0, i === !0 ? a == null ? void 0 : a.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ o(
       S,
       {
         sellerName: e == null ? void 0 : e.sellerName,
@@ -124,19 +124,22 @@ const G = q.div`
         imageComponent: e == null ? void 0 : e.imageComponent,
         negotiableText: p,
         freeText: f,
-        onBookmark: b,
-        actionComponent: k,
+        onBookmark: h,
+        actionComponent: b,
         bookmarked: e == null ? void 0 : e.bookmarked,
         bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-        metadata: { name: h, accessor: e == null ? void 0 : e.accessor },
+        metadata: { name: k, accessor: e == null ? void 0 : e.accessor },
         tags: e == null ? void 0 : e.tags,
         condition: e == null ? void 0 : e.condition,
         quantity: e == null ? void 0 : e.quantity,
+        hasQuantities: e == null ? void 0 : e.hasQuantities,
+        status: e == null ? void 0 : e.status,
         trade: e == null ? void 0 : e.trade,
-        sponsoredText: y
+        forCart: e == null ? void 0 : e.forCart,
+        sponsoredText: C
       },
       m
-    )) : r == null ? void 0 : r.slice(0, n).map((e, m) => /* @__PURE__ */ o(
+    )) : a == null ? void 0 : a.slice(0, s).map((e, m) => /* @__PURE__ */ o(
       S,
       {
         name: e == null ? void 0 : e.name,
@@ -160,46 +163,49 @@ const G = q.div`
         imageComponent: e == null ? void 0 : e.imageComponent,
         negotiableText: p,
         freeText: f,
-        onBookmark: b,
-        actionComponent: k,
+        onBookmark: h,
+        actionComponent: b,
         bookmarked: e == null ? void 0 : e.bookmarked,
         bookmarkLists: e == null ? void 0 : e.bookmarkLists,
-        metadata: { name: h, accessor: e == null ? void 0 : e.accessor },
+        metadata: { name: k, accessor: e == null ? void 0 : e.accessor },
         tags: e == null ? void 0 : e.tags,
         condition: e == null ? void 0 : e.condition,
         quantity: e == null ? void 0 : e.quantity,
+        hasQuantities: e == null ? void 0 : e.hasQuantities,
+        status: e == null ? void 0 : e.status,
         trade: e == null ? void 0 : e.trade,
-        sponsoredText: y,
+        forCart: e == null ? void 0 : e.forCart,
+        sponsoredText: C,
         sellerName: e == null ? void 0 : e.sellerName
       },
       m
     )) });
-  }, [r, l, n, s, t]);
+  }, [a, l, s, n, i]);
   return /* @__PURE__ */ o(
-    A,
+    z,
     {
       isLoading: u,
       keyPrefix: "urgent-sale-products-skeleton",
-      children: /* @__PURE__ */ C(G, { ref: w, limit: n, children: [
-        /* @__PURE__ */ C("div", { className: "urgent-tag", children: [
+      children: /* @__PURE__ */ y(A, { ref: w, limit: s, children: [
+        /* @__PURE__ */ y("div", { className: "urgent-tag", children: [
           /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
           /* @__PURE__ */ o("span", { children: N })
         ] }),
         " ",
         U,
         " ",
-        l === !0 && s < (r == null ? void 0 : r.length) && !u && /* @__PURE__ */ o(
-          j,
+        l === !0 && n < (a == null ? void 0 : a.length) && !u && /* @__PURE__ */ o(
+          Q,
           {
             className: "show-more",
             btnType: "basic",
             type: "button",
             color: "neutral",
-            onClick: (i) => {
+            onClick: (t) => {
               var e;
-              (e = i == null ? void 0 : i.target) == null || e.blur(), M(!t);
+              (e = t == null ? void 0 : t.target) == null || e.blur(), M(!i);
             },
-            children: t === !0 ? P : L
+            children: i === !0 ? P : L
           }
         )
       ] })
@@ -207,5 +213,5 @@ const G = q.div`
   );
 });
 export {
-  K as default
+  J as default
 };

package/package.json

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