@lanaco/lnc-react-ui 4.0.140 → 4.0.142

package/dist/DetailedProductsSection.cjs

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

package/dist/DetailedProductsSection.js

@@ -1,16 +1,16 @@
-import { jsx as i, Fragment as T, jsxs as l } from "react/jsx-runtime";
-import { memo as U, forwardRef as M, useMemo as D } from "react";
-import { s as F } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { jsx as o, Fragment as C, jsxs as l } from "react/jsx-runtime";
+import { memo as M, forwardRef as D, useMemo as F } from "react";
+import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as q } from "./consts-BuFChS64.js";
-import B from "./Button.js";
-import { k as y } from "./utils-BdsZgOUE.js";
-import { u as E } from "./useDetectMobile-Bkvj0VMa.js";
-import { T as I } from "./style-DFPWLJBr.js";
-import { D as L, S as O } from "./suspense-product-card-detailed-DtTXmJJB.js";
-import { S as R } from "./index-Dweo-G3H.js";
-const W = F.div`
+import E from "./Button.js";
+import { k as h } from "./utils-BdsZgOUE.js";
+import { u as I } from "./useDetectMobile-Bkvj0VMa.js";
+import { T as O } from "./style-DFPWLJBr.js";
+import { D as R, S as W } from "./suspense-product-card-detailed-CUd-EI3U.js";
+import { S as $ } from "./index-Dweo-G3H.js";
+const j = B.div`
   display: grid;
-  grid-template-columns: ${(a) => `repeat(${a.limit},  minmax(0, 1fr))`};
+  grid-template-columns: ${(n) => `repeat(${n.limit},  minmax(0, 1fr))`};
   gap: 1.25rem;
 
   & .button-link {
@@ -36,30 +36,33 @@ const W = F.div`
       /* Safari and Chrome */
     }
   }
-`, C = U(L), J = M((a, h) => {
+`, S = M(R), V = D((n, w) => {
   const {
     icon: s,
-    title: S,
+    title: P,
     buttonLink: d,
-    items: t,
-    buttonText: w,
-    limit: o = 4,
-    onSelectCard: c = () => {
+    items: i,
+    buttonText: N,
+    limit: t = 4,
+    onSelectCard: m = () => {
     },
-    onButtonAction: P = () => {
+    onButtonAction: v = () => {
     },
-    isLoading: k = !1,
-    getImage: m = () => {
+    isLoading: T = !1,
+    getImage: c = () => {
     },
     negotiableText: u,
     freeText: p,
-    options: n,
+    options: a,
     onSelectOption: g = () => {
     },
-    productsToolbarName: N = "All",
-    sponsoredText: b
-  } = a, f = E(), v = D(() => /* @__PURE__ */ i(T, { children: f === !0 ? t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ i(
-    C,
+    productsToolbarName: U = "All",
+    sponsoredText: b,
+    onBookmark: k = () => {
+    },
+    bookmarkComponent: f = /* @__PURE__ */ o(C, {})
+  } = n, y = I(), L = F(() => /* @__PURE__ */ o(C, { children: y === !0 ? i == null ? void 0 : i.map((e, r) => /* @__PURE__ */ o(
+    S,
     {
       title: e == null ? void 0 : e.title,
       price: e == null ? void 0 : e.price,
@@ -70,8 +73,8 @@ const W = F.div`
       uuid: e == null ? void 0 : e.uuid,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => c(e == null ? void 0 : e.uuid),
-      imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => m(e == null ? void 0 : e.uuid),
+      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: u,
@@ -81,11 +84,15 @@ const W = F.div`
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: b
+      sponsoredText: b,
+      onBookmark: k,
+      bookmarkComponent: f,
+      bookmarked: e == null ? void 0 : e.bookmarked,
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists
     },
     r
-  )) : t == null ? void 0 : t.slice(0, o).map((e, r) => /* @__PURE__ */ i(
-    C,
+  )) : i == null ? void 0 : i.slice(0, t).map((e, r) => /* @__PURE__ */ o(
+    S,
     {
       title: e == null ? void 0 : e.title,
       price: e == null ? void 0 : e.price,
@@ -97,8 +104,8 @@ const W = F.div`
       location: e == null ? void 0 : e.location,
       sponsored: e == null ? void 0 : e.sponsored,
       imageComponent: e == null ? void 0 : e.imageComponent,
-      onSelectCard: () => c(e == null ? void 0 : e.uuid),
-      imageUrl: m(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
+      onSelectCard: () => m(e == null ? void 0 : e.uuid),
+      imageUrl: c(e == null ? void 0 : e.image, e == null ? void 0 : e.uuid, e == null ? void 0 : e.sellerUuid) || null,
       isFree: e == null ? void 0 : e.isFree,
       isNegotiable: e == null ? void 0 : e.isNegotiable,
       negotiableText: u,
@@ -108,36 +115,40 @@ const W = F.div`
       condition: e == null ? void 0 : e.condition,
       quantity: e == null ? void 0 : e.quantity,
       trade: e == null ? void 0 : e.trade,
-      sponsoredText: b
+      sponsoredText: b,
+      onBookmark: k,
+      bookmarkComponent: f,
+      bookmarked: e == null ? void 0 : e.bookmarked,
+      bookmarkLists: e == null ? void 0 : e.bookmarkLists
     },
     r
-  )) }), [t, f, o]);
-  return /* @__PURE__ */ l(I, { ref: h, children: [
+  )) }), [i, y, t]);
+  return /* @__PURE__ */ l(O, { ref: w, children: [
     /* @__PURE__ */ l("div", { className: "regular-title", children: [
       /* @__PURE__ */ l("div", { className: "regular-title-text", children: [
-        y(s) && /* @__PURE__ */ i("i", { className: s }),
-        /* @__PURE__ */ i("span", { children: S })
+        h(s) && /* @__PURE__ */ o("i", { className: s }),
+        /* @__PURE__ */ o("span", { children: P })
       ] }),
-      y(d) && /* @__PURE__ */ i(
-        B,
+      h(d) && /* @__PURE__ */ o(
+        E,
         {
           type: "button",
           btnType: "tinted",
           color: "neutral",
           onClick: (e) => {
             var r;
-            (r = e == null ? void 0 : e.target) == null || r.blur(), P(d);
+            (r = e == null ? void 0 : e.target) == null || r.blur(), v(d);
           },
           borderRadius: "curved",
           className: "button-link",
-          children: w
+          children: N
         }
       )
     ] }),
-    (n == null ? void 0 : n.length) > 0 && /* @__PURE__ */ i(
-      R,
+    (a == null ? void 0 : a.length) > 0 && /* @__PURE__ */ o(
+      $,
       {
-        items: n,
+        items: a,
         onRemove: (e) => {
           g(e);
         },
@@ -147,20 +158,20 @@ const W = F.div`
         labelKey: "name",
         valueKey: "code",
         noMargin: !0,
-        productsToolbarName: N
+        productsToolbarName: U
       }
     ),
-    /* @__PURE__ */ i(W, { limit: o, children: /* @__PURE__ */ i(
-      O,
+    /* @__PURE__ */ o(j, { limit: t, children: /* @__PURE__ */ o(
+      W,
       {
-        isLoading: k,
-        limit: o,
+        isLoading: T,
+        limit: t,
         keyPrefix: "explore-landing",
-        children: v
+        children: L
       }
     ) })
   ] });
 });
 export {
-  J as default
+  V as default
 };

package/dist/SwipeableDrawer.cjs

@@ -1,11 +1,11 @@
-"use strict";const g=require("react/jsx-runtime"),u=require("react"),t=require("./index-BpbMKBf_.cjs"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./utils-Dl9xPH4c.cjs"),V=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),X=(e,o,n,c,a)=>{if(e==="right"||e==="left"||o&&n)return"height: 100%;";if(!(o&&a===!0))return o?"height: "+c+";":"height: 0;"},Y=(e,o,n,c,a)=>{if(e==="top"||e==="bottom"||o&&n)return"width: 100%;";if(!(o&&a===!0))return o?"width: "+c+";":"width: 0;"},A=v.styled.div`
+"use strict";const f=require("react/jsx-runtime"),u=require("react"),t=require("./index-BpbMKBf_.cjs"),$=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./utils-Dl9xPH4c.cjs"),X=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=(e,o,n,c,a)=>{if(e==="right"||e==="left"||o&&n)return"height: 100%;";if(!(o&&a===!0))return o?"height: "+c+";":"height: 0;"},A=(e,o,n,c,a)=>{if(e==="top"||e==="bottom"||o&&n)return"width: 100%;";if(!(o&&a===!0))return o?"width: "+c+";":"width: 0;"},B=$.styled.div`
   touch-action: none;
   overflow: auto;
   max-height: ${e=>e.isOpen||e.unsetHeight===!1?"100dvh":0};
-  ${e=>X(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetHeight)}
+  ${e=>Y(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetHeight)}
   max-width: ${e=>e.isOpen||e.unsetWidth===!1?"100vw":0};
-  ${e=>Y(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetWidth)}
-  position: fixed;
+  ${e=>A(e.direction,e.isOpen,e.isFullPage,e.drawerSize,e.unsetWidth)}
+  position: ${e=>e.position};
   z-index: ${e=>e.zIndex};
   ${e=>e.direction==="bottom"?"bottom: 0":"top: 0"};
   ${e=>e.direction==="right"?"right: 0":"left: 0"};
@@ -21,13 +21,13 @@
   background-color: ${e=>y.getColorRgbaValue(e.theme,"Drawer",e.color,"enabled","background")};
   color: ${e=>y.getColorRgbaValue(e.theme,"Drawer",e.color,"enabled","text")};
   ${e=>y.getComponentTypographyCss(e.theme,"Drawer",e.size,"enabled")};
-`,B=v.styled.div`
+`,G=$.styled.div`
   z-index: ${e=>e.zIndex};
-  position: fixed;
+  position: ${e=>e.position};
   top: 0;
   left: 0;
 
   height: ${e=>e.isOpen===!0&&e.enableOverlay===!0?"100dvh":0};
   width: ${e=>e.isOpen===!0&&e.enableOverlay===!0?"100vw":0};
   background-color: ${e=>e.overlayColor};
-`,$=u.forwardRef((e,o)=>{const{direction:n="right",open:c=!1,duration:a=.8,enableOverlay:x=!0,zIndex:m=100,closeOnClickOutside:O=!0,closeOnSwipe:d=!0,isFullPage:P=!1,unsetHeight:z=!1,unsetWidth:S=!1,onClose:C=()=>{},onOpen:D=()=>{},className:k="",style:q={},color:F="neutral",overlayColor:H="rgba(123, 123, 123, 0.5)",size:I="small",drawerSize:j="12.5rem",children:E,...W}=e,M=V.useTheme(),i=u.useRef(),[p,b]=u.useState(!1);var h=null,f=null;function _(r){return r.touches||r.originalEvent.touches}function R(r){const l=_(r)[0];h=l.clientX,f=l.clientY}function L(r){if(!(!h||!f)){var l=r.touches[0].clientX,U=r.touches[0].clientY,w=h-l,T=f-U;Math.abs(w)>Math.abs(T)?w>0?d==!0&&n=="left"&&s():d==!0&&n=="right"&&s():T>0?d==!0&&n=="top"&&s():d==!0&&n=="bottom"&&s(),h=null,f=null}}u.useImperativeHandle(o,()=>({open(){N()},close(){s()},isOpen(){return p}}));const N=r=>{b(!0),D(r)},s=r=>{b(!1),C(r)};return u.useEffect(()=>{const r=l=>{i!=null&&i.current&&!(i!=null&&i.current.contains(l.target))&&O==!0&&s()};return document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}},[]),g.jsx(g.Fragment,{children:g.jsx(B,{enableOverlay:x,overlayColor:H,isOpen:p,zIndex:m,children:g.jsx(A,{ref:i,zIndex:m,isOpen:p,direction:n,isFullPage:P,unsetHeight:z,unsetWidth:S,duration:a,color:F,theme:M,className:k,style:q,size:I,drawerSize:j,onTouchStart:R,onTouchMove:L,...W,children:E})})})});$.propTypes={direction:t.PropTypes.oneOf(["top","right","left","bottom"]),open:t.PropTypes.bool,duration:t.PropTypes.number,enableOverlay:t.PropTypes.bool,zIndex:t.PropTypes.number,closeOnClickOutside:t.PropTypes.bool,closeOnSwipe:t.PropTypes.bool,isFullPage:t.PropTypes.bool,unsetHeight:t.PropTypes.bool,unsetWidth:t.PropTypes.bool,onClose:t.PropTypes.func,onOpen:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,overlayColor:t.PropTypes.string,drawerSize:t.PropTypes.string,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=$;
+`,v=u.forwardRef((e,o)=>{const{direction:n="right",open:c=!1,duration:a=.8,enableOverlay:x=!0,zIndex:m=100,position:O="fixed",closeOnClickOutside:P=!0,closeOnSwipe:d=!0,isFullPage:z=!1,unsetHeight:S=!1,unsetWidth:C=!1,onClose:D=()=>{},onOpen:k=()=>{},className:q="",style:F={},color:H="neutral",overlayColor:I="rgba(123, 123, 123, 0.5)",size:j="small",drawerSize:E="12.5rem",children:W,...M}=e,_=X.useTheme(),i=u.useRef(),[g,b]=u.useState(!1);var h=null,p=null;function R(r){return r.touches||r.originalEvent.touches}function L(r){const l=R(r)[0];h=l.clientX,p=l.clientY}function N(r){if(!(!h||!p)){var l=r.touches[0].clientX,V=r.touches[0].clientY,w=h-l,T=p-V;Math.abs(w)>Math.abs(T)?w>0?d==!0&&n=="left"&&s():d==!0&&n=="right"&&s():T>0?d==!0&&n=="top"&&s():d==!0&&n=="bottom"&&s(),h=null,p=null}}u.useImperativeHandle(o,()=>({open(){U()},close(){s()},isOpen(){return g}}));const U=r=>{b(!0),k(r)},s=r=>{b(!1),D(r)};return u.useEffect(()=>{const r=l=>{i!=null&&i.current&&!(i!=null&&i.current.contains(l.target))&&P==!0&&s()};return document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}},[]),f.jsx(f.Fragment,{children:f.jsx(G,{enableOverlay:x,overlayColor:I,isOpen:g,zIndex:m,position:O,children:f.jsx(B,{ref:i,zIndex:m,isOpen:g,direction:n,isFullPage:z,unsetHeight:S,unsetWidth:C,duration:a,color:H,theme:_,className:q,style:F,size:j,drawerSize:E,onTouchStart:L,onTouchMove:N,...M,children:W})})})});v.propTypes={direction:t.PropTypes.oneOf(["top","right","left","bottom"]),open:t.PropTypes.bool,duration:t.PropTypes.number,enableOverlay:t.PropTypes.bool,zIndex:t.PropTypes.number,position:t.PropTypes.string,closeOnClickOutside:t.PropTypes.bool,closeOnSwipe:t.PropTypes.bool,isFullPage:t.PropTypes.bool,unsetHeight:t.PropTypes.bool,unsetWidth:t.PropTypes.bool,onClose:t.PropTypes.func,onOpen:t.PropTypes.func,className:t.PropTypes.string,style:t.PropTypes.object,overlayColor:t.PropTypes.string,drawerSize:t.PropTypes.string,size:t.PropTypes.oneOf(["small","medium","large"]),color:t.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"])};module.exports=v;

package/dist/SwipeableDrawer.js

@@ -1,22 +1,22 @@
-import { jsx as g, Fragment as Y } from "react/jsx-runtime";
-import { forwardRef as V, useRef as q, useState as A, useImperativeHandle as B, useEffect as G } from "react";
+import { jsx as g, Fragment as V } from "react/jsx-runtime";
+import { forwardRef as q, useRef as A, useState as B, useImperativeHandle as G, useEffect as J } from "react";
 import { P as t } from "./index-CblbdqjE.js";
 import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { b as $, c as J } from "./utils-BdsZgOUE.js";
-import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const Q = (e, r, o, u, s) => {
-  if (e === "right" || e === "left" || r && o) return "height: 100%;";
-  if (!(r && s === !0))
-    return r ? "height: " + u + ";" : "height: 0;";
-}, R = (e, r, o, u, s) => {
-  if (e === "top" || e === "bottom" || r && o) return "width: 100%;";
-  if (!(r && s === !0))
-    return r ? "width: " + u + ";" : "width: 0;";
-}, Z = y.div`
+import { b as w, c as K } from "./utils-BdsZgOUE.js";
+import { u as Q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const R = (e, o, r, u, s) => {
+  if (e === "right" || e === "left" || o && r) return "height: 100%;";
+  if (!(o && s === !0))
+    return o ? "height: " + u + ";" : "height: 0;";
+}, Z = (e, o, r, u, s) => {
+  if (e === "top" || e === "bottom" || o && r) return "width: 100%;";
+  if (!(o && s === !0))
+    return o ? "width: " + u + ";" : "width: 0;";
+}, _ = y.div`
   touch-action: none;
   overflow: auto;
   max-height: ${(e) => e.isOpen || e.unsetHeight === !1 ? "100dvh" : 0};
-  ${(e) => Q(
+  ${(e) => R(
   e.direction,
   e.isOpen,
   e.isFullPage,
@@ -24,14 +24,14 @@ const Q = (e, r, o, u, s) => {
   e.unsetHeight
 )}
   max-width: ${(e) => e.isOpen || e.unsetWidth === !1 ? "100vw" : 0};
-  ${(e) => R(
+  ${(e) => Z(
   e.direction,
   e.isOpen,
   e.isFullPage,
   e.drawerSize,
   e.unsetWidth
 )}
-  position: fixed;
+  position: ${(e) => e.position};
   z-index: ${(e) => e.zIndex};
   ${(e) => e.direction === "bottom" ? "bottom: 0" : "top: 0"};
   ${(e) => e.direction === "right" ? "right: 0" : "left: 0"};
@@ -44,68 +44,69 @@ const Q = (e, r, o, u, s) => {
 
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
 
-  background-color: ${(e) => $(
+  background-color: ${(e) => w(
   e.theme,
   "Drawer",
   e.color,
   "enabled",
   "background"
 )};
-  color: ${(e) => $(e.theme, "Drawer", e.color, "enabled", "text")};
-  ${(e) => J(e.theme, "Drawer", e.size, "enabled")};
-`, _ = y.div`
+  color: ${(e) => w(e.theme, "Drawer", e.color, "enabled", "text")};
+  ${(e) => K(e.theme, "Drawer", e.size, "enabled")};
+`, ee = y.div`
   z-index: ${(e) => e.zIndex};
-  position: fixed;
+  position: ${(e) => e.position};
   top: 0;
   left: 0;
 
   height: ${(e) => e.isOpen === !0 && e.enableOverlay === !0 ? "100dvh" : 0};
   width: ${(e) => e.isOpen === !0 && e.enableOverlay === !0 ? "100vw" : 0};
   background-color: ${(e) => e.overlayColor};
-`, ee = V((e, r) => {
+`, te = q((e, o) => {
   const {
-    direction: o = "right",
+    direction: r = "right",
     open: u = !1,
     duration: s = 0.8,
     enableOverlay: O = !0,
     zIndex: m = 100,
+    position: p = "fixed",
     closeOnClickOutside: x = !0,
     closeOnSwipe: c = !0,
-    isFullPage: p = !1,
-    unsetHeight: z = !1,
-    unsetWidth: S = !1,
+    isFullPage: z = !1,
+    unsetHeight: S = !1,
+    unsetWidth: C = !1,
     //----------------
-    onClose: C = () => {
+    onClose: D = () => {
     },
-    onOpen: D = () => {
+    onOpen: T = () => {
     },
     //----------------
-    className: T = "",
-    style: k = {},
-    color: H = "neutral",
-    overlayColor: I = "rgba(123, 123, 123, 0.5)",
-    size: P = "small",
-    drawerSize: F = "12.5rem",
-    children: W,
-    ...E
-  } = e, M = K(), i = q(), [f, b] = A(!1);
+    className: k = "",
+    style: H = {},
+    color: I = "neutral",
+    overlayColor: P = "rgba(123, 123, 123, 0.5)",
+    size: F = "small",
+    drawerSize: W = "12.5rem",
+    children: E,
+    ...M
+  } = e, j = Q(), i = A(), [f, b] = B(!1);
   var d = null, h = null;
-  function j(n) {
+  function L(n) {
     return n.touches || n.originalEvent.touches;
   }
-  function L(n) {
-    const a = j(n)[0];
+  function N(n) {
+    const a = L(n)[0];
     d = a.clientX, h = a.clientY;
   }
-  function N(n) {
+  function U(n) {
     if (!(!d || !h)) {
-      var a = n.touches[0].clientX, X = n.touches[0].clientY, v = d - a, w = h - X;
-      Math.abs(v) > Math.abs(w) ? v > 0 ? c == !0 && o == "left" && l() : c == !0 && o == "right" && l() : w > 0 ? c == !0 && o == "top" && l() : c == !0 && o == "bottom" && l(), d = null, h = null;
+      var a = n.touches[0].clientX, Y = n.touches[0].clientY, $ = d - a, v = h - Y;
+      Math.abs($) > Math.abs(v) ? $ > 0 ? c == !0 && r == "left" && l() : c == !0 && r == "right" && l() : v > 0 ? c == !0 && r == "top" && l() : c == !0 && r == "bottom" && l(), d = null, h = null;
     }
   }
-  B(r, () => ({
+  G(o, () => ({
     open() {
-      U();
+      X();
     },
     close() {
       l();
@@ -114,52 +115,53 @@ const Q = (e, r, o, u, s) => {
       return f;
     }
   }));
-  const U = (n) => {
-    b(!0), D(n);
+  const X = (n) => {
+    b(!0), T(n);
   }, l = (n) => {
-    b(!1), C(n);
+    b(!1), D(n);
   };
-  return G(() => {
+  return J(() => {
     const n = (a) => {
       i != null && i.current && !(i != null && i.current.contains(a.target)) && x == !0 && l();
     };
     return document.addEventListener("click", n, !0), () => {
       document.removeEventListener("click", n, !0);
     };
-  }, []), /* @__PURE__ */ g(Y, { children: /* @__PURE__ */ g(
-    _,
+  }, []), /* @__PURE__ */ g(V, { children: /* @__PURE__ */ g(
+    ee,
     {
       enableOverlay: O,
-      overlayColor: I,
+      overlayColor: P,
       isOpen: f,
       zIndex: m,
+      position: p,
       children: /* @__PURE__ */ g(
-        Z,
+        _,
         {
           ref: i,
           zIndex: m,
           isOpen: f,
-          direction: o,
-          isFullPage: p,
-          unsetHeight: z,
-          unsetWidth: S,
+          direction: r,
+          isFullPage: z,
+          unsetHeight: S,
+          unsetWidth: C,
           duration: s,
-          color: H,
-          theme: M,
-          className: T,
-          style: k,
-          size: P,
-          drawerSize: F,
-          onTouchStart: L,
-          onTouchMove: N,
-          ...E,
-          children: W
+          color: I,
+          theme: j,
+          className: k,
+          style: H,
+          size: F,
+          drawerSize: W,
+          onTouchStart: N,
+          onTouchMove: U,
+          ...M,
+          children: E
         }
       )
     }
   ) });
 });
-ee.propTypes = {
+te.propTypes = {
   direction: t.oneOf(["top", "right", "left", "bottom"]),
   open: t.bool,
   /**
@@ -174,6 +176,7 @@ ee.propTypes = {
    * z-index of Drawer
    */
   zIndex: t.number,
+  position: t.string,
   closeOnClickOutside: t.bool,
   closeOnSwipe: t.bool,
   /**
@@ -209,5 +212,5 @@ ee.propTypes = {
   ])
 };
 export {
-  ee as default
+  te as default
 };

package/dist/UrgentSaleProductsSection.cjs

@@ -1,7 +1,7 @@
-"use strict";const i=require("react/jsx-runtime"),n=require("react"),P=require("./emotion-styled.browser.esm-BtEseadx.cjs"),f=require("./consts-goSZX3xP.cjs"),v=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),b=require("./suspense-product-card-detailed-C7_tBl85.cjs"),C=P.styled.div`
+"use strict";const i=require("react/jsx-runtime"),l=require("react"),v=require("./emotion-styled.browser.esm-BtEseadx.cjs"),k=require("./consts-goSZX3xP.cjs"),C=require("./useDetectMobile-zkbzoOGV.cjs"),q=require("./Button.cjs"),w=require("./suspense-product-card-detailed-BA06QK8a.cjs"),N=v.styled.div`
   padding: 1.75rem 3rem;
   display: grid;
-  grid-template-columns: ${t=>`repeat(${t.limit||5},  minmax(0, 1fr))`};
+  grid-template-columns: ${o=>`repeat(${o.limit||5},  minmax(0, 1fr))`};
 
   gap: 2.97rem;
 
@@ -34,7 +34,7 @@
   }
 
   & .product-card {
-    max-width: ${t=>`calc(${100/t.desktopCols}% - ${(t.desktopCols-1)*t.columnGapRem/t.desktopCols}rem)`};
+    max-width: ${o=>`calc(${100/o.desktopCols}% - ${(o.desktopCols-1)*o.columnGapRem/o.desktopCols}rem)`};
 
     animation-duration: 0.2s;
     animation-name: animate-fade;
@@ -54,13 +54,13 @@
     }
   }
 
-  @media (max-width: ${f.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(2, 1fr);
     padding: 2rem 1.25rem;
     gap: 1.19rem;
   }
 
-  @media (max-width: ${f.SMALL_MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${k.SMALL_MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-direction: column;
 
@@ -71,4 +71,4 @@
       }
     }
   }
-`,h=n.memo(b.DetailedProductCard),N=n.forwardRef((t,w)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:s=()=>{},title:y="Urgent sale",showLessText:S="Show less",showMoreText:j="Show more",isLoading:k=!1,getImage:m=()=>{},negotiableText:g,freeText:p}=t,c=v.useDetectMobile(),[l,M]=n.useState(!1),U=n.useMemo(()=>{var o;return i.jsx(i.Fragment,{children:c===!0?(o=r==null?void 0:r.slice(0,l===!0?r==null?void 0:r.length:d))==null?void 0:o.map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u)):r==null?void 0:r.slice(0,a).map((e,u)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>s==null?void 0:s(e==null?void 0:e.uuid),imageUrl:m(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p},u))})},[r,c,a,d,l]);return i.jsxs(C,{ref:w,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:y})]}),i.jsx(b.SuspenseDetailedProductCard,{isLoading:k,limit:a,keyPrefix:"explore-landing",children:U}),c===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:o=>{var e;(e=o==null?void 0:o.target)==null||e.blur(),M(!l)},children:l===!0?S:j})]})});module.exports=N;
+`,h=l.memo(w.DetailedProductCard),_=l.forwardRef((o,y)=>{const{items:r,limit:a=5,limitMobile:d=4,onSelectCard:t=()=>{},title:S="Urgent sale",showLessText:j="Show less",showMoreText:L="Show more",isLoading:M=!1,getImage:u=()=>{},negotiableText:g,freeText:p,onBookmark:b=()=>{},bookmarkComponent:f=i.jsx(i.Fragment,{})}=o,m=C.useDetectMobile(),[n,U]=l.useState(!1),P=l.useMemo(()=>{var s;return i.jsx(i.Fragment,{children:m===!0?(s=r==null?void 0:r.slice(0,n===!0?r==null?void 0:r.length:d))==null?void 0:s.map((e,c)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},c)):r==null?void 0:r.slice(0,a).map((e,c)=>i.jsx(h,{title:e==null?void 0:e.name,price:e==null?void 0:e.price,isFree:e==null?void 0:e.isFree,isNegotiable:e==null?void 0:e.isNegotiable,currency:e==null?void 0:e.currency,sellerUuid:e==null?void 0:e.sellerUuid,uuid:e==null?void 0:e.uuid,location:e==null?void 0:e.location,isSponsored:e==null?void 0:e.isSponsored,onSelectCard:()=>t==null?void 0:t(e==null?void 0:e.uuid),imageUrl:u(e==null?void 0:e.image,e==null?void 0:e.uuid,e==null?void 0:e.sellerUuid)||null,negotiableText:g,freeText:p,onBookmark:b,bookmarkComponent:f,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},c))})},[r,m,a,d,n]);return i.jsxs(N,{ref:y,limit:a,children:[i.jsxs("div",{className:"urgent-tag",children:[i.jsx("i",{className:"mng mng-lnc-bolt-filled"}),i.jsx("span",{children:S})]}),i.jsx(w.SuspenseDetailedProductCard,{isLoading:M,limit:a,keyPrefix:"explore-landing",children:P}),m===!0&&d<(r==null?void 0:r.length)&&i.jsx(q,{className:"show-more",btnType:"basic",type:"button",color:"neutral",onClick:s=>{var e;(e=s==null?void 0:s.target)==null||e.blur(),U(!n)},children:n===!0?j:L})]})});module.exports=_;