@lanaco/lnc-react-ui 4.0.182 → 4.0.183

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-BeVjdODO.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-CaAhRJ2-.cjs"),T=M.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;

package/dist/DetailedProductsInfinitiveSection.js

@@ -6,7 +6,7 @@ import E from "./IconButton.js";
 import U from "./Button.js";
 import { k as r } from "./utils-Dc5zIpaz.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as j, S as A } from "./index-DrtxDu6u.js";
+import { D as j, S as A } from "./index-DxZ71UZ1.js";
 const F = T.div`
   display: flex;
   flex-direction: column;

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-BeVjdODO.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=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-CaAhRJ2-.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=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 O from "./Button.js";
 import { k as m } from "./utils-Dc5zIpaz.js";
 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 { D as $, S as j } from "./index-DxZ71UZ1.js";
 import { S as z } from "./index-BGiZlEQt.js";
 const A = I.div`
   display: grid;

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-BeVjdODO.cjs"),F=_.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-CaAhRJ2-.cjs"),F=_.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 Q from "./Button.js";
-import { D as j, S as z } from "./index-DrtxDu6u.js";
+import { D as j, S as z } from "./index-DxZ71UZ1.js";
 const A = q.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{index-BeVjdODO.cjs → index-CaAhRJ2-.cjs}

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

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

@@ -1,16 +1,16 @@
 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 { forwardRef as ne, useState as Q, useRef as Z, useEffect as Ve, cloneElement as J, Suspense as Ee } from "react";
+import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.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 { t as G, o as Oe, a as Be, 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 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 Fe = C.div`
+import E from "./Badge.js";
+import We from "./Popover.js";
+import Ge from "./PopoverTrigger.js";
+import Me from "./PopoverContent.js";
+import { u as Fe } from "./useDetectMobile-Bkvj0VMa.js";
+import { a as f, S as p, c as y, b as n } from "./style-CXMUA6cI.js";
+const Ie = N.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -73,7 +73,7 @@ const Fe = C.div`
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${Ee(2)}
+    ${Oe(2)}
   }
 
   & .price-text {
@@ -178,7 +178,7 @@ const Fe = C.div`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Ie = C.div`
+`, je = N.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -199,7 +199,7 @@ const Fe = C.div`
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${(a) => Oe(a.theme, "curved")};
+    border-radius: ${(a) => Be(a.theme, "curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -246,7 +246,7 @@ const Fe = C.div`
       top: unset;
     }
   }
-`, je = C.div`
+`, De = N.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -296,7 +296,7 @@ const Fe = C.div`
       color: var(--gray-950, #14161a);
     }
   }
-`, De = C.div`
+`, Ue = N.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -308,10 +308,10 @@ const Fe = C.div`
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`, Ue = ne(({ sponsoredText: a = "Sponsored" }, R) => /* @__PURE__ */ t(De, { ref: R, className: "sponsored-line", children: [
+`, Le = ne(({ sponsoredText: a = "Sponsored" }, $) => /* @__PURE__ */ t(Ue, { ref: $, className: "sponsored-line", children: [
   /* @__PURE__ */ e("i", { className: "mng-lnc-paw2" }),
   /* @__PURE__ */ e("span", { children: a })
-] })), 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 = {
+] })), Xe = "Vehicles_Cars", qe = "Vehicles_Motorcycles", xe = "Vehicles_Trucks", Ye = "Vehicles_AgriculturalMachines_Tractors", Ae = "Vehicles_ConstructionMachines", Ke = "Vehicles_Bus", He = "Vehicles_Campers", Qe = "RealEstates_", s = {
   Mileage: {
     icon: "mng-lnc-road",
     measure: "km"
@@ -412,16 +412,16 @@ const Fe = C.div`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, hr = ne((a, R) => {
+}, pr = ne((a, $) => {
   const {
-    uuid: y,
-    sellerUuid: P,
+    uuid: b,
+    sellerUuid: O,
     name: te,
-    price: T = 0,
-    sellingPrice: N,
-    currency: $,
-    isNegotiable: V,
-    isFree: E,
+    price: S = 0,
+    sellingPrice: k,
+    currency: _,
+    isNegotiable: P,
+    isFree: T,
     imageUrl: ie,
     location: ae,
     sponsored: se,
@@ -431,71 +431,82 @@ const Fe = C.div`
     freeText: ce = "Free",
     negotiableText: de = "Negotiable",
     tags: i = [],
-    categoryCode: O,
+    categoryCode: V,
+    categoryName: me,
     condition: j,
-    quantity: z,
+    quantity: B,
     trade: D,
-    sponsoredText: me,
-    forCart: he,
-    forOrder: pe,
-    contactSeller: ue,
-    hasVariants: ge,
-    hasQuantities: fe,
-    status: be,
-    onBookmark: B = () => {
+    sponsoredText: he,
+    forCart: pe,
+    forOrder: ue,
+    contactSeller: ge,
+    hasVariants: fe,
+    hasQuantities: be,
+    status: ve,
+    onBookmark: z = () => {
     },
-    actionComponent: k,
+    actionComponent: C,
     bookmarked: U,
-    bookmarkLists: ve,
-    metadata: b,
+    bookmarkLists: we,
+    metadata: v,
     sellerName: L
-  } = a, W = Me(), we = () => {
+  } = a, W = Fe(), ye = () => {
     var d;
-    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, {
+    if (!ee(C)) return /* @__PURE__ */ e(M, {});
+    const r = C, o = (d = C == null ? void 0 : C.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: ve,
-      sellerUuid: P,
-      handleBookmarking: B,
-      forCart: he,
-      forOrder: pe,
-      contactSeller: ue,
-      hasVariants: ge,
-      status: be,
-      quantity: z,
-      hasQuantities: fe
+      productUuid: b,
+      onAddToBookmark: () => z(!0, b),
+      onRemoveFromBookmark: () => z(!1, b),
+      bookmarkedUuidList: we,
+      sellerUuid: O,
+      handleBookmarking: z,
+      forCart: pe,
+      forOrder: ue,
+      contactSeller: ge,
+      hasVariants: fe,
+      status: ve,
+      quantity: B,
+      hasQuantities: be,
+      productBasicInfo: {
+        uuid: b,
+        price: S,
+        sellingPrice: k,
+        categoryCode: V,
+        categoryName: me,
+        currency: _,
+        isNegotiable: P,
+        isFree: T
+      }
     });
     return J(r, void 0, c);
   }, X = [
-    Le,
     Xe,
     qe,
     xe,
     Ye,
     Ae,
     Ke,
-    He
+    He,
+    Qe
   ].some(
-    (r) => O == null ? void 0 : O.includes(r)
-  ), [ye, q] = Q(!1), ke = () => {
+    (r) => V == null ? void 0 : V.includes(r)
+  ), [ke, q] = Q(!1), _e = () => {
     q(!0);
-  }, _e = () => {
+  }, Ce = () => {
     q(!1);
-  }, l = Z(null), u = Z([]), [Ce, x] = Q(i == null ? void 0 : i.length), Re = () => {
-    var d, v, _;
+  }, l = Z(null), u = Z([]), [Re, x] = Q(i == null ? void 0 : i.length), Ne = () => {
+    var d, w, R;
     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;
+    const r = (w = l == null ? void 0 : l.current) == null ? void 0 : w.offsetWidth;
     let o = 0, c = 0;
     for (let m = 0; m < (i == null ? void 0 : i.length); m++) {
-      const g = ((_ = u == null ? void 0 : u.current[m]) == null ? void 0 : _.offsetWidth) || 0, h = o + g + 4;
+      const g = ((R = u == null ? void 0 : u.current[m]) == null ? void 0 : R.offsetWidth) || 0, h = o + g + 4;
       if (h <= r)
         o += h, c++;
       else
@@ -503,25 +514,25 @@ const Fe = C.div`
     }
     x(c);
   };
-  Te(() => {
+  Ve(() => {
     const r = l == null ? void 0 : l.current;
     if (!r) return;
     const o = new ResizeObserver(() => {
-      Re();
+      Ne();
     });
     return o.observe(r), () => {
       o.disconnect();
     };
   }, [i, W]);
-  const Ne = () => {
+  const $e = () => {
     var r;
-    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) => {
+    return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, Re)) == 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(" ");
+      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) ?? "", w = ((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]) ?? "", w].filter(Boolean).join(" ");
       return /* @__PURE__ */ t(
-        S,
+        E,
         {
-          ref: (Pe) => u.current[c] = Pe,
+          ref: (Te) => u.current[c] = Te,
           className: "tag",
           children: [
             /* @__PURE__ */ e("i", { className: d }),
@@ -531,31 +542,31 @@ const Fe = C.div`
         `detailed-products-section-tag__${c + 1}`
       );
     }) });
-  }, $e = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
+  }, Se = () => /* @__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;
+    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) ?? "", w = [(r == null ? void 0 : r.value) ?? ((h = r == null ? void 0 : r.multiOptions) == null ? void 0 : h[0]) ?? "", c].filter(Boolean).join(" "), R = 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 })
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${R}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: w })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
-  }) }), 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;
+  }) }), Pe = () => /* @__PURE__ */ t(M, { children: [
+    j && /* @__PURE__ */ e(E, { className: "tag", children: j }, "detailed-products-section-tag__condition"),
+    B && /* @__PURE__ */ e(E, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
+    D && /* @__PURE__ */ e(E, { className: "tag", children: D }, "detailed-products-section-tag__trade")
+  ] }), Y = S > 0 && _ && P !== !0 && T !== !0 && S !== k;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ t(
-      Fe,
+      Ie,
       {
         ref: l,
         className: "product-card",
-        "data-accessor": b == null ? void 0 : b.accessor,
-        name: b == null ? void 0 : b.name,
+        "data-accessor": v == null ? void 0 : v.accessor,
+        name: v == null ? void 0 : v.name,
         onClick: (r) => le(r, l),
         children: [
-          /* @__PURE__ */ t(Ie, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(we, {}),
+          /* @__PURE__ */ t(je, { className: "product-image-wrapper", children: [
+            /* @__PURE__ */ e(ye, {}),
             ee(I) ? I : /* @__PURE__ */ e(ze, { src: ie })
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-1", children: [
@@ -567,32 +578,32 @@ const Fe = C.div`
               "div",
               {
                 ...W ? {} : {
-                  onMouseEnter: ke,
-                  onMouseLeave: _e
+                  onMouseEnter: _e,
+                  onMouseLeave: Ce
                 },
-                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() }) })
+                children: /* @__PURE__ */ t(We, { placement: "bottom", open: ke, children: [
+                  /* @__PURE__ */ e(Ge, { children: $e() }),
+                  /* @__PURE__ */ e(Me, { style: { all: "unset" }, children: /* @__PURE__ */ e(De, { children: Se() }) })
                 ] })
               }
             ),
-            !X && Se()
+            !X && Pe()
           ] }),
           /* @__PURE__ */ t("div", { className: "wrapper-card-2", children: [
             /* @__PURE__ */ t("div", { className: `price-text ${Y ? "new-price" : ""}`, children: [
-              N > 0 && $ && V !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${re(N)} ${oe($)}` }),
-              Y && /* @__PURE__ */ e("div", { className: `${N > 0 ? "full-price" : ""}`, children: `${re(T)} ${oe($)}` }),
-              V && de,
-              E && ce
+              k > 0 && _ && P !== !0 && T !== !0 && /* @__PURE__ */ e("div", { children: `${re(k)} ${oe(_)}` }),
+              Y && /* @__PURE__ */ e("div", { className: `${k > 0 ? "full-price" : ""}`, children: `${re(S)} ${oe(_)}` }),
+              P && de,
+              T && ce
             ] }),
             /* @__PURE__ */ e("div", { className: "location-text", children: ae })
           ] }),
-          se === !0 && /* @__PURE__ */ e(Ue, { sponsoredText: me })
+          se === !0 && /* @__PURE__ */ e(Le, { sponsoredText: he })
         ]
       }
     )
   );
-}), Qe = C(f)`
+}), Ze = N(f)`
   @media (max-width: ${F + "px"}) {
     & > div {
       &:nth-of-type(even) {
@@ -600,10 +611,10 @@ const Fe = C.div`
       }
     }
   }
-`, Ze = ({ keyPrefix: a }) => /* @__PURE__ */ t(Qe, { children: [
+`, Je = ({ keyPrefix: a }) => /* @__PURE__ */ t(Ze, { children: [
   /* @__PURE__ */ t(p, { gap: "0.5rem", children: [
     /* @__PURE__ */ e(
-      w,
+      y,
       {
         height: "100%",
         width: "100%",
@@ -624,7 +635,7 @@ const Fe = C.div`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -648,7 +659,7 @@ const Fe = C.div`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -672,7 +683,7 @@ const Fe = C.div`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -696,7 +707,7 @@ const Fe = C.div`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -720,7 +731,7 @@ const Fe = C.div`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          w,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -737,13 +748,13 @@ const Fe = C.div`
     },
     `${a}-6`
   )
-] }), pr = ({
+] }), ur = ({
   keyPrefix: a,
-  isLoading: R = !1,
-  fallbackComponent: y = /* @__PURE__ */ e(M, {}),
-  children: P
-}) => /* @__PURE__ */ e(Ve, { fallbackComponent: y, children: R === !0 ? /* @__PURE__ */ e(Ze, { keyPrefix: a }) : P });
+  isLoading: $ = !1,
+  fallbackComponent: b = /* @__PURE__ */ e(M, {}),
+  children: O
+}) => /* @__PURE__ */ e(Ee, { fallbackComponent: b, children: $ === !0 ? /* @__PURE__ */ e(Je, { keyPrefix: a }) : O });
 export {
-  hr as D,
-  pr as S
+  pr as D,
+  ur as S
 };

package/package.json

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