@lanaco/lnc-react-ui 4.0.182 → 4.0.184

package/dist/DetailedProductsInfinitiveSection.cjs

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

package/dist/DetailedProductsInfinitiveSection.js

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

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-CkcozOY6.cjs"),w=require("./index-BeVjdODO.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=T.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),T=require("./emotion-styled.browser.esm-BtEseadx.cjs"),E=require("./consts-goSZX3xP.cjs"),F=require("./Button.cjs"),l=require("./utils-RnrgDDZP.cjs"),B=require("./useDetectMobile-zkbzoOGV.cjs"),R=require("./style-CkcozOY6.cjs"),w=require("./index-CaAhRJ2-.cjs"),I=require("./index-CSNxZFTX.cjs"),Q=T.styled.div`
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;

package/dist/DetailedProductsSection.js

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

package/dist/Modal.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),V=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),x="5rem",h="3.8rem",i="1.5rem",W=(e,n,a)=>n&&a?e=="FULL"?`calc(100dvh - ${h} - ${x})`:`calc(100dvh - ${h} - ${x} - ${i})`:n?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${i})`:a?e=="FULL"?`calc(100dvh - ${x})`:`calc(100dvh - ${x} - ${i})`:e=="FULL"?"100dvh":`calc(100dvh - ${i})`,X=e=>e=="FULL"?"100vw":`calc(100vw - ${i})`,J=(e,n,a)=>e=="FULL"?"0":`${n?"0":"16px"} 0 ${a?"0":"16px"} 0`,K=C.styled(L.motion.div)`
+"use strict";const r=require("react/jsx-runtime"),y=require("react"),o=require("./index-BpbMKBf_.cjs"),C=require("./emotion-styled.browser.esm-BtEseadx.cjs"),V=require("./Icon.cjs"),w=require("./utils-RnrgDDZP.cjs"),G=require("./index-41nUb2kP.cjs"),L=require("./motion-B_VPZaJq.cjs"),W=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),N=require("./index-DZoWlChs.cjs"),f="5rem",h="3.8rem",l="1.5rem",X=(e,n,a)=>n&&a?e=="FULL"?`calc(100dvh - ${h} - ${f})`:`calc(100dvh - ${h} - ${f} - ${l})`:n?e=="FULL"?`calc(100dvh - ${h})`:`calc(100dvh - ${h} - ${l})`:a?e=="FULL"?`calc(100dvh - ${f})`:`calc(100dvh - ${f} - ${l})`:e=="FULL"?"100dvh":`calc(100dvh - ${l})`,J=e=>e=="FULL"?"100vw":`calc(100vw - ${l})`,K=(e,n,a)=>e=="FULL"?"0":`${n?"0":"16px"} 0 ${a?"0":"16px"} 0`,Q=C.styled(L.motion.div)`
   position: ${e=>e.scrollOverlay==!0?"absolute":"fixed"};
   top: 0;
   left: 0;
@@ -7,16 +7,17 @@
   background: ${e=>e.scrollOverlay===!0?"transparent":e.overlayColor};
   z-index: ${e=>e.zIndex};
   display: flex;
-`,Q=C.styled(L.motion.div)`
+`,Y=C.styled(L.motion.div)`
   position: relative;
   width: 50%;
   background-color: white;
   ${e=>e.scrollOverlay==!1?"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);":"height: fit-content; margin-right: auto; margin-left: auto;"}
   background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","default","enabled","bg")};
   z-index: ${e=>e.zIndex};
-  width: ${e=>ee[e.size.toUpperCase()]};
-  max-width: ${e=>X(e.size.toUpperCase())};
-  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
+  width: ${e=>oe[e.size.toUpperCase()]};
+  max-width: ${e=>J(e.size.toUpperCase())};
+  box-shadow:
+    0px 20px 25px -5px rgba(0, 0, 0, 0.1),
     0px 10px 10px -5px rgba(0, 0, 0, 0.04);
   border-radius: ${e=>e.size.toUpperCase()!="FULL"?"16px":"0"};
   display: flex;
@@ -26,7 +27,7 @@
   & .lnc-modal-header {
     max-height: ${h};
     overflow: hidden;
-    padding: ${i} ${i} 0 ${i};
+    padding: ${l} ${l} 0 ${l};
   }
   & .lnc-modal-header > h1,
   h2,
@@ -34,7 +35,7 @@
     margin: 0;
   }
   & .lnc-modal-footer {
-    max-height: ${x};
+    max-height: ${f};
     overflow: hidden;
     padding-top: 1rem;
   }
@@ -45,12 +46,12 @@
     flex-direction: column;
     justify-content: space-between;
     scrollbar-width: thin;
-    ${e=>e.scrollOverlay==!1&&`max-height: ${W(e.size.toUpperCase(),e.header,e.footer)};`}
+    ${e=>e.scrollOverlay==!1&&`max-height: ${X(e.size.toUpperCase(),e.header,e.footer)};`}
     overflow: auto;
-    margin: ${e=>J(e.size,e.header,e.footer)};
-    padding: 0 ${i} 0 ${i};
+    margin: ${e=>K(e.size,e.header,e.footer)};
+    padding: 0 ${l} 0 ${l};
   }
-`,Y=C.styled.div`
+`,Z=C.styled.div`
   position: absolute;
   cursor: pointer;
   top: 1.375rem;
@@ -72,7 +73,7 @@
   &:focus {
     background-color: ${e=>w.getColorRgbaValue(e.theme,"Modal","primary","focus","cancelBtnBg","cancelBtnBgOpacity")};
   }
-`,Z=C.styled(L.motion.div)`
+`,ee=C.styled(L.motion.div)`
   display: ${e=>e.scrollOverlay===!0?"block":"none"};
   position: fixed;
   top: 0;
@@ -81,4 +82,4 @@
   width: 100%;
   background-color: ${e=>e.overlayColor};
   z-index: 3;
-`,A=y.forwardRef((e,n)=>{const{portalElement:a=document.body,isOpen:c=!1,header:p,footer:l,scrollOverlay:s=!1,overlay:d=!0,overlayColor:u="rgba(0, 0, 0, 0.3)",showCloseButton:m=!0,onOpen:f=()=>{},onClose:g=()=>{},zIndex:O=1e3,size:$="fluid",clickOutsideToClose:b=!0,className:T="",style:D={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:H=()=>{},children:z,rest:M}=e,R=y.useRef(),[v,k]=y.useState(c);let B={theme:G.useTheme(),size:$,zIndex:O,className:T,style:D};const q=t=>{t==null||t.preventDefault(),t==null||t.stopPropagation(),t.target===t.currentTarget&&b&&j(t)};y.useImperativeHandle(n,()=>({open(){S()},close(){j()},isOpen(){return v}}));const S=t=>{k(!0),f(t)},j=t=>{k(!1),g(t)};return y.useEffect(()=>{v===!0&&H()},[v]),r.jsx(r.Fragment,{children:v&&r.jsx(r.Fragment,{children:a?r.jsx(r.Fragment,{children:V.reactDomExports.createPortal(r.jsx(E,{ref:R,overlay:d,scrollOverlay:s,onClickOutsideModal:q,overlayColor:u,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:m,close:j,header:p,footer:l,isOpen:c,...M,children:z}),a)}):r.jsx(E,{ref:R,overlay:d,scrollOverlay:s,onClickOutsideModal:q,overlayColor:u,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:m,close:j,header:p,footer:l,isOpen:c,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:n,onClickOutsideModal:a,overlayColor:c,overlayProps:p,overlayAnimation:l,modalAnimation:s,themeProps:d,showCloseButton:u,header:m,footer:f,close:g,isOpen:O,children:$,...b},T)=>r.jsx(N.AnimatePresence,{children:e?r.jsxs(r.Fragment,{children:[r.jsx(Z,{scrollOverlay:n,onClick:a,overlayColor:c,...p,...l}),r.jsx(K,{...d,onClick:a,scrollOverlay:n,overlayColor:c,isOpen:O,...p,...l,children:r.jsx(I,{ref:T,themeProps:d,scrollOverlay:n,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:f,...b,children:$})})]}):r.jsx(I,{ref:T,themeProps:d,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:f,...b,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:n,modalAnimation:a,showCloseButton:c,close:p,header:l,footer:s,children:d,...u},m)=>r.jsx(N.AnimatePresence,{children:r.jsxs(Q,{ref:m,...e,...a,header:l,footer:s,scrollOverlay:n,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[c&&r.jsx(Y,{...e,className:"modal-lnc-times",onClick:p,children:r.jsx(_,{icon:"times"})}),l&&r.jsx("div",{className:"lnc-modal-header",children:l}),r.jsx("div",{className:"lnc-modal-content",children:d}),s&&r.jsx("div",{className:"lnc-modal-footer",children:s})]})}));A.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const ee={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=A;
+`,D=y.forwardRef((e,n)=>{const{preventDefault:a=!1,portalElement:p=document.body,isOpen:c=!1,header:i,footer:s,scrollOverlay:d=!1,overlay:u=!0,overlayColor:m="rgba(0, 0, 0, 0.3)",showCloseButton:x=!0,onOpen:g=()=>{},onClose:O=()=>{},zIndex:$=1e3,size:b="fluid",clickOutsideToClose:T=!0,className:A="",style:H={},overlayProps:P,overlayAnimation:F={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},modalAnimation:U={animate:{opacity:1},exit:{opacity:0},initial:{opacity:0},transition:{type:"spring",duration:.6}},onFinishOpen:S=()=>{},children:z,rest:M}=e,R=y.useRef(),[v,k]=y.useState(c);let B={theme:W.useTheme(),size:b,zIndex:$,className:A,style:H};const q=t=>{a&&(t==null||t.preventDefault(),t==null||t.stopPropagation()),t.target===t.currentTarget&&T&&j(t)};y.useImperativeHandle(n,()=>({open(){_()},close(){j()},isOpen(){return v}}));const _=t=>{k(!0),g(t)},j=t=>{k(!1),O(t)};return y.useEffect(()=>{v===!0&&S()},[v]),r.jsx(r.Fragment,{children:v&&r.jsx(r.Fragment,{children:p?r.jsx(r.Fragment,{children:G.reactDomExports.createPortal(r.jsx(E,{ref:R,overlay:u,scrollOverlay:d,onClickOutsideModal:q,overlayColor:m,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:x,close:j,header:i,footer:s,isOpen:c,...M,children:z}),p)}):r.jsx(E,{ref:R,overlay:u,scrollOverlay:d,onClickOutsideModal:q,overlayColor:m,overlayProps:P,overlayAnimation:F,modalAnimation:U,themeProps:B,showCloseButton:x,close:j,header:i,footer:s,isOpen:c,...M,children:z})})})}),E=y.forwardRef(({overlay:e,scrollOverlay:n,onClickOutsideModal:a,overlayColor:p,overlayProps:c,overlayAnimation:i,modalAnimation:s,themeProps:d,showCloseButton:u,header:m,footer:x,close:g,isOpen:O,children:$,...b},T)=>r.jsx(N.AnimatePresence,{children:e?r.jsxs(r.Fragment,{children:[r.jsx(ee,{scrollOverlay:n,onClick:a,overlayColor:p,...c,...i}),r.jsx(Q,{...d,onClick:a,scrollOverlay:n,overlayColor:p,isOpen:O,...c,...i,children:r.jsx(I,{ref:T,themeProps:d,scrollOverlay:n,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:x,...b,children:$})})]}):r.jsx(I,{ref:T,themeProps:d,modalAnimation:s,showCloseButton:u,close:g,header:m,footer:x,...b,children:$})})),I=y.forwardRef(({themeProps:e,scrollOverlay:n,modalAnimation:a,showCloseButton:p,close:c,header:i,footer:s,children:d,...u},m)=>r.jsx(N.AnimatePresence,{children:r.jsxs(Y,{ref:m,...e,...a,header:i,footer:s,scrollOverlay:n,...u,className:`modal-lnc-container ${e==null?void 0:e.className}`,children:[p&&r.jsx(Z,{...e,className:"modal-lnc-times",onClick:c,children:r.jsx(V,{icon:"times"})}),i&&r.jsx("div",{className:"lnc-modal-header",children:i}),r.jsx("div",{className:"lnc-modal-content",children:d}),s&&r.jsx("div",{className:"lnc-modal-footer",children:s})]})}));D.propTypes={portalElement:o.PropTypes.any,isOpen:o.PropTypes.bool,header:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),footer:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),showCloseButton:o.PropTypes.bool,overlay:o.PropTypes.bool,scrollOverlay:o.PropTypes.bool,onOpen:o.PropTypes.func,onClose:o.PropTypes.func,zIndex:o.PropTypes.number,clickOutsideToClose:o.PropTypes.bool,overlayColor:o.PropTypes.string,overlayAnimation:o.PropTypes.object,modalAnimation:o.PropTypes.object,className:o.PropTypes.string,style:o.PropTypes.object,size:o.PropTypes.oneOf(["fluid","xs","s","m","l","xl","full"]),overlayProps:o.PropTypes.any};const oe={FLUID:"max-content",XS:"320px",S:"412px",M:"672px",L:"1112px",XL:"1376px",FULL:"100vw"};module.exports=D;

package/dist/Modal.js

@@ -1,14 +1,14 @@
 import { jsx as t, Fragment as L, jsxs as R } from "react/jsx-runtime";
-import { forwardRef as z, useRef as X, useState as V, useImperativeHandle as q, useEffect as J } from "react";
+import { forwardRef as z, useRef as V, useState as q, useImperativeHandle as J, useEffect as K } from "react";
 import { P as o } from "./index-CblbdqjE.js";
 import { s as C } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import K from "./Icon.js";
+import P from "./Icon.js";
 import { b as w } from "./utils-Dc5zIpaz.js";
-import { r as P } from "./index-B1vKwsDE.js";
+import { r as Q } from "./index-B1vKwsDE.js";
 import { m as M } from "./motion-Ckekul_K.js";
-import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { A as S } from "./index-D-c5IxDk.js";
-const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FULL" ? `calc(100dvh - ${h} - ${f})` : `calc(100dvh - ${h} - ${f} - ${l})` : n ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${l})` : a ? e == "FULL" ? `calc(100dvh - ${f})` : `calc(100dvh - ${f} - ${l})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${l})`, Z = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, ee = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, oe = C(M.div)`
+const h = "5rem", g = "3.8rem", l = "1.5rem", Z = (e, n, a) => n && a ? e == "FULL" ? `calc(100dvh - ${g} - ${h})` : `calc(100dvh - ${g} - ${h} - ${l})` : n ? e == "FULL" ? `calc(100dvh - ${g})` : `calc(100dvh - ${g} - ${l})` : a ? e == "FULL" ? `calc(100dvh - ${h})` : `calc(100dvh - ${h} - ${l})` : e == "FULL" ? "100dvh" : `calc(100dvh - ${l})`, ee = (e) => e == "FULL" ? "100vw" : `calc(100vw - ${l})`, oe = (e, n, a) => e == "FULL" ? "0" : `${n ? "0" : "16px"} 0 ${a ? "0" : "16px"} 0`, te = C(M.div)`
   position: ${(e) => e.scrollOverlay == !0 ? "absolute" : "fixed"};
   top: 0;
   left: 0;
@@ -17,16 +17,17 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   background: ${(e) => e.scrollOverlay === !0 ? "transparent" : e.overlayColor};
   z-index: ${(e) => e.zIndex};
   display: flex;
-`, te = C(M.div)`
+`, re = C(M.div)`
   position: relative;
   width: 50%;
   background-color: white;
   ${(e) => e.scrollOverlay == !1 ? "position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);" : "height: fit-content; margin-right: auto; margin-left: auto;"}
   background-color: ${(e) => w(e.theme, "Modal", "default", "enabled", "bg")};
   z-index: ${(e) => e.zIndex};
-  width: ${(e) => le[e.size.toUpperCase()]};
-  max-width: ${(e) => Z(e.size.toUpperCase())};
-  box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1),
+  width: ${(e) => ie[e.size.toUpperCase()]};
+  max-width: ${(e) => ee(e.size.toUpperCase())};
+  box-shadow:
+    0px 20px 25px -5px rgba(0, 0, 0, 0.1),
     0px 10px 10px -5px rgba(0, 0, 0, 0.04);
   border-radius: ${(e) => e.size.toUpperCase() != "FULL" ? "16px" : "0"};
   display: flex;
@@ -34,7 +35,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   gap: 0.5rem;
 
   & .lnc-modal-header {
-    max-height: ${h};
+    max-height: ${g};
     overflow: hidden;
     padding: ${l} ${l} 0 ${l};
   }
@@ -44,7 +45,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     margin: 0;
   }
   & .lnc-modal-footer {
-    max-height: ${f};
+    max-height: ${h};
     overflow: hidden;
     padding-top: 1rem;
   }
@@ -55,16 +56,16 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     flex-direction: column;
     justify-content: space-between;
     scrollbar-width: thin;
-    ${(e) => e.scrollOverlay == !1 && `max-height: ${Y(
+    ${(e) => e.scrollOverlay == !1 && `max-height: ${Z(
   e.size.toUpperCase(),
   e.header,
   e.footer
 )};`}
     overflow: auto;
-    margin: ${(e) => ee(e.size, e.header, e.footer)};
+    margin: ${(e) => oe(e.size, e.header, e.footer)};
     padding: 0 ${l} 0 ${l};
   }
-`, re = C.div`
+`, ne = C.div`
   position: absolute;
   cursor: pointer;
   top: 1.375rem;
@@ -106,7 +107,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   "cancelBtnBgOpacity"
 )};
   }
-`, ne = C(M.div)`
+`, ae = C(M.div)`
   display: ${(e) => e.scrollOverlay === !0 ? "block" : "none"};
   position: fixed;
   top: 0;
@@ -115,25 +116,26 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
   width: 100%;
   background-color: ${(e) => e.overlayColor};
   z-index: 3;
-`, ae = z((e, n) => {
+`, le = z((e, n) => {
   const {
-    portalElement: a = document.body,
+    preventDefault: a = !1,
+    portalElement: m = document.body,
     isOpen: s = !1,
-    header: m,
-    footer: i,
-    scrollOverlay: c = !1,
-    overlay: d = !0,
-    overlayColor: p = "rgba(0, 0, 0, 0.3)",
+    header: i,
+    footer: c,
+    scrollOverlay: d = !1,
+    overlay: p = !0,
+    overlayColor: f = "rgba(0, 0, 0, 0.3)",
     showCloseButton: u = !0,
-    onOpen: g = () => {
+    onOpen: x = () => {
     },
-    onClose: x = () => {
+    onClose: U = () => {
     },
-    zIndex: U = 1e3,
-    size: y = "fluid",
-    clickOutsideToClose: $ = !0,
-    className: b = "",
-    style: G = {},
+    zIndex: y = 1e3,
+    size: $ = "fluid",
+    clickOutsideToClose: b = !0,
+    className: G = "",
+    style: _ = {},
     overlayProps: F,
     overlayAnimation: k = {
       animate: { opacity: 1 },
@@ -151,18 +153,18 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       },
       transition: { type: "spring", duration: 0.6 }
     },
-    onFinishOpen: _ = () => {
+    onFinishOpen: W = () => {
     },
     children: T,
     rest: I
-  } = e, E = X(), [v, N] = V(s);
-  let j = { theme: Q(), size: y, zIndex: U, className: b, style: G };
-  const A = (r) => {
-    r == null || r.preventDefault(), r == null || r.stopPropagation(), r.target === r.currentTarget && $ && O(r);
+  } = e, E = V(), [v, N] = q(s);
+  let D = { theme: Y(), size: $, zIndex: y, className: G, style: _ };
+  const j = (r) => {
+    a && (r == null || r.preventDefault(), r == null || r.stopPropagation()), r.target === r.currentTarget && b && O(r);
   };
-  q(n, () => ({
+  J(n, () => ({
     open() {
-      W();
+      X();
     },
     close() {
       O();
@@ -171,94 +173,94 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       return v;
     }
   }));
-  const W = (r) => {
-    N(!0), g(r);
+  const X = (r) => {
+    N(!0), x(r);
   }, O = (r) => {
-    N(!1), x(r);
+    N(!1), U(r);
   };
-  return J(() => {
-    v === !0 && _();
-  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: a ? /* @__PURE__ */ t(L, { children: P.createPortal(
+  return K(() => {
+    v === !0 && W();
+  }, [v]), /* @__PURE__ */ t(L, { children: v && /* @__PURE__ */ t(L, { children: m ? /* @__PURE__ */ t(L, { children: Q.createPortal(
     /* @__PURE__ */ t(
-      D,
+      A,
       {
         ref: E,
-        overlay: d,
-        scrollOverlay: c,
-        onClickOutsideModal: A,
-        overlayColor: p,
+        overlay: p,
+        scrollOverlay: d,
+        onClickOutsideModal: j,
+        overlayColor: f,
         overlayProps: F,
         overlayAnimation: k,
         modalAnimation: B,
-        themeProps: j,
+        themeProps: D,
         showCloseButton: u,
         close: O,
-        header: m,
-        footer: i,
+        header: i,
+        footer: c,
         isOpen: s,
         ...I,
         children: T
       }
     ),
-    a
+    m
   ) }) : /* @__PURE__ */ t(
-    D,
+    A,
     {
       ref: E,
-      overlay: d,
-      scrollOverlay: c,
-      onClickOutsideModal: A,
-      overlayColor: p,
+      overlay: p,
+      scrollOverlay: d,
+      onClickOutsideModal: j,
+      overlayColor: f,
       overlayProps: F,
       overlayAnimation: k,
       modalAnimation: B,
-      themeProps: j,
+      themeProps: D,
       showCloseButton: u,
       close: O,
-      header: m,
-      footer: i,
+      header: i,
+      footer: c,
       isOpen: s,
       ...I,
       children: T
     }
   ) }) });
-}), D = z(
+}), A = z(
   ({
     overlay: e,
     scrollOverlay: n,
     onClickOutsideModal: a,
-    overlayColor: s,
-    overlayProps: m,
+    overlayColor: m,
+    overlayProps: s,
     overlayAnimation: i,
     modalAnimation: c,
     themeProps: d,
     showCloseButton: p,
-    header: u,
-    footer: g,
+    header: f,
+    footer: u,
     close: x,
     isOpen: U,
     children: y,
     ...$
   }, b) => /* @__PURE__ */ t(S, { children: e ? /* @__PURE__ */ R(L, { children: [
     /* @__PURE__ */ t(
-      ne,
+      ae,
       {
         scrollOverlay: n,
         onClick: a,
-        overlayColor: s,
-        ...m,
+        overlayColor: m,
+        ...s,
         ...i
       }
     ),
     /* @__PURE__ */ t(
-      oe,
+      te,
       {
         ...d,
         onClick: a,
         scrollOverlay: n,
-        overlayColor: s,
+        overlayColor: m,
         isOpen: U,
-        ...m,
+        ...s,
         ...i,
         children: /* @__PURE__ */ t(
           H,
@@ -269,8 +271,8 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
             modalAnimation: c,
             showCloseButton: p,
             close: x,
-            header: u,
-            footer: g,
+            header: f,
+            footer: u,
             ...$,
             children: y
           }
@@ -285,8 +287,8 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       modalAnimation: c,
       showCloseButton: p,
       close: x,
-      header: u,
-      footer: g,
+      header: f,
+      footer: u,
       ...$,
       children: y
     }
@@ -296,16 +298,16 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     themeProps: e,
     scrollOverlay: n,
     modalAnimation: a,
-    showCloseButton: s,
-    close: m,
+    showCloseButton: m,
+    close: s,
     header: i,
     footer: c,
     children: d,
     ...p
-  }, u) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
-    te,
+  }, f) => /* @__PURE__ */ t(S, { children: /* @__PURE__ */ R(
+    re,
     {
-      ref: u,
+      ref: f,
       ...e,
       ...a,
       header: i,
@@ -314,13 +316,13 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
       ...p,
       className: `modal-lnc-container ${e == null ? void 0 : e.className}`,
       children: [
-        s && /* @__PURE__ */ t(
-          re,
+        m && /* @__PURE__ */ t(
+          ne,
           {
             ...e,
             className: "modal-lnc-times",
-            onClick: m,
-            children: /* @__PURE__ */ t(K, { icon: "times" })
+            onClick: s,
+            children: /* @__PURE__ */ t(P, { icon: "times" })
           }
         ),
         i && /* @__PURE__ */ t("div", { className: "lnc-modal-header", children: i }),
@@ -330,7 +332,7 @@ const f = "5rem", h = "3.8rem", l = "1.5rem", Y = (e, n, a) => n && a ? e == "FU
     }
   ) })
 );
-ae.propTypes = {
+le.propTypes = {
   /**
    * If the value is given modal will use createPortal to be rendered in portalElement
    */
@@ -362,7 +364,7 @@ ae.propTypes = {
   size: o.oneOf(["fluid", "xs", "s", "m", "l", "xl", "full"]),
   overlayProps: o.any
 };
-const le = {
+const ie = {
   FLUID: "max-content",
   XS: "320px",
   S: "412px",
@@ -372,5 +374,5 @@ const le = {
   FULL: "100vw"
 };
 export {
-  ae as default
+  le as default
 };

package/dist/UrgentSaleProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-BeVjdODO.cjs"),F=_.styled.div`
+"use strict";const t=require("react/jsx-runtime"),s=require("react"),_=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),T=require("./Button.cjs"),N=require("./index-CaAhRJ2-.cjs"),F=_.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
   grid-template-columns: ${a=>`repeat(${a.limit||5},  minmax(0, 1fr))`};

package/dist/UrgentSaleProductsSection.js

@@ -4,7 +4,7 @@ import { s as q } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as B, S as D } from "./consts-BuFChS64.js";
 import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
 import Q from "./Button.js";
-import { D as j, S as z } from "./index-DrtxDu6u.js";
+import { D as j, S as z } from "./index-DxZ71UZ1.js";
 const A = q.div`
   padding: 1.75rem 3rem;
   display: grid;

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

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("react"),x=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),we=require("./index-uwl7BjRF.cjs"),P=require("./Badge.cjs"),ve=require("./Popover.cjs"),je=require("./PopoverTrigger.cjs"),xe=require("./PopoverContent.cjs"),ke=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./style-BAcV7F53.cjs"),Se=x.styled.div`
+"use strict";const e=require("react/jsx-runtime"),c=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./consts-goSZX3xP.cjs"),l=require("./utils-RnrgDDZP.cjs"),ve=require("./index-uwl7BjRF.cjs"),L=require("./Badge.cjs"),je=require("./Popover.cjs"),xe=require("./PopoverTrigger.cjs"),ke=require("./PopoverContent.cjs"),Se=require("./useDetectMobile-zkbzoOGV.cjs"),r=require("./style-BAcV7F53.cjs"),ye=S.styled.div`
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
@@ -166,7 +166,7 @@
   &:hover .product-image-wrapper img {
     transform: scale(1.1);
   }
-`,ye=x.styled.div`
+`,Pe=S.styled.div`
   position: relative;
   overflow: hidden;
   border-radius: 0.75rem;
@@ -234,7 +234,7 @@
       top: unset;
     }
   }
-`,Pe=x.styled.div`
+`,_e=S.styled.div`
   background: var(--white, #fff);
   z-index: 1;
 
@@ -284,7 +284,7 @@
       color: var(--gray-950, #14161a);
     }
   }
-`,_e=x.styled.div`
+`,Ce=S.styled.div`
   display: flex;
   align-items: center;
   gap: 0.25rem;
@@ -296,7 +296,7 @@
     font-size: 1rem;
     color: var(--warning-500, #F59E0B);
   }
-`,Ce=c.forwardRef(({sponsoredText:i="Sponsored"},k)=>e.jsxs(_e,{ref:k,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Re="Vehicles_Cars",Le="Vehicles_Motorcycles",Ne="Vehicles_Trucks",We="Vehicles_AgriculturalMachines_Tractors",$e="Vehicles_ConstructionMachines",Ee="Vehicles_Bus",Te="Vehicles_Campers",qe="RealEstates_",s={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Oe=c.forwardRef((i,k)=>{const{uuid:w,sellerUuid:_,name:Y,price:C=0,sellingPrice:S,currency:y,isNegotiable:R,isFree:L,imageUrl:Z,location:A,sponsored:K,imageComponent:q,onSelectCard:H=()=>{},freeText:Q="Free",negotiableText:J="Negotiable",tags:t=[],categoryCode:N,condition:O,quantity:W,trade:V,sponsoredText:ee,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,hasQuantities:ie,status:se,onBookmark:$=()=>{},actionComponent:v,bookmarked:B,bookmarkLists:ae,metadata:f,sellerName:z}=i,E=ke.useDetectMobile(),le=()=>{var m;if(!l.isDefined(v))return e.jsx(e.Fragment,{});const o=v,n=(m=v==null?void 0:v.props)==null?void 0:m.children,d=c.cloneElement(n,{key:`bookmark_pr__${B}`,bookmarked:B,productUuid:w,onAddToBookmark:()=>$(!0,w),onRemoveFromBookmark:()=>$(!1,w),bookmarkedUuidList:ae,sellerUuid:_,handleBookmarking:$,forCart:re,forOrder:oe,contactSeller:ne,hasVariants:te,status:se,quantity:W,hasQuantities:ie});return c.cloneElement(o,void 0,d)},M=[Re,Le,Ne,We,$e,Ee,Te,qe].some(o=>N==null?void 0:N.includes(o)),[ce,F]=c.useState(!1),de=()=>{F(!0)},me=()=>{F(!1)},a=c.useRef(null),p=c.useRef([]),[he,G]=c.useState(t==null?void 0:t.length),ue=()=>{var m,b,j;if(!(a!=null&&a.current)||((m=p==null?void 0:p.current)==null?void 0:m.length)===0)return;if(E){G(t==null?void 0:t.length);return}const o=(b=a==null?void 0:a.current)==null?void 0:b.offsetWidth;let n=0,d=0;for(let h=0;h<(t==null?void 0:t.length);h++){const g=((j=p==null?void 0:p.current[h])==null?void 0:j.offsetWidth)||0,u=n+g+4;if(u<=o)n+=u,d++;else break}G(d)};c.useEffect(()=>{const o=a==null?void 0:a.current;if(!o)return;const n=new ResizeObserver(()=>{ue()});return n.observe(o),()=>{n.disconnect()}},[t,E]);const pe=()=>{var o;return e.jsx("div",{className:"tags-popover__trigger",children:(o=t==null?void 0:t.slice(0,he))==null?void 0:o.map((n,d)=>{var g,u,D,U,X;const m=((g=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:g.icon)??((u=s==null?void 0:s.default)==null?void 0:u.icon)??"",b=((D=n==null?void 0:n.measurementUnit)==null?void 0:D.symbol)??((U=s==null?void 0:s[n==null?void 0:n.code])==null?void 0:U.measure)??"",h=[(n==null?void 0:n.value)??((X=n==null?void 0:n.multiOptions)==null?void 0:X[0])??"",b].filter(Boolean).join(" ");return e.jsxs(P,{ref:be=>p.current[d]=be,className:"tag",children:[e.jsx("i",{className:m}),h]},`detailed-products-section-tag__${d+1}`)})})},ge=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((o,n)=>{var h,g,u;const d=((h=o==null?void 0:o.measurementUnit)==null?void 0:h.symbol)??((g=s==null?void 0:s[o==null?void 0:o.code])==null?void 0:g.measure)??"",b=[(o==null?void 0:o.value)??((u=o==null?void 0:o.multiOptions)==null?void 0:u[0])??"",d].filter(Boolean).join(" "),j=o==null?void 0:o.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${j}: `}),e.jsx("span",{className:"tags-popover__value",children:b})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),fe=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(P,{className:"tag",children:O},"detailed-products-section-tag__condition"),W&&e.jsx(P,{className:"tag",children:W},"detailed-products-section-tag__quantity"),V&&e.jsx(P,{className:"tag",children:V},"detailed-products-section-tag__trade")]}),I=C>0&&y&&R!==!0&&L!==!0&&C!==S;return e.jsxs(Se,{ref:a,className:"product-card","data-accessor":f==null?void 0:f.accessor,name:f==null?void 0:f.name,onClick:o=>H(o,a),children:[e.jsxs(ye,{className:"product-image-wrapper",children:[e.jsx(le,{}),l.isDefined(q)?q:e.jsx(we.ProductImageWrapper,{src:Z})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:z,children:z}),e.jsx("div",{className:"card-title",children:Y})]}),e.jsxs("div",{className:"wrapper-card-3",children:[M&&e.jsx("div",{...E?{}:{onMouseEnter:de,onMouseLeave:me},children:e.jsxs(ve,{placement:"bottom",open:ce,children:[e.jsx(je,{children:pe()}),e.jsx(xe,{style:{all:"unset"},children:e.jsx(Pe,{children:ge()})})]})}),!M&&fe()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${I?"new-price":""}`,children:[S>0&&y&&R!==!0&&L!==!0&&e.jsx("div",{children:`${l.formatPrice(S)} ${l.GetCurrencySymbol(y)}`}),I&&e.jsx("div",{className:`${S>0?"full-price":""}`,children:`${l.formatPrice(C)} ${l.GetCurrencySymbol(y)}`}),R&&J,L&&Q]}),e.jsx("div",{className:"location-text",children:A})]}),K===!0&&e.jsx(Ce,{sponsoredText:ee})]})}),Ve=x.styled(r.SkeletonRowWrapper)`
+`,Re=c.forwardRef(({sponsoredText:i="Sponsored"},y)=>e.jsxs(Ce,{ref:y,className:"sponsored-line",children:[e.jsx("i",{className:"mng-lnc-paw2"}),e.jsx("span",{children:i})]})),Le="Vehicles_Cars",Ne="Vehicles_Motorcycles",We="Vehicles_Trucks",$e="Vehicles_AgriculturalMachines_Tractors",Ee="Vehicles_ConstructionMachines",Te="Vehicles_Bus",qe="Vehicles_Campers",Oe="RealEstates_",a={Mileage:{icon:"mng-lnc-road",measure:"km"},YearOfProduction:{icon:"mng-lnc-calendar",measure:""},Fuel:{icon:"mng-lnc-gas-station",measure:""},EnginePowerKW:{icon:"mng-lnc-engine",measure:"kW"},Transmission:{icon:"mng-lnc-transmission",measure:""},Model:{icon:"mng-lnc-application",measure:""},Brand:{icon:"mng-lnc-car--front",measure:""},SurfaceArea:{icon:"mng-lnc-right-angle",measure:""},Floor:{icon:"mng-lnc-elevator",measure:""},FurnishedCondition:{icon:"mng-lnc-sofa-01",measure:""},AdType:{icon:"mng-lnc-notes",measure:""},NumberOfRooms:{icon:"mng-lnc-meeting-room",measure:""},HeatingType:{icon:"mng-lnc-heat",measure:""},AirConditioning:{icon:"mng-lnc-air-conditioner",measure:""},Type:{icon:"mng-lnc-house-building",measure:""},Parking:{icon:"mng-lnc-parking-area-circle",measure:""},Internet:{icon:"mng-lnc-wifi-02",measure:""},State:{icon:"mng-lnc-settings-1",measure:""},NumberOfPremises:{icon:"mng-lnc-meeting-room",measure:""},Pool:{icon:"mng-lnc-pool",measure:""},Approach:{icon:"mng-lnc-driveway",measure:""},NumberOfBeds:{icon:"mng-lnc-bed",measure:""},Kitchen:{icon:"mng-lnc-fridge",measure:""},BathroomToilet:{icon:"mng-lnc-bath",measure:""},default:{icon:" mng-lnc-clock--filled",measure:""}},Ve=c.forwardRef((i,y)=>{const{uuid:f,sellerUuid:N,name:Y,price:P=0,sellingPrice:v,currency:j,isNegotiable:_,isFree:C,imageUrl:Z,location:A,sponsored:K,imageComponent:q,onSelectCard:H=()=>{},freeText:Q="Free",negotiableText:J="Negotiable",tags:t=[],categoryCode:R,categoryName:ee,condition:O,quantity:W,trade:V,sponsoredText:re,forCart:oe,forOrder:ne,contactSeller:te,hasVariants:ie,hasQuantities:ae,status:se,onBookmark:$=()=>{},actionComponent:x,bookmarked:B,bookmarkLists:le,metadata:b,sellerName:z}=i,E=Se.useDetectMobile(),ce=()=>{var m;if(!l.isDefined(x))return e.jsx(e.Fragment,{});const o=x,n=(m=x==null?void 0:x.props)==null?void 0:m.children,d=c.cloneElement(n,{key:`bookmark_pr__${B}`,bookmarked:B,productUuid:f,onAddToBookmark:()=>$(!0,f),onRemoveFromBookmark:()=>$(!1,f),bookmarkedUuidList:le,sellerUuid:N,handleBookmarking:$,forCart:oe,forOrder:ne,contactSeller:te,hasVariants:ie,status:se,quantity:W,hasQuantities:ae,productBasicInfo:{uuid:f,price:P,sellingPrice:v,categoryCode:R,categoryName:ee,currency:j,isNegotiable:_,isFree:C}});return c.cloneElement(o,void 0,d)},I=[Le,Ne,We,$e,Ee,Te,qe,Oe].some(o=>R==null?void 0:R.includes(o)),[de,M]=c.useState(!1),me=()=>{M(!0)},he=()=>{M(!1)},s=c.useRef(null),p=c.useRef([]),[ue,F]=c.useState(t==null?void 0:t.length),pe=()=>{var m,w,k;if(!(s!=null&&s.current)||((m=p==null?void 0:p.current)==null?void 0:m.length)===0)return;if(E){F(t==null?void 0:t.length);return}const o=(w=s==null?void 0:s.current)==null?void 0:w.offsetWidth;let n=0,d=0;for(let h=0;h<(t==null?void 0:t.length);h++){const g=((k=p==null?void 0:p.current[h])==null?void 0:k.offsetWidth)||0,u=n+g+4;if(u<=o)n+=u,d++;else break}F(d)};c.useEffect(()=>{const o=s==null?void 0:s.current;if(!o)return;const n=new ResizeObserver(()=>{pe()});return n.observe(o),()=>{n.disconnect()}},[t,E]);const ge=()=>{var o;return e.jsx("div",{className:"tags-popover__trigger",children:(o=t==null?void 0:t.slice(0,ue))==null?void 0:o.map((n,d)=>{var g,u,D,U,X;const m=((g=a==null?void 0:a[n==null?void 0:n.code])==null?void 0:g.icon)??((u=a==null?void 0:a.default)==null?void 0:u.icon)??"",w=((D=n==null?void 0:n.measurementUnit)==null?void 0:D.symbol)??((U=a==null?void 0:a[n==null?void 0:n.code])==null?void 0:U.measure)??"",h=[(n==null?void 0:n.value)??((X=n==null?void 0:n.multiOptions)==null?void 0:X[0])??"",w].filter(Boolean).join(" ");return e.jsxs(L,{ref:we=>p.current[d]=we,className:"tag",children:[e.jsx("i",{className:m}),h]},`detailed-products-section-tag__${d+1}`)})})},fe=()=>e.jsx("div",{className:"tags-popover__content",children:t==null?void 0:t.map((o,n)=>{var h,g,u;const d=((h=o==null?void 0:o.measurementUnit)==null?void 0:h.symbol)??((g=a==null?void 0:a[o==null?void 0:o.code])==null?void 0:g.measure)??"",w=[(o==null?void 0:o.value)??((u=o==null?void 0:o.multiOptions)==null?void 0:u[0])??"",d].filter(Boolean).join(" "),k=o==null?void 0:o.name;return e.jsxs("div",{children:[e.jsx("span",{className:"tags-popover__name",children:`${k}: `}),e.jsx("span",{className:"tags-popover__value",children:w})]},`detailed-products-section-tag-dropdown__${n+1}`)})}),be=()=>e.jsxs(e.Fragment,{children:[O&&e.jsx(L,{className:"tag",children:O},"detailed-products-section-tag__condition"),W&&e.jsx(L,{className:"tag",children:W},"detailed-products-section-tag__quantity"),V&&e.jsx(L,{className:"tag",children:V},"detailed-products-section-tag__trade")]}),G=P>0&&j&&_!==!0&&C!==!0&&P!==v;return e.jsxs(ye,{ref:s,className:"product-card","data-accessor":b==null?void 0:b.accessor,name:b==null?void 0:b.name,onClick:o=>H(o,s),children:[e.jsxs(Pe,{className:"product-image-wrapper",children:[e.jsx(ce,{}),l.isDefined(q)?q:e.jsx(ve.ProductImageWrapper,{src:Z})]}),e.jsxs("div",{className:"wrapper-card-1",children:[e.jsx("div",{className:"seller",title:z,children:z}),e.jsx("div",{className:"card-title",children:Y})]}),e.jsxs("div",{className:"wrapper-card-3",children:[I&&e.jsx("div",{...E?{}:{onMouseEnter:me,onMouseLeave:he},children:e.jsxs(je,{placement:"bottom",open:de,children:[e.jsx(xe,{children:ge()}),e.jsx(ke,{style:{all:"unset"},children:e.jsx(_e,{children:fe()})})]})}),!I&&be()]}),e.jsxs("div",{className:"wrapper-card-2",children:[e.jsxs("div",{className:`price-text ${G?"new-price":""}`,children:[v>0&&j&&_!==!0&&C!==!0&&e.jsx("div",{children:`${l.formatPrice(v)} ${l.GetCurrencySymbol(j)}`}),G&&e.jsx("div",{className:`${v>0?"full-price":""}`,children:`${l.formatPrice(P)} ${l.GetCurrencySymbol(j)}`}),_&&J,C&&Q]}),e.jsx("div",{className:"location-text",children:A})]}),K===!0&&e.jsx(Re,{sponsoredText:re})]})}),Be=S.styled(r.SkeletonRowWrapper)`
   @media (max-width: ${T.MOBILE_SIZE_PX+"px"}) {
     & > div {
       &:nth-of-type(even) {
@@ -304,4 +304,4 @@
       }
     }
   }
-`,Be=({keyPrefix:i})=>e.jsxs(Ve,{children:[e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),ze=({keyPrefix:i,isLoading:k=!1,fallbackComponent:w=e.jsx(e.Fragment,{}),children:_})=>e.jsx(c.Suspense,{fallbackComponent:w,children:k===!0?e.jsx(Be,{keyPrefix:i}):_});exports.DetailedProductCard=Oe;exports.SuspenseDetailedProductCard=ze;
+`,ze=({keyPrefix:i})=>e.jsxs(Be,{children:[e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonColumnWrapper,{height:"1rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"})}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonColumnWrapper,{height:"2rem",children:e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})})]},`${i}-1`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-2`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-3`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-4`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-5`),e.jsxs(r.SkeletonColumnWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonSquarePlaceholder,{height:"100%",width:"100%",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1rem",borderRadius:"0.75rem"}),e.jsxs(r.SkeletonRowWrapper,{gap:"0.5rem",noGradient:!0,children:[e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"}),e.jsx(r.SkeletonLinePlaceholder,{height:"1.5rem",borderRadius:"0.75rem"})]}),e.jsx(r.SkeletonLinePlaceholder,{height:"2rem",borderRadius:"0.75rem"})]},`${i}-6`)]}),Ie=({keyPrefix:i,isLoading:y=!1,fallbackComponent:f=e.jsx(e.Fragment,{}),children:N})=>e.jsx(c.Suspense,{fallbackComponent:f,children:y===!0?e.jsx(ze,{keyPrefix:i}):N});exports.DetailedProductCard=Ve;exports.SuspenseDetailedProductCard=Ie;

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

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

package/package.json

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