@lanaco/lnc-react-ui 4.0.155 → 4.0.156

package/dist/DetailedProductsInfinitiveSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),N=require("./IconButton.cjs"),D=require("./Button.cjs"),d=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),u=require("./suspense-product-card-detailed-wPRUytSf.cjs"),B=j.styled.div`
+"use strict";const t=require("react/jsx-runtime"),r=require("react"),j=require("./emotion-styled.browser.esm-BtEseadx.cjs"),P=require("./consts-goSZX3xP.cjs"),N=require("./IconButton.cjs"),D=require("./Button.cjs"),u=require("./utils-Dl9xPH4c.cjs"),M=require("./useDetectMobile-zkbzoOGV.cjs"),m=require("./suspense-product-card-detailed-mCJwteOy.cjs"),B=j.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -63,4 +63,4 @@
       }
     }
   }
-`,I=r.memo(u.DetailedProductCard),L=r.forwardRef((n,m)=>{const{title:s,items:o,limit:a=4,isLoading:g=!1,onSelectCard:p=()=>{},onLoadMore:b=()=>{},onButtonAction:f=()=>{},getImage:w=()=>{},viewAllbuttonLink:l,viewAllButonText:_="View all",negotiableText:h,freeText:y,loadMoreButtonIcon:k="angle-down",sponsoredText:v,onBookmark:C=()=>{},bookmarkComponent:q}=n,c=M.useDetectMobile(),S=r.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(I,{name:e==null?void 0:e.name,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:()=>p({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:w(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:h,freeText:y,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:v,onBookmark:C,bookmarkComponent:q,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},i)),[o]);return t.jsxs(B,{ref:m,limit:a,children:[t.jsxs("div",{className:"section__heading",children:[d.isDefinedNotEmptyString(s)&&t.jsx("div",{className:"section__title",children:s}),c&&d.isDefinedNotEmptyString(l)&&t.jsx(D,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),f(l)},borderRadius:"curved",className:"section__view-all",children:_})]}),t.jsx(u.SuspenseDetailedProductCard,{isLoading:g,limit:a,keyPrefix:"explore-landing",children:t.jsx("div",{className:"section__items",children:S})}),!c&&t.jsx(N,{icon:k,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=L;
+`,I=r.memo(m.DetailedProductCard),L=r.forwardRef((n,g)=>{const{title:s,items:o,limit:a=4,isLoading:l=!1,onSelectCard:p=()=>{},onLoadMore:b=()=>{},onButtonAction:f=()=>{},getImage:w=()=>{},viewAllbuttonLink:c,viewAllButonText:_="View all",negotiableText:h,freeText:y,loadMoreButtonIcon:k="angle-down",sponsoredText:v,onBookmark:C=()=>{},bookmarkComponent:q}=n,d=M.useDetectMobile(),S=r.useMemo(()=>o==null?void 0:o.map((e,i)=>t.jsx(I,{name:e==null?void 0:e.name,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:()=>p({uuid:e==null?void 0:e.uuid,nameSlug:e==null?void 0:e.nameSlug}),imageUrl:w(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:h,freeText:y,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:v,onBookmark:C,bookmarkComponent:q,bookmarked:e==null?void 0:e.bookmarked,bookmarkLists:e==null?void 0:e.bookmarkLists},i)),[o]);return t.jsxs(B,{ref:g,limit:a,children:[t.jsxs("div",{className:"section__heading",children:[u.isDefinedNotEmptyString(s)&&t.jsx("div",{className:"section__title",children:s}),d&&u.isDefinedNotEmptyString(c)&&t.jsx(D,{type:"button",btnType:"tinted",color:"neutral",onClick:e=>{var i;(i=e==null?void 0:e.target)==null||i.blur(),f(c)},borderRadius:"curved",className:"section__view-all",children:_})]}),t.jsx("div",{className:"section__items",children:t.jsx(m.SuspenseDetailedProductCard,{isLoading:l,limit:a,keyPrefix:"explore-landing",children:S})}),!d&&!l&&t.jsx(N,{icon:k,borderRadius:"curved",btnType:"basic",color:"neutral",className:"section__show-more",onClick:b})]})});module.exports=L;

package/dist/DetailedProductsInfinitiveSection.js

@@ -1,12 +1,12 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
 import { memo as P, forwardRef as M, useMemo as N } from "react";
 import { s as B } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { M as D } from "./consts-BuFChS64.js";
 import I from "./IconButton.js";
 import L from "./Button.js";
-import { k as m } from "./utils-BdsZgOUE.js";
+import { k as d } from "./utils-BdsZgOUE.js";
 import { u as T } from "./useDetectMobile-Bkvj0VMa.js";
-import { D as z, S as E } from "./suspense-product-card-detailed-BJ-HBkBc.js";
+import { D as z, S as E } from "./suspense-product-card-detailed-YJVsf2-a.js";
 const U = B.div`
   display: flex;
   flex-direction: column;
@@ -72,12 +72,12 @@ const U = B.div`
       }
     }
   }
-`, $ = P(z), G = M((r, d) => {
+`, $ = P(z), G = M((r, u) => {
   const {
     title: n,
     items: i,
     limit: a = 4,
-    isLoading: u = !1,
+    isLoading: l = !1,
     onSelectCard: p = () => {
     },
     onLoadMore: g = () => {
@@ -86,7 +86,7 @@ const U = B.div`
     },
     getImage: b = () => {
     },
-    viewAllbuttonLink: l,
+    viewAllbuttonLink: s,
     viewAllButonText: w = "View all",
     negotiableText: _,
     freeText: h,
@@ -95,7 +95,7 @@ const U = B.div`
     onBookmark: v = () => {
     },
     bookmarkComponent: C
-  } = r, s = T(), S = N(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
+  } = r, c = T(), S = N(() => i == null ? void 0 : i.map((e, t) => /* @__PURE__ */ o(
     $,
     {
       name: e == null ? void 0 : e.name,
@@ -126,10 +126,10 @@ const U = B.div`
     },
     t
   )), [i]);
-  return /* @__PURE__ */ c(U, { ref: d, limit: a, children: [
-    /* @__PURE__ */ c("div", { className: "section__heading", children: [
-      m(n) && /* @__PURE__ */ o("div", { className: "section__title", children: n }),
-      s && m(l) && /* @__PURE__ */ o(
+  return /* @__PURE__ */ m(U, { ref: u, limit: a, children: [
+    /* @__PURE__ */ m("div", { className: "section__heading", children: [
+      d(n) && /* @__PURE__ */ o("div", { className: "section__title", children: n }),
+      c && d(s) && /* @__PURE__ */ o(
         L,
         {
           type: "button",
@@ -137,7 +137,7 @@ const U = B.div`
           color: "neutral",
           onClick: (e) => {
             var t;
-            (t = e == null ? void 0 : e.target) == null || t.blur(), f(l);
+            (t = e == null ? void 0 : e.target) == null || t.blur(), f(s);
           },
           borderRadius: "curved",
           className: "section__view-all",
@@ -145,16 +145,16 @@ const U = B.div`
         }
       )
     ] }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ o("div", { className: "section__items", children: /* @__PURE__ */ o(
       E,
       {
-        isLoading: u,
+        isLoading: l,
         limit: a,
         keyPrefix: "explore-landing",
-        children: /* @__PURE__ */ o("div", { className: "section__items", children: S })
+        children: S
       }
-    ),
-    !s && /* @__PURE__ */ o(
+    ) }),
+    !c && !l && /* @__PURE__ */ o(
       I,
       {
         icon: k,

package/dist/DetailedProductsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-wPRUytSf.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.styled.div`
+"use strict";const i=require("react/jsx-runtime"),s=require("react"),U=require("./emotion-styled.browser.esm-BtEseadx.cjs"),L=require("./consts-goSZX3xP.cjs"),M=require("./Button.cjs"),S=require("./utils-Dl9xPH4c.cjs"),T=require("./useDetectMobile-zkbzoOGV.cjs"),F=require("./style-CyHewQxg.cjs"),f=require("./suspense-product-card-detailed-mCJwteOy.cjs"),B=require("./index-D0xXo7W6.cjs"),E=U.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 E from "./Button.js";
 import { k as S } 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-BJ-HBkBc.js";
+import { D as R, S as W } from "./suspense-product-card-detailed-YJVsf2-a.js";
 import { S as $ } from "./index-Dweo-G3H.js";
 const j = B.div`
   display: grid;

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./utils-Dl9xPH4c.cjs"),S=require("./consts-goSZX3xP.cjs"),se=require("./motion-B_VPZaJq.cjs"),a=require("./index-BpbMKBf_.cjs"),oe=require("./Icon.cjs"),Q=require("./ShopAvatar-CV3lj34D.cjs"),ve=require("./Badge.cjs"),F=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),ee=require("./IconButton.cjs"),ie=require("./useDetectMobile-zkbzoOGV.cjs"),_e=p.styled.div`
+"use strict";const t=require("react/jsx-runtime"),d=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),x=require("./utils-Dl9xPH4c.cjs"),$=require("./consts-goSZX3xP.cjs"),se=require("./motion-B_VPZaJq.cjs"),a=require("./index-BpbMKBf_.cjs"),oe=require("./Icon.cjs"),Q=require("./ShopAvatar-CV3lj34D.cjs"),ve=require("./Badge.cjs"),Z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),ee=require("./IconButton.cjs"),ie=require("./useDetectMobile-zkbzoOGV.cjs"),_e=p.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -6,7 +6,7 @@
   border-radius: 1.25rem;
   border: 1px solid var(--gray-200, #e4e9f0);
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 1rem;
     gap: 0;
@@ -34,12 +34,7 @@
       transform: scale(1.25);
     }
   }
-
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
-    width: 100%;
-    height: 100%;
-  }
-`,Se=p.styled.div`
+`,Te=p.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -122,7 +117,7 @@
     color: var(--gray-600, #676e79);
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     padding: 1rem 0 0 0;
 
     & .campaign-title-text {
@@ -153,7 +148,7 @@
     ${n?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
     ${s?"justify-content: center;":""}
-  `,Te=p.styled(se.motion.div)`
+  `,Se=p.styled(se.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -225,7 +220,7 @@
     background-color: var(--gray-95080, #14161acc);
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     padding: 0;
     font-size: 0.875rem;
   }
@@ -251,7 +246,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,Ie=d.forwardRef(({src:e,...n},s)=>{const o=d.useRef();return d.useEffect(()=>{var u;const l=i=>{i.target.src=Q.DefaultShopImage,i.onerror=null};return(u=o==null?void 0:o.current)==null||u.addEventListener("error",l),()=>{var i;(i=o==null?void 0:o.current)==null||i.removeEventListener("error",l)}},[]),t.jsx(d.Fragment,{ref:s,children:x.isDefinedNotEmptyString(e)?t.jsx("img",{ref:o,src:e,...n}):t.jsx("img",{src:Q.DefaultShopImage,...n})})}),le=e=>{const{uuid:n,hasPermission:s=!0,isUser:o,image:l,imageComponent:u,name:i,notifications:m=0,color:c="primary",size:y="large",style:P,disabled:I,onClick:_=()=>{},isActive:C,className:w,shopCategory:b,themeData:v}=e,T={theme:F.useTheme(),color:c,size:y,style:P,disabled:I};return d.createElement(Te,{onClick:g=>{g.stopPropagation(),s===!0&&(_==null||_())},...T,key:i,className:`profile-item ${w}`,hasPermission:s,isActive:C,themeColor:(v==null?void 0:v.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:x.isDefined(u)?u:l}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:i}),!o&&t.jsx("div",{className:"description",children:b}),m>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ve,{className:"badge",color:"danger",size:"small",children:m>99?"99+":m})})]}))};le.propTypes={id:a.PropTypes.any,isUserProfile:a.PropTypes.bool,themeColor:a.PropTypes.string,image:a.PropTypes.any,name:a.PropTypes.string,notifications:a.PropTypes.number,style:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:a.PropTypes.oneOf(["large"]),onSelect:a.PropTypes.func,hasPermission:a.PropTypes.bool};const te=(e,n)=>{if(!e||!n)return null;const s=e.getTime()-n.getTime(),o=24*60*60*1e3;return s>=0?Math.ceil(s/o):Math.floor(s/o)},ne=e=>{if(e!==void 0){const n=new Date(e),s=n.getFullYear(),o=n.getMonth()+1;return`${String(n.getDate()).padStart(2)}. ${o}. ${s}.`}},ce=d.forwardRef((e,n)=>{var K;const s=F.useTheme(),{shopUuid:o,title:l="",coverPhoto:u,onSelect:i,startDate:m,endDate:c,salesPackages:y,shopName:P,shopCategory:I,shopImage:_,shopImageComponent:C,className:w,onSelectCard:b=()=>{},onSelectShop:v=()=>{},upcoming:k=!1,upcomingCampaignText:T,campaignSingleText:g,salesCampaignTypes:h=[],startsInPrefixTextPlural:U,startsinSuffixTextPlural:B,startsInPrefixTextSingular:q,startsinSuffixTextSingular:A,endsInPrefixTextPlural:W,endsinSuffixTextPlural:G,endsInPrefixTextSingular:N,endsinSuffixTextSingular:V,themeData:E,numberOfListings:r,numberOfListingsTextSingular:X,numberOfListingsTextPlural:me,...pe}=e,H=m?new Date(m)<=new Date:!1,he=te(m?new Date(m):null,new Date),M=te(c?new Date(c):null,new Date),ue=M!==null&&M<=2&&M>0,Y=c?new Date(c).getTime():null,fe=Date.now(),Z=Y!==null?Y-fe:null,z=Z!==null&&Z>0&&Z<24*60*60*1e3,J=(j,R,f,D,$)=>f===1?`${j} ${f} ${D}`:`${R} ${f} ${$}`,xe=()=>{if(!c)return null;const j=ye,f=new Date(c).getTime()-j.getTime();if(f<=0)return null;const D=Math.floor(f/(1e3*60*60)),$=Math.floor(f%(1e3*60*60)/(1e3*60)),be=Math.floor(f%(1e3*60)/1e3);return{hours:D,minutes:$,seconds:be}},[ye,we]=d.useState(new Date);d.useEffect(()=>{if(!z)return;const j=setInterval(()=>{we(new Date)},1e3);return()=>clearInterval(j)},[z]);const L=z?xe():null;return t.jsxs(_e,{ref:n,theme:s,className:w,onClick:b,...pe,children:[t.jsxs(je,{theme:s,onClick:()=>i==null?void 0:i(),children:[t.jsx("img",{src:u}),t.jsx($e,{children:y==null?void 0:y.map((j,R)=>{var f,D;return t.jsx(Pe,{color:(f=h==null?void 0:h.find($=>$.value===j))==null?void 0:f.color,theme:s,children:t.jsx(oe,{icon:(D=h==null?void 0:h.find($=>$.value===j))==null?void 0:D.icon})},`package__${R}`)})})]}),t.jsxs(Se,{theme:s,children:[t.jsx("div",{className:"text-block-wrapper",children:t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:(K=k?T:g)==null?void 0:K.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:l}),c&&m&&t.jsxs("div",{className:"campaign-date",children:[ne(m)," - ",ne(c)]}),t.jsxs("div",{className:"timestamp-text",children:[r>0&&t.jsxs("span",{className:"listings-text",children:[r," ",r===1?X:me," ","∙"," "]}),t.jsx("span",{className:`duration-text ${ue?"urgent":""} ${H?"":"starts-in"}`,children:z&&L?t.jsxs("div",{className:"countdown-timer",children:[N," ",L.hours.toString().padStart(2,"0"),":",L.minutes.toString().padStart(2,"0"),":",L.seconds.toString().padStart(2,"0")]}):H?J(N,W,M,V,G):J(q,U,he,A,B)})]})]})}),t.jsx(le,{hasPermission:!0,image:t.jsx(Ie,{src:_}),imageComponent:C,themeData:E,isActive:!0,isUser:!1,name:P,shopCategory:I,onClick:()=>v(o)})]})]})});ce.propTypes={title:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.element]),numberOfListings:a.PropTypes.number,dropdown:a.PropTypes.any,color:a.PropTypes.string};p.styled.div`
+`,Ie=d.forwardRef(({src:e,...n},s)=>{const o=d.useRef();return d.useEffect(()=>{var u;const l=i=>{i.target.src=Q.DefaultShopImage,i.onerror=null};return(u=o==null?void 0:o.current)==null||u.addEventListener("error",l),()=>{var i;(i=o==null?void 0:o.current)==null||i.removeEventListener("error",l)}},[]),t.jsx(d.Fragment,{ref:s,children:x.isDefinedNotEmptyString(e)?t.jsx("img",{ref:o,src:e,...n}):t.jsx("img",{src:Q.DefaultShopImage,...n})})}),le=e=>{const{uuid:n,hasPermission:s=!0,isUser:o,image:l,imageComponent:u,name:i,notifications:m=0,color:c="primary",size:y="large",style:P,disabled:I,onClick:_=()=>{},isActive:C,className:w,shopCategory:b,themeData:v}=e,T={theme:Z.useTheme(),color:c,size:y,style:P,disabled:I};return d.createElement(Se,{onClick:g=>{g.stopPropagation(),s===!0&&(_==null||_())},...T,key:i,className:`profile-item ${w}`,hasPermission:s,isActive:C,themeColor:(v==null?void 0:v.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:x.isDefined(u)?u:l}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:i}),!o&&t.jsx("div",{className:"description",children:b}),m>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ve,{className:"badge",color:"danger",size:"small",children:m>99?"99+":m})})]}))};le.propTypes={id:a.PropTypes.any,isUserProfile:a.PropTypes.bool,themeColor:a.PropTypes.string,image:a.PropTypes.any,name:a.PropTypes.string,notifications:a.PropTypes.number,style:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:a.PropTypes.oneOf(["large"]),onSelect:a.PropTypes.func,hasPermission:a.PropTypes.bool};const te=(e,n)=>{if(!e||!n)return null;const s=e.getTime()-n.getTime(),o=24*60*60*1e3;return s>=0?Math.ceil(s/o):Math.floor(s/o)},ne=e=>{if(e!==void 0){const n=new Date(e),s=n.getFullYear(),o=n.getMonth()+1;return`${String(n.getDate()).padStart(2)}. ${o}. ${s}.`}},ce=d.forwardRef((e,n)=>{var K;const s=Z.useTheme(),{shopUuid:o,title:l="",coverPhoto:u,onSelect:i,startDate:m,endDate:c,salesPackages:y,shopName:P,shopCategory:I,shopImage:_,shopImageComponent:C,className:w,onSelectCard:b=()=>{},onSelectShop:v=()=>{},upcoming:k=!1,upcomingCampaignText:T,campaignSingleText:g,salesCampaignTypes:h=[],startsInPrefixTextPlural:U,startsinSuffixTextPlural:B,startsInPrefixTextSingular:q,startsinSuffixTextSingular:A,endsInPrefixTextPlural:W,endsinSuffixTextPlural:G,endsInPrefixTextSingular:N,endsinSuffixTextSingular:V,themeData:E,numberOfListings:r,numberOfListingsTextSingular:F,numberOfListingsTextPlural:me,...pe}=e,H=m?new Date(m)<=new Date:!1,he=te(m?new Date(m):null,new Date),M=te(c?new Date(c):null,new Date),ue=M!==null&&M<=2&&M>0,Y=c?new Date(c).getTime():null,fe=Date.now(),X=Y!==null?Y-fe:null,z=X!==null&&X>0&&X<24*60*60*1e3,J=(j,R,f,D,S)=>f===1?`${j} ${f} ${D}`:`${R} ${f} ${S}`,xe=()=>{if(!c)return null;const j=ye,f=new Date(c).getTime()-j.getTime();if(f<=0)return null;const D=Math.floor(f/(1e3*60*60)),S=Math.floor(f%(1e3*60*60)/(1e3*60)),be=Math.floor(f%(1e3*60)/1e3);return{hours:D,minutes:S,seconds:be}},[ye,we]=d.useState(new Date);d.useEffect(()=>{if(!z)return;const j=setInterval(()=>{we(new Date)},1e3);return()=>clearInterval(j)},[z]);const L=z?xe():null;return t.jsxs(_e,{ref:n,theme:s,className:w,onClick:b,...pe,children:[t.jsxs(je,{theme:s,onClick:()=>i==null?void 0:i(),children:[t.jsx("img",{src:u}),t.jsx($e,{children:y==null?void 0:y.map((j,R)=>{var f,D;return t.jsx(Pe,{color:(f=h==null?void 0:h.find(S=>S.value===j))==null?void 0:f.color,theme:s,children:t.jsx(oe,{icon:(D=h==null?void 0:h.find(S=>S.value===j))==null?void 0:D.icon})},`package__${R}`)})})]}),t.jsxs(Te,{theme:s,children:[t.jsx("div",{className:"text-block-wrapper",children:t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:(K=k?T:g)==null?void 0:K.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:l}),c&&m&&t.jsxs("div",{className:"campaign-date",children:[ne(m)," - ",ne(c)]}),t.jsxs("div",{className:"timestamp-text",children:[r>0&&t.jsxs("span",{className:"listings-text",children:[r," ",r===1?F:me," ","∙"," "]}),t.jsx("span",{className:`duration-text ${ue?"urgent":""} ${H?"":"starts-in"}`,children:z&&L?t.jsxs("div",{className:"countdown-timer",children:[N," ",L.hours.toString().padStart(2,"0"),":",L.minutes.toString().padStart(2,"0"),":",L.seconds.toString().padStart(2,"0")]}):H?J(N,W,M,V,G):J(q,U,he,A,B)})]})]})}),t.jsx(le,{hasPermission:!0,image:t.jsx(Ie,{src:_}),imageComponent:C,themeData:E,isActive:!0,isUser:!1,name:P,shopCategory:I,onClick:()=>v(o)})]})]})});ce.propTypes={title:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.element]),numberOfListings:a.PropTypes.number,dropdown:a.PropTypes.any,color:a.PropTypes.string};p.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -282,7 +277,7 @@
     }
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
@@ -340,7 +335,7 @@
     gap: 0.5rem;
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
     & .campaign__user {
@@ -350,7 +345,7 @@
 `,Ne=p.styled.div`
   display: flex;
   gap: 1.5rem;
-`,De=d.forwardRef(({},e)=>{const n=F.useTheme();return t.jsxs(ke,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(ae,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(Ce,{theme:n,children:[t.jsx(O,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(O,{heightCoeff:1.25,theme:n}),t.jsx(O,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(ae,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(O,{theme:n,width:"75%"})]})]})]})}),Ee=({itemsCount:e=5,keyPrefix:n})=>t.jsx(Ne,{children:Array.from({length:e},(s,o)=>t.jsx(De,{},`${n}-skeleton-campaign-card-${o}`))}),Me=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:s=!1,itemsCount:o=5,keyPrefix:l})=>t.jsx(d.Suspense,{fallback:n,children:s===!0?t.jsx(Ee,{itemsCount:o,keyPrefix:l}):e}),ze=p.styled.div`
+`,De=d.forwardRef(({},e)=>{const n=Z.useTheme();return t.jsxs(ke,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(ae,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(Ce,{theme:n,children:[t.jsx(O,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(O,{heightCoeff:1.25,theme:n}),t.jsx(O,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(ae,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(O,{theme:n,width:"75%"})]})]})]})}),Ee=({itemsCount:e=5,keyPrefix:n})=>t.jsx(Ne,{children:Array.from({length:e},(s,o)=>t.jsx(De,{},`${n}-skeleton-campaign-card-${o}`))}),Me=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:s=!1,itemsCount:o=5,keyPrefix:l})=>t.jsx(d.Suspense,{fallback:n,children:s===!0?t.jsx(Ee,{itemsCount:o,keyPrefix:l}):e}),ze=p.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -389,7 +384,7 @@
     right: 0;
   }
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     & .scrollable-section__header {
       & .scrollable-section__title {
         & .title__text {
@@ -405,7 +400,7 @@
   gap: 1.5rem;
   width: 100%;
 
-  @media (max-width: ${S.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${$.MOBILE_SIZE_PX+"px"}) {
     display: flex;
     flex-wrap: nowrap;
     overflow-x: scroll;
@@ -444,4 +439,4 @@
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`,ge=d.forwardRef(({sectionName:e,imageUrl:n,maxHeight:s="16.25rem",className:o="",handleClick:l=()=>{}},u)=>t.jsx(Re,{ref:u,maxHeight:s,onClick:l,className:`itemless-banner ${o}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ge.propTypes={sectionName:a.PropTypes.string,imageUrl:a.PropTypes.string,maxHeight:a.PropTypes.string,className:a.PropTypes.string,handleClick:a.PropTypes.func};const Oe=d.memo(ce),Ue=d.forwardRef(({sellerType:e="Shop",items:n=[],title:s,icon:o,isLoading:l,onSelectCard:u=()=>{},onSelectShop:i=()=>{},getImage:m=()=>{},campaignSingleText:c,upcomingCampaignText:y,salesCampaignTypes:P=[],startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,numOfSlides:g=2,showNavigation:h=!0,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B,itemlessImageUrl:q,itemlessLink:A,handleItemlessLink:W=()=>{}},G)=>{const N=ie.useDetectMobile(),V=d.useMemo(()=>{let E=n==null?void 0:n.map((r,X)=>t.jsx(Oe,{className:"campaign-item",coverPhoto:m(r==null?void 0:r.coverPhoto,(r==null?void 0:r.uuid)||(r==null?void 0:r.campaignUuid)),description:r==null?void 0:r.description,endDate:r==null?void 0:r.endDate,salesPackages:r==null?void 0:r.salesPackages,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopImageComponent:r==null?void 0:r.profileImageComponent,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,shopCategory:r==null?void 0:r.shopCategory,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>u(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>i(r==null?void 0:r.shopUuid),campaignSingleText:c,upcomingCampaignText:y,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:P,startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B},`campaign__item__${X}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!N?[...E,t.jsx(ge,{imageUrl:q,className:"campaign-item",handleClick:W})]:E},[n]);return t.jsx(Me,{isLoading:l,itemsCount:N?1:2,keyPrefix:"sales-camp",children:t.jsx(de,{icon:o,title:s,numOfSlides:g,showNavigation:h,children:V},`sales-campaign-section__${N}`)})});module.exports=Ue;
+`,ge=d.forwardRef(({sectionName:e,imageUrl:n,maxHeight:s="16.25rem",className:o="",handleClick:l=()=>{}},u)=>t.jsx(Re,{ref:u,maxHeight:s,onClick:l,className:`itemless-banner ${o}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ge.propTypes={sectionName:a.PropTypes.string,imageUrl:a.PropTypes.string,maxHeight:a.PropTypes.string,className:a.PropTypes.string,handleClick:a.PropTypes.func};const Oe=d.memo(ce),Ue=d.forwardRef(({sellerType:e="Shop",items:n=[],title:s,icon:o,isLoading:l,onSelectCard:u=()=>{},onSelectShop:i=()=>{},getImage:m=()=>{},campaignSingleText:c,upcomingCampaignText:y,salesCampaignTypes:P=[],startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,numOfSlides:g=2,showNavigation:h=!0,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B,itemlessImageUrl:q,itemlessLink:A,handleItemlessLink:W=()=>{}},G)=>{const N=ie.useDetectMobile(),V=d.useMemo(()=>{let E=n==null?void 0:n.map((r,F)=>t.jsx(Oe,{className:"campaign-item",coverPhoto:m(r==null?void 0:r.coverPhoto,(r==null?void 0:r.uuid)||(r==null?void 0:r.campaignUuid)),description:r==null?void 0:r.description,endDate:r==null?void 0:r.endDate,salesPackages:r==null?void 0:r.salesPackages,sellerType:e,shopImage:r==null?void 0:r.profileImage,shopImageComponent:r==null?void 0:r.profileImageComponent,shopName:r==null?void 0:r.shopName,shopUuid:r==null?void 0:r.shopUuid,shopCategory:r==null?void 0:r.shopCategory,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>u(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>i(r==null?void 0:r.shopUuid),campaignSingleText:c,upcomingCampaignText:y,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:P,startsInPrefixTextPlural:I,startsinSuffixTextPlural:_,startsInPrefixTextSingular:C,startsinSuffixTextSingular:w,endsInPrefixTextPlural:b,endsinSuffixTextPlural:v,endsInPrefixTextSingular:k,endsinSuffixTextSingular:T,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:U,numberOfListingsTextPlural:B},`campaign__item__${F}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!N?[...E,t.jsx(ge,{imageUrl:q,className:"campaign-item",handleClick:W})]:E},[n]);return t.jsx(Me,{isLoading:l,itemsCount:N?1:2,keyPrefix:"sales-camp",children:t.jsx(de,{icon:o,title:s,numOfSlides:g,showNavigation:h,children:V},`sales-campaign-section__${N}`)})});module.exports=Ue;

package/dist/SalesCampaignsSection.js

@@ -2,7 +2,7 @@ import { jsx as t, jsxs as g, Fragment as ke } from "react/jsx-runtime";
 import { forwardRef as z, useRef as Ne, useEffect as Z, Fragment as Ie, createElement as De, useState as M, Suspense as Te, memo as Pe, useMemo as ze } from "react";
 import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
 import { a as L, k as Y, l as Me, o as ce } from "./utils-BdsZgOUE.js";
-import { M as _ } from "./consts-BuFChS64.js";
+import { M as S } from "./consts-BuFChS64.js";
 import { m as de } from "./motion-Ckekul_K.js";
 import { P as a } from "./index-CblbdqjE.js";
 import ge from "./Icon.js";
@@ -19,7 +19,7 @@ const Ue = h.div`
   border-radius: 1.25rem;
   border: 1px solid var(--gray-200, #e4e9f0);
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     flex-direction: column;
     padding: 1rem;
     gap: 0;
@@ -47,11 +47,6 @@ const Ue = h.div`
       transform: scale(1.25);
     }
   }
-
-  @media (max-width: ${_ + "px"}) {
-    width: 100%;
-    height: 100%;
-  }
 `, Ee = h.div`
   flex: 1;
   display: flex;
@@ -135,7 +130,7 @@ const Ue = h.div`
     color: var(--gray-600, #676e79);
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     padding: 1rem 0 0 0;
 
     & .campaign-title-text {
@@ -160,12 +155,12 @@ const Ue = h.div`
       gap: 0.25rem;
     }
   }
-`, ie = (e = !1, n = !1, i = !1) => `
+`, oe = (e = !1, n = !1, o = !1) => `
     display: flex;
     ${n ? "flex-wrap: wrap;" : ""}
     ${n ? "" : "flex-wrap: nowrap;"}
     ${e ? "align-items: center;" : ""}
-    ${i ? "justify-content: center;" : ""}
+    ${o ? "justify-content: center;" : ""}
   `, je = h(de.div)`
   text-decoration: none;
   ${(e) => e.hasPermission === !0 && "cursor: pointer"};
@@ -183,7 +178,7 @@ const Ue = h.div`
     text-decoration: none;
   }
 
-  ${ie(!0)}
+  ${oe(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: var(--gray-950, #14161a);
@@ -199,7 +194,7 @@ const Ue = h.div`
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${ie(!0, !1, !0)}
+    ${oe(!0, !1, !0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -238,7 +233,7 @@ const Ue = h.div`
     background-color: var(--gray-95080, #14161acc);
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     padding: 0;
     font-size: 0.875rem;
   }
@@ -264,23 +259,23 @@ const Ue = h.div`
   & i {
     font-size: 0.813rem;
   }
-`, Fe = z(({ src: e, ...n }, i) => {
-  const o = Ne();
+`, Fe = z(({ src: e, ...n }, o) => {
+  const i = Ne();
   return Z(() => {
     var f;
     const l = (s) => {
       s.target.src = ne, s.onerror = null;
     };
-    return (f = o == null ? void 0 : o.current) == null || f.addEventListener("error", l), () => {
+    return (f = i == null ? void 0 : i.current) == null || f.addEventListener("error", l), () => {
       var s;
-      (s = o == null ? void 0 : o.current) == null || s.removeEventListener("error", l);
+      (s = i == null ? void 0 : i.current) == null || s.removeEventListener("error", l);
     };
-  }, []), /* @__PURE__ */ t(Ie, { ref: i, children: Y(e) ? /* @__PURE__ */ t("img", { ref: o, src: e, ...n }) : /* @__PURE__ */ t("img", { src: ne, ...n }) });
+  }, []), /* @__PURE__ */ t(Ie, { ref: o, children: Y(e) ? /* @__PURE__ */ t("img", { ref: i, src: e, ...n }) : /* @__PURE__ */ t("img", { src: ne, ...n }) });
 }), he = (e) => {
   const {
     uuid: n,
-    hasPermission: i = !0,
-    isUser: o,
+    hasPermission: o = !0,
+    isUser: i,
     image: l,
     imageComponent: f,
     name: s,
@@ -296,7 +291,7 @@ const Ue = h.div`
     shopCategory: b,
     // new
     themeData: v
-  } = e, C = {
+  } = e, _ = {
     theme: q(),
     color: c,
     size: x,
@@ -307,19 +302,19 @@ const Ue = h.div`
     je,
     {
       onClick: (d) => {
-        d.stopPropagation(), i === !0 && (y == null || y());
+        d.stopPropagation(), o === !0 && (y == null || y());
       },
-      ...C,
+      ..._,
       key: s,
       className: `profile-item ${w}`,
-      hasPermission: i,
+      hasPermission: o,
       isActive: I,
       themeColor: (v == null ? void 0 : v.code) || "transparent"
     },
     /* @__PURE__ */ t("div", { className: "logo-wrapper", children: Me(f) ? f : l }),
     /* @__PURE__ */ g("div", { children: [
       /* @__PURE__ */ t("div", { className: "name", children: s }),
-      !o && /* @__PURE__ */ t("div", { className: "description", children: b }),
+      !i && /* @__PURE__ */ t("div", { className: "description", children: b }),
       m > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(Le, { className: "badge", color: "danger", size: "small", children: m > 99 ? "99+" : m }) })
     ] })
   );
@@ -346,20 +341,20 @@ he.propTypes = {
   onSelect: a.func,
   hasPermission: a.bool
 };
-const oe = (e, n) => {
+const ie = (e, n) => {
   if (!e || !n) return null;
-  const i = e.getTime() - n.getTime(), o = 24 * 60 * 60 * 1e3;
-  return i >= 0 ? Math.ceil(i / o) : Math.floor(i / o);
+  const o = e.getTime() - n.getTime(), i = 24 * 60 * 60 * 1e3;
+  return o >= 0 ? Math.ceil(o / i) : Math.floor(o / i);
 }, se = (e) => {
   if (e !== void 0) {
-    const n = new Date(e), i = n.getFullYear(), o = n.getMonth() + 1;
-    return `${String(n.getDate()).padStart(2)}. ${o}. ${i}.`;
+    const n = new Date(e), o = n.getFullYear(), i = n.getMonth() + 1;
+    return `${String(n.getDate()).padStart(2)}. ${i}. ${o}.`;
   }
 }, pe = z((e, n) => {
   var te;
-  const i = q(), {
+  const o = q(), {
     // uuid,
-    shopUuid: o,
+    shopUuid: i,
     title: l = "",
     // description,
     // badges,
@@ -379,7 +374,7 @@ const oe = (e, n) => {
     onSelectShop: v = () => {
     },
     upcoming: D = !1,
-    upcomingCampaignText: C,
+    upcomingCampaignText: _,
     campaignSingleText: d,
     salesCampaignTypes: p = [],
     startsInPrefixTextPlural: F,
@@ -395,18 +390,18 @@ const oe = (e, n) => {
     numberOfListingsTextSingular: G,
     numberOfListingsTextPlural: xe,
     ...we
-  } = e, Q = m ? new Date(m) <= /* @__PURE__ */ new Date() : !1, be = oe(
+  } = e, Q = m ? new Date(m) <= /* @__PURE__ */ new Date() : !1, be = ie(
     m ? new Date(m) : null,
     /* @__PURE__ */ new Date()
-  ), O = oe(
+  ), O = ie(
     c ? new Date(c) : null,
     /* @__PURE__ */ new Date()
-  ), ve = O !== null && O <= 2 && O > 0, ee = c ? new Date(c).getTime() : null, ye = Date.now(), X = ee !== null ? ee - ye : null, E = X !== null && X > 0 && X < 24 * 60 * 60 * 1e3, re = ($, R, u, P, S) => u === 1 ? `${$} ${u} ${P}` : `${R} ${u} ${S}`, $e = () => {
+  ), ve = O !== null && O <= 2 && O > 0, ee = c ? new Date(c).getTime() : null, ye = Date.now(), X = ee !== null ? ee - ye : null, E = X !== null && X > 0 && X < 24 * 60 * 60 * 1e3, re = ($, R, u, P, C) => u === 1 ? `${$} ${u} ${P}` : `${R} ${u} ${C}`, $e = () => {
     if (!c) return null;
     const $ = _e, u = new Date(c).getTime() - $.getTime();
     if (u <= 0) return null;
-    const P = Math.floor(u / (1e3 * 60 * 60)), S = Math.floor(u % (1e3 * 60 * 60) / (1e3 * 60)), Se = Math.floor(u % (1e3 * 60) / 1e3);
-    return { hours: P, minutes: S, seconds: Se };
+    const P = Math.floor(u / (1e3 * 60 * 60)), C = Math.floor(u % (1e3 * 60 * 60) / (1e3 * 60)), Se = Math.floor(u % (1e3 * 60) / 1e3);
+    return { hours: P, minutes: C, seconds: Se };
   }, [_e, Ce] = M(/* @__PURE__ */ new Date());
   Z(() => {
     if (!E) return;
@@ -420,24 +415,24 @@ const oe = (e, n) => {
     Ue,
     {
       ref: n,
-      theme: i,
+      theme: o,
       className: w,
       onClick: b,
       ...we,
       children: [
-        /* @__PURE__ */ g(Oe, { theme: i, onClick: () => s == null ? void 0 : s(), children: [
+        /* @__PURE__ */ g(Oe, { theme: o, onClick: () => s == null ? void 0 : s(), children: [
           /* @__PURE__ */ t("img", { src: f }),
           /* @__PURE__ */ t(Re, { children: x == null ? void 0 : x.map(($, R) => {
             var u, P;
             return /* @__PURE__ */ t(
               Be,
               {
-                color: (u = p == null ? void 0 : p.find((S) => S.value === $)) == null ? void 0 : u.color,
-                theme: i,
+                color: (u = p == null ? void 0 : p.find((C) => C.value === $)) == null ? void 0 : u.color,
+                theme: o,
                 children: /* @__PURE__ */ t(
                   ge,
                   {
-                    icon: (P = p == null ? void 0 : p.find((S) => S.value === $)) == null ? void 0 : P.icon
+                    icon: (P = p == null ? void 0 : p.find((C) => C.value === $)) == null ? void 0 : P.icon
                   }
                 )
               },
@@ -445,9 +440,9 @@ const oe = (e, n) => {
             );
           }) })
         ] }),
-        /* @__PURE__ */ g(Ee, { theme: i, children: [
+        /* @__PURE__ */ g(Ee, { theme: o, children: [
           /* @__PURE__ */ t("div", { className: "text-block-wrapper", children: /* @__PURE__ */ g("div", { className: "title-block-wrapper", children: [
-            /* @__PURE__ */ t("div", { className: "campaign-title", children: (te = D ? C : d) == null ? void 0 : te.toUpperCase() }),
+            /* @__PURE__ */ t("div", { className: "campaign-title", children: (te = D ? _ : d) == null ? void 0 : te.toUpperCase() }),
             /* @__PURE__ */ t("div", { className: "campaign-title-text", children: l }),
             c && m && /* @__PURE__ */ g("div", { className: "campaign-date", children: [
               se(m),
@@ -503,7 +498,7 @@ const oe = (e, n) => {
               isUser: !1,
               name: k,
               shopCategory: N,
-              onClick: () => v(o)
+              onClick: () => v(i)
             }
           )
         ] })
@@ -548,7 +543,7 @@ h.div`
     }
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
@@ -607,7 +602,7 @@ const B = h.div`
     gap: 0.5rem;
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     flex-direction: column;
 
     & .campaign__user {
@@ -649,17 +644,17 @@ const B = h.div`
       ] })
     ] })
   ] });
-}), Ge = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(Ve, { children: Array.from({ length: e }, (i, o) => /* @__PURE__ */ t(
+}), Ge = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(Ve, { children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ t(
   He,
   {},
-  `${n}-skeleton-campaign-card-${o}`
+  `${n}-skeleton-campaign-card-${i}`
 )) }), Xe = ({
   children: e,
   fallbackComponent: n = /* @__PURE__ */ t(ke, {}),
-  isLoading: i = !1,
-  itemsCount: o = 5,
+  isLoading: o = !1,
+  itemsCount: i = 5,
   keyPrefix: l
-}) => /* @__PURE__ */ t(Te, { fallback: n, children: i === !0 ? /* @__PURE__ */ t(Ge, { itemsCount: o, keyPrefix: l }) : e }), Ye = h.div`
+}) => /* @__PURE__ */ t(Te, { fallback: n, children: o === !0 ? /* @__PURE__ */ t(Ge, { itemsCount: i, keyPrefix: l }) : e }), Ye = h.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -698,7 +693,7 @@ const B = h.div`
     right: 0;
   }
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     & .scrollable-section__header {
       & .scrollable-section__title {
         & .title__text {
@@ -714,7 +709,7 @@ const B = h.div`
   gap: 1.5rem;
   width: 100%;
 
-  @media (max-width: ${_ + "px"}) {
+  @media (max-width: ${S + "px"}) {
     display: flex;
     flex-wrap: nowrap;
     overflow-x: scroll;
@@ -737,18 +732,18 @@ const B = h.div`
     }
   }
 `, fe = z(
-  ({ icon: e, title: n, numOfSlides: i = 2, showNavigation: o = !0, children: l }, f) => {
+  ({ icon: e, title: n, numOfSlides: o = 2, showNavigation: i = !0, children: l }, f) => {
     const [s, m] = M(0), [c, x] = M(1), [k, N] = M(null), [y, I] = M(null), w = me(), b = (l == null ? void 0 : l.length) ?? 1;
     Z(() => {
       const d = () => {
-        x(i);
+        x(o);
       };
       return window.addEventListener("resize", d), d(), () => window.removeEventListener("resize", d);
     }, []);
     const v = w ? l : l == null ? void 0 : l.slice(s, s + c), D = (d) => {
       var p;
       (p = d == null ? void 0 : d.target) == null || p.blur(), s + c < b && m(s + c);
-    }, C = (d) => {
+    }, _ = (d) => {
       var p;
       (p = d == null ? void 0 : d.target) == null || p.blur(), s - c >= 0 && m(s - c);
     };
@@ -768,7 +763,7 @@ const B = h.div`
       /* @__PURE__ */ t(
         Ze,
         {
-          numOfColumns: i,
+          numOfColumns: o,
           ...!w && {
             animate: {
               x: 0,
@@ -783,7 +778,7 @@ const B = h.div`
         },
         `scrollable-section__content-${s}`
       ),
-      o && b > c && !w && /* @__PURE__ */ g("div", { className: "scrollable-section__navigation", children: [
+      i && b > c && !w && /* @__PURE__ */ g("div", { className: "scrollable-section__navigation", children: [
         /* @__PURE__ */ t(
           ae,
           {
@@ -793,7 +788,7 @@ const B = h.div`
             color: "neutral",
             className: "navigation__arrow",
             disabled: s === 0,
-            onClick: C
+            onClick: _
           }
         ),
         /* @__PURE__ */ t(
@@ -840,17 +835,17 @@ const qe = h.div`
   ({
     sectionName: e,
     imageUrl: n,
-    maxHeight: i = "16.25rem",
-    className: o = "",
+    maxHeight: o = "16.25rem",
+    className: i = "",
     handleClick: l = () => {
     }
   }, f) => /* @__PURE__ */ t(
     qe,
     {
       ref: f,
-      maxHeight: i,
+      maxHeight: o,
       onClick: l,
-      className: `itemless-banner ${o}`,
+      className: `itemless-banner ${i}`,
       children: /* @__PURE__ */ t("img", { src: n, alt: `itemless-banner__${e}` })
     }
   )
@@ -866,8 +861,8 @@ const Je = Pe(pe), gr = z(
   ({
     sellerType: e = "Shop",
     items: n = [],
-    title: i,
-    icon: o,
+    title: o,
+    icon: i,
     isLoading: l,
     onSelectCard: f = () => {
     },
@@ -885,7 +880,7 @@ const Je = Pe(pe), gr = z(
     endsInPrefixTextPlural: b,
     endsinSuffixTextPlural: v,
     endsInPrefixTextSingular: D,
-    endsinSuffixTextSingular: C,
+    endsinSuffixTextSingular: _,
     numOfSlides: d = 2,
     showNavigation: p = !0,
     numberOfListingsTextSingular: F,
@@ -929,7 +924,7 @@ const Je = Pe(pe), gr = z(
           endsInPrefixTextPlural: b,
           endsinSuffixTextPlural: v,
           endsInPrefixTextSingular: D,
-          endsinSuffixTextSingular: C,
+          endsinSuffixTextSingular: _,
           themeData: r == null ? void 0 : r.themeData,
           numberOfListings: r == null ? void 0 : r.numberOfListings,
           numberOfListingsTextSingular: F,
@@ -958,8 +953,8 @@ const Je = Pe(pe), gr = z(
         children: /* @__PURE__ */ t(
           fe,
           {
-            icon: o,
-            title: i,
+            icon: i,
+            title: o,
             numOfSlides: d,
             showNavigation: p,
             children: H

package/dist/UrgentSaleProductsSection.cjs

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

package/dist/UrgentSaleProductsSection.js

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

package/dist/{suspense-product-card-detailed-BJ-HBkBc.js → suspense-product-card-detailed-YJVsf2-a.js}

@@ -113,6 +113,8 @@ const Q = $.div`
     background-color: ${k("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
+    width: 100%;
+    height: 11rem;
   }
 
   & .skeleton-title {

package/dist/{suspense-product-card-detailed-wPRUytSf.cjs → suspense-product-card-detailed-mCJwteOy.cjs}

@@ -102,6 +102,8 @@
     background-color: ${t.linearGradientAnimation("-90deg")};
     border-radius: 0.75rem;
     border: 1px solid white;
+    width: 100%;
+    height: 11rem;
   }
 
   & .skeleton-title {

package/package.json

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