@lanaco/lnc-react-ui 4.0.192 → 4.0.193

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),a=require("react"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./consts-goSZX3xP.cjs"),L=require("./IconButton.cjs"),T=require("./Button.cjs"),n=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-Coo0aVuh.cjs"),R=E.styled.div`
+"use strict";const t=require("react/jsx-runtime"),a=require("react"),E=require("./emotion-styled.browser.esm-BtEseadx.cjs"),I=require("./consts-goSZX3xP.cjs"),L=require("./IconButton.cjs"),T=require("./Button.cjs"),n=require("./utils-RnrgDDZP.cjs"),z=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./index-Lmz3An4A.cjs"),R=E.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;

package/dist/DetailedProductsInfinitiveSection.js

@@ -6,7 +6,7 @@ import $ from "./IconButton.js";
 import j from "./Button.js";
 import { k as r } from "./utils-Dc5zIpaz.js";
 import { u as A } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as F, S as O } from "./index-PhMLWAC1.js";
+import { D as F, S as O } from "./index-DqBXIFsQ.js";
 const R = E.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"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),R=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),Q=require("./style-CkcozOY6.cjs"),w=require("./index-Coo0aVuh.cjs"),_=require("./index-CSNxZFTX.cjs"),$=F.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),F=require("./emotion-styled.browser.esm-BtEseadx.cjs"),B=require("./consts-goSZX3xP.cjs"),R=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),I=require("./useDetectMobile-zkbzoOGV.cjs"),Q=require("./style-CkcozOY6.cjs"),w=require("./index-Lmz3An4A.cjs"),_=require("./index-CSNxZFTX.cjs"),$=F.styled.div`
   display: grid;
   grid-template-columns: ${o=>`repeat(${o.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

@@ -6,7 +6,7 @@ import W from "./Button.js";
 import { k as m } from "./utils-Dc5zIpaz.js";
 import { u as $ } from "./useDetectMobile-Bkvj0VMa.js";
 import { T as j } from "./style-C7FUSHmS.js";
-import { D as z, S as A } from "./index-PhMLWAC1.js";
+import { D as z, S as A } from "./index-DqBXIFsQ.js";
 import { S as K } from "./index-BGiZlEQt.js";
 const _ = O.div`
   display: grid;

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const a=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./Button.cjs"),P=require("./index-Coo0aVuh.cjs"),I=$.styled.div`
+"use strict";const a=require("react/jsx-runtime"),s=require("react"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./Button.cjs"),P=require("./index-Lmz3An4A.cjs"),I=$.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 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-PhMLWAC1.js";
+import { D as z, S as A } from "./index-DqBXIFsQ.js";
 const G = B.div`
   padding: 1.75rem 3rem;
   display: grid;

package/dist/{index-PhMLWAC1.js → index-DqBXIFsQ.js}

@@ -1,8 +1,8 @@
 import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
-import { forwardRef as le, useState as re, useRef as oe, useEffect as Fe, cloneElement as ne, Suspense as We } from "react";
-import { s as N } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as x } from "./consts-BuFChS64.js";
-import { t as D, o as De, a as Me, l as te, p as ie, G as ae, k as se } from "./utils-Dc5zIpaz.js";
+import { forwardRef as le, useState as oe, useRef as ne, useEffect as Fe, cloneElement as te, Suspense as We } from "react";
+import { s as k } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as j } from "./consts-BuFChS64.js";
+import { t as D, o as De, a as Me, l as M, p as ie, G as ae, k as se } from "./utils-Dc5zIpaz.js";
 import { P as xe } from "./index-C_NnINik.js";
 import I from "./Badge.js";
 import je from "./Popover.js";
@@ -10,8 +10,8 @@ import Le from "./PopoverTrigger.js";
 import Te from "./PopoverContent.js";
 import { u as Xe } from "./useDetectMobile-Bkvj0VMa.js";
 import qe from "./Icon.js";
-import { a as b, S as p, c as C, b as t } from "./style-CXMUA6cI.js";
-const Ae = N.a`
+import { a as b, S as p, c as y, b as t } from "./style-CXMUA6cI.js";
+const Ae = k.a`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -21,6 +21,11 @@ const Ae = N.a`
   text-decoration: none;
   color: var(--gray-950, #14161a);
   position: relative;
+
+  & .prevent-el {
+    height: 0;
+    width: 0;
+  }
   & .seller {
     text-transform: uppercase;
     ${D()}
@@ -171,7 +176,7 @@ const Ae = N.a`
     padding-inline: 0.5rem;
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${j + "px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -234,7 +239,7 @@ const Ae = N.a`
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`, Ye = N.div`
+`, Ye = k.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -287,7 +292,7 @@ const Ae = N.a`
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${x + "px"}) {
+  @media (max-width: ${j + "px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -302,7 +307,7 @@ const Ae = N.a`
       top: unset;
     }
   }
-`, He = N.div`
+`, He = k.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -352,7 +357,7 @@ const Ae = N.a`
       color: var(--gray-950, #14161a);
     }
   }
-`, Ke = N.div`
+`, Ke = k.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -468,7 +473,7 @@ const Ae = N.a`
     icon: " mng-lnc-clock--filled",
     measure: ""
   }
-}, M = {
+}, x = {
   ADDDISCOUNT: " mng-lnc-percentage",
   URGENT: " mng-lnc-flash",
   FREEQUANTITY: " mng-lnc-3d-software",
@@ -480,22 +485,22 @@ const Ae = N.a`
     sellerUuid: G,
     name: ce,
     price: P = 0,
-    sellingPrice: y,
-    currency: _,
+    sellingPrice: _,
+    currency: R,
     isNegotiable: S,
     isFree: E,
     imageUrl: de,
     location: me,
     sponsored: he,
-    imageComponent: j,
+    imageComponent: L,
     freeText: ge = "Free",
     negotiableText: pe = "Negotiable",
     tags: i = [],
     categoryCode: V,
     categoryName: ue,
-    condition: L,
+    condition: T,
     quantity: B,
-    trade: T,
+    trade: X,
     sponsoredText: fe,
     forCart: be,
     forOrder: ve,
@@ -505,23 +510,23 @@ const Ae = N.a`
     status: _e,
     onBookmark: U = () => {
     },
-    actionComponent: R,
-    bookmarked: X,
+    actionComponent: v,
+    bookmarked: q,
     bookmarkLists: Re,
-    metadata: v,
-    sellerName: q,
+    metadata: w,
+    sellerName: A,
     nameSlug: z,
-    onSelectCard: ke = () => {
+    onSelectCard: Ne = () => {
     },
     activeSalesPackages: F,
-    urgentText: Ne = "Urgent",
-    LinkComponent: A
-  } = a, $e = A || "a", W = Xe(), Pe = () => {
+    urgentText: ke = "Urgent",
+    LinkComponent: Y
+  } = a, $e = Y || "a", W = Xe(), Pe = () => {
     var d;
-    if (!te(R)) return /* @__PURE__ */ e(O, {});
-    const r = R, o = (d = R == null ? void 0 : R.props) == null ? void 0 : d.children, s = ne(o, {
-      key: `bookmark_pr__${X}`,
-      bookmarked: X,
+    if (!M(v)) return /* @__PURE__ */ e(O, {});
+    const r = v, o = (d = v == null ? void 0 : v.props) == null ? void 0 : d.children, s = te(o, {
+      key: `bookmark_pr__${q}`,
+      bookmarked: q,
       productUuid: m,
       onAddToBookmark: () => U(!0, m),
       onRemoveFromBookmark: () => U(!1, m),
@@ -538,16 +543,16 @@ const Ae = N.a`
       productBasicInfo: {
         uuid: m,
         price: P,
-        sellingPrice: y,
+        sellingPrice: _,
         categoryCode: V,
         categoryName: ue,
-        currency: _,
+        currency: R,
         isNegotiable: S,
         isFree: E
       }
     });
-    return ne(r, void 0, s);
-  }, Y = [
+    return te(r, void 0, s);
+  }, H = [
     Ze,
     Je,
     er,
@@ -558,27 +563,27 @@ const Ae = N.a`
     ir
   ].some(
     (r) => V == null ? void 0 : V.includes(r)
-  ), [Se, H] = re(!1), Ee = () => {
-    H(!0);
+  ), [Se, K] = oe(!1), Ee = () => {
+    K(!0);
   }, Ve = () => {
-    H(!1);
-  }, c = oe(null), u = oe([]), [ze, K] = re(i == null ? void 0 : i.length), Ie = () => {
-    var d, w, k;
+    K(!1);
+  }, c = ne(null), u = ne([]), [ze, Q] = oe(i == null ? void 0 : i.length), Ie = () => {
+    var d, C, N;
     if (!(c != null && c.current) || ((d = u == null ? void 0 : u.current) == null ? void 0 : d.length) === 0) return;
     if (W) {
-      K(i == null ? void 0 : i.length);
+      Q(i == null ? void 0 : i.length);
       return;
     }
-    const r = (w = c == null ? void 0 : c.current) == null ? void 0 : w.offsetWidth;
+    const r = (C = c == null ? void 0 : c.current) == null ? void 0 : C.offsetWidth;
     let o = 0, s = 0;
     for (let h = 0; h < (i == null ? void 0 : i.length); h++) {
-      const f = ((k = u == null ? void 0 : u.current[h]) == null ? void 0 : k.offsetWidth) || 0, g = o + f + 4;
+      const f = ((N = u == null ? void 0 : u.current[h]) == null ? void 0 : N.offsetWidth) || 0, g = o + f + 4;
       if (g <= r)
         o += g, s++;
       else
         break;
     }
-    K(s);
+    Q(s);
   };
   Fe(() => {
     const r = c == null ? void 0 : c.current;
@@ -593,8 +598,8 @@ const Ae = N.a`
   const Oe = () => {
     var r;
     return /* @__PURE__ */ e("div", { className: "tags-popover__trigger", children: (r = i == null ? void 0 : i.slice(0, ze)) == null ? void 0 : r.map((o, s) => {
-      var f, g, Z, J, ee;
-      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) ?? "", w = ((Z = o == null ? void 0 : o.measurementUnit) == null ? void 0 : Z.symbol) ?? ((J = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : J.measure) ?? "", h = [(o == null ? void 0 : o.value) ?? ((ee = o == null ? void 0 : o.multiOptions) == null ? void 0 : ee[0]) ?? "", w].filter(Boolean).join(" ");
+      var f, g, J, ee, re;
+      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) ?? "", C = ((J = o == null ? void 0 : o.measurementUnit) == null ? void 0 : J.symbol) ?? ((ee = l == null ? void 0 : l[o == null ? void 0 : o.code]) == null ? void 0 : ee.measure) ?? "", h = [(o == null ? void 0 : o.value) ?? ((re = o == null ? void 0 : o.multiOptions) == null ? void 0 : re[0]) ?? "", C].filter(Boolean).join(" ");
       return /* @__PURE__ */ n(
         I,
         {
@@ -610,16 +615,16 @@ const Ae = N.a`
     }) });
   }, Ge = () => /* @__PURE__ */ e("div", { className: "tags-popover__content", children: i == null ? void 0 : i.map((r, o) => {
     var h, f, g;
-    const s = ((h = r == null ? void 0 : r.measurementUnit) == null ? void 0 : h.symbol) ?? ((f = l == null ? void 0 : l[r == null ? void 0 : r.code]) == null ? void 0 : f.measure) ?? "", w = [(r == null ? void 0 : r.value) ?? ((g = r == null ? void 0 : r.multiOptions) == null ? void 0 : g[0]) ?? "", s].filter(Boolean).join(" "), k = r == null ? void 0 : r.name;
+    const s = ((h = r == null ? void 0 : r.measurementUnit) == null ? void 0 : h.symbol) ?? ((f = l == null ? void 0 : l[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(" "), N = r == null ? void 0 : r.name;
     return /* @__PURE__ */ n("div", { children: [
-      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${k}: ` }),
-      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: w })
+      /* @__PURE__ */ e("span", { className: "tags-popover__name", children: `${N}: ` }),
+      /* @__PURE__ */ e("span", { className: "tags-popover__value", children: C })
     ] }, `detailed-products-section-tag-dropdown__${o + 1}`);
   }) }), Be = () => /* @__PURE__ */ n(O, { children: [
-    L && /* @__PURE__ */ e(I, { className: "tag", children: L }, "detailed-products-section-tag__condition"),
+    T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__condition"),
     B && /* @__PURE__ */ e(I, { className: "tag", children: B }, "detailed-products-section-tag__quantity"),
-    T && /* @__PURE__ */ e(I, { className: "tag", children: T }, "detailed-products-section-tag__trade")
-  ] }), Q = P > 0 && _ && S !== !0 && E !== !0 && P !== y;
+    X && /* @__PURE__ */ e(I, { className: "tag", children: X }, "detailed-products-section-tag__trade")
+  ] }), Z = P > 0 && R && S !== !0 && E !== !0 && P !== _;
   return (
     // <LandingPageProductCardSkeleton />
     /* @__PURE__ */ n(
@@ -627,27 +632,28 @@ const Ae = N.a`
       {
         ref: c,
         className: "product-card",
-        "data-accessor": v == null ? void 0 : v.accessor,
-        name: v == null ? void 0 : v.name,
-        onClick: (r) => ke(r, c),
+        "data-accessor": w == null ? void 0 : w.accessor,
+        name: w == null ? void 0 : w.name,
+        onClick: (r) => Ne(r, c),
         as: $e,
-        ...A ? {
+        ...Y ? {
           to: `/product/${se(z) ? `${z}-` : ""}${m}`
         } : {
           href: `/product/${se(z) ? `${z}-` : ""}${m}`
         },
         children: [
           /* @__PURE__ */ n(Ye, { className: "product-image-wrapper", children: [
-            /* @__PURE__ */ e(
+            M(v) && /* @__PURE__ */ e(
               "div",
               {
+                className: "prevent-el",
                 onClick: (r) => {
                   r == null || r.preventDefault(), r == null || r.stopPropagation();
                 },
                 children: /* @__PURE__ */ e(Pe, {})
               }
             ),
-            te(j) ? j : /* @__PURE__ */ e(xe, { src: de })
+            M(L) ? L : /* @__PURE__ */ e(xe, { src: de })
           ] }),
           F && F.length > 0 && /* @__PURE__ */ e("div", { className: "campaign-badges", children: F.map((r, o) => {
             var s, d;
@@ -659,13 +665,13 @@ const Ae = N.a`
                   (r == null ? void 0 : r.salesPackageCode) !== "Urgent" && /* @__PURE__ */ e(
                     qe,
                     {
-                      icon: M == null ? void 0 : M[(d = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : d.toUpperCase()],
+                      icon: x == null ? void 0 : x[(d = r == null ? void 0 : r.salesPackageCode) == null ? void 0 : d.toUpperCase()],
                       sizeInUnits: "1rem"
                     }
                   ),
                   (r == null ? void 0 : r.salesPackageCode) === "Urgent" && /* @__PURE__ */ n(O, { children: [
                     " ",
-                    Ne
+                    ke
                   ] })
                 ]
               },
@@ -673,7 +679,7 @@ const Ae = N.a`
             );
           }) }),
           /* @__PURE__ */ n("div", { className: "wrapper-card-1", children: [
-            /* @__PURE__ */ e("div", { className: "seller", title: q, children: q }),
+            /* @__PURE__ */ e("div", { className: "seller", title: A, children: A }),
             /* @__PURE__ */ e("div", { className: "card-title", children: ce })
           ] }),
           /* @__PURE__ */ n(
@@ -684,7 +690,7 @@ const Ae = N.a`
                 r == null || r.preventDefault(), r == null || r.stopPropagation();
               },
               children: [
-                Y && /* @__PURE__ */ e(
+                H && /* @__PURE__ */ e(
                   "div",
                   {
                     ...W ? {} : {
@@ -697,14 +703,14 @@ const Ae = N.a`
                     ] })
                   }
                 ),
-                !Y && Be()
+                !H && Be()
               ]
             }
           ),
           /* @__PURE__ */ n("div", { className: "wrapper-card-2", children: [
-            /* @__PURE__ */ n("div", { className: `price-text ${Q ? "new-price" : ""}`, children: [
-              y > 0 && _ && S !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${ie(y)} ${ae(_)}` }),
-              Q && /* @__PURE__ */ e("div", { className: `${y > 0 ? "full-price" : ""}`, children: `${ie(P)} ${ae(_)}` }),
+            /* @__PURE__ */ n("div", { className: `price-text ${Z ? "new-price" : ""}`, children: [
+              _ > 0 && R && S !== !0 && E !== !0 && /* @__PURE__ */ e("div", { children: `${ie(_)} ${ae(R)}` }),
+              Z && /* @__PURE__ */ e("div", { className: `${_ > 0 ? "full-price" : ""}`, children: `${ie(P)} ${ae(R)}` }),
               S && pe,
               E && ge
             ] }),
@@ -715,8 +721,8 @@ const Ae = N.a`
       }
     )
   );
-}), ar = N(b)`
-  @media (max-width: ${x + "px"}) {
+}), ar = k(b)`
+  @media (max-width: ${j + "px"}) {
     & > div {
       &:nth-of-type(even) {
         display: none;
@@ -726,7 +732,7 @@ const Ae = N.a`
 `, sr = ({ keyPrefix: a }) => /* @__PURE__ */ n(ar, { children: [
   /* @__PURE__ */ n(p, { gap: "0.5rem", children: [
     /* @__PURE__ */ e(
-      C,
+      y,
       {
         height: "100%",
         width: "100%",
@@ -747,7 +753,7 @@ const Ae = N.a`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          C,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -771,7 +777,7 @@ const Ae = N.a`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          C,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -795,7 +801,7 @@ const Ae = N.a`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          C,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -819,7 +825,7 @@ const Ae = N.a`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          C,
+          y,
           {
             height: "100%",
             width: "100%",
@@ -843,7 +849,7 @@ const Ae = N.a`
       noGradient: !0,
       children: [
         /* @__PURE__ */ e(
-          C,
+          y,
           {
             height: "100%",
             width: "100%",

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

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),k=require("./emotion-styled.browser.esm-BtEseadx.cjs"),V=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"),o=require("./style-BAcV7F53.cjs"),$e=k.styled.a`
+"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`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -8,6 +8,11 @@
   text-decoration: none;
   color: var(--gray-950, #14161a);
   position: relative;
+
+  & .prevent-el {
+    height: 0;
+    width: 0;
+  }
   & .seller {
     text-transform: uppercase;
     ${a.truncateText()}
@@ -158,7 +163,7 @@
     padding-inline: 0.5rem;
   }
 
-  @media (max-width: ${V.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
     overflow: visible;
 
     & .wrapper-card-3 {
@@ -274,7 +279,7 @@
     transition: var(--transition, all 0.3s ease);
   }
 
-  @media (max-width: ${V.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${D.MOBILE_SIZE_PX+"px"}) {
     & img {
       width: 8.875rem;
       height: 8.875rem;
@@ -351,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",Ve="Vehicles_Motorcycles",ze="Vehicles_Trucks",Be="Vehicles_AgriculturalMachines_Tractors",De="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:v,currency:x,isNegotiable:y,isFree:R,imageUrl:Q,location:J,sponsored:ee,imageComponent:z,freeText:re="Free",negotiableText:oe="Negotiable",tags:t=[],categoryCode:_,categoryName:ne,condition:B,quantity:E,trade:D,sponsoredText:te,forCart:ie,forOrder:ae,contactSeller:se,hasVariants:le,hasQuantities:ce,status:de,onBookmark:W=()=>{},actionComponent:j,bookmarked:F,bookmarkLists:me,metadata:b,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(j))return e.jsx(e.Fragment,{});const r=j,n=(d=j==null?void 0:j.props)==null?void 0:d.children,s=m.cloneElement(n,{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:v,categoryCode:_,categoryName:ne,currency:x,isNegotiable:y,isFree:R}});return m.cloneElement(r,void 0,s)},M=[Oe,Ve,ze,Be,De,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,w,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=(w=c==null?void 0:c.current)==null?void 0:w.offsetWidth;let n=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=n+f+4;if(g<=r)n+=g,s++;else break}X(s)};m.useEffect(()=>{const r=c==null?void 0:c.current;if(!r)return;const n=new ResizeObserver(()=>{xe()});return n.observe(r),()=>{n.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((n,s)=>{var f,g,Y,Z,H;const d=((f=l==null?void 0:l[n==null?void 0:n.code])==null?void 0:f.icon)??((g=l==null?void 0:l.default)==null?void 0:g.icon)??"",w=((Y=n==null?void 0:n.measurementUnit)==null?void 0:Y.symbol)??((Z=l==null?void 0:l[n==null?void 0:n.code])==null?void 0:Z.measure)??"",u=[(n==null?void 0:n.value)??((H=n==null?void 0:n.multiOptions)==null?void 0:H[0])??"",w].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,n)=>{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)??"",w=[(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:w})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),ke=()=>e.jsxs(e.Fragment,{children:[B&&e.jsx(L,{className:"tag",children:B},"detailed-products-section-tag__condition"),E&&e.jsx(L,{className:"tag",children:E},"detailed-products-section-tag__quantity"),D&&e.jsx(L,{className:"tag",children:D},"detailed-products-section-tag__trade")]}),A=P>0&&x&&y!==!0&&R!==!0&&P!==v;return e.jsxs($e,{ref:c,className:"product-card","data-accessor":b==null?void 0:b.accessor,name:b==null?void 0:b.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:[e.jsx("div",{onClick:r=>{r==null||r.preventDefault(),r==null||r.stopPropagation()},children:e.jsx(pe,{})}),a.isDefined(z)?z:e.jsx(Pe.ProductImageWrapper,{src:Q})]}),q&&q.length>0&&e.jsx("div",{className:"campaign-badges",children:q.map((r,n)=>{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]})]},n)})}),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:[v>0&&x&&y!==!0&&R!==!0&&e.jsx("div",{children:`${a.formatPrice(v)} ${a.GetCurrencySymbol(x)}`}),A&&e.jsx("div",{className:`${v>0?"full-price":""}`,children:`${a.formatPrice(P)} ${a.GetCurrencySymbol(x)}`}),y&&oe,R&&re]}),e.jsx("div",{className:"location-text",children:J})]}),ee===!0&&e.jsx(Ie,{sponsoredText:te})]})}),Te=k.styled(o.SkeletonRowWrapper)`
-  @media (max-width: ${V.MOBILE_SIZE_PX+"px"}) {
+`,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"}) {
     & > div {
       &:nth-of-type(even) {
         display: none;
       }
     }
   }
-`,Xe=({keyPrefix:i})=>e.jsxs(Te,{children:[e.jsxs(o.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(o.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(o.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(o.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(o.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(o.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(o.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(o.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(o.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(o.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(o.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(o.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(o.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(o.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(o.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(o.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(o.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(o.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(o.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(o.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(o.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(o.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;
+`,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;

package/package.json

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