@lanaco/lnc-react-ui 4.0.139 → 4.0.140

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),D=require("./Button.cjs"),y=require("./utils-Dl9xPH4c.cjs"),U=require("./useDetectMobile-zkbzoOGV.cjs"),M=require("./style-CyHewQxg.cjs"),C=require("./suspense-product-card-detailed-DXSdrL-5.cjs"),F=require("./index-D0xXo7W6.cjs"),T=k.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./consts-goSZX3xP.cjs"),U=require("./Button.cjs"),C=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-C7_tBl85.cjs"),F=require("./index-D0xXo7W6.cjs"),E=v.styled.div`
   display: grid;
   grid-template-columns: ${l=>`repeat(${l.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
@@ -7,7 +7,7 @@
     white-space: nowrap;
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -26,4 +26,4 @@
       /* Safari and Chrome */
     }
   }
-`,S=s.memo(C.DetailedProductCard),E=s.forwardRef((l,h)=>{const{icon:a,title:f,buttonLink:c,items:t,buttonText:q,limit:o=4,onSelectCard:d=()=>{},onButtonAction:j=()=>{},isLoading:w=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:P="All"}=l,b=U.useDetectMobile(),N=s.useMemo(()=>i.jsx(i.Fragment,{children:b===!0?t==null?void 0:t.map((e,r)=>i.jsx(S,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade},r)):t==null?void 0:t.slice(0,o).map((e,r)=>i.jsx(S,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade},r))}),[t,b,o]);return i.jsxs(M.TitleWithOptionsSectionWrapper,{ref:h,children:[i.jsxs("div",{className:"regular-title",children:[i.jsxs("div",{className:"regular-title-text",children:[y.isDefinedNotEmptyString(a)&&i.jsx("i",{className:a}),i.jsx("span",{children:f})]}),y.isDefinedNotEmptyString(c)&&i.jsx(D,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),j(c)},borderRadius:"curved",className:"button-link",children:q})]}),(n==null?void 0:n.length)>0&&i.jsx(F.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:P}),i.jsx(T,{limit:o,children:i.jsx(C.SuspenseDetailedProductCard,{isLoading:w,limit:o,keyPrefix:"explore-landing",children:N})})]})});module.exports=E;
+`,h=s.memo(f.DetailedProductCard),R=s.forwardRef((l,q)=>{const{icon:a,title:S,buttonLink:c,items:i,buttonText:j,limit:o=4,onSelectCard:d=()=>{},onButtonAction:w=()=>{},isLoading:P=!1,getImage:u=()=>{},negotiableText:m,freeText:g,options:n,onSelectOption:p=()=>{},productsToolbarName:N="All",sponsoredText:b}=l,y=M.useDetectMobile(),k=s.useMemo(()=>t.jsx(t.Fragment,{children:y===!0?i==null?void 0:i.map((e,r)=>t.jsx(h,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b},r)):i==null?void 0:i.slice(0,o).map((e,r)=>t.jsx(h,{title:e==null?void 0:e.title,price:e==null?void 0:e.price,sellingPrice:e==null?void 0:e.sellingPrice,currency:e==null?void 0:e.currency,image:e==null?void 0:e.image,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,sponsored:e==null?void 0:e.sponsored,imageComponent:e==null?void 0:e.imageComponent,onSelectCard:()=>d(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,negotiableText:m,freeText:g,tags:e==null?void 0:e.tags,categoryCode:e==null?void 0:e.categoryCode,condition:e==null?void 0:e.condition,quantity:e==null?void 0:e.quantity,trade:e==null?void 0:e.trade,sponsoredText:b},r))}),[i,y,o]);return t.jsxs(T.TitleWithOptionsSectionWrapper,{ref:q,children:[t.jsxs("div",{className:"regular-title",children:[t.jsxs("div",{className:"regular-title-text",children:[C.isDefinedNotEmptyString(a)&&t.jsx("i",{className:a}),t.jsx("span",{children:S})]}),C.isDefinedNotEmptyString(c)&&t.jsx(U,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var r;(r=e==null?void 0:e.target)==null||r.blur(),w(c)},borderRadius:"curved",className:"button-link",children:j})]}),(n==null?void 0:n.length)>0&&t.jsx(F.SelectBar,{items:n,onRemove:e=>{p(e)},onSelect:e=>{p(e)},labelKey:"name",valueKey:"code",noMargin:!0,productsToolbarName:N}),t.jsx(E,{limit:o,children:t.jsx(f.SuspenseDetailedProductCard,{isLoading:P,limit:o,keyPrefix:"explore-landing",children:k})})]})});module.exports=R;

package/dist/DetailedProductsSection.js

@@ -1,23 +1,23 @@
-import { jsx as i, Fragment as v, jsxs as l } from "react/jsx-runtime";
-import { memo as U, forwardRef as M, useMemo as T } from "react";
-import { s as D } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as F } from "./consts-BuFChS64.js";
-import q from "./Button.js";
-import { k as f } from "./utils-BdsZgOUE.js";
-import { u as B } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as E } from "./style-DFPWLJBr.js";
-import { D as I, S as L } from "./suspense-product-card-detailed-DIWv_91e.js";
-import { S as O } from "./index-Dweo-G3H.js";
-const R = D.div`
+import { jsx as i, Fragment as T, jsxs as l } from "react/jsx-runtime";
+import { memo as U, forwardRef as M, useMemo as D } from "react";
+import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as q } from "./consts-BuFChS64.js";
+import B from "./Button.js";
+import { k as y } from "./utils-BdsZgOUE.js";
+import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as I } from "./style-DFPWLJBr.js";
+import { D as L, S as O } from "./suspense-product-card-detailed-DtTXmJJB.js";
+import { S as R } from "./index-Dweo-G3H.js";
+const W = F.div`
   display: grid;
-  grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
     white-space: nowrap;
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${q + "px"}) {
     display: flex;
     gap: 1rem;
     overflow-x: auto;
@@ -36,29 +36,30 @@ const R = D.div`
       /* Safari and Chrome */
     }
   }
-`, y = U(I), H = M((n, S) => {
+`, C = U(L), J = M((a, h) => {
   const {
     icon: s,
-    title: C,
+    title: S,
     buttonLink: d,
     items: t,
-    buttonText: h,
+    buttonText: w,
     limit: o = 4,
     onSelectCard: c = () => {
     },
-    onButtonAction: w = () => {
+    onButtonAction: P = () => {
     },
-    isLoading: P = !1,
+    isLoading: k = !1,
     getImage: m = () => {
     },
     negotiableText: u,
     freeText: p,
-    options: a,
+    options: n,
     onSelectOption: g = () => {
     },
-    productsToolbarName: k = "All"
-  } = n, b = B(), N = T(() => /* @__PURE__ */ i(v, { children: b === !0 ? t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ i(
-    y,
+    productsToolbarName: N = "All",
+    sponsoredText: b
+  } = a, f = E(), v = D(() => /* @__PURE__ */ i(T, { children: f === !0 ? t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ i(
+    C,
     {
       title: e == null ? void 0 : e.title,
       price: e == null ? void 0 : e.price,
@@ -67,7 +68,7 @@ const R = D.div`
       image: e == null ? void 0 : e.image,
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
-      isSponsored: e == null ? void 0 : e.isSponsored,
+      sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
       onSelectCard: () => c(e == null ? void 0 : e.uuid),
       imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
@@ -79,11 +80,12 @@ const R = D.div`
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
-      trade: e == null ? void 0 : e.trade
+      trade: e == null ? void 0 : e.trade,
+      sponsoredText: b
     },
     r
   )) : t == null ? void 0 : t.slice(0, o).map((e, r) => /* @__PURE__ */ i(
-    y,
+    C,
     {
       title: e == null ? void 0 : e.title,
       price: e == null ? void 0 : e.price,
@@ -93,7 +95,7 @@ const R = D.div`
       sellerUuid: e == null ? void 0 : e.sellerUuid,
       uuid: e == null ? void 0 : e.uuid,
       location: e == null ? void 0 : e.location,
-      isSponsored: e == null ? void 0 : e.isSponsored,
+      sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
       onSelectCard: () => c(e == null ? void 0 : e.uuid),
       imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
@@ -105,36 +107,37 @@ const R = D.div`
       categoryCode: e == null ? void 0 : e.categoryCode,
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
-      trade: e == null ? void 0 : e.trade
+      trade: e == null ? void 0 : e.trade,
+      sponsoredText: b
     },
     r
-  )) }), [t, b, o]);
-  return /* @__PURE__ */ l(E, { ref: S, children: [
+  )) }), [t, f, o]);
+  return /* @__PURE__ */ l(I, { ref: h, children: [
     /* @__PURE__ */ l("div", { className: "regular-title", children: [
       /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
-        f(s) && /* @__PURE__ */ i("i", { className: s }),
-        /* @__PURE__ */ i("span", { children: C })
+        y(s) && /* @__PURE__ */ i("i", { className: s }),
+        /* @__PURE__ */ i("span", { children: S })
       ] }),
-      f(d) && /* @__PURE__ */ i(
-        q,
+      y(d) && /* @__PURE__ */ i(
+        B,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
             var r;
-            (r = e == null ? void 0 : e.target) == null || r.blur(), w(d);
+            (r = e == null ? void 0 : e.target) == null || r.blur(), P(d);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: h
+          children: w
         }
       )
     ] }),
-    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ i(
-      O,
+    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ i(
+      R,
       {
-        items: a,
+        items: n,
         onRemove: (e) => {
           g(e);
         },
@@ -144,20 +147,20 @@ const R = D.div`
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: k
+        productsToolbarName: N
       }
     ),
-    /* @__PURE__ */ i(R, { limit: o, children: /* @__PURE__ */ i(
-      L,
+    /* @__PURE__ */ i(W, { limit: o, children: /* @__PURE__ */ i(
+      O,
       {
-        isLoading: P,
+        isLoading: k,
         limit: o,
         keyPrefix: "explore-landing",
-        children: N
+        children: v
       }
     ) })
   ] });
 });
 export {
-  H as default
+  J as default
 };

package/dist/UrgentSaleProductsSection.cjs

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

package/dist/UrgentSaleProductsSection.js

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

package/dist/suspense-product-card-detailed-C7_tBl85.cjs

@@ -0,0 +1,246 @@
+"use strict";const e=require("react/jsx-runtime"),d=require("react"),t=require("./utils-Dl9xPH4c.cjs"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),te=require("./index-BueKsXT8.cjs"),_=require("./Badge.cjs"),oe=require("./Popover.cjs"),se=require("./PopoverTrigger.cjs"),ie=require("./PopoverContent.cjs"),ae=require("./useDetectMobile-zkbzoOGV.cjs"),D=require("./consts-goSZX3xP.cjs"),I=x.styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  cursor: pointer;
+  overflow: hidden;
+  width: 100%;
+
+  & .wrapper-card-1 {
+    display: flex;
+    flex-direction: column;
+    gap: 0.38rem;
+  }
+
+  & .wrapper-card-2 {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+  }
+
+  & .wrapper-card-3 {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.25rem;
+
+    & > div {
+      & > div {
+        width: 100% !important;
+      }
+    }
+  }
+
+  & .tag {
+    height: 1.5rem;
+    gap: 0.25rem;
+    padding: 0.25rem 0.375rem;
+    border-radius: 0.375rem;
+    background: #f9fafb;
+    border: 1px solid var(--gray-95012, #14161a1f);
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-950, #14161a);
+    white-space: nowrap;
+    flex: 0 0 auto;
+
+    &.tag-sponsored {
+      & i {
+        color: var(--yellow-500, #f59e0b);
+      }
+    }
+  }
+
+  & .tag-mobile {
+    font-weight: 400;
+    font-size: 0.75rem;
+    line-height: 1rem;
+    letter-spacing: 0.025rem;
+    color: var(--gray-600, #676e79);
+  }
+
+  & .card-title {
+    font-size: 0.875rem;
+    font-weight: 600;
+    ${t.truncateTextInRows(2)}
+  }
+
+  & .price-text {
+    font-size: 1rem;
+    font-weight: 600;
+    ${t.truncateText()}
+    display: flex;
+    align-items: end;
+    gap: 0.5rem;
+    color: var(--gray-950, #14161a);
+
+    &.new-price {
+      color: var(--danger-600, #e11d48);
+    }
+
+    & .full-price {
+      text-decoration: line-through;
+      font-size: 0.75rem;
+      font-weight: 400;
+      padding-bottom: 0.125rem;
+      color: var(--gray-600, #676e79);
+    }
+  }
+
+  & .location-text {
+    font-size: 0.75rem;
+    font-weight: 400;
+    color: var(--gray-600, #676e79);
+    ${t.truncateText()}
+  }
+
+  & .tags-wrapper {
+    display: flex;
+    gap: 0.5rem;
+  }
+
+  & .skeleton-img {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    border-radius: 0.75rem;
+    border: 1px solid white;
+  }
+
+  & .skeleton-title {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 100%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-tags {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 80%;
+    height: 1.5rem;
+  }
+
+  & .skeleton-price {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 2.5rem;
+  }
+
+  & .skeleton-sponsored {
+    background-color: ${t.linearGradientAnimation("-90deg")};
+    width: 50%;
+    height: 1rem;
+  }
+
+  & .tags-popover__trigger {
+    display: flex;
+    gap: 0.25rem;
+  }
+
+  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
+    overflow: visible;
+
+    & .tags-popover__trigger {
+      flex-wrap: wrap;
+    }
+
+    & .price-text {
+      font-size: 0.875rem;
+      font-weight: 600;
+
+      & .full-price {
+        display: none;
+      }
+    }
+  }
+
+  &:hover .product-image-wrapper img {
+    transform: scale(1.1);
+  }
+`,ce=x.styled.div`
+  position: relative;
+  overflow: hidden;
+  border-radius: 0.75rem;
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  border: 1px solid #0c15201f;
+
+  & img {
+    display: block;
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    border-radius: 0.75rem;
+    transition: var(--transition, all 0.3s ease);
+  }
+
+  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
+    & img {
+      width: 8.875rem;
+      height: 8.875rem;
+      min-width: 8.875rem;
+      min-height: 8.875rem;
+      object-fit: cover;
+    }
+  }
+`,le=x.styled.div`
+  background: var(--white, #fff);
+  z-index: 1;
+
+  border: 1px solid var(--gray-200, #dddfe4);
+  border-radius: 0.5rem;
+  line-height: 1rem;
+  position: absolute;
+  padding: 0.5rem 0.75rem;
+  top: 0.5rem;
+  left: 25%;
+  transform: translateX(-50%);
+  min-width: 13rem;
+
+  &::before,
+  &::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    transform: translateX(-50%);
+    border-style: solid;
+    border-width: 0.625rem;
+  }
+
+  &::after {
+    top: -1.1875rem;
+    border-color: transparent transparent var(--white, #fff) transparent;
+  }
+
+  &::before {
+    top: -1.25rem;
+    border-color: transparent transparent var(--gray-200, #dddfe4) transparent;
+  }
+
+  & .tags-popover__content {
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: column;
+    gap: 0.375rem;
+    font-size: 0.75rem;
+    font-weight: 400;
+
+    & .tags-popover__name {
+      color: var(--gray-600, #676e79);
+    }
+
+    & .tags-popover__value {
+      color: var(--gray-950, #14161a);
+    }
+  }
+`,de=x.styled.div`
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: var(--gray-500);
+  font-size:  0.75rem;
+  font-weight: 500;
+
+  & i {
+    font-size: 1rem;
+    color: var(--warning-500, #F59E0B);
+  }
+`,me=d.forwardRef(({sponsoredText:m="Sponsored"},v)=>e.jsxs(de,{ref:v,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:m})]})),pe="Vehicles_Cars",ge="Vehicles_Motorcycles",ue="Vehicles_Trucks",he="Vehicles_AgriculturalMachines_Tractors",fe="Vehicles_ConstructionMachines",ve="Vehicles_Bus",we="Vehicles_Campers",ye="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:""}},be=d.forwardRef((m,v)=>{const{title:w,price:y=0,sellingPrice:p,currency:j,isNegotiable:N,isFree:C,imageUrl:G,location:R,sponsored:T,imageComponent:O,onSelectCard:A=()=>{},freeText:X="Free",negotiableText:L="Negotiable",tags:o=[],categoryCode:k,condition:P,quantity:$,trade:S,sponsoredText:U}=m,E=ae.useDetectMobile(),V=[pe,ge,ue,he,fe,ve,we,ye].some(r=>k==null?void 0:k.includes(r)),[Y,M]=d.useState(!1),K=()=>{M(!0)},Z=()=>{M(!1)},a=d.useRef(null),u=d.useRef([]),[q,H]=d.useState(o==null?void 0:o.length),J=()=>{var h,c,b;if(!(a!=null&&a.current)||((h=u==null?void 0:u.current)==null?void 0:h.length)===0)return;const r=(c=a==null?void 0:a.current)==null?void 0:c.offsetWidth;let n=0,s=0;for(let l=0;l<(o==null?void 0:o.length);l++){const f=((b=u==null?void 0:u.current[l])==null?void 0:b.offsetWidth)||0,g=n+f+4;if(g<=r)n+=g,s++;else break}H(s)};d.useEffect(()=>{const r=a==null?void 0:a.current;if(!r)return;const n=new ResizeObserver(()=>{J()});return n.observe(r),()=>{n.disconnect()}},[o]);const Q=()=>{var r;return e.jsx("div",{className:"tags-popover__trigger",children:(r=o==null?void 0:o.slice(0,q))==null?void 0:r.map((n,s)=>{var f,g,W,B,F;const h=((f=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:f.icon)??((g=i==null?void 0:i.default)==null?void 0:g.icon)??"",c=((W=n==null?void 0:n.measurementUnit)==null?void 0:W.symbol)??((B=i==null?void 0:i[n==null?void 0:n.code])==null?void 0:B.measure)??"",l=[(n==null?void 0:n.value)??((F=n==null?void 0:n.multiOptions)==null?void 0:F[0])??"",c].filter(Boolean).join(" ");return E?e.jsxs("div",{className:"tag-mobile",children:[l,s<q-1?" · ":""]}):e.jsxs(_,{ref:ne=>u.current[s]=ne,className:`tag ${T?"tag-sponsored":""}`,children:[e.jsx("i",{className:h}),l]},`detailed-products-section-tag__${s+1}`)})})},ee=()=>e.jsx("div",{className:"tags-popover__content",children:o==null?void 0:o.map((r,n)=>{var l,f,g;const s=((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)??((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}`)})}),re=()=>{var r;if(E){const n=[P,$,S];return(r=n==null?void 0:n.filter(s=>t.isDefinedNotEmptyString(s)))==null?void 0:r.map((s,h,c)=>e.jsxs("div",{className:"tag-mobile",children:[s,h<(c==null?void 0:c.length)-1?" · ":""]}))}return e.jsxs(e.Fragment,{children:[P&&e.jsx(_,{className:"tag",children:P},"detailed-products-section-tag__condition"),$&&e.jsx(_,{className:"tag",children:$},"detailed-products-section-tag__quantity"),S&&e.jsx(_,{className:"tag",children:S},"detailed-products-section-tag__trade")]})},z=y>0&&j&&N!==!0&&C!==!0&&y!==p;return e.jsxs(I,{ref:a,className:"product-card",onClick:A,children:[e.jsx(ce,{className:"product-image-wrapper",children:t.isDefined(O)?O:e.jsx(te.ProductImageWrapper,{src:G})}),e.jsx("div",{className:"wrapper-card-1",children:e.jsx("div",{className:"card-title",children:w})}),e.jsxs("div",{className:"wrapper-card-3",children:[V&&e.jsx("div",{...E?{}:{onMouseEnter:K,onMouseLeave:Z},children:e.jsxs(oe,{placement:"bottom",open:Y,children:[e.jsx(se,{children:Q()}),e.jsx(ie,{style:{all:"unset"},children:e.jsx(le,{children:ee()})})]})}),!V&&re()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${z?"new-price":""}`,children:[p>0&&j&&N!==!0&&C!==!0&&e.jsx("div",{children:`${t.formatPrice(p)} ${t.GetCurrencySymbol(j)}`}),z&&e.jsx("div",{className:`${p>0?"full-price":""}`,children:`${t.formatPrice(y)} ${t.GetCurrencySymbol(j)}`}),N&&L,C&&X]}),e.jsx("div",{className:"location-text",children:R})]}),T===!0&&e.jsx(me,{sponsoredText:U})]})}),je=d.forwardRef(({},m)=>e.jsxs(I,{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:v=!1,keyPrefix:w})=>e.jsx(e.Fragment,{children:Array.from({length:m},(y,p)=>e.jsx(je,{isLoading:v},`${w}-skeleton-product-card-${p}`))}),xe=({children:m,fallbackComponent:v=e.jsx(e.Fragment,{}),isLoading:w=!1,limit:y,keyPrefix:p})=>e.jsx(d.Suspense,{fallbackComponent:v,children:w===!0?e.jsx(_e,{isLoading:w,limit:y,keyPrefix:p}):m});exports.DetailedProductCard=be;exports.SuspenseDetailedProductCard=xe;