@lanaco/lnc-react-ui 4.0.157 → 4.0.160

package/dist/{suspense-product-card-detailed-BWoxabjZ.js → suspense-product-card-detailed-BZtObEfA.js}

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

package/dist/{suspense-product-card-detailed-DYyH_jf5.cjs → suspense-product-card-detailed-D-pjVe22.cjs}

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

package/dist/{suspense-product-card-simple-CrqjSxHI.cjs → suspense-product-card-simple-DJ8UYolb.cjs}

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-CLoINIGC.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;
+"use strict";const e=require("react/jsx-runtime"),u=require("react"),c=require("./index-DicTpiG0.cjs"),d=u.forwardRef((r,t)=>e.jsx(c.SkeletonWrapper,{})),l=({limit:r=6,isLoading:t=!1,keyPrefix:s})=>e.jsx(e.Fragment,{children:Array.from({length:r},(o,n)=>e.jsx(d,{isLoading:t},`${s}-skeleton-product-card-${n}`))}),a=({children:r,fallbackComponent:t=e.jsx(e.Fragment,{}),isLoading:s=!1,limit:o,keyPrefix:n})=>e.jsx(u.Suspense,{fallbackComponent:t,children:s===!0?e.jsx(l,{isLoading:s,limit:o,keyPrefix:n}):r});exports.SuspenseSimpleProductCard=a;

package/dist/{suspense-product-card-simple-CLJjab5B.js → suspense-product-card-simple-ziy0XcLp.js}

@@ -1,6 +1,6 @@
 import { jsx as r, Fragment as p } from "react/jsx-runtime";
 import { forwardRef as a, Suspense as l } from "react";
-import { a as c } from "./index-BGY3PSA-.js";
+import { a as c } from "./index-y6sKgrZC.js";
 const m = a((e, t) => /* @__PURE__ */ r(c, {})), u = ({ limit: e = 6, isLoading: t = !1, keyPrefix: o }) => /* @__PURE__ */ r(p, { children: Array.from({ length: e }, (s, n) => /* @__PURE__ */ r(
   m,
   {

package/package.json

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

package/dist/index-Cm0f72Po.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),d=require("react"),i=require("./skeleton-BdbB-LdT.cjs"),x=require("./useDetectMobile-zkbzoOGV.cjs"),c=require("./Button.cjs"),m=require("./index-BueKsXT8.cjs"),p=d.forwardRef((o,n)=>{const{title:l,imageUrl:a,text:u,onCardClick:t,buttonText:r}=o,s=x.useDetectMobile();return e.jsxs(i.Wrapper,{ref:n,className:"blog-card",onClick:t,children:[e.jsx(m.ProductImageWrapper,{src:a}),e.jsxs(i.TextWrapper,{children:[e.jsx("div",{className:"text-wr-title",children:l}),e.jsx("div",{className:"text-wr",children:u}),s!==!0&&e.jsx(c,{type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:r})]}),s===!0&&e.jsx(c,{className:"action",type:"button",btnType:"outline",size:"medium",color:"gray",onClick:t,children:r})]})});exports.BlogCardLarge=p;

package/dist/index-DGp7FHms.js

@@ -1,42 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { W as d, T as u } from "./skeleton-CQPwIEP0.js";
-import { u as b } from "./useDetectMobile-Bkvj0VMa.js";
-import a from "./Button.js";
-import { P as f } from "./index-CF3HhgvN.js";
-const k = p((l, c) => {
-  const { title: s, imageUrl: n, text: m, onCardClick: e, buttonText: t } = l, o = b();
-  return /* @__PURE__ */ i(d, { ref: c, className: "blog-card", onClick: e, children: [
-    /* @__PURE__ */ r(f, { src: n }),
-    /* @__PURE__ */ i(u, { children: [
-      /* @__PURE__ */ r("div", { className: "text-wr-title", children: s }),
-      /* @__PURE__ */ r("div", { className: "text-wr", children: m }),
-      o !== !0 && /* @__PURE__ */ r(
-        a,
-        {
-          type: "button",
-          btnType: "outline",
-          size: "medium",
-          color: "gray",
-          onClick: e,
-          children: t
-        }
-      )
-    ] }),
-    o === !0 && /* @__PURE__ */ r(
-      a,
-      {
-        className: "action",
-        type: "button",
-        btnType: "outline",
-        size: "medium",
-        color: "gray",
-        onClick: e,
-        children: t
-      }
-    )
-  ] });
-});
-export {
-  k as B
-};