@lanaco/lnc-react-ui 4.0.193 → 4.0.195

package/dist/UrgentSaleProductsSection.js

@@ -1,10 +1,10 @@
-import { jsx as o, Fragment as T, jsxs as y } from "react/jsx-runtime";
-import { memo as F, forwardRef as I, useState as _, useMemo as q } from "react";
+import { jsx as o, Fragment as $, jsxs as y } from "react/jsx-runtime";
+import { memo as T, forwardRef as I, useState as _, useMemo as q } from "react";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as D, S as E } from "./consts-BuFChS64.js";
 import { u as Q } from "./useDetectMobile-Bkvj0VMa.js";
 import j from "./Button.js";
-import { D as z, S as A } from "./index-DqBXIFsQ.js";
+import { D as z, S as A } from "./index-Csxc_5p0.js";
 const G = B.div`
   padding: 1.75rem 3rem;
   display: grid;
@@ -78,7 +78,7 @@ const G = B.div`
     display: flex;
     flex-direction: column;
   }
-`, w = F(z), K = I((r, N) => {
+`, w = T(z), K = I((r, N) => {
   const {
     items: a,
     limit: s = 5,
@@ -97,11 +97,11 @@ const G = B.div`
     },
     actionComponent: k,
     componentName: b,
-    sponsoredText: C,
-    LinkComponent: S
-  } = r, l = Q(), [i, U] = _(!1), v = q(() => {
+    sponsoredText: S,
+    LinkComponent: C
+  } = r, l = Q(), [i, U] = _(!1), F = q(() => {
     var t;
-    return /* @__PURE__ */ o(T, { children: l === !0 ? (t = a == null ? void 0 : a.slice(0, i === !0 ? a == null ? void 0 : a.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ o(
+    return /* @__PURE__ */ o($, { children: l === !0 ? (t = a == null ? void 0 : a.slice(0, i === !0 ? a == null ? void 0 : a.length : n)) == null ? void 0 : t.map((e, m) => /* @__PURE__ */ o(
       w,
       {
         sellerName: e == null ? void 0 : e.sellerName,
@@ -115,7 +115,7 @@ const G = B.div`
         sellerUuid: e == null ? void 0 : e.sellerUuid,
         uuid: e == null ? void 0 : e.uuid,
         sponsored: e == null ? void 0 : e.sponsored,
-        onSelectCard: ($, d) => c({
+        onSelectCard: (v, d) => c({
           uuid: e == null ? void 0 : e.uuid,
           nameSlug: e == null ? void 0 : e.nameSlug,
           cardRef: d
@@ -138,8 +138,9 @@ const G = B.div`
         status: e == null ? void 0 : e.status,
         trade: e == null ? void 0 : e.trade,
         forCart: e == null ? void 0 : e.forCart,
-        sponsoredText: C,
-        LinkComponent: S
+        sponsoredText: S,
+        LinkComponent: C,
+        hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
       },
       m
     )) : a == null ? void 0 : a.slice(0, s).map((e, m) => /* @__PURE__ */ o(
@@ -156,7 +157,7 @@ const G = B.div`
         uuid: e == null ? void 0 : e.uuid,
         location: e == null ? void 0 : e.location,
         sponsored: e == null ? void 0 : e.sponsored,
-        onSelectCard: ($, d) => c({
+        onSelectCard: (v, d) => c({
           uuid: e == null ? void 0 : e.uuid,
           nameSlug: e == null ? void 0 : e.nameSlug,
           cardRef: d
@@ -179,9 +180,10 @@ const G = B.div`
         status: e == null ? void 0 : e.status,
         trade: e == null ? void 0 : e.trade,
         forCart: e == null ? void 0 : e.forCart,
-        sponsoredText: C,
+        sponsoredText: S,
         sellerName: e == null ? void 0 : e.sellerName,
-        LinkComponent: S
+        LinkComponent: C,
+        hasFreeShipping: e == null ? void 0 : e.hasFreeShipping
       },
       m
     )) });
@@ -197,7 +199,7 @@ const G = B.div`
           /* @__PURE__ */ o("span", { children: P })
         ] }),
         " ",
-        v,
+        F,
         " ",
         l === !0 && n < (a == null ? void 0 : a.length) && !u && /* @__PURE__ */ o(
           j,

package/dist/{index-Lmz3An4A.cjs → index-CS4w87SW.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),a=require("./utils-RnrgDDZP.cjs"),Pe=require("./index-uwl7BjRF.cjs"),L=require("./Badge.cjs"),ye=require("./Popover.cjs"),Re=require("./PopoverTrigger.cjs"),_e=require("./PopoverContent.cjs"),Ne=require("./useDetectMobile-zkbzoOGV.cjs"),Le=require("./Icon.cjs"),n=require("./style-BAcV7F53.cjs"),$e=k.styled.a`
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),O=require("./consts-goSZX3xP.cjs"),s=require("./utils-RnrgDDZP.cjs"),Ne=require("./index-uwl7BjRF.cjs"),$=require("./Badge.cjs"),Le=require("./Popover.cjs"),Ee=require("./PopoverTrigger.cjs"),$e=require("./PopoverContent.cjs"),We=require("./useDetectMobile-zkbzoOGV.cjs"),Q=require("./Icon.cjs"),n=require("./style-BAcV7F53.cjs"),Fe=P.styled.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -15,7 +15,7 @@
   }
   & .seller {
     text-transform: uppercase;
-    ${a.truncateText()}
+    ${s.truncateText()}
     color: var(--gray-500);
     font-size: 0.625rem;
     font-weight: 400;
@@ -68,13 +68,13 @@
   & .card-title {
     font-size: 0.875rem;
     font-weight: 600;
-    ${a.truncateTextInRows(2)}
+    ${s.truncateTextInRows(2)}
   }
 
   & .price-text {
     font-size: 1rem;
     font-weight: 600;
-    ${a.truncateText()}
+    ${s.truncateText()}
     display: flex;
     align-items: end;
     gap: 0.5rem;
@@ -97,7 +97,7 @@
     font-size: 0.75rem;
     font-weight: 400;
     color: var(--gray-600, #676e79);
-    ${a.truncateText()}
+    ${s.truncateText()}
   }
 
   & .tags-wrapper {
@@ -163,7 +163,7 @@
     padding-inline: 0.5rem;
   }
 
-  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${O.MOBILE_SIZE_PX+"px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -226,7 +226,7 @@
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`,Ee=k.styled.div`
+`,Ie=P.styled.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -247,7 +247,7 @@
 
     width: 2.25rem;
     height: 2.25rem;
-    border-radius: ${i=>a.getBorderRadiusValueWithUnits(i.theme,"curved")};
+    border-radius: ${i=>s.getBorderRadiusValueWithUnits(i.theme,"curved")};
     border: 1px solid var(--gray-95008);
     background-color: white;
     color: var(--gray-950);
@@ -279,7 +279,7 @@
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${O.MOBILE_SIZE_PX+"px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -294,7 +294,7 @@
       top: unset;
     }
   }
-`,We=k.styled.div`
+`,qe=P.styled.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -344,7 +344,7 @@
       color: var(--gray-950, #14161a);
     }
   }
-`,qe=k.styled.div`
+`,Oe=P.styled.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -356,12 +356,12 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,Ie=m.forwardRef(({sponsoredText:i="Sponsored"},C)=>e.jsxs(qe,{ref:C,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Oe="Vehicles_Cars",De="Vehicles_Motorcycles",Ve="Vehicles_Trucks",ze="Vehicles_AgriculturalMachines_Tractors",Be="Vehicles_ConstructionMachines",Fe="Vehicles_Bus",Ge="Vehicles_Campers",Ue="RealEstates_",l={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:""}},O={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Me=m.forwardRef((i,C)=>{const{uuid:h,sellerUuid:$,name:K,price:P=0,sellingPrice:x,currency:j,isNegotiable:y,isFree:R,imageUrl:Q,location:J,sponsored:ee,imageComponent:V,freeText:re="Free",negotiableText:ne="Negotiable",tags:t=[],categoryCode:_,categoryName:oe,condition:z,quantity:E,trade:B,sponsoredText:te,forCart:ie,forOrder:ae,contactSeller:se,hasVariants:le,hasQuantities:ce,status:de,onBookmark:W=()=>{},actionComponent:b,bookmarked:F,bookmarkLists:me,metadata:w,sellerName:G,nameSlug:N,onSelectCard:he=()=>{},activeSalesPackages:q,urgentText:ue="Urgent",LinkComponent:U}=i,ge=U||"a",I=Ne.useDetectMobile(),pe=()=>{var d;if(!a.isDefined(b))return e.jsx(e.Fragment,{});const r=b,o=(d=b==null?void 0:b.props)==null?void 0:d.children,s=m.cloneElement(o,{key:`bookmark_pr__${F}`,bookmarked:F,productUuid:h,onAddToBookmark:()=>W(!0,h),onRemoveFromBookmark:()=>W(!1,h),bookmarkedUuidList:me,sellerUuid:$,handleBookmarking:W,forCart:ie,forOrder:ae,contactSeller:se,hasVariants:le,status:de,quantity:E,hasQuantities:ce,productBasicInfo:{uuid:h,price:P,sellingPrice:x,categoryCode:_,categoryName:oe,currency:j,isNegotiable:y,isFree:R}});return m.cloneElement(r,void 0,s)},M=[Oe,De,Ve,ze,Be,Fe,Ge,Ue].some(r=>_==null?void 0:_.includes(r)),[fe,T]=m.useState(!1),be=()=>{T(!0)},we=()=>{T(!1)},c=m.useRef(null),p=m.useRef([]),[ve,X]=m.useState(t==null?void 0:t.length),xe=()=>{var d,v,S;if(!(c!=null&&c.current)||((d=p==null?void 0:p.current)==null?void 0:d.length)===0)return;if(I){X(t==null?void 0:t.length);return}const r=(v=c==null?void 0:c.current)==null?void 0:v.offsetWidth;let o=0,s=0;for(let u=0;u<(t==null?void 0:t.length);u++){const f=((S=p==null?void 0:p.current[u])==null?void 0:S.offsetWidth)||0,g=o+f+4;if(g<=r)o+=g,s++;else break}X(s)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const o=new ResizeObserver(()=>{xe()});return o.observe(r),()=>{o.disconnect()}},[t,I]);const je=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,ve))==null?void 0:r.map((o,s)=>{var f,g,Y,Z,H;const d=((f=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:f.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",v=((Y=o==null?void 0:o.measurementUnit)==null?void 0:Y.symbol)??((Z=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:Z.measure)??"",u=[(o==null?void 0:o.value)??((H=o==null?void 0:o.multiOptions)==null?void 0:H[0])??"",v].filter(Boolean).join(" ");return e.jsxs(L,{ref:Ce=>p.current[s]=Ce,className:"tag",children:[e.jsx("i",{className:d}),u]},`detailed-products-section-tag__${s+1}`)})})},Se=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,o)=>{var u,f,g;const s=((u=r==null?void 0:r.measurementUnit)==null?void 0:u.symbol)??((f=l==null?void 0:l[r==null?void 0:r.code])==null?void 0:f.measure)??"",v=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",s].filter(Boolean).join(" "),S=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${S}: `}),e.jsx("span",{className:"tags-popover__value",children:v})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),ke=()=>e.jsxs(e.Fragment,{children:[z&&e.jsx(L,{className:"tag",children:z},"detailed-products-section-tag__condition"),E&&e.jsx(L,{className:"tag",children:E},"detailed-products-section-tag__quantity"),B&&e.jsx(L,{className:"tag",children:B},"detailed-products-section-tag__trade")]}),A=P>0&&j&&y!==!0&&R!==!0&&P!==x;return e.jsxs($e,{ref:c,className:"product-card","data-accessor":w==null?void 0:w.accessor,name:w==null?void 0:w.name,onClick:r=>he(r,c),as:ge,...U?{to:`/product/${a.isDefinedNotEmptyString(N)?`${N}-`:""}${h}`}:{href:`/product/${a.isDefinedNotEmptyString(N)?`${N}-`:""}${h}`},children:[e.jsxs(Ee,{className:"product-image-wrapper",children:[a.isDefined(b)&&e.jsx("div",{className:"prevent-el",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(pe,{})}),a.isDefined(V)?V:e.jsx(Pe.ProductImageWrapper,{src:Q})]}),q&&q.length>0&&e.jsx("div",{className:"campaign-badges",children:q.map((r,o)=>{var s,d;return e.jsxs("div",{className:`campaign-badge campaign-badge-${(s=r==null?void 0:r.salesPackageCode)==null?void 0:s.toLowerCase()}`,children:[(r==null?void 0:r.salesPackageCode)!=="Urgent"&&e.jsx(Le,{icon:O==null?void 0:O[(d=r==null?void 0:r.salesPackageCode)==null?void 0:d.toUpperCase()],sizeInUnits:"1rem"}),(r==null?void 0:r.salesPackageCode)==="Urgent"&&e.jsxs(e.Fragment,{children:[" ",ue]})]},o)})}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:G,children:G}),e.jsx("div",{className:"card-title",children:K})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:[M&&e.jsx("div",{...I?{}:{onMouseEnter:be,onMouseLeave:we},children:e.jsxs(ye,{placement:"bottom",open:fe,children:[e.jsx(Re,{children:je()}),e.jsx(_e,{style:{all:"unset"},children:e.jsx(We,{children:Se()})})]})}),!M&&ke()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${A?"new-price":""}`,children:[x>0&&j&&y!==!0&&R!==!0&&e.jsx("div",{children:`${a.formatPrice(x)} ${a.GetCurrencySymbol(j)}`}),A&&e.jsx("div",{className:`${x>0?"full-price":""}`,children:`${a.formatPrice(P)} ${a.GetCurrencySymbol(j)}`}),y&&ne,R&&re]}),e.jsx("div",{className:"location-text",children:J})]}),ee===!0&&e.jsx(Ie,{sponsoredText:te})]})}),Te=k.styled(n.SkeletonRowWrapper)`
-  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
+`,ze=m.forwardRef(({sponsoredText:i="Sponsored"},y)=>e.jsxs(Oe,{ref:y,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),De="Vehicles_Cars",Ve="Vehicles_Motorcycles",Be="Vehicles_Trucks",Ge="Vehicles_AgriculturalMachines_Tractors",Ue="Vehicles_ConstructionMachines",Me="Vehicles_Bus",Te="Vehicles_Campers",Xe="RealEstates_",l={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:""}},j={ADDDISCOUNT:" mng-lnc-percentage",URGENT:" mng-lnc-flash",FREEQUANTITY:" mng-lnc-3d-software",INCLUDEGIFTS:" mng-lnc-gift",FREESHIPPING:" mng-lnc-delivery--parcel"},Ae=m.forwardRef((i,y)=>{const{uuid:h,sellerUuid:W,name:J,price:R=0,sellingPrice:S,currency:k,isNegotiable:_,isFree:N,imageUrl:ee,location:re,sponsored:ne,imageComponent:z,freeText:oe="Free",negotiableText:te="Negotiable",tags:t=[],categoryCode:L,categoryName:ie,condition:D,quantity:F,trade:V,sponsoredText:se,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,hasQuantities:me,status:he,onBookmark:I=()=>{},actionComponent:w,bookmarked:B,bookmarkLists:ue,metadata:x,sellerName:G,nameSlug:E,onSelectCard:pe=()=>{},activeSalesPackages:u,urgentText:ge="Urgent",LinkComponent:U,hasFreeShipping:fe}=i,be=U||"a",q=We.useDetectMobile(),we=()=>{var d;if(!s.isDefined(w))return e.jsx(e.Fragment,{});const r=w,o=(d=w==null?void 0:w.props)==null?void 0:d.children,a=m.cloneElement(o,{key:`bookmark_pr__${B}`,bookmarked:B,productUuid:h,onAddToBookmark:()=>I(!0,h),onRemoveFromBookmark:()=>I(!1,h),bookmarkedUuidList:ue,sellerUuid:W,handleBookmarking:I,forCart:ae,forOrder:le,contactSeller:ce,hasVariants:de,status:he,quantity:F,hasQuantities:me,productBasicInfo:{uuid:h,price:R,sellingPrice:S,categoryCode:L,categoryName:ie,currency:k,isNegotiable:_,isFree:N}});return m.cloneElement(r,void 0,a)},M=[De,Ve,Be,Ge,Ue,Me,Te,Xe].some(r=>L==null?void 0:L.includes(r)),[xe,T]=m.useState(!1),ve=()=>{T(!0)},je=()=>{T(!1)},c=m.useRef(null),f=m.useRef([]),[Se,X]=m.useState(t==null?void 0:t.length),ke=()=>{var d,v,C;if(!(c!=null&&c.current)||((d=f==null?void 0:f.current)==null?void 0:d.length)===0)return;if(q){X(t==null?void 0:t.length);return}const r=(v=c==null?void 0:c.current)==null?void 0:v.offsetWidth;let o=0,a=0;for(let p=0;p<(t==null?void 0:t.length);p++){const b=((C=f==null?void 0:f.current[p])==null?void 0:C.offsetWidth)||0,g=o+b+4;if(g<=r)o+=g,a++;else break}X(a)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const o=new ResizeObserver(()=>{ke()});return o.observe(r),()=>{o.disconnect()}},[t,q]);const Ce=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=t==null?void 0:t.slice(0,Se))==null?void 0:r.map((o,a)=>{var b,g,H,Z,K;const d=((b=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:b.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",v=((H=o==null?void 0:o.measurementUnit)==null?void 0:H.symbol)??((Z=l==null?void 0:l[o==null?void 0:o.code])==null?void 0:Z.measure)??"",p=[(o==null?void 0:o.value)??((K=o==null?void 0:o.multiOptions)==null?void 0:K[0])??"",v].filter(Boolean).join(" ");return e.jsxs($,{ref:_e=>f.current[a]=_e,className:"tag",children:[e.jsx("i",{className:d}),p]},`detailed-products-section-tag__${a+1}`)})})},Pe=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((r,o)=>{var p,b,g;const a=((p=r==null?void 0:r.measurementUnit)==null?void 0:p.symbol)??((b=l==null?void 0:l[r==null?void 0:r.code])==null?void 0:b.measure)??"",v=[(r==null?void 0:r.value)??((g=r==null?void 0:r.multiOptions)==null?void 0:g[0])??"",a].filter(Boolean).join(" "),C=r==null?void 0:r.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${C}: `}),e.jsx("span",{className:"tags-popover__value",children:v})]},`detailed-products-section-tag-dropdown__${o+1}`)})}),ye=()=>e.jsxs(e.Fragment,{children:[D&&e.jsx($,{className:"tag",children:D},"detailed-products-section-tag__condition"),F&&e.jsx($,{className:"tag",children:F},"detailed-products-section-tag__quantity"),V&&e.jsx($,{className:"tag",children:V},"detailed-products-section-tag__trade")]}),A=R>0&&k&&_!==!0&&N!==!0&&R!==S,Re=u==null?void 0:u.some(r=>(r==null?void 0:r.salesPackageCode)==="FreeShipping"),Y=fe===!0&&!Re;return e.jsxs(Fe,{ref:c,className:"product-card","data-accessor":x==null?void 0:x.accessor,name:x==null?void 0:x.name,onClick:r=>pe(r,c),as:be,...U?{to:`/product/${s.isDefinedNotEmptyString(E)?`${E}-`:""}${h}`}:{href:`/product/${s.isDefinedNotEmptyString(E)?`${E}-`:""}${h}`},children:[e.jsxs(Ie,{className:"product-image-wrapper",children:[s.isDefined(w)&&e.jsx("div",{className:"prevent-el",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(we,{})}),s.isDefined(z)?z:e.jsx(Ne.ProductImageWrapper,{src:ee})]}),(Y||u&&u.length>0)&&e.jsxs("div",{className:"campaign-badges",children:[Y&&e.jsx("div",{className:"campaign-badge campaign-badge-freeshipping",children:e.jsx(Q,{icon:j==null?void 0:j.FREESHIPPING,sizeInUnits:"1rem"})}),u==null?void 0:u.map((r,o)=>{var a,d;return e.jsxs("div",{className:`campaign-badge campaign-badge-${(a=r==null?void 0:r.salesPackageCode)==null?void 0:a.toLowerCase()}`,children:[(r==null?void 0:r.salesPackageCode)!=="Urgent"&&e.jsx(Q,{icon:j==null?void 0:j[(d=r==null?void 0:r.salesPackageCode)==null?void 0:d.toUpperCase()],sizeInUnits:"1rem"}),(r==null?void 0:r.salesPackageCode)==="Urgent"&&e.jsx(e.Fragment,{children:ge})]},o)})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:G,children:G}),e.jsx("div",{className:"card-title",children:J})]}),e.jsxs("div",{className:"wrapper-card-3",onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:[M&&e.jsx("div",{...q?{}:{onMouseEnter:ve,onMouseLeave:je},children:e.jsxs(Le,{placement:"bottom",open:xe,children:[e.jsx(Ee,{children:Ce()}),e.jsx($e,{style:{all:"unset"},children:e.jsx(qe,{children:Pe()})})]})}),!M&&ye()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${A?"new-price":""}`,children:[S>0&&k&&_!==!0&&N!==!0&&e.jsx("div",{children:`${s.formatPrice(S)} ${s.GetCurrencySymbol(k)}`}),A&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${s.formatPrice(R)} ${s.GetCurrencySymbol(k)}`}),_&&te,N&&oe]}),e.jsx("div",{className:"location-text",children:re})]}),ne===!0&&e.jsx(ze,{sponsoredText:se})]})}),Ye=P.styled(n.SkeletonRowWrapper)`
+  @media (max-width: ${O.MOBILE_SIZE_PX+"px"}) {
     & > div {
       &:nth-of-type(even) {
         display: none;
       }
     }
   }
-`,Xe=({keyPrefix:i})=>e.jsxs(Te,{children:[e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Ae=({keyPrefix:i,isLoading:C=!1,fallbackComponent:h=e.jsx(e.Fragment,{}),children:$})=>e.jsx(m.Suspense,{fallbackComponent:h,children:C===!0?e.jsx(Xe,{keyPrefix:i}):$});exports.DetailedProductCard=Me;exports.SuspenseDetailedProductCard=Ae;
+`,He=({keyPrefix:i})=>e.jsxs(Ye,{children:[e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(n.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(n.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(n.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(n.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Ze=({keyPrefix:i,isLoading:y=!1,fallbackComponent:h=e.jsx(e.Fragment,{}),children:W})=>e.jsx(m.Suspense,{fallbackComponent:h,children:y===!0?e.jsx(He,{keyPrefix:i}):W});exports.DetailedProductCard=Ae;exports.SuspenseDetailedProductCard=Ze;