@lanaco/lnc-react-ui 4.0.145 → 4.0.146

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),L=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),j=require("./suspense-product-card-detailed-B7gioG73.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),F=require("./consts-goSZX3xP.cjs"),L=require("./Button.cjs"),h=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),j=require("./suspense-product-card-detailed-BVYLuo75.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
   display: grid;
   grid-template-columns: ${s=>`repeat(${s.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import E from "./Button.js";
 import { k as h } from "./utils-BdsZgOUE.js";
 import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as O } from "./style-DFPWLJBr.js";
-import { D as R, S as W } from "./suspense-product-card-detailed-FUKF_Pyc.js";
+import { D as R, S as W } from "./suspense-product-card-detailed-Bv1nJaPz.js";
 import { S as $ } from "./index-Dweo-G3H.js";
 const j = B.div`
   display: grid;

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-B7gioG73.cjs"),N=v.styled.div`
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-BVYLuo75.cjs"),N=v.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as I, S as T } from "./consts-BuFChS64.js";
 import { u as _ } from "./useDetectMobile-Bkvj0VMa.js";
 import B from "./Button.js";
-import { D, S as E } from "./suspense-product-card-detailed-FUKF_Pyc.js";
+import { D, S as E } from "./suspense-product-card-detailed-Bv1nJaPz.js";
 const j = F.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{suspense-product-card-detailed-B7gioG73.cjs → suspense-product-card-detailed-BVYLuo75.cjs}

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

package/dist/{suspense-product-card-detailed-FUKF_Pyc.js → suspense-product-card-detailed-Bv1nJaPz.js}

@@ -1,15 +1,15 @@
-import { jsxs as n, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { forwardRef as B, useState as A, useRef as Y, useEffect as ve, cloneElement as we, Suspense as be } from "react";
-import { p as ke, t as K, o as b, l as H, q as Z, G as J, k as ye } from "./utils-BdsZgOUE.js";
-import { s as P } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsxs as n, jsx as e, Fragment as P } from "react/jsx-runtime";
+import { forwardRef as M, useState as A, useRef as Y, useEffect as we, cloneElement as K, Suspense as be } from "react";
+import { p as ke, t as H, o as k, l as Z, q as J, G as Q, k as ye } from "./utils-BdsZgOUE.js";
+import { s as $ } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { P as _e } from "./index-CF3HhgvN.js";
-import N from "./Badge.js";
+import C from "./Badge.js";
 import Ne from "./Popover.js";
 import Ce from "./PopoverTrigger.js";
 import Pe from "./PopoverContent.js";
 import { u as $e } from "./useDetectMobile-Bkvj0VMa.js";
-import { M as Q } from "./consts-BuFChS64.js";
-const x = P.div`
+import { M as x } from "./consts-BuFChS64.js";
+const ee = $.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -80,7 +80,7 @@ const x = P.div`
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${K()}
+    ${H()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -103,7 +103,7 @@ const x = P.div`
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${K()}
+    ${H()}
   }
 
   & .tags-wrapper {
@@ -112,31 +112,31 @@ const x = P.div`
   }
 
   & .skeleton-img {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
   }
 
   & .skeleton-title {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 100%;
     height: 2.5rem;
   }
 
   & .skeleton-tags {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 80%;
     height: 1.5rem;
   }
 
   & .skeleton-price {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 50%;
     height: 2.5rem;
   }
 
   & .skeleton-sponsored {
-    background-color: ${b("-90deg")};
+    background-color: ${k("-90deg")};
     width: 50%;
     height: 1rem;
   }
@@ -146,7 +146,7 @@ const x = P.div`
     gap: 0.25rem;
   }
 
-  @media (max-width: ${Q + "px"}) {
+  @media (max-width: ${x + "px"}) {
     overflow: visible;
 
     & .tags-popover__trigger {
@@ -166,7 +166,7 @@ const x = P.div`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Te = P.div`
+`, Te = $.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -198,7 +198,7 @@ const x = P.div`
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${Q + "px"}) {
+  @media (max-width: ${x + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -211,7 +211,7 @@ const x = P.div`
       display: flex;
     }
   }
-`, Ee = P.div`
+`, Ee = $.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -261,7 +261,7 @@ const x = P.div`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ve = P.div`
+`, Ve = $.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -273,9 +273,9 @@ const x = P.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, Oe = B(({ sponsoredText: d = "Sponsored" }, v) => /* @__PURE__ */ n(Ve, { ref: v, className: "sponsored-line", children: [
+`, Oe = M(({ sponsoredText: m = "Sponsored" }, v) => /* @__PURE__ */ n(Ve, { ref: v, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
-  /* @__PURE__ */ e("span", { children: d })
+  /* @__PURE__ */ e("span", { children: m })
 ] })), Se = "Vehicles_Cars", ze = "Vehicles_Motorcycles", Be = "Vehicles_Trucks", Me = "Vehicles_AgriculturalMachines_Tractors", We = "Vehicles_ConstructionMachines", Fe = "Vehicles_Bus", De = "Vehicles_Campers", Ie = "RealEstates_", i = {
   Mileage: {
     icon: "mng-lnc-road",
@@ -377,42 +377,47 @@ const x = P.div`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, xe = B((d, v) => {
+}, xe = M((m, v) => {
   const {
-    uuid: m,
-    name: k,
-    price: g = 0,
-    sellingPrice: y,
-    currency: _,
-    isNegotiable: $,
-    isFree: T,
-    imageUrl: ee,
-    location: re,
-    sponsored: M,
-    imageComponent: W,
-    onSelectCard: oe = () => {
+    uuid: p,
+    name: y,
+    price: u = 0,
+    sellingPrice: _,
+    currency: N,
+    isNegotiable: T,
+    isFree: E,
+    imageUrl: re,
+    location: oe,
+    sponsored: W,
+    imageComponent: F,
+    onSelectCard: ne = () => {
     },
-    freeText: ne = "Free",
-    negotiableText: te = "Negotiable",
-    tags: t = [],
-    categoryCode: E,
-    condition: V,
-    quantity: O,
-    trade: S,
-    sponsoredText: ae,
-    onBookmark: F = () => {
+    freeText: te = "Free",
+    negotiableText: ae = "Negotiable",
+    tags: a = [],
+    categoryCode: V,
+    condition: O,
+    quantity: S,
+    trade: z,
+    sponsoredText: ie,
+    onBookmark: D = () => {
     },
-    bookmarkComponent: D,
+    bookmarkComponent: w,
     bookmarked: I,
-    bookmarkLists: ie
-  } = d, z = $e(), se = () => H(D) ? we(D, {
-    key: `bookmark_pr__${I}`,
-    bookmarked: I,
-    productUuid: m,
-    onAddToBookmark: () => F(!0, m),
-    onRemoveFromBookmark: () => F(!1, m),
-    bookmarkedUuidList: ie
-  }) : /* @__PURE__ */ e(C, {}), j = [
+    bookmarkLists: se
+  } = m, B = $e(), ce = () => {
+    var c;
+    if (!Z(w)) return /* @__PURE__ */ e(P, {});
+    const r = w, o = (c = w == null ? void 0 : w.props) == null ? void 0 : c.children, t = K(o, {
+      key: `bookmark_pr__${I}`,
+      bookmarked: I,
+      productUuid: p,
+      onAddToBookmark: () => D(!0, p),
+      onRemoveFromBookmark: () => D(!1, p),
+      bookmarkedUuidList: se
+    });
+    return K(r, void 0, t);
+  }, j = [
     Se,
     ze,
     Be,
@@ -422,123 +427,123 @@ const x = P.div`
     De,
     Ie
   ].some(
-    (r) => E == null ? void 0 : E.includes(r)
-  ), [ce, G] = A(!1), le = () => {
+    (r) => V == null ? void 0 : V.includes(r)
+  ), [le, G] = A(!1), de = () => {
     G(!0);
-  }, de = () => {
+  }, me = () => {
     G(!1);
-  }, s = Y(null), u = Y([]), [R, me] = A(t == null ? void 0 : t.length), pe = () => {
-    var h, c, w;
-    if (!(s != null && s.current) || ((h = u == null ? void 0 : u.current) == null ? void 0 : h.length) === 0) return;
-    const r = (c = s == null ? void 0 : s.current) == null ? void 0 : c.offsetWidth;
-    let o = 0, a = 0;
-    for (let l = 0; l < (t == null ? void 0 : t.length); l++) {
-      const f = ((w = u == null ? void 0 : u.current[l]) == null ? void 0 : w.offsetWidth) || 0, p = o + f + 4;
-      if (p <= r)
-        o += p, a++;
+  }, s = Y(null), h = Y([]), [R, pe] = A(a == null ? void 0 : a.length), ge = () => {
+    var c, l, b;
+    if (!(s != null && s.current) || ((c = h == null ? void 0 : h.current) == null ? void 0 : c.length) === 0) return;
+    const r = (l = s == null ? void 0 : s.current) == null ? void 0 : l.offsetWidth;
+    let o = 0, t = 0;
+    for (let d = 0; d < (a == null ? void 0 : a.length); d++) {
+      const f = ((b = h == null ? void 0 : h.current[d]) == null ? void 0 : b.offsetWidth) || 0, g = o + f + 4;
+      if (g <= r)
+        o += g, t++;
       else
         break;
     }
-    me(a);
+    pe(t);
   };
-  ve(() => {
+  we(() => {
     const r = s == null ? void 0 : s.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      pe();
+      ge();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
-  }, [t]);
-  const ge = () => {
+  }, [a]);
+  const ue = () => {
     var r;
-    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = t == null ? void 0 : t.slice(0, R)) == null ? void 0 : r.map((o, a) => {
-      var f, p, X, L, q;
-      const h = ((f = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((p = i == null ? void 0 : i.default) == null ? void 0 : p.icon) ?? "", c = ((X = o == null ? void 0 : o.measurementUnit) == null ? void 0 : X.symbol) ?? ((L = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : L.measure) ?? "", l = [(o == null ? void 0 : o.value) ?? ((q = o == null ? void 0 : o.multiOptions) == null ? void 0 : q[0]) ?? "", c].filter(Boolean).join(" ");
-      return z ? /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
-        l,
-        a < R - 1 ? " · " : ""
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = a == null ? void 0 : a.slice(0, R)) == null ? void 0 : r.map((o, t) => {
+      var f, g, X, L, q;
+      const c = ((f = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : f.icon) ?? ((g = i == null ? void 0 : i.default) == null ? void 0 : g.icon) ?? "", l = ((X = o == null ? void 0 : o.measurementUnit) == null ? void 0 : X.symbol) ?? ((L = i == null ? void 0 : i[o == null ? void 0 : o.code]) == null ? void 0 : L.measure) ?? "", d = [(o == null ? void 0 : o.value) ?? ((q = o == null ? void 0 : o.multiOptions) == null ? void 0 : q[0]) ?? "", l].filter(Boolean).join(" ");
+      return B ? /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
+        d,
+        t < R - 1 ? " · " : ""
       ] }) : /* @__PURE__ */ n(
-        N,
+        C,
         {
-          ref: (fe) => u.current[a] = fe,
-          className: `tag ${M ? "tag-sponsored" : ""}`,
+          ref: (ve) => h.current[t] = ve,
+          className: `tag ${W ? "tag-sponsored" : ""}`,
           children: [
-            /* @__PURE__ */ e("i", { className: h }),
-            l
+            /* @__PURE__ */ e("i", { className: c }),
+            d
           ]
         },
-        `detailed-products-section-tag__${a + 1}`
+        `detailed-products-section-tag__${t + 1}`
       );
     }) });
-  }, ue = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: t == null ? void 0 : t.map((r, o) => {
-    var l, f, p;
-    const a = ((l = r == null ? void 0 : r.measurementUnit) == null ? void 0 : l.symbol) ?? ((f = i == null ? void 0 : i[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", c = [(r == null ? void 0 : r.value) ?? ((p = r == null ? void 0 : r.multiOptions) == null ? void 0 : p[0]) ?? "", a].filter(Boolean).join(" "), w = r == null ? void 0 : r.name;
+  }, he = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: a == null ? void 0 : a.map((r, o) => {
+    var d, f, g;
+    const t = ((d = r == null ? void 0 : r.measurementUnit) == null ? void 0 : d.symbol) ?? ((f = i == null ? void 0 : i[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", l = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", t].filter(Boolean).join(" "), b = r == null ? void 0 : r.name;
     return /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${w}: ` }),
-      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: c })
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${b}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: l })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), he = () => {
+  }) }), fe = () => {
     var r;
-    if (z) {
-      const o = [V, O, S];
-      return (r = o == null ? void 0 : o.filter((a) => ye(a))) == null ? void 0 : r.map((a, h, c) => /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
-        a,
-        h < (c == null ? void 0 : c.length) - 1 ? " · " : ""
+    if (B) {
+      const o = [O, S, z];
+      return (r = o == null ? void 0 : o.filter((t) => ye(t))) == null ? void 0 : r.map((t, c, l) => /* @__PURE__ */ n("div", { className: "tag-mobile", children: [
+        t,
+        c < (l == null ? void 0 : l.length) - 1 ? " · " : ""
       ] }));
     }
-    return /* @__PURE__ */ n(C, { children: [
-      V && /* @__PURE__ */ e(N, { className: "tag", children: V }, "detailed-products-section-tag__condition"),
-      O && /* @__PURE__ */ e(N, { className: "tag", children: O }, "detailed-products-section-tag__quantity"),
-      S && /* @__PURE__ */ e(N, { className: "tag", children: S }, "detailed-products-section-tag__trade")
+    return /* @__PURE__ */ n(P, { children: [
+      O && /* @__PURE__ */ e(C, { className: "tag", children: O }, "detailed-products-section-tag__condition"),
+      S && /* @__PURE__ */ e(C, { className: "tag", children: S }, "detailed-products-section-tag__quantity"),
+      z && /* @__PURE__ */ e(C, { className: "tag", children: z }, "detailed-products-section-tag__trade")
     ] });
-  }, U = g > 0 && _ && $ !== !0 && T !== !0 && g !== y;
+  }, U = u > 0 && N && T !== !0 && E !== !0 && u !== _;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ n(
-      x,
+      ee,
       {
         ref: s,
         className: "product-card",
-        onClick: oe,
+        onClick: ne,
         children: [
           /* @__PURE__ */ n(Te, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(se, {}),
-            H(W) ? W : /* @__PURE__ */ e(_e, { src: ee })
+            /* @__PURE__ */ e(ce, {}),
+            Z(F) ? F : /* @__PURE__ */ e(_e, { src: re })
           ] }),
-          /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: k }) }),
+          /* @__PURE__ */ e("div", { className: "wrapper-card-1", children: /* @__PURE__ */ e("div", { className: "card-title", children: y }) }),
           /* @__PURE__ */ n("div", { className: "wrapper-card-3", children: [
             j && /* @__PURE__ */ e(
               "div",
               {
-                ...z ? {} : {
-                  onMouseEnter: le,
-                  onMouseLeave: de
+                ...B ? {} : {
+                  onMouseEnter: de,
+                  onMouseLeave: me
                 },
-                children: /* @__PURE__ */ n(Ne, { placement: "bottom", open: ce, children: [
-                  /* @__PURE__ */ e(Ce, { children: ge() }),
-                  /* @__PURE__ */ e(Pe, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ee, { children: ue() }) })
+                children: /* @__PURE__ */ n(Ne, { placement: "bottom", open: le, children: [
+                  /* @__PURE__ */ e(Ce, { children: ue() }),
+                  /* @__PURE__ */ e(Pe, { style: { all: "unset" }, children: /* @__PURE__ */ e(Ee, { children: he() }) })
                 ] })
               }
             ),
-            !j && he()
+            !j && fe()
           ] }),
           /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
             /* @__PURE__ */ n("div", { className: `price-text ${U ? "new-price" : ""}`, children: [
-              y > 0 && _ && $ !== !0 && T !== !0 && /* @__PURE__ */ e("div", { children: `${Z(y)} ${J(_)}` }),
-              U && /* @__PURE__ */ e("div", { className: `${y > 0 ? "full-price" : ""}`, children: `${Z(g)} ${J(_)}` }),
-              $ && te,
-              T && ne
+              _ > 0 && N && T !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${J(_)} ${Q(N)}` }),
+              U && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${J(u)} ${Q(N)}` }),
+              T && ae,
+              E && te
             ] }),
-            /* @__PURE__ */ e("div", { className: "location-text", children: re })
+            /* @__PURE__ */ e("div", { className: "location-text", children: oe })
           ] }),
-          M === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: ae })
+          W === !0 && /* @__PURE__ */ e(Oe, { sponsoredText: ie })
         ]
       }
     )
   );
-}), je = B(({}, d) => /* @__PURE__ */ n(x, { className: "product-card", children: [
+}), je = M(({}, m) => /* @__PURE__ */ n(ee, { className: "product-card", children: [
   /* @__PURE__ */ e("img", { className: "skeleton-img" }),
   /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
     /* @__PURE__ */ e("div", { className: "skeleton-title" }),
@@ -548,26 +553,26 @@ const x = P.div`
     /* @__PURE__ */ e("div", { className: "skeleton-price" }),
     /* @__PURE__ */ e("div", { className: "skeleton-sponsored" })
   ] })
-] })), Ge = ({ limit: d = 5, isLoading: v = !1, keyPrefix: m }) => /* @__PURE__ */ e(C, { children: Array.from({ length: d }, (k, g) => /* @__PURE__ */ e(
+] })), Ge = ({ limit: m = 5, isLoading: v = !1, keyPrefix: p }) => /* @__PURE__ */ e(P, { children: Array.from({ length: m }, (y, u) => /* @__PURE__ */ e(
   je,
   {
     isLoading: v
   },
-  `${m}-skeleton-product-card-${g}`
+  `${p}-skeleton-product-card-${u}`
 )) }), er = ({
-  children: d,
-  fallbackComponent: v = /* @__PURE__ */ e(C, {}),
-  isLoading: m = !1,
-  limit: k,
-  keyPrefix: g
-}) => /* @__PURE__ */ e(be, { fallbackComponent: v, children: m === !0 ? /* @__PURE__ */ e(
+  children: m,
+  fallbackComponent: v = /* @__PURE__ */ e(P, {}),
+  isLoading: p = !1,
+  limit: y,
+  keyPrefix: u
+}) => /* @__PURE__ */ e(be, { fallbackComponent: v, children: p === !0 ? /* @__PURE__ */ e(
   Ge,
   {
-    isLoading: m,
-    limit: k,
-    keyPrefix: g
+    isLoading: p,
+    limit: y,
+    keyPrefix: u
   }
-) : d });
+) : m });
 export {
   xe as D,
   er as S

package/package.json

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