@lanaco/lnc-react-ui 4.0.167 → 4.0.169

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),r=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-2ws-KyvD.cjs"),L=D.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),D=require("./emotion-styled.browser.esm-BtEseadx.cjs"),M=require("./consts-goSZX3xP.cjs"),B=require("./IconButton.cjs"),I=require("./Button.cjs"),n=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./suspense-product-card-detailed-IR4sh-l4.cjs"),L=D.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -23,7 +23,7 @@
 
   & .section__items {
     display: grid;
-    grid-template-columns: ${n=>`repeat(${n.limit},  minmax(0, 1fr))`};
+    grid-template-columns: ${r=>`repeat(${r.limit},  minmax(0, 1fr))`};
     gap: 2rem;
   }
 
@@ -70,4 +70,4 @@
       }
     }
   }
-`,T=s.memo(g.DetailedProductCard),z=s.forwardRef((n,p)=>{const{title:a,icon:l,items:o,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:y="View all",negotiableText:h,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=n,u=E.useDetectMobile(),q=s.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{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:(R,P)=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:P}),imageUrl:_(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:h,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},i)),[o]);return t.jsxs(L,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[r.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[r.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&r.isDefinedNotEmptyString(m)&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:y})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=z;
+`,T=s.memo(g.DetailedProductCard),z=s.forwardRef((r,p)=>{const{title:a,icon:l,items:o,limit:c=4,isLoading:d=!1,onSelectCard:f=()=>{},onLoadMore:b=()=>{},onButtonAction:w=()=>{},getImage:_=()=>{},viewAllbuttonLink:m,viewAllButonText:h="View all",negotiableText:y,freeText:k,loadMoreButtonIcon:v="angle-down",sponsoredText:C,onBookmark:N=()=>{},bookmarkComponent:S,componentName:j}=r,u=E.useDetectMobile(),q=s.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(T,{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:(R,P)=>f({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug,cardRef:P}),imageUrl:_(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:y,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(L,{ref:p,limit:c,children:[t.jsxs("div",{className:"section__heading",children:[n.isDefinedNotEmptyString(a)&&t.jsxs("div",{className:"section__title",children:[n.isDefinedNotEmptyString(l)&&t.jsx("i",{className:l})," ",a]}),u&&n.isDefinedNotEmptyString(m)&&t.jsx(I,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),w(m)},borderRadius:"curved",className:"section__view-all",children:h})]}),t.jsx("div",{className:"section__items",children:t.jsx(g.SuspenseDetailedProductCard,{isLoading:d,limit:c,keyPrefix:"explore-landing",children:q})}),!u&&!d&&t.jsx(B,{icon:v,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=z;

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { memo as B, forwardRef as D, useMemo as I } from "react";
 import { s as L } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as T } from "./consts-BuFChS64.js";
 import z from "./IconButton.js";
 import E from "./Button.js";
-import { k as a } from "./utils-BdsZgOUE.js";
+import { k as n } from "./utils-BdsZgOUE.js";
 import { u as U } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as $, S as j } from "./suspense-product-card-detailed-D3DShJYk.js";
+import { D as $, S as j } from "./suspense-product-card-detailed-CxiFuUOT.js";
 const A = L.div`
   display: flex;
   flex-direction: column;
@@ -32,7 +32,7 @@ const A = L.div`
 
   & .section__items {
     display: grid;
-    grid-template-columns: ${(r) => `repeat(${r.limit},  minmax(0, 1fr))`};
+    grid-template-columns: ${(i) => `repeat(${i.limit},  minmax(0, 1fr))`};
     gap: 2rem;
   }
 
@@ -79,24 +79,24 @@ const A = L.div`
       }
     }
   }
-`, F = B($), Q = D((r, p) => {
+`, F = B($), Q = D((i, p) => {
   const {
     title: l,
     icon: s,
-    items: i,
-    limit: m = 4,
-    isLoading: c = !1,
-    onSelectCard: g = () => {
+    items: t,
+    limit: c = 4,
+    isLoading: m = !1,
+    onSelectCard: f = () => {
     },
-    onLoadMore: f = () => {
+    onLoadMore: g = () => {
     },
     onButtonAction: b = () => {
     },
-    getImage: w = () => {
+    getImage: h = () => {
     },
     viewAllbuttonLink: d,
-    viewAllButonText: _ = "View all",
-    negotiableText: h,
+    viewAllButonText: w = "View all",
+    negotiableText: _,
     freeText: y,
     loadMoreButtonIcon: k = "angle-down",
     sponsoredText: v,
@@ -104,7 +104,7 @@ const A = L.div`
     },
     bookmarkComponent: N,
     componentName: S
-  } = r, u = U(), P = I(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
+  } = i, u = U(), P = I(() => t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ o(
     F,
     {
       name: e == null ? void 0 : e.name,
@@ -116,11 +116,11 @@ const A = L.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: (R, M) => g({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
-      imageUrl: w(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: (O, M) => f({ uuid: e == null ? void 0 : e.uuid, nameSlug: e == null ? void 0 : e.nameSlug, cardRef: M }),
+      imageUrl: h(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: h,
+      negotiableText: _,
       freeText: y,
       tags: e == null ? void 0 : e.tags,
       categoryCode: e == null ? void 0 : e.categoryCode,
@@ -133,43 +133,47 @@ const A = L.div`
       bookmarked: e == null ? void 0 : e.bookmarked,
       bookmarkLists: e == null ? void 0 : e.bookmarkLists,
       metadata: { accessor: e == null ? void 0 : e.accessor, name: S },
-      sellerName: e == null ? void 0 : e.sellerName
+      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
     },
-    t
-  )), [i]);
-  return /* @__PURE__ */ n(A, { ref: p, limit: m, children: [
-    /* @__PURE__ */ n("div", { className: "section__heading", children: [
-      a(l) && /* @__PURE__ */ n("div", { className: "section__title", children: [
-        a(s) && /* @__PURE__ */ o("i", { className: s }),
+    r
+  )), [t]);
+  return /* @__PURE__ */ a(A, { ref: p, limit: c, children: [
+    /* @__PURE__ */ a("div", { className: "section__heading", children: [
+      n(l) && /* @__PURE__ */ a("div", { className: "section__title", children: [
+        n(s) && /* @__PURE__ */ o("i", { className: s }),
         " ",
         l
       ] }),
-      u && a(d) && /* @__PURE__ */ o(
+      u && n(d) && /* @__PURE__ */ o(
         E,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
-            var t;
-            (t = e == null ? void 0 : e.target) == null || t.blur(), b(d);
+            var r;
+            (r = e == null ? void 0 : e.target) == null || r.blur(), b(d);
           },
           borderRadius: "curved",
           className: "section__view-all",
-          children: _
+          children: w
         }
       )
     ] }),
     /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
       j,
       {
-        isLoading: c,
-        limit: m,
+        isLoading: m,
+        limit: c,
         keyPrefix: "explore-landing",
         children: P
       }
     ) }),
-    !u && !c && /* @__PURE__ */ o(
+    !u && !m && /* @__PURE__ */ o(
       z,
       {
         icon: k,
@@ -177,7 +181,7 @@ const A = L.div`
         btnType: "basic",
         color: "neutral",
         className: "section__show-more",
-        onClick: f
+        onClick: g
       }
     )
   ] });

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),q=require("./suspense-product-card-detailed-2ws-KyvD.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
+"use strict";const r=require("react/jsx-runtime"),l=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),B=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),E=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-Db3VFbfP.cjs"),q=require("./suspense-product-card-detailed-IR4sh-l4.cjs"),I=require("./index-BvQx3xAm.cjs"),_=T.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import R from "./Button.js";
 import { k as h } from "./utils-BdsZgOUE.js";
 import { u as W } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as $ } from "./style-DKAOBWn3.js";
-import { D as j, S as z } from "./suspense-product-card-detailed-D3DShJYk.js";
+import { D as j, S as z } from "./suspense-product-card-detailed-CxiFuUOT.js";
 import { S as A } from "./index-dXWRbvgi.js";
 const K = I.div`
   display: grid;

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const o=require("react/jsx-runtime"),n=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),S=require("./suspense-product-card-detailed-2ws-KyvD.cjs"),D=_.styled.div`
+"use strict";const o=require("react/jsx-runtime"),n=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),C=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),S=require("./suspense-product-card-detailed-IR4sh-l4.cjs"),D=_.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ 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 "./suspense-product-card-detailed-D3DShJYk.js";
+import { D as z, S as A } from "./suspense-product-card-detailed-CxiFuUOT.js";
 const G = q.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{suspense-product-card-detailed-D3DShJYk.js → suspense-product-card-detailed-CxiFuUOT.js}

@@ -1,15 +1,15 @@
 import { jsxs as t, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { forwardRef as B, useState as Y, useRef as K, useEffect as ke, cloneElement as H, Suspense as ye } from "react";
-import { t as z, p as _e, o as y, l as Z, q as J, G as Q } from "./utils-BdsZgOUE.js";
+import { forwardRef as W, useState as K, useRef as H, useEffect as Pe, cloneElement as Z, Suspense as $e } from "react";
+import { t as M, p as Te, o as y, a as Ve, l as J, q as Q, G as ee } from "./utils-BdsZgOUE.js";
 import { s as T } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as Ne } from "./index-CF3HhgvN.js";
+import { P as Ee } from "./index-CF3HhgvN.js";
 import P from "./Badge.js";
-import Ce from "./Popover.js";
-import Pe from "./PopoverTrigger.js";
-import $e from "./PopoverContent.js";
-import { u as Te } from "./useDetectMobile-Bkvj0VMa.js";
-import { M as ee } from "./consts-BuFChS64.js";
-const re = T.div`
+import Se from "./Popover.js";
+import Oe from "./PopoverTrigger.js";
+import Be from "./PopoverContent.js";
+import { u as ze } from "./useDetectMobile-Bkvj0VMa.js";
+import { M as re } from "./consts-BuFChS64.js";
+const oe = T.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -19,7 +19,7 @@ const re = T.div`
 
   & .seller {
     text-transform: uppercase;
-    ${z()}
+    ${M()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -28,7 +28,7 @@ const re = T.div`
   & .wrapper-card-1 {
     display: flex;
     flex-direction: column;
-    gap: 0.38rem;
+    gap: 0.12rem;
   }
 
   & .wrapper-card-2 {
@@ -72,13 +72,13 @@ const re = T.div`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${_e(2)}
+    ${Te(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${z()}
+    ${M()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -101,7 +101,7 @@ const re = T.div`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${z()}
+    ${M()}
   }
 
   & .tags-wrapper {
@@ -146,7 +146,7 @@ const re = T.div`
     gap: 0.25rem;
   }
 
-  @media (max-width: ${ee + "px"}) {
+  @media (max-width: ${re + "px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -209,7 +209,7 @@ const re = T.div`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Ee = T.div`
+`, Me = T.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -224,6 +224,28 @@ const re = T.div`
     z-index: 1;
 
     display: none;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 2.25rem;
+    height: 2.25rem;
+    border-radius: ${(s) => Ve(s.theme, "curved")};
+    border: 1px solid var(--gray-95008);
+    background-color: white;
+    color: var(--gray-950);
+    transition: transform 0.2s ease;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    i {
+      color: #14161a;
+      font-size: 1.1rem;
+      line-height: 1;
+    }
   }
 
   &:hover {
@@ -241,7 +263,7 @@ const re = T.div`
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${ee + "px"}) {
+  @media (max-width: ${re + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -254,7 +276,7 @@ const re = T.div`
       display: flex;
     }
   }
-`, Se = T.div`
+`, We = T.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -304,7 +326,7 @@ const re = T.div`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ve = T.div`
+`, Fe = T.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -316,10 +338,10 @@ const re = T.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, Oe = B(({ sponsoredText: l = "Sponsored" }, f) => /* @__PURE__ */ t(Ve, { ref: f, className: "sponsored-line", children: [
+`, Ie = W(({ sponsoredText: s = "Sponsored" }, h) => /* @__PURE__ */ t(Fe, { ref: h, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
-  /* @__PURE__ */ e("span", { children: l })
-] })), ze = "Vehicles_Cars", Be = "Vehicles_Motorcycles", Me = "Vehicles_Trucks", Fe = "Vehicles_AgriculturalMachines_Tractors", We = "Vehicles_ConstructionMachines", Ie = "Vehicles_Bus", je = "Vehicles_Campers", De = "RealEstates_", a = {
+  /* @__PURE__ */ e("span", { children: s })
+] })), je = "Vehicles_Cars", xe = "Vehicles_Motorcycles", De = "Vehicles_Trucks", Ue = "Vehicles_AgriculturalMachines_Tractors", Re = "Vehicles_ConstructionMachines", Ge = "Vehicles_Bus", Xe = "Vehicles_Campers", Le = "RealEstates_", a = {
   Mileage: {
     icon: "mng-lnc-road",
     measure: "km"
@@ -420,171 +442,182 @@ const re = T.div`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, er = B((l, f) => {
+}, ir = W((s, h) => {
   const {
     uuid: c,
-    name: _,
-    price: g = 0,
-    sellingPrice: N,
-    currency: C,
+    sellerUuid: _,
+    name: w,
+    price: V = 0,
+    sellingPrice: C,
+    currency: N,
     isNegotiable: E,
     isFree: S,
-    imageUrl: oe,
-    location: ne,
-    sponsored: te,
-    imageComponent: M,
-    onSelectCard: ae = () => {
+    imageUrl: ne,
+    location: te,
+    sponsored: ae,
+    imageComponent: F,
+    onSelectCard: ie = () => {
     },
-    freeText: ie = "Free",
-    negotiableText: se = "Negotiable",
+    freeText: se = "Free",
+    negotiableText: le = "Negotiable",
     tags: n = [],
-    categoryCode: V,
-    condition: F,
-    quantity: W,
-    trade: I,
-    sponsoredText: le,
-    onBookmark: j = () => {
+    categoryCode: O,
+    condition: I,
+    quantity: j,
+    trade: x,
+    sponsoredText: ce,
+    forCart: de,
+    forOrder: me,
+    contactSeller: pe,
+    hasVariants: ge,
+    onBookmark: B = () => {
     },
     bookmarkComponent: b,
     bookmarked: D,
-    bookmarkLists: ce,
-    metadata: v,
-    sellerName: x
-  } = l, O = Te(), de = () => {
+    bookmarkLists: ue,
+    metadata: f,
+    sellerName: U
+  } = s, z = ze(), he = () => {
     var d;
-    if (!Z(b)) return /* @__PURE__ */ e($, {});
-    const r = b, o = (d = b == null ? void 0 : b.props) == null ? void 0 : d.children, s = H(o, {
+    if (!J(b)) return /* @__PURE__ */ e($, {});
+    const r = b, o = (d = b == null ? void 0 : b.props) == null ? void 0 : d.children, l = Z(o, {
       key: `bookmark_pr__${D}`,
       bookmarked: D,
       productUuid: c,
-      onAddToBookmark: () => j(!0, c),
-      onRemoveFromBookmark: () => j(!1, c),
-      bookmarkedUuidList: ce
+      onAddToBookmark: () => B(!0, c),
+      onRemoveFromBookmark: () => B(!1, c),
+      bookmarkedUuidList: ue,
+      sellerUuid: _,
+      handleBookmarking: B,
+      forCart: de,
+      forOrder: me,
+      contactSeller: pe,
+      hasVariants: ge
     });
-    return H(r, void 0, s);
-  }, G = [
-    ze,
-    Be,
-    Me,
-    Fe,
-    We,
-    Ie,
+    return Z(r, void 0, l);
+  }, R = [
     je,
-    De
+    xe,
+    De,
+    Ue,
+    Re,
+    Ge,
+    Xe,
+    Le
   ].some(
-    (r) => V == null ? void 0 : V.includes(r)
-  ), [me, R] = Y(!1), pe = () => {
-    R(!0);
-  }, ge = () => {
-    R(!1);
-  }, i = K(null), u = K([]), [ue, U] = Y(n == null ? void 0 : n.length), he = () => {
-    var d, w, k;
-    if (!(i != null && i.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
-    if (O) {
-      U(n == null ? void 0 : n.length);
+    (r) => O == null ? void 0 : O.includes(r)
+  ), [fe, G] = K(!1), ve = () => {
+    G(!0);
+  }, we = () => {
+    G(!1);
+  }, i = H(null), g = H([]), [be, X] = K(n == null ? void 0 : n.length), ke = () => {
+    var d, v, k;
+    if (!(i != null && i.current) || ((d = g == null ? void 0 : g.current) == null ? void 0 : d.length) === 0) return;
+    if (z) {
+      X(n == null ? void 0 : n.length);
       return;
     }
-    const r = (w = i == null ? void 0 : i.current) == null ? void 0 : w.offsetWidth;
-    let o = 0, s = 0;
+    const r = (v = i == null ? void 0 : i.current) == null ? void 0 : v.offsetWidth;
+    let o = 0, l = 0;
     for (let m = 0; m < (n == null ? void 0 : n.length); m++) {
-      const h = ((k = u == null ? void 0 : u.current[m]) == null ? void 0 : k.offsetWidth) || 0, p = o + h + 4;
+      const u = ((k = g == null ? void 0 : g.current[m]) == null ? void 0 : k.offsetWidth) || 0, p = o + u + 4;
       if (p <= r)
-        o += p, s++;
+        o += p, l++;
       else
         break;
     }
-    U(s);
+    X(l);
   };
-  ke(() => {
+  Pe(() => {
     const r = i == null ? void 0 : i.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      he();
+      ke();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [n, O]);
-  const fe = () => {
+  }, [n, z]);
+  const ye = () => {
     var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0, ue)) == null ? void 0 : r.map((o, s) => {
-      var h, p, L, q, A;
-      const d = ((h = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : h.icon) ?? ((p = a == null ? void 0 : a.default) == null ? void 0 : p.icon) ?? "", w = ((L = o == null ? void 0 : o.measurementUnit) == null ? void 0 : L.symbol) ?? ((q = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : q.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((A = o == null ? void 0 : o.multiOptions) == null ? void 0 : A[0]) ?? "", w].filter(Boolean).join(" ");
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = n == null ? void 0 : n.slice(0, be)) == null ? void 0 : r.map((o, l) => {
+      var u, p, q, A, Y;
+      const d = ((u = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : u.icon) ?? ((p = a == null ? void 0 : a.default) == null ? void 0 : p.icon) ?? "", v = ((q = o == null ? void 0 : o.measurementUnit) == null ? void 0 : q.symbol) ?? ((A = a == null ? void 0 : a[o == null ? void 0 : o.code]) == null ? void 0 : A.measure) ?? "", m = [(o == null ? void 0 : o.value) ?? ((Y = o == null ? void 0 : o.multiOptions) == null ? void 0 : Y[0]) ?? "", v].filter(Boolean).join(" ");
       return /* @__PURE__ */ t(
         P,
         {
-          ref: (be) => u.current[s] = be,
+          ref: (Ne) => g.current[l] = Ne,
           className: "tag",
           children: [
             /* @__PURE__ */ e("i", { className: d }),
             m
           ]
         },
-        `detailed-products-section-tag__${s + 1}`
+        `detailed-products-section-tag__${l + 1}`
       );
     }) });
-  }, ve = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: n == null ? void 0 : n.map((r, o) => {
-    var m, h, p;
-    const s = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((h = a == null ? void 0 : a[r == null ? void 0 : r.code]) == null ? void 0 : h.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", s].filter(Boolean).join(" "), k = r == null ? void 0 : r.name;
+  }, _e = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: n == null ? void 0 : n.map((r, o) => {
+    var m, u, p;
+    const l = ((m = r == null ? void 0 : r.measurementUnit) == null ? void 0 : m.symbol) ?? ((u = a == null ? void 0 : a[r == null ? void 0 : r.code]) == null ? void 0 : u.measure) ?? "", v = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", l].filter(Boolean).join(" "), k = r == null ? void 0 : r.name;
     return /* @__PURE__ */ t("div", { children: [
       /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${k}: ` }),
-      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: w })
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: v })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), we = () => /* @__PURE__ */ t($, { children: [
-    F && /* @__PURE__ */ e(P, { className: "tag", children: F }, "detailed-products-section-tag__condition"),
-    W && /* @__PURE__ */ e(P, { className: "tag", children: W }, "detailed-products-section-tag__quantity"),
-    I && /* @__PURE__ */ e(P, { className: "tag", children: I }, "detailed-products-section-tag__trade")
-  ] }), X = g > 0 && C && E !== !0 && S !== !0 && g !== N;
+  }) }), Ce = () => /* @__PURE__ */ t($, { children: [
+    I && /* @__PURE__ */ e(P, { className: "tag", children: I }, "detailed-products-section-tag__condition"),
+    j && /* @__PURE__ */ e(P, { className: "tag", children: j }, "detailed-products-section-tag__quantity"),
+    x && /* @__PURE__ */ e(P, { className: "tag", children: x }, "detailed-products-section-tag__trade")
+  ] }), L = V > 0 && N && E !== !0 && S !== !0 && V !== C;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ t(
-      re,
+      oe,
       {
         ref: i,
         className: "product-card",
-        "data-accessor": v == null ? void 0 : v.accessor,
-        name: v == null ? void 0 : v.name,
-        onClick: (r) => ae(r, i),
+        "data-accessor": f == null ? void 0 : f.accessor,
+        name: f == null ? void 0 : f.name,
+        onClick: (r) => ie(r, i),
         children: [
-          /* @__PURE__ */ t(Ee, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(de, {}),
-            Z(M) ? M : /* @__PURE__ */ e(Ne, { src: oe })
+          /* @__PURE__ */ t(Me, { className: "product-image-wrapper", children: [
+            /* @__PURE__ */ e(he, {}),
+            J(F) ? F : /* @__PURE__ */ e(Ee, { src: ne })
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
-            /* @__PURE__ */ e("div", { className: "seller", title: x, children: x }),
-            /* @__PURE__ */ e("div", { className: "card-title", children: _ })
+            /* @__PURE__ */ e("div", { className: "seller", title: U, children: U }),
+            /* @__PURE__ */ e("div", { className: "card-title", children: w })
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-3", children: [
-            G && /* @__PURE__ */ e(
+            R && /* @__PURE__ */ e(
               "div",
               {
-                ...O ? {} : {
-                  onMouseEnter: pe,
-                  onMouseLeave: ge
+                ...z ? {} : {
+                  onMouseEnter: ve,
+                  onMouseLeave: we
                 },
-                children: /* @__PURE__ */ t(Ce, { placement: "bottom", open: me, children: [
-                  /* @__PURE__ */ e(Pe, { children: fe() }),
-                  /* @__PURE__ */ e($e, { style: { all: "unset" }, children: /* @__PURE__ */ e(Se, { children: ve() }) })
+                children: /* @__PURE__ */ t(Se, { placement: "bottom", open: fe, children: [
+                  /* @__PURE__ */ e(Oe, { children: ye() }),
+                  /* @__PURE__ */ e(Be, { style: { all: "unset" }, children: /* @__PURE__ */ e(We, { children: _e() }) })
                 ] })
               }
             ),
-            !G && we()
+            !R && Ce()
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
-            /* @__PURE__ */ t("div", { className: `price-text ${X ? "new-price" : ""}`, children: [
-              N > 0 && C && E !== !0 && S !== !0 && /* @__PURE__ */ e("div", { children: `${J(N)} ${Q(C)}` }),
-              X && /* @__PURE__ */ e("div", { className: `${N > 0 ? "full-price" : ""}`, children: `${J(g)} ${Q(C)}` }),
-              E && se,
-              S && ie
+            /* @__PURE__ */ t("div", { className: `price-text ${L ? "new-price" : ""}`, children: [
+              C > 0 && N && E !== !0 && S !== !0 && /* @__PURE__ */ e("div", { children: `${Q(C)} ${ee(N)}` }),
+              L && /* @__PURE__ */ e("div", { className: `${C > 0 ? "full-price" : ""}`, children: `${Q(V)} ${ee(N)}` }),
+              E && le,
+              S && se
             ] }),
-            /* @__PURE__ */ e("div", { className: "location-text", children: ne })
+            /* @__PURE__ */ e("div", { className: "location-text", children: te })
           ] }),
-          te === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: le })
+          ae === !0 && /* @__PURE__ */ e(Ie, { sponsoredText: ce })
         ]
       }
     )
   );
-}), xe = B(({}, l) => /* @__PURE__ */ t(re, { className: "product-card", children: [
+}), qe = W(({}, s) => /* @__PURE__ */ t(oe, { className: "product-card", children: [
   /* @__PURE__ */ e("img", { className: "skeleton-img" }),
   /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
     /* @__PURE__ */ e("div", { className: "skeleton-title" }),
@@ -594,27 +627,27 @@ const re = T.div`
     /* @__PURE__ */ e("div", { className: "skeleton-price" }),
     /* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
   ] })
-] })), Ge = ({ limit: l = 5, isLoading: f = !1, keyPrefix: c }) => /* @__PURE__ */ e($, { children: Array.from({ length: l }, (_, g) => /* @__PURE__ */ e(
-  xe,
+] })), Ae = ({ limit: s = 5, isLoading: h = !1, keyPrefix: c }) => /* @__PURE__ */ e($, { children: Array.from({ length: s }, (_, w) => /* @__PURE__ */ e(
+  qe,
   {
-    isLoading: f
+    isLoading: h
   },
-  `${c}-skeleton-product-card-${g}`
-)) }), rr = ({
-  children: l,
-  fallbackComponent: f = /* @__PURE__ */ e($, {}),
+  `${c}-skeleton-product-card-${w}`
+)) }), sr = ({
+  children: s,
+  fallbackComponent: h = /* @__PURE__ */ e($, {}),
   isLoading: c = !1,
   limit: _,
-  keyPrefix: g
-}) => /* @__PURE__ */ e(ye, { fallbackComponent: f, children: c === !0 ? /* @__PURE__ */ e(
-  Ge,
+  keyPrefix: w
+}) => /* @__PURE__ */ e($e, { fallbackComponent: h, children: c === !0 ? /* @__PURE__ */ e(
+  Ae,
   {
     isLoading: c,
     limit: _,
-    keyPrefix: g
+    keyPrefix: w
   }
-) : l });
+) : s });
 export {
-  er as D,
-  rr as S
+  ir as D,
+  sr as S
 };

package/dist/{suspense-product-card-detailed-2ws-KyvD.cjs → suspense-product-card-detailed-IR4sh-l4.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),me=require("./index-BueKsXT8.cjs"),C=require("./Badge.cjs"),pe=require("./Popover.cjs"),ue=require("./PopoverTrigger.cjs"),ge=require("./PopoverContent.cjs"),he=require("./useDetectMobile-zkbzoOGV.cjs"),X=require("./consts-goSZX3xP.cjs"),L=N.styled.div`
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),t=require("./utils-Dl9xPH4c.cjs"),N=require("./emotion-styled.browser.esm-BtEseadx.cjs"),fe=require("./index-BueKsXT8.cjs"),C=require("./Badge.cjs"),ve=require("./Popover.cjs"),we=require("./PopoverTrigger.cjs"),be=require("./PopoverContent.cjs"),ye=require("./useDetectMobile-zkbzoOGV.cjs"),X=require("./consts-goSZX3xP.cjs"),L=N.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -17,7 +17,7 @@
   & .wrapper-card-1 {
     display: flex;
     flex-direction: column;
-    gap: 0.38rem;
+    gap: 0.12rem;
   }
 
   & .wrapper-card-2 {
@@ -198,7 +198,7 @@
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`,fe=N.styled.div`
+`,ke=N.styled.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -213,6 +213,28 @@
     z-index: 1;
 
     display: none;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    width: 2.25rem;
+    height: 2.25rem;
+    border-radius: ${c=>t.getBorderRadiusValueWithUnits(c.theme,"curved")};
+    border: 1px solid var(--gray-95008);
+    background-color: white;
+    color: var(--gray-950);
+    transition: transform 0.2s ease;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    i {
+      color: #14161a;
+      font-size: 1.1rem;
+      line-height: 1;
+    }
   }
 
   &:hover {
@@ -243,7 +265,7 @@
       display: flex;
     }
   }
-`,ve=N.styled.div`
+`,xe=N.styled.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -293,7 +315,7 @@
       color: var(--gray-950, #14161a);
     }
   }
-`,we=N.styled.div`
+`,je=N.styled.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -305,4 +327,4 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,be=a.forwardRef(({sponsoredText:l="Sponsored"},v)=>e.jsxs(we,{ref:v,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:l})]})),ye="Vehicles_Cars",ke="Vehicles_Motorcycles",je="Vehicles_Trucks",xe="Vehicles_AgriculturalMachines_Tractors",_e="Vehicles_ConstructionMachines",Ce="Vehicles_Bus",Ne="Vehicles_Campers",Pe="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:""}},$e=a.forwardRef((l,v)=>{const{uuid:d,name:j,price:g=0,sellingPrice:x,currency:_,isNegotiable:P,isFree:$,imageUrl:U,location:Y,sponsored:K,imageComponent:T,onSelectCard:Z=()=>{},freeText:H="Free",negotiableText:J="Negotiable",tags:n=[],categoryCode:E,condition:O,quantity:V,trade:B,sponsoredText:Q,onBookmark:F=()=>{},bookmarkComponent:y,bookmarked:z,bookmarkLists:ee,metadata:w,sellerName:M}=l,S=he.useDetectMobile(),re=()=>{var m;if(!t.isDefined(y))return e.jsx(e.Fragment,{});const r=y,o=(m=y==null?void 0:y.props)==null?void 0:m.children,c=a.cloneElement(o,{key:`bookmark_pr__${z}`,bookmarked:z,productUuid:d,onAddToBookmark:()=>F(!0,d),onRemoveFromBookmark:()=>F(!1,d),bookmarkedUuidList:ee});return a.cloneElement(r,void 0,c)},q=[ye,ke,je,xe,_e,Ce,Ne,Pe].some(r=>E==null?void 0:E.includes(r)),[oe,I]=a.useState(!1),ne=()=>{I(!0)},te=()=>{I(!1)},i=a.useRef(null),h=a.useRef([]),[se,W]=a.useState(n==null?void 0:n.length),ie=()=>{var m,b,k;if(!(i!=null&&i.current)||((m=h==null?void 0:h.current)==null?void 0:m.length)===0)return;if(S){W(n==null?void 0:n.length);return}const r=(b=i==null?void 0:i.current)==null?void 0:b.offsetWidth;let o=0,c=0;for(let p=0;p<(n==null?void 0:n.length);p++){const f=((k=h==null?void 0:h.current[p])==null?void 0:k.offsetWidth)||0,u=o+f+4;if(u<=r)o+=u,c++;else break}W(c)};a.useEffect(()=>{const r=i==null?void 0:i.current;if(!r)return;const o=new ResizeObserver(()=>{ie()});return o.observe(r),()=>{o.disconnect()}},[n,S]);const ae=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=n==null?void 0:n.slice(0,se))==null?void 0:r.map((o,c)=>{var f,u,R,G,A;const m=((f=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:f.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",b=((R=o==null?void 0:o.measurementUnit)==null?void 0:R.symbol)??((G=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:G.measure)??"",p=[(o==null?void 0:o.value)??((A=o==null?void 0:o.multiOptions)==null?void 0:A[0])??"",b].filter(Boolean).join(" ");return e.jsxs(C,{ref:de=>h.current[c]=de,className:"tag",children:[e.jsx("i",{className:m}),p]},`detailed-products-section-tag__${c+1}`)})})},ce=()=>e.jsx("div",{className:"tags-popover__content",children:n==null?void 0:n.map((r,o)=>{var p,f,u;const c=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((f=s==null?void 0:s[r==null?void 0:r.code])==null?void 0:f.measure)??"",b=[(r==null?void 0:r.value)??((u=r==null?void 0:r.multiOptions)==null?void 0:u[0])??"",c].filter(Boolean).join(" "),k=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:b})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),le=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(C,{className:"tag",children:O},"detailed-products-section-tag__condition"),V&&e.jsx(C,{className:"tag",children:V},"detailed-products-section-tag__quantity"),B&&e.jsx(C,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),D=g>0&&_&&P!==!0&&$!==!0&&g!==x;return e.jsxs(L,{ref:i,className:"product-card","data-accessor":w==null?void 0:w.accessor,name:w==null?void 0:w.name,onClick:r=>Z(r,i),children:[e.jsxs(fe,{className:"product-image-wrapper",children:[e.jsx(re,{}),t.isDefined(T)?T:e.jsx(me.ProductImageWrapper,{src:U})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:M,children:M}),e.jsx("div",{className:"card-title",children:j})]}),e.jsxs("div",{className:"wrapper-card-3",children:[q&&e.jsx("div",{...S?{}:{onMouseEnter:ne,onMouseLeave:te},children:e.jsxs(pe,{placement:"bottom",open:oe,children:[e.jsx(ue,{children:ae()}),e.jsx(ge,{style:{all:"unset"},children:e.jsx(ve,{children:ce()})})]})}),!q&&le()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[x>0&&_&&P!==!0&&$!==!0&&e.jsx("div",{children:`${t.formatPrice(x)} ${t.GetCurrencySymbol(_)}`}),D&&e.jsx("div",{className:`${x>0?"full-price":""}`,children:`${t.formatPrice(g)} ${t.GetCurrencySymbol(_)}`}),P&&J,$&&H]}),e.jsx("div",{className:"location-text",children:Y})]}),K===!0&&e.jsx(be,{sponsoredText:Q})]})}),Ee=a.forwardRef(({},l)=>e.jsxs(L,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),Se=({limit:l=5,isLoading:v=!1,keyPrefix:d})=>e.jsx(e.Fragment,{children:Array.from({length:l},(j,g)=>e.jsx(Ee,{isLoading:v},`${d}-skeleton-product-card-${g}`))}),Te=({children:l,fallbackComponent:v=e.jsx(e.Fragment,{}),isLoading:d=!1,limit:j,keyPrefix:g})=>e.jsx(a.Suspense,{fallbackComponent:v,children:d===!0?e.jsx(Se,{isLoading:d,limit:j,keyPrefix:g}):l});exports.DetailedProductCard=$e;exports.SuspenseDetailedProductCard=Te;
+`,_e=a.forwardRef(({sponsoredText:c="Sponsored"},f)=>e.jsxs(je,{ref:f,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:c})]})),Ce="Vehicles_Cars",Ne="Vehicles_Motorcycles",Pe="Vehicles_Trucks",$e="Vehicles_AgriculturalMachines_Tractors",Se="Vehicles_ConstructionMachines",Ee="Vehicles_Bus",Te="Vehicles_Campers",Ve="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=a.forwardRef((c,f)=>{const{uuid:d,sellerUuid:x,name:b,price:P=0,sellingPrice:j,currency:_,isNegotiable:$,isFree:S,imageUrl:Y,location:K,sponsored:Z,imageComponent:O,onSelectCard:H=()=>{},freeText:J="Free",negotiableText:Q="Negotiable",tags:n=[],categoryCode:E,condition:B,quantity:z,trade:F,sponsoredText:ee,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,onBookmark:T=()=>{},bookmarkComponent:y,bookmarked:M,bookmarkLists:se,metadata:v,sellerName:q}=c,V=ye.useDetectMobile(),ie=()=>{var m;if(!t.isDefined(y))return e.jsx(e.Fragment,{});const r=y,o=(m=y==null?void 0:y.props)==null?void 0:m.children,l=a.cloneElement(o,{key:`bookmark_pr__${M}`,bookmarked:M,productUuid:d,onAddToBookmark:()=>T(!0,d),onRemoveFromBookmark:()=>T(!1,d),bookmarkedUuidList:se,sellerUuid:x,handleBookmarking:T,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te});return a.cloneElement(r,void 0,l)},W=[Ce,Ne,Pe,$e,Se,Ee,Te,Ve].some(r=>E==null?void 0:E.includes(r)),[ae,I]=a.useState(!1),ce=()=>{I(!0)},le=()=>{I(!1)},i=a.useRef(null),g=a.useRef([]),[de,R]=a.useState(n==null?void 0:n.length),me=()=>{var m,w,k;if(!(i!=null&&i.current)||((m=g==null?void 0:g.current)==null?void 0:m.length)===0)return;if(V){R(n==null?void 0:n.length);return}const r=(w=i==null?void 0:i.current)==null?void 0:w.offsetWidth;let o=0,l=0;for(let p=0;p<(n==null?void 0:n.length);p++){const h=((k=g==null?void 0:g.current[p])==null?void 0:k.offsetWidth)||0,u=o+h+4;if(u<=r)o+=u,l++;else break}R(l)};a.useEffect(()=>{const r=i==null?void 0:i.current;if(!r)return;const o=new ResizeObserver(()=>{me()});return o.observe(r),()=>{o.disconnect()}},[n,V]);const pe=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=n==null?void 0:n.slice(0,de))==null?void 0:r.map((o,l)=>{var h,u,G,A,U;const m=((h=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:h.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",w=((G=o==null?void 0:o.measurementUnit)==null?void 0:G.symbol)??((A=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:A.measure)??"",p=[(o==null?void 0:o.value)??((U=o==null?void 0:o.multiOptions)==null?void 0:U[0])??"",w].filter(Boolean).join(" ");return e.jsxs(C,{ref:he=>g.current[l]=he,className:"tag",children:[e.jsx("i",{className:m}),p]},`detailed-products-section-tag__${l+1}`)})})},ue=()=>e.jsx("div",{className:"tags-popover__content",children:n==null?void 0:n.map((r,o)=>{var p,h,u;const l=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((h=s==null?void 0:s[r==null?void 0:r.code])==null?void 0:h.measure)??"",w=[(r==null?void 0:r.value)??((u=r==null?void 0:r.multiOptions)==null?void 0:u[0])??"",l].filter(Boolean).join(" "),k=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:w})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),ge=()=>e.jsxs(e.Fragment,{children:[B&&e.jsx(C,{className:"tag",children:B},"detailed-products-section-tag__condition"),z&&e.jsx(C,{className:"tag",children:z},"detailed-products-section-tag__quantity"),F&&e.jsx(C,{className:"tag",children:F},"detailed-products-section-tag__trade")]}),D=P>0&&_&&$!==!0&&S!==!0&&P!==j;return e.jsxs(L,{ref:i,className:"product-card","data-accessor":v==null?void 0:v.accessor,name:v==null?void 0:v.name,onClick:r=>H(r,i),children:[e.jsxs(ke,{className:"product-image-wrapper",children:[e.jsx(ie,{}),t.isDefined(O)?O:e.jsx(fe.ProductImageWrapper,{src:Y})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:q,children:q}),e.jsx("div",{className:"card-title",children:b})]}),e.jsxs("div",{className:"wrapper-card-3",children:[W&&e.jsx("div",{...V?{}:{onMouseEnter:ce,onMouseLeave:le},children:e.jsxs(ve,{placement:"bottom",open:ae,children:[e.jsx(we,{children:pe()}),e.jsx(be,{style:{all:"unset"},children:e.jsx(xe,{children:ue()})})]})}),!W&&ge()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${D?"new-price":""}`,children:[j>0&&_&&$!==!0&&S!==!0&&e.jsx("div",{children:`${t.formatPrice(j)} ${t.GetCurrencySymbol(_)}`}),D&&e.jsx("div",{className:`${j>0?"full-price":""}`,children:`${t.formatPrice(P)} ${t.GetCurrencySymbol(_)}`}),$&&Q,S&&J]}),e.jsx("div",{className:"location-text",children:K})]}),Z===!0&&e.jsx(_e,{sponsoredText:ee})]})}),Be=a.forwardRef(({},c)=>e.jsxs(L,{className:"product-card",children:[e.jsx("img",{className:"skeleton-img"}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-title"}),e.jsx("div",{className:"skeleton-tags"})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"skeleton-price"}),e.jsx("div",{className:"skeleton-sponsored"})]})]})),ze=({limit:c=5,isLoading:f=!1,keyPrefix:d})=>e.jsx(e.Fragment,{children:Array.from({length:c},(x,b)=>e.jsx(Be,{isLoading:f},`${d}-skeleton-product-card-${b}`))}),Fe=({children:c,fallbackComponent:f=e.jsx(e.Fragment,{}),isLoading:d=!1,limit:x,keyPrefix:b})=>e.jsx(a.Suspense,{fallbackComponent:f,children:d===!0?e.jsx(ze,{isLoading:d,limit:x,keyPrefix:b}):c});exports.DetailedProductCard=Oe;exports.SuspenseDetailedProductCard=Fe;

package/package.json

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