@lanaco/lnc-react-ui 4.0.176 → 4.0.178

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),M=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),E=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-RnrgDDZP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-BD-qUr5R.cjs"),T=M.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),M=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),E=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-RnrgDDZP.cjs"),L=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-BeVjdODO.cjs"),T=M.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -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=()=>{},bookmarkComponent: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,bookmarkComponent: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,9 +4,9 @@ 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-DMnFESGw.js";
+import { D as j, S as A } from "./index-DrtxDu6u.js";
 const F = T.div`
   display: flex;
   flex-direction: column;
@@ -88,24 +88,24 @@ const F = T.div`
     isLoading: n = !1,
     onSelectCard: g = () => {
     },
-    onLoadMore: b = () => {
+    onLoadMore: h = () => {
     },
-    onButtonAction: h = () => {
+    onButtonAction: b = () => {
     },
     getImage: w = () => {
     },
     viewAllbuttonLink: m,
     viewAllButonText: d = "View all",
     negotiableText: _,
-    freeText: k,
-    loadMoreButtonIcon: y = "angle-down",
+    freeText: y,
+    loadMoreButtonIcon: k = "angle-down",
     sponsoredText: v,
     onBookmark: C = () => {
     },
-    bookmarkComponent: N,
+    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,
@@ -122,15 +122,17 @@ const F = T.div`
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: _,
-      freeText: 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,
       sponsoredText: v,
       onBookmark: C,
-      bookmarkComponent: N,
+      actionComponent: N,
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
       metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
@@ -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",
@@ -176,12 +178,12 @@ const F = T.div`
     !u && !n && P && /* @__PURE__ */ o(
       E,
       {
-        icon: y,
+        icon: k,
         borderRadius: "curved",
         btnType: "basic",
         color: "neutral",
         className: "section__show-more",
-        onClick: b
+        onClick: h
       }
     )
   ] });

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"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-BD-qUr5R.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))`};
   gap: 1.25rem;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,j=c.memo(w.DetailedProductCard),$=c.forwardRef((n,P)=>{const{icon:d,title:v,buttonLink:u,items:o,buttonText:m,limit:a=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:i,onSelectOption:S=()=>{},productsToolbarName:U="All",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:f,componentName:h}=n,q=B.useDetectMobile(),L=c.useMemo(()=>t.jsx(t.Fragment,{children:q===!0?o==null?void 0:o.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,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent: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}},r)):o==null?void 0:o.slice(0,a).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,trade:e==null?void 0:e.trade,sponsoredText:C,onBookmark:N,bookmarkComponent: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},r))}),[o,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 r;(r=e==null?void 0:e.target)==null||r.blur(),D(u)},borderRadius:"curved",className:"button-link",children:m})]}),(i==null?void 0:i.length)>0&&t.jsx(I.SelectBar,{items:i,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((n,P)=>{const{icon:d,title:v,buttonLink:u,items:i,buttonText:m,limit:s=4,onSelectCard:g=()=>{},onButtonAction:D=()=>{},isLoading:p=!1,getImage:b=()=>{},negotiableText:k,freeText:y,options:r,onSelectOption:h=()=>{},productsToolbarName:U="All",sponsoredText:S,onBookmark:C=()=>{},actionComponent:N,componentName:f}=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,a)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:a}),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,sponsoredText:S,onBookmark:C,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:f}},o)):i==null?void 0:i.slice(0,s).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,a)=>g({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:a}),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,sponsoredText:S,onBookmark:C,actionComponent:N,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists,metadata:{accessor:e==null?void 0:e.accessor,name:f},sellerName:e==null?void 0:e.sellerName},o))}),[i,q,s]);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=>{h(e)},onSelect:e=>{h(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:U}),t.jsx(w.SuspenseDetailedProductCard,{isLoading:p,keyPrefix:"detailed-products-skeleton",children:t.jsx(Q,{limit:s,children:L})})]})});module.exports=_;

package/dist/DetailedProductsSection.js

@@ -1,14 +1,14 @@
-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-DMnFESGw.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))`};
   gap: 1.25rem;
@@ -17,7 +17,7 @@ const K = I.div`
     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((a, 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: r,
     onSelectOption: y = () => {
     },
     productsToolbarName: L = "All",
-    sponsoredText: S,
-    onBookmark: C = () => {
+    sponsoredText: h,
+    onBookmark: S = () => {
     },
-    bookmarkComponent: h,
+    actionComponent: C,
     componentName: N
-  } = a, w = W(), M = E(() => /* @__PURE__ */ o(F, { children: w === !0 ? r == null ? void 0 : r.map((e, t) => /* @__PURE__ */ o(
+  } = a, w = R(), M = E(() => /* @__PURE__ */ t(F, { children: w === !0 ? o == null ? void 0 : o.map((e, i) => /* @__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,18 @@ 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,
-      bookmarkComponent: h,
+      sponsoredText: h,
+      onBookmark: S,
+      actionComponent: C,
       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(
+    i
+  )) : o == null ? void 0 : o.slice(0, n).map((e, i) => /* @__PURE__ */ t(
     P,
     {
       name: e == null ? void 0 : e.name,
@@ -111,10 +113,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 +127,34 @@ 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,
-      bookmarkComponent: h,
+      sponsoredText: h,
+      onBookmark: S,
+      actionComponent: C,
       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 })
+    i
+  )) }), [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 i;
+            (i = e == null ? void 0 : e.target) == null || i.blur(), U(c);
           },
           borderRadius: "curved",
           className: "button-link",
@@ -158,10 +162,10 @@ const K = I.div`
         }
       )
     ] }),
-    (i == null ? void 0 : i.length) > 0 && /* @__PURE__ */ o(
-      A,
+    (r == null ? void 0 : r.length) > 0 && /* @__PURE__ */ t(
+      z,
       {
-        items: i,
+        items: r,
         onRemove: (e) => {
           y(e);
         },
@@ -174,12 +178,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-BD-qUr5R.cjs"),F=_.styled.div`
+"use strict";const t=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`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};
@@ -71,4 +71,4 @@
     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:k,onBookmark:f=()=>{},bookmarkComponent: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:k,onBookmark:f,bookmarkComponent: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:k,onBookmark:f,bookmarkComponent: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:b,freeText:h,onBookmark:f=()=>{},actionComponent:k,componentName:y,sponsoredText:w}=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:b,freeText:h,onBookmark:f,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,sponsoredText:w},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:b,freeText:h,onBookmark:f,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,sponsoredText:w,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

@@ -3,12 +3,12 @@ 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-DMnFESGw.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: k = () => {
+    onBookmark: h = () => {
     },
-    bookmarkComponent: b,
-    componentName: h,
+    actionComponent: b,
+    componentName: k,
     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(
+  } = 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,21 @@ const G = q.div`
         imageComponent: e == null ? void 0 : e.imageComponent,
         negotiableText: p,
         freeText: f,
-        onBookmark: k,
-        bookmarkComponent: b,
+        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
       },
       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,27 +162,29 @@ const G = q.div`
         imageComponent: e == null ? void 0 : e.imageComponent,
         negotiableText: p,
         freeText: f,
-        onBookmark: k,
-        bookmarkComponent: b,
+        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,
         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: [
+      children: /* @__PURE__ */ C(A, { ref: w, limit: s, children: [
         /* @__PURE__ */ C("div", { className: "urgent-tag", children: [
           /* @__PURE__ */ o("i", { className: "mng mng-lnc-bolt-filled" }),
           /* @__PURE__ */ o("span", { children: N })
@@ -188,18 +192,18 @@ const G = q.div`
         " ",
         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 +211,5 @@ const G = q.div`
   );
 });
 export {
-  K as default
+  J as default
 };

package/dist/{index-BD-qUr5R.cjs → index-BeVjdODO.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),fe=require("./index-uwl7BjRF.cjs"),P=require("./Badge.cjs"),be=require("./Popover.cjs"),we=require("./PopoverTrigger.cjs"),ve=require("./PopoverContent.cjs"),je=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./style-BAcV7F53.cjs"),ke=k.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),we=require("./index-uwl7BjRF.cjs"),P=require("./Badge.cjs"),ve=require("./Popover.cjs"),je=require("./PopoverTrigger.cjs"),xe=require("./PopoverContent.cjs"),ke=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./style-BAcV7F53.cjs"),Se=x.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -103,7 +103,7 @@
     gap: 0.25rem;
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -166,7 +166,7 @@
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`,xe=k.styled.div`
+`,ye=x.styled.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -219,7 +219,7 @@
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -234,7 +234,7 @@
       top: unset;
     }
   }
-`,Se=k.styled.div`
+`,Pe=x.styled.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -284,7 +284,7 @@
       color: var(--gray-950, #14161a);
     }
   }
-`,ye=k.styled.div`
+`,_e=x.styled.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -296,12 +296,12 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,Pe=c.forwardRef(({sponsoredText:i="Sponsored"},x)=>e.jsxs(ye,{ref:x,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),_e="Vehicles_Cars",Ce="Vehicles_Motorcycles",Re="Vehicles_Trucks",Le="Vehicles_AgriculturalMachines_Tractors",Ne="Vehicles_ConstructionMachines",We="Vehicles_Bus",$e="Vehicles_Campers",Ee="RealEstates_",s={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Te=c.forwardRef((i,x)=>{const{uuid:w,sellerUuid:_,name:Y,price:C=0,sellingPrice:S,currency:y,isNegotiable:R,isFree:L,imageUrl:Z,location:K,sponsored:A,imageComponent:T,onSelectCard:H=()=>{},freeText:J="Free",negotiableText:Q="Negotiable",tags:t=[],categoryCode:N,condition:q,quantity:O,trade:V,sponsoredText:ee,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,onBookmark:W=()=>{},bookmarkComponent:v,bookmarked:B,bookmarkLists:ie,metadata:f,sellerName:z}=i,$=je.useDetectMobile(),se=()=>{var m;if(!l.isDefined(v))return e.jsx(e.Fragment,{});const o=v,n=(m=v==null?void 0:v.props)==null?void 0:m.children,d=c.cloneElement(n,{key:`bookmark_pr__${B}`,bookmarked:B,productUuid:w,onAddToBookmark:()=>W(!0,w),onRemoveFromBookmark:()=>W(!1,w),bookmarkedUuidList:ie,sellerUuid:_,handleBookmarking:W,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te});return c.cloneElement(o,void 0,d)},M=[_e,Ce,Re,Le,Ne,We,$e,Ee].some(o=>N==null?void 0:N.includes(o)),[ae,F]=c.useState(!1),le=()=>{F(!0)},ce=()=>{F(!1)},a=c.useRef(null),u=c.useRef([]),[de,G]=c.useState(t==null?void 0:t.length),me=()=>{var m,b,j;if(!(a!=null&&a.current)||((m=u==null?void 0:u.current)==null?void 0:m.length)===0)return;if($){G(t==null?void 0:t.length);return}const o=(b=a==null?void 0:a.current)==null?void 0:b.offsetWidth;let n=0,d=0;for(let h=0;h<(t==null?void 0:t.length);h++){const g=((j=u==null?void 0:u.current[h])==null?void 0:j.offsetWidth)||0,p=n+g+4;if(p<=o)n+=p,d++;else break}G(d)};c.useEffect(()=>{const o=a==null?void 0:a.current;if(!o)return;const n=new ResizeObserver(()=>{me()});return n.observe(o),()=>{n.disconnect()}},[t,$]);const he=()=>{var o;return e.jsx("div",{className:"tags-popover__trigger",children:(o=t==null?void 0:t.slice(0,de))==null?void 0:o.map((n,d)=>{var g,p,D,U,X;const m=((g=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:g.icon)??((p=s==null?void 0:s.default)==null?void 0:p.icon)??"",b=((D=n==null?void 0:n.measurementUnit)==null?void 0:D.symbol)??((U=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:U.measure)??"",h=[(n==null?void 0:n.value)??((X=n==null?void 0:n.multiOptions)==null?void 0:X[0])??"",b].filter(Boolean).join(" ");return e.jsxs(P,{ref:ge=>u.current[d]=ge,className:"tag",children:[e.jsx("i",{className:m}),h]},`detailed-products-section-tag__${d+1}`)})})},pe=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((o,n)=>{var h,g,p;const d=((h=o==null?void 0:o.measurementUnit)==null?void 0:h.symbol)??((g=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:g.measure)??"",b=[(o==null?void 0:o.value)??((p=o==null?void 0:o.multiOptions)==null?void 0:p[0])??"",d].filter(Boolean).join(" "),j=o==null?void 0:o.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${j}: `}),e.jsx("span",{className:"tags-popover__value",children:b})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),ue=()=>e.jsxs(e.Fragment,{children:[q&&e.jsx(P,{className:"tag",children:q},"detailed-products-section-tag__condition"),O&&e.jsx(P,{className:"tag",children:O},"detailed-products-section-tag__quantity"),V&&e.jsx(P,{className:"tag",children:V},"detailed-products-section-tag__trade")]}),I=C>0&&y&&R!==!0&&L!==!0&&C!==S;return e.jsxs(ke,{ref:a,className:"product-card","data-accessor":f==null?void 0:f.accessor,name:f==null?void 0:f.name,onClick:o=>H(o,a),children:[e.jsxs(xe,{className:"product-image-wrapper",children:[e.jsx(se,{}),l.isDefined(T)?T:e.jsx(fe.ProductImageWrapper,{src:Z})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:z,children:z}),e.jsx("div",{className:"card-title",children:Y})]}),e.jsxs("div",{className:"wrapper-card-3",children:[M&&e.jsx("div",{...$?{}:{onMouseEnter:le,onMouseLeave:ce},children:e.jsxs(be,{placement:"bottom",open:ae,children:[e.jsx(we,{children:he()}),e.jsx(ve,{style:{all:"unset"},children:e.jsx(Se,{children:pe()})})]})}),!M&&ue()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${I?"new-price":""}`,children:[S>0&&y&&R!==!0&&L!==!0&&e.jsx("div",{children:`${l.formatPrice(S)} ${l.GetCurrencySymbol(y)}`}),I&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${l.formatPrice(C)} ${l.GetCurrencySymbol(y)}`}),R&&Q,L&&J]}),e.jsx("div",{className:"location-text",children:K})]}),A===!0&&e.jsx(Pe,{sponsoredText:ee})]})}),qe=k.styled(r.SkeletonRowWrapper)`
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+`,Ce=c.forwardRef(({sponsoredText:i="Sponsored"},k)=>e.jsxs(_e,{ref:k,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Re="Vehicles_Cars",Le="Vehicles_Motorcycles",Ne="Vehicles_Trucks",We="Vehicles_AgriculturalMachines_Tractors",$e="Vehicles_ConstructionMachines",Ee="Vehicles_Bus",Te="Vehicles_Campers",qe="RealEstates_",s={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Oe=c.forwardRef((i,k)=>{const{uuid:w,sellerUuid:_,name:Y,price:C=0,sellingPrice:S,currency:y,isNegotiable:R,isFree:L,imageUrl:Z,location:A,sponsored:K,imageComponent:q,onSelectCard:H=()=>{},freeText:Q="Free",negotiableText:J="Negotiable",tags:t=[],categoryCode:N,condition:O,quantity:W,trade:V,sponsoredText:ee,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,hasQuantities:ie,status:se,onBookmark:$=()=>{},actionComponent:v,bookmarked:B,bookmarkLists:ae,metadata:f,sellerName:z}=i,E=ke.useDetectMobile(),le=()=>{var m;if(!l.isDefined(v))return e.jsx(e.Fragment,{});const o=v,n=(m=v==null?void 0:v.props)==null?void 0:m.children,d=c.cloneElement(n,{key:`bookmark_pr__${B}`,bookmarked:B,productUuid:w,onAddToBookmark:()=>$(!0,w),onRemoveFromBookmark:()=>$(!1,w),bookmarkedUuidList:ae,sellerUuid:_,handleBookmarking:$,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,status:se,quantity:W,hasQuantities:ie});return c.cloneElement(o,void 0,d)},M=[Re,Le,Ne,We,$e,Ee,Te,qe].some(o=>N==null?void 0:N.includes(o)),[ce,F]=c.useState(!1),de=()=>{F(!0)},me=()=>{F(!1)},a=c.useRef(null),p=c.useRef([]),[he,G]=c.useState(t==null?void 0:t.length),ue=()=>{var m,b,j;if(!(a!=null&&a.current)||((m=p==null?void 0:p.current)==null?void 0:m.length)===0)return;if(E){G(t==null?void 0:t.length);return}const o=(b=a==null?void 0:a.current)==null?void 0:b.offsetWidth;let n=0,d=0;for(let h=0;h<(t==null?void 0:t.length);h++){const g=((j=p==null?void 0:p.current[h])==null?void 0:j.offsetWidth)||0,u=n+g+4;if(u<=o)n+=u,d++;else break}G(d)};c.useEffect(()=>{const o=a==null?void 0:a.current;if(!o)return;const n=new ResizeObserver(()=>{ue()});return n.observe(o),()=>{n.disconnect()}},[t,E]);const pe=()=>{var o;return e.jsx("div",{className:"tags-popover__trigger",children:(o=t==null?void 0:t.slice(0,he))==null?void 0:o.map((n,d)=>{var g,u,D,U,X;const m=((g=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:g.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",b=((D=n==null?void 0:n.measurementUnit)==null?void 0:D.symbol)??((U=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:U.measure)??"",h=[(n==null?void 0:n.value)??((X=n==null?void 0:n.multiOptions)==null?void 0:X[0])??"",b].filter(Boolean).join(" ");return e.jsxs(P,{ref:be=>p.current[d]=be,className:"tag",children:[e.jsx("i",{className:m}),h]},`detailed-products-section-tag__${d+1}`)})})},ge=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((o,n)=>{var h,g,u;const d=((h=o==null?void 0:o.measurementUnit)==null?void 0:h.symbol)??((g=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:g.measure)??"",b=[(o==null?void 0:o.value)??((u=o==null?void 0:o.multiOptions)==null?void 0:u[0])??"",d].filter(Boolean).join(" "),j=o==null?void 0:o.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${j}: `}),e.jsx("span",{className:"tags-popover__value",children:b})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),fe=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(P,{className:"tag",children:O},"detailed-products-section-tag__condition"),W&&e.jsx(P,{className:"tag",children:W},"detailed-products-section-tag__quantity"),V&&e.jsx(P,{className:"tag",children:V},"detailed-products-section-tag__trade")]}),I=C>0&&y&&R!==!0&&L!==!0&&C!==S;return e.jsxs(Se,{ref:a,className:"product-card","data-accessor":f==null?void 0:f.accessor,name:f==null?void 0:f.name,onClick:o=>H(o,a),children:[e.jsxs(ye,{className:"product-image-wrapper",children:[e.jsx(le,{}),l.isDefined(q)?q:e.jsx(we.ProductImageWrapper,{src:Z})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:z,children:z}),e.jsx("div",{className:"card-title",children:Y})]}),e.jsxs("div",{className:"wrapper-card-3",children:[M&&e.jsx("div",{...E?{}:{onMouseEnter:de,onMouseLeave:me},children:e.jsxs(ve,{placement:"bottom",open:ce,children:[e.jsx(je,{children:pe()}),e.jsx(xe,{style:{all:"unset"},children:e.jsx(Pe,{children:ge()})})]})}),!M&&fe()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${I?"new-price":""}`,children:[S>0&&y&&R!==!0&&L!==!0&&e.jsx("div",{children:`${l.formatPrice(S)} ${l.GetCurrencySymbol(y)}`}),I&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${l.formatPrice(C)} ${l.GetCurrencySymbol(y)}`}),R&&J,L&&Q]}),e.jsx("div",{className:"location-text",children:A})]}),K===!0&&e.jsx(Ce,{sponsoredText:ee})]})}),Ve=x.styled(r.SkeletonRowWrapper)`
+  @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
     & > div {
       &:nth-of-type(even) {
         display: none;
       }
     }
   }
-`,Oe=({keyPrefix:i})=>e.jsxs(qe,{children:[e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Ve=({keyPrefix:i,isLoading:x=!1,fallbackComponent:w=e.jsx(e.Fragment,{}),children:_})=>e.jsx(c.Suspense,{fallbackComponent:w,children:x===!0?e.jsx(Oe,{keyPrefix:i}):_});exports.DetailedProductCard=Te;exports.SuspenseDetailedProductCard=Ve;
+`,Be=({keyPrefix:i})=>e.jsxs(Ve,{children:[e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),ze=({keyPrefix:i,isLoading:k=!1,fallbackComponent:w=e.jsx(e.Fragment,{}),children:_})=>e.jsx(c.Suspense,{fallbackComponent:w,children:k===!0?e.jsx(Be,{keyPrefix:i}):_});exports.DetailedProductCard=Oe;exports.SuspenseDetailedProductCard=ze;

package/dist/{index-DMnFESGw.js → index-DrtxDu6u.js}

@@ -1,16 +1,16 @@
-import { jsxs as t, jsx as e, Fragment as G } from "react/jsx-runtime";
-import { forwardRef as ne, useState as Z, useRef as J, useEffect as Se, cloneElement as Q, Suspense as Pe } from "react";
+import { jsxs as t, jsx as e, Fragment as M } from "react/jsx-runtime";
+import { forwardRef as ne, useState as Q, useRef as Z, useEffect as Te, cloneElement as J, Suspense as Ve } from "react";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M } from "./consts-BuFChS64.js";
-import { t as W, o as Te, a as Ve, l as ee, p as re, G as oe } from "./utils-Dc5zIpaz.js";
-import { P as Ee } from "./index-C_NnINik.js";
+import { M as F } from "./consts-BuFChS64.js";
+import { t as G, o as Ee, a as Oe, l as ee, p as re, G as oe } from "./utils-Dc5zIpaz.js";
+import { P as ze } from "./index-C_NnINik.js";
 import S from "./Badge.js";
-import Oe from "./Popover.js";
-import Be from "./PopoverTrigger.js";
-import ze from "./PopoverContent.js";
-import { u as We } from "./useDetectMobile-Bkvj0VMa.js";
+import Be from "./Popover.js";
+import We from "./PopoverTrigger.js";
+import Ge from "./PopoverContent.js";
+import { u as Me } from "./useDetectMobile-Bkvj0VMa.js";
 import { a as f, S as p, c as w, b as n } from "./style-CXMUA6cI.js";
-const Ge = C.div`
+const Fe = C.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -20,7 +20,7 @@ const Ge = C.div`
 
   & .seller {
     text-transform: uppercase;
-    ${W()}
+    ${G()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -73,13 +73,13 @@ const Ge = C.div`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${Te(2)}
+    ${Ee(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${W()}
+    ${G()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -102,7 +102,7 @@ const Ge = C.div`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${W()}
+    ${G()}
   }
 
   & .tags-wrapper {
@@ -115,7 +115,7 @@ const Ge = C.div`
     gap: 0.25rem;
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${F + "px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -178,7 +178,7 @@ const Ge = C.div`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Me = C.div`
+`, Ie = C.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -199,7 +199,7 @@ const Ge = C.div`
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${(a) => Ve(a.theme, "curved")};
+    border-radius: ${(a) => Oe(a.theme, "curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -231,7 +231,7 @@ const Ge = C.div`
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${F + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -246,7 +246,7 @@ const Ge = C.div`
       top: unset;
     }
   }
-`, Fe = C.div`
+`, je = C.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -296,7 +296,7 @@ const Ge = C.div`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ie = C.div`
+`, De = C.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -308,10 +308,10 @@ const Ge = C.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, je = ne(({ sponsoredText: a = "Sponsored" }, R) => /* @__PURE__ */ t(Ie, { ref: R, className: "sponsored-line", children: [
+`, Ue = ne(({ sponsoredText: a = "Sponsored" }, R) => /* @__PURE__ */ t(De, { ref: R, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
   /* @__PURE__ */ e("span", { children: a })
-] })), De = "Vehicles_Cars", Ue = "Vehicles_Motorcycles", Le = "Vehicles_Trucks", Xe = "Vehicles_AgriculturalMachines_Tractors", qe = "Vehicles_ConstructionMachines", xe = "Vehicles_Bus", Ye = "Vehicles_Campers", Ke = "RealEstates_", s = {
+] })), Le = "Vehicles_Cars", Xe = "Vehicles_Motorcycles", qe = "Vehicles_Trucks", xe = "Vehicles_AgriculturalMachines_Tractors", Ye = "Vehicles_ConstructionMachines", Ae = "Vehicles_Bus", Ke = "Vehicles_Campers", He = "RealEstates_", s = {
   Mileage: {
     icon: "mng-lnc-road",
     measure: "km"
@@ -412,7 +412,7 @@ const Ge = C.div`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, dr = ne((a, R) => {
+}, hr = ne((a, R) => {
   const {
     uuid: y,
     sellerUuid: P,
@@ -425,72 +425,77 @@ const Ge = C.div`
     imageUrl: ie,
     location: ae,
     sponsored: se,
-    imageComponent: F,
+    imageComponent: I,
     onSelectCard: le = () => {
     },
     freeText: ce = "Free",
     negotiableText: de = "Negotiable",
     tags: i = [],
     categoryCode: O,
-    condition: I,
-    quantity: j,
+    condition: j,
+    quantity: z,
     trade: D,
     sponsoredText: me,
     forCart: he,
     forOrder: pe,
-    contactSeller: ge,
-    hasVariants: ue,
+    contactSeller: ue,
+    hasVariants: ge,
+    hasQuantities: fe,
+    status: be,
     onBookmark: B = () => {
     },
-    bookmarkComponent: k,
+    actionComponent: k,
     bookmarked: U,
-    bookmarkLists: fe,
+    bookmarkLists: ve,
     metadata: b,
     sellerName: L
-  } = a, z = We(), be = () => {
+  } = a, W = Me(), we = () => {
     var d;
-    if (!ee(k)) return /* @__PURE__ */ e(G, {});
-    const r = k, o = (d = k == null ? void 0 : k.props) == null ? void 0 : d.children, c = Q(o, {
+    if (!ee(k)) return /* @__PURE__ */ e(M, {});
+    const r = k, o = (d = k == null ? void 0 : k.props) == null ? void 0 : d.children, c = J(o, {
       key: `bookmark_pr__${U}`,
       bookmarked: U,
       productUuid: y,
       onAddToBookmark: () => B(!0, y),
       onRemoveFromBookmark: () => B(!1, y),
-      bookmarkedUuidList: fe,
+      bookmarkedUuidList: ve,
       sellerUuid: P,
       handleBookmarking: B,
       forCart: he,
       forOrder: pe,
-      contactSeller: ge,
-      hasVariants: ue
+      contactSeller: ue,
+      hasVariants: ge,
+      status: be,
+      quantity: z,
+      hasQuantities: fe
     });
-    return Q(r, void 0, c);
+    return J(r, void 0, c);
   }, X = [
-    De,
-    Ue,
     Le,
     Xe,
     qe,
     xe,
     Ye,
-    Ke
+    Ae,
+    Ke,
+    He
   ].some(
     (r) => O == null ? void 0 : O.includes(r)
-  ), [ve, q] = Z(!1), we = () => {
+  ), [ye, q] = Q(!1), ke = () => {
     q(!0);
-  }, ye = () => {
+  }, _e = () => {
     q(!1);
-  }, l = J(null), g = J([]), [ke, x] = Z(i == null ? void 0 : i.length), _e = () => {
+  }, l = Z(null), u = Z([]), [Ce, x] = Q(i == null ? void 0 : i.length), Re = () => {
     var d, v, _;
-    if (!(l != null && l.current) || ((d = g == null ? void 0 : g.current) == null ? void 0 : d.length) === 0) return;
-    if (z) {
+    if (!(l != null && l.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
+    if (W) {
       x(i == null ? void 0 : i.length);
       return;
     }
     const r = (v = l == null ? void 0 : l.current) == null ? void 0 : v.offsetWidth;
     let o = 0, c = 0;
     for (let m = 0; m < (i == null ? void 0 : i.length); m++) {
-      const u = ((_ = g == null ? void 0 : g.current[m]) == null ? void 0 : _.offsetWidth) || 0, h = o + u + 4;
+      const g = ((_ = u == null ? void 0 : u.current[m]) == null ? void 0 : _.offsetWidth) || 0, h = o + g + 4;
       if (h <= r)
         o += h, c++;
       else
@@ -498,25 +503,25 @@ const Ge = C.div`
     }
     x(c);
   };
-  Se(() => {
+  Te(() => {
     const r = l == null ? void 0 : l.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      _e();
+      Re();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [i, z]);
-  const Ce = () => {
+  }, [i, W]);
+  const Ne = () => {
     var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, ke)) == null ? void 0 : r.map((o, c) => {
-      var u, h, K, A, H;
-      const d = ((u = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : u.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", v = ((K = o == null ? void 0 : o.measurementUnit) == null ? void 0 : K.symbol) ?? ((A = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : A.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((H = o == null ? void 0 : o.multiOptions) == null ? void 0 : H[0]) ?? "", v].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, Ce)) == null ? void 0 : r.map((o, c) => {
+      var g, h, A, K, H;
+      const d = ((g = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : g.icon) ?? ((h = s == null ? void 0 : s.default) == null ? void 0 : h.icon) ?? "", v = ((A = o == null ? void 0 : o.measurementUnit) == null ? void 0 : A.symbol) ?? ((K = s == null ? void 0 : s[o == null ? void 0 : o.code]) == null ? void 0 : K.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((H = o == null ? void 0 : o.multiOptions) == null ? void 0 : H[0]) ?? "", v].filter(Boolean).join(" ");
       return /* @__PURE__ */ t(
         S,
         {
-          ref: ($e) => g.current[c] = $e,
+          ref: (Pe) => u.current[c] = Pe,
           className: "tag",
           children: [
             /* @__PURE__ */ e("i", { className: d }),
@@ -526,22 +531,22 @@ const Ge = C.div`
         `detailed-products-section-tag__${c + 1}`
       );
     }) });
-  }, Re = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
-    var m, u, h;
-    const c = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((u = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : u.measure) ?? "", v = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), _ = r == null ? void 0 : r.name;
+  }, $e = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
+    var m, g, h;
+    const c = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((g = s == null ? void 0 : s[r == null ? void 0 : r.code]) == null ? void 0 : g.measure) ?? "", v = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), _ = r == null ? void 0 : r.name;
     return /* @__PURE__ */ t("div", { children: [
       /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${_}: ` }),
       /* @__PURE__ */ e("span", { className: "tags-popover__value", children: v })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), Ne = () => /* @__PURE__ */ t(G, { children: [
-    I && /* @__PURE__ */ e(S, { className: "tag", children: I }, "detailed-products-section-tag__condition"),
-    j && /* @__PURE__ */ e(S, { className: "tag", children: j }, "detailed-products-section-tag__quantity"),
+  }) }), Se = () => /* @__PURE__ */ t(M, { children: [
+    j && /* @__PURE__ */ e(S, { className: "tag", children: j }, "detailed-products-section-tag__condition"),
+    z && /* @__PURE__ */ e(S, { className: "tag", children: z }, "detailed-products-section-tag__quantity"),
     D && /* @__PURE__ */ e(S, { className: "tag", children: D }, "detailed-products-section-tag__trade")
   ] }), Y = T > 0 && $ && V !== !0 && E !== !0 && T !== N;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ t(
-      Ge,
+      Fe,
       {
         ref: l,
         className: "product-card",
@@ -549,9 +554,9 @@ const Ge = C.div`
         name: b == null ? void 0 : b.name,
         onClick: (r) => le(r, l),
         children: [
-          /* @__PURE__ */ t(Me, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(be, {}),
-            ee(F) ? F : /* @__PURE__ */ e(Ee, { src: ie })
+          /* @__PURE__ */ t(Ie, { className: "product-image-wrapper", children: [
+            /* @__PURE__ */ e(we, {}),
+            ee(I) ? I : /* @__PURE__ */ e(ze, { src: ie })
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
             /* @__PURE__ */ e("div", { className: "seller", title: L, children: L }),
@@ -561,17 +566,17 @@ const Ge = C.div`
             X && /* @__PURE__ */ e(
               "div",
               {
-                ...z ? {} : {
-                  onMouseEnter: we,
-                  onMouseLeave: ye
+                ...W ? {} : {
+                  onMouseEnter: ke,
+                  onMouseLeave: _e
                 },
-                children: /* @__PURE__ */ t(Oe, { placement: "bottom", open: ve, children: [
-                  /* @__PURE__ */ e(Be, { children: Ce() }),
-                  /* @__PURE__ */ e(ze, { style: { all: "unset" }, children: /* @__PURE__ */ e(Fe, { children: Re() }) })
+                children: /* @__PURE__ */ t(Be, { placement: "bottom", open: ye, children: [
+                  /* @__PURE__ */ e(We, { children: Ne() }),
+                  /* @__PURE__ */ e(Ge, { style: { all: "unset" }, children: /* @__PURE__ */ e(je, { children: $e() }) })
                 ] })
               }
             ),
-            !X && Ne()
+            !X && Se()
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
             /* @__PURE__ */ t("div", { className: `price-text ${Y ? "new-price" : ""}`, children: [
@@ -582,20 +587,20 @@ const Ge = C.div`
             ] }),
             /* @__PURE__ */ e("div", { className: "location-text", children: ae })
           ] }),
-          se === !0 && /* @__PURE__ */ e(je, { sponsoredText: me })
+          se === !0 && /* @__PURE__ */ e(Ue, { sponsoredText: me })
         ]
       }
     )
   );
-}), Ae = C(f)`
-  @media (max-width: ${M + "px"}) {
+}), Qe = C(f)`
+  @media (max-width: ${F + "px"}) {
     & > div {
       &:nth-of-type(even) {
         display: none;
       }
     }
   }
-`, He = ({ keyPrefix: a }) => /* @__PURE__ */ t(Ae, { children: [
+`, Ze = ({ keyPrefix: a }) => /* @__PURE__ */ t(Qe, { children: [
   /* @__PURE__ */ t(p, { gap: "0.5rem", children: [
     /* @__PURE__ */ e(
       w,
@@ -732,13 +737,13 @@ const Ge = C.div`
     },
     `${a}-6`
   )
-] }), mr = ({
+] }), pr = ({
   keyPrefix: a,
   isLoading: R = !1,
-  fallbackComponent: y = /* @__PURE__ */ e(G, {}),
+  fallbackComponent: y = /* @__PURE__ */ e(M, {}),
   children: P
-}) => /* @__PURE__ */ e(Pe, { fallbackComponent: y, children: R === !0 ? /* @__PURE__ */ e(He, { keyPrefix: a }) : P });
+}) => /* @__PURE__ */ e(Ve, { fallbackComponent: y, children: R === !0 ? /* @__PURE__ */ e(Ze, { keyPrefix: a }) : P });
 export {
-  dr as D,
-  mr as S
+  hr as D,
+  pr as S
 };

package/package.json

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