@lanaco/lnc-react-ui 4.0.186 → 4.0.188

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),c=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),y=require("./utils-RnrgDDZP.cjs"),z=require("./consts-goSZX3xP.cjs"),ge=require("./motion-B_VPZaJq.cjs"),he=require("./Icon.cjs"),le=require("./ShopAvatar-CV3lj34D.cjs"),ke=require("./Badge.cjs"),s=require("./index-BpbMKBf_.cjs"),me=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),ce=require("./IconButton.cjs"),ue=require("./useDetectMobile-zkbzoOGV.cjs"),Te=require("./index-Be-_NM9Q.cjs"),i=require("./style-BAcV7F53.cjs"),$e=S.styled.a`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),S=require("./emotion-styled.browser.esm-BtEseadx.cjs"),w=require("./utils-RnrgDDZP.cjs"),z=require("./consts-goSZX3xP.cjs"),me=require("./Icon.cjs"),de=require("./ShopAvatar-CV3lj34D.cjs"),$e=require("./Badge.cjs"),o=require("./index-BpbMKBf_.cjs"),ue=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),pe=require("./IconButton.cjs"),fe=require("./useDetectMobile-zkbzoOGV.cjs"),Te=require("./index-Be-_NM9Q.cjs"),Ie=require("./motion-B_VPZaJq.cjs"),i=require("./style-BAcV7F53.cjs"),Ce=S.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   cursor: pointer;
@@ -13,8 +13,8 @@
     padding: 1rem;
     gap: 0;
   }
-`,Ie=S.styled.div`
-  border-radius: ${n=>y.getBorderRadiusValueWithUnits(n.theme,"edged")};
+`,Ne=S.styled.div`
+  border-radius: ${n=>w.getBorderRadiusValueWithUnits(n.theme,"edged")};
   height: 13.75rem;
   width: 13.75rem;
   min-width: 13.75rem;
@@ -36,7 +36,7 @@
       transform: scale(1.25);
     }
   }
-`,Ce=S.styled.div`
+`,De=S.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -144,13 +144,13 @@
       gap: 0.25rem;
     }
   }
-`,de=(n=!1,t=!1,o=!1)=>`
+`,ge=(n=!1,t=!1,a=!1)=>`
     display: flex;
     ${t?"flex-wrap: wrap;":""}
     ${t?"":"flex-wrap: nowrap;"}
     ${n?"align-items: center;":""}
-    ${o?"justify-content: center;":""}
-  `,Ne=S.styled(ge.motion.a)`
+    ${a?"justify-content: center;":""}
+  `,Le=S.styled.a`
   text-decoration: none;
   color: var(--gray-950);
   ${n=>n.hasPermission===!0&&"cursor: pointer"};
@@ -168,14 +168,14 @@
     text-decoration: none;
   }
 
-  ${de(!0)}
+  ${ge(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: var(--gray-950, #14161a);
   font-weight: 500;
   font-size: 1rem;
   line-height: 1.5rem;
-  border-radius: ${n=>y.getBorderRadiusValueWithUnits(n.theme,"slight")};
+  border-radius: ${n=>w.getBorderRadiusValueWithUnits(n.theme,"slight")};
   transition: all 0.25s ease;
   & .description {
     font-size: 0.85rem;
@@ -184,7 +184,7 @@
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${de(!0,!1,!0)}
+    ${ge(!0,!1,!0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -227,14 +227,14 @@
     padding: 0;
     font-size: 0.875rem;
   }
-`,De=S.styled.div`
+`,Ee=S.styled.div`
   position: absolute;
   top: 0.5rem;
   ${n=>n.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,Le=S.styled.div`
-  border-radius: ${n=>y.getBorderRadiusValueWithUnits(n.theme,n.borderRadius||"slight")};
+`,ze=S.styled.div`
+  border-radius: ${n=>w.getBorderRadiusValueWithUnits(n.theme,n.borderRadius||"slight")};
   background-color: ${n=>n==null?void 0:n.color};
   color: white;
   height: 1.5rem;
@@ -249,7 +249,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,Ee=c.forwardRef(({src:n,...t},o)=>{const a=c.useRef();return c.useEffect(()=>{var m;const p=l=>{l.target.src=le.DefaultShopImage,l.onerror=null};return(m=a==null?void 0:a.current)==null||m.addEventListener("error",p),()=>{var l;(l=a==null?void 0:a.current)==null||l.removeEventListener("error",p)}},[]),r.jsx(c.Fragment,{ref:o,children:y.isDefinedNotEmptyString(n)?r.jsx("img",{ref:a,src:n,...t}):r.jsx("img",{src:le.DefaultShopImage,...t})})}),fe=n=>{const{uuid:t,hasPermission:o=!0,isUser:a,image:p,imageComponent:m,name:l,notifications:_=0,color:d="primary",size:u="large",style:h,disabled:I,onClick:f=()=>{},isActive:v,className:C,shopCategory:N,themeData:j}=n,x={theme:me.useTheme(),color:d,size:u,style:h,disabled:I};return c.createElement(Ne,{onClick:w=>{w==null||w.preventDefault(),w.stopPropagation(),o===!0&&(f==null||f())},...x,key:l,className:`profile-item ${C}`,hasPermission:o,isActive:v,themeColor:(j==null?void 0:j.code)||"transparent",href:`/${a?"user":"shop"}/${t}`},r.jsx("div",{className:"logo-wrapper",children:y.isDefined(m)?m:p}),r.jsxs("div",{children:[r.jsx("div",{className:"name",children:l}),!a&&r.jsx("div",{className:"description",children:N}),_>0&&r.jsx("div",{className:"notifications-number",children:r.jsx(ke,{className:"badge",color:"danger",size:"small",children:_>99?"99+":_})})]}))};fe.propTypes={id:s.PropTypes.any,isUserProfile:s.PropTypes.bool,themeColor:s.PropTypes.string,image:s.PropTypes.any,name:s.PropTypes.string,notifications:s.PropTypes.number,style:s.PropTypes.object,className:s.PropTypes.string,color:s.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:s.PropTypes.oneOf(["large"]),onSelect:s.PropTypes.func,hasPermission:s.PropTypes.bool};const pe=n=>{if(n!==void 0){const t=new Date(n),o=t.getFullYear(),a=t.getMonth()+1;return`${String(t.getDate()).padStart(2)}. ${a}. ${o}.`}},ze=c.forwardRef((n,t)=>{var ie;const o=me.useTheme(),{uuid:a,shopUuid:p,title:m="",coverPhoto:l,onSelect:_,startDate:d,endDate:u,salesPackages:h,shopName:I,shopCategory:f,shopImage:v,shopImageComponent:C,className:N,onSelectCard:j=()=>{},onSelectShop:g=()=>{},upcoming:x=!1,upcomingCampaignText:w,campaignSingleText:Z,salesCampaignTypes:k=[],startsInPrefixTextPlural:F,startsinSuffixTextPlural:X,startsInPrefixTextSingular:G,startsinSuffixTextSingular:re,endsInPrefixTextPlural:A,endsinSuffixTextPlural:H,endsInPrefixTextSingular:U,endsinSuffixTextSingular:Y,endedText:ne,themeData:q,numberOfListings:R,numberOfListingsTextSingular:O,numberOfListingsTextPlural:e,metadata:T,...te}=n,B=c.useRef(),M=y.getDayNumberPrecise(d,u),J=M!==-1&&(M==null?void 0:M.isEnded)===!0,K=M!==-1&&!J,Q=y.calcDaysUntil(d),L=y.calcDaysRemaining(u),we=L!==null&&L<=2&&L>0,se=y.normalizeDate(u),oe=se?new Date(se):null,be=new Date,ee=oe?oe.getTime()-be.getTime():null,W=ee!==null&&ee>0&&ee<24*60*60*1e3,ae=(b,E,$,P,D)=>$===1?`${b} ${$} ${P}`:`${E} ${$} ${D}`,ve=()=>{if(!u)return null;const b=y.normalizeDate(u),E=b?new Date(b):null;if(!E)return null;const $=Se,P=E.getTime()-$.getTime();if(P<=0)return null;const D=Math.floor(P/(1e3*60*60)),Pe=Math.floor(P%(1e3*60*60)/(1e3*60)),_e=Math.floor(P%(1e3*60)/1e3);return{hours:D,minutes:Pe,seconds:_e}},[Se,je]=c.useState(new Date);c.useEffect(()=>{if(!W)return;const b=setInterval(()=>{je(new Date)},1e3);return()=>clearInterval(b)},[W]);const V=W?ve():null;return r.jsxs($e,{ref:B,theme:o,className:N,name:T==null?void 0:T.name,"data-accessor":T==null?void 0:T.accessor,onClick:b=>j(b,B),href:`/shop/${p}/campaign/${a}`,...te,children:[r.jsxs(Ie,{theme:o,children:[r.jsx("img",{src:l}),r.jsx(De,{children:h==null?void 0:h.map((b,E)=>{var $,P;return r.jsx(Le,{color:($=k==null?void 0:k.find(D=>D.value===b))==null?void 0:$.color,theme:o,children:r.jsx(he,{icon:(P=k==null?void 0:k.find(D=>D.value===b))==null?void 0:P.icon})},`package__${E}`)})})]}),r.jsxs(Ce,{theme:o,children:[r.jsx("div",{className:"text-block-wrapper",children:r.jsxs("div",{className:"title-block-wrapper",children:[r.jsx("div",{className:"campaign-title",children:(ie=x?w:Z)==null?void 0:ie.toUpperCase()}),r.jsx("div",{className:"campaign-title-text",children:m}),u&&d&&r.jsxs("div",{className:"campaign-date",children:[pe(d)," - ",pe(u)]}),r.jsxs("div",{className:"timestamp-text",children:[R>0&&r.jsxs("span",{className:"listings-text",children:[R," ",R===1?O:e," ","∙"," "]}),r.jsx("span",{className:`duration-text ${we?"urgent":""} ${K?"":"starts-in"}`,children:W&&V?r.jsxs("div",{className:"countdown-timer",children:[U," ",V.hours.toString().padStart(2,"0"),":",V.minutes.toString().padStart(2,"0"),":",V.seconds.toString().padStart(2,"0")]}):K&&!J&&L!==null&&L>0?ae(U,A,L,Y,H):J?ne||"Završena":!K&&Q!==null&&Q>0?ae(G,F,Q,re,X):null})]})]})}),r.jsx(fe,{hasPermission:!0,image:r.jsx(Ee,{src:v}),imageComponent:C,themeData:q,isActive:!0,isUser:!1,name:I,shopCategory:f,uuid:p,onClick:()=>g(p)})]})]})}),Re=S.styled.div`
+`,Re=d.forwardRef(({src:n,...t},a)=>{const s=d.useRef();return d.useEffect(()=>{var m;const p=l=>{l.target.src=de.DefaultShopImage,l.onerror=null};return(m=s==null?void 0:s.current)==null||m.addEventListener("error",p),()=>{var l;(l=s==null?void 0:s.current)==null||l.removeEventListener("error",p)}},[]),r.jsx(d.Fragment,{ref:a,children:w.isDefinedNotEmptyString(n)?r.jsx("img",{ref:s,src:n,...t}):r.jsx("img",{src:de.DefaultShopImage,...t})})}),xe=n=>{const{uuid:t,hasPermission:a=!0,isUser:s,image:p,imageComponent:m,name:l,notifications:_=0,color:g="primary",size:u="large",style:h,disabled:$,onClick:x=()=>{},isActive:v,className:T,shopCategory:I,themeData:j,LinkComponent:c}=n,y=c||"a",R={theme:ue.useTheme(),color:g,size:u,style:h,disabled:$};return d.createElement(Le,{onClick:f=>{f==null||f.preventDefault(),f.stopPropagation(),a===!0&&(x==null||x())},...R,key:l,className:`profile-item ${T}`,hasPermission:a,isActive:v,themeColor:(j==null?void 0:j.code)||"transparent",as:y,...c?{to:`/${s?"user":"shop"}/${t}`}:{href:`/${s?"user":"shop"}/${t}`}},r.jsx("div",{className:"logo-wrapper",children:w.isDefined(m)?m:p}),r.jsxs("div",{children:[r.jsx("div",{className:"name",children:l}),!s&&r.jsx("div",{className:"description",children:I}),_>0&&r.jsx("div",{className:"notifications-number",children:r.jsx($e,{className:"badge",color:"danger",size:"small",children:_>99?"99+":_})})]}))};xe.propTypes={id:o.PropTypes.any,isUserProfile:o.PropTypes.bool,themeColor:o.PropTypes.string,image:o.PropTypes.any,name:o.PropTypes.string,notifications:o.PropTypes.number,style:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:o.PropTypes.oneOf(["large"]),onSelect:o.PropTypes.func,hasPermission:o.PropTypes.bool};const he=n=>{if(n!==void 0){const t=new Date(n),a=t.getFullYear(),s=t.getMonth()+1;return`${String(t.getDate()).padStart(2)}. ${s}. ${a}.`}},Me=d.forwardRef((n,t)=>{var ce;const a=ue.useTheme(),{uuid:s,shopUuid:p,title:m="",coverPhoto:l,onSelect:_,startDate:g,endDate:u,salesPackages:h,shopName:$,shopCategory:x,shopImage:v,shopImageComponent:T,className:I,onSelectCard:j=()=>{},onSelectShop:c=()=>{},upcoming:y=!1,upcomingCampaignText:C,campaignSingleText:R,salesCampaignTypes:f=[],startsInPrefixTextPlural:V,startsinSuffixTextPlural:Z,startsInPrefixTextSingular:F,startsinSuffixTextSingular:ne,endsInPrefixTextPlural:X,endsinSuffixTextPlural:G,endsInPrefixTextSingular:U,endsinSuffixTextSingular:A,endedText:H,themeData:te,numberOfListings:D,numberOfListingsTextSingular:Y,numberOfListingsTextPlural:q,metadata:e,LinkComponent:O,...se}=n,J=O||"a",oe=d.useRef(),M=w.getDayNumberPrecise(g,u),K=M!==-1&&(M==null?void 0:M.isEnded)===!0,Q=M!==-1&&!K,ee=w.calcDaysUntil(g),L=w.calcDaysRemaining(u),be=L!==null&&L<=2&&L>0,ae=w.normalizeDate(u),ie=ae?new Date(ae):null,ve=new Date,re=ie?ie.getTime()-ve.getTime():null,B=re!==null&&re>0&&re<24*60*60*1e3,le=(b,E,k,P,N)=>k===1?`${b} ${k} ${P}`:`${E} ${k} ${N}`,Se=()=>{if(!u)return null;const b=w.normalizeDate(u),E=b?new Date(b):null;if(!E)return null;const k=je,P=E.getTime()-k.getTime();if(P<=0)return null;const N=Math.floor(P/(1e3*60*60)),_e=Math.floor(P%(1e3*60*60)/(1e3*60)),ke=Math.floor(P%(1e3*60)/1e3);return{hours:N,minutes:_e,seconds:ke}},[je,Pe]=d.useState(new Date);d.useEffect(()=>{if(!B)return;const b=setInterval(()=>{Pe(new Date)},1e3);return()=>clearInterval(b)},[B]);const W=B?Se():null;return r.jsxs(Ce,{ref:oe,theme:a,className:I,name:e==null?void 0:e.name,"data-accessor":e==null?void 0:e.accessor,onClick:b=>j(b,oe),as:J,...O?{to:`/shop/${p}/campaign/${s}`}:{href:`/shop/${p}/campaign/${s}`},...se,children:[r.jsxs(Ne,{theme:a,children:[r.jsx("img",{src:l}),r.jsx(Ee,{children:h==null?void 0:h.map((b,E)=>{var k,P;return r.jsx(ze,{color:(k=f==null?void 0:f.find(N=>N.value===b))==null?void 0:k.color,theme:a,children:r.jsx(me,{icon:(P=f==null?void 0:f.find(N=>N.value===b))==null?void 0:P.icon})},`package__${E}`)})})]}),r.jsxs(De,{theme:a,children:[r.jsx("div",{className:"text-block-wrapper",children:r.jsxs("div",{className:"title-block-wrapper",children:[r.jsx("div",{className:"campaign-title",children:(ce=y?C:R)==null?void 0:ce.toUpperCase()}),r.jsx("div",{className:"campaign-title-text",children:m}),u&&g&&r.jsxs("div",{className:"campaign-date",children:[he(g)," - ",he(u)]}),r.jsxs("div",{className:"timestamp-text",children:[D>0&&r.jsxs("span",{className:"listings-text",children:[D," ",D===1?Y:q," ","∙"," "]}),r.jsx("span",{className:`duration-text ${be?"urgent":""} ${Q?"":"starts-in"}`,children:B&&W?r.jsxs("div",{className:"countdown-timer",children:[U," ",W.hours.toString().padStart(2,"0"),":",W.minutes.toString().padStart(2,"0"),":",W.seconds.toString().padStart(2,"0")]}):Q&&!K&&L!==null&&L>0?le(U,X,L,A,G):K?H||"Završena":!Q&&ee!==null&&ee>0?le(F,V,ee,ne,Z):null})]})]})}),r.jsx(xe,{hasPermission:!0,image:r.jsx(Re,{src:v}),imageComponent:T,themeData:te,isActive:!0,isUser:!1,name:$,shopCategory:x,uuid:p,onClick:()=>c(p)})]})]})}),Ue=S.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -300,7 +300,7 @@
       }
     }
   }
-`,Me=S.styled(ge.motion.div)`
+`,qe=S.styled(Ie.motion.div)`
   display: grid;
   grid-template-columns: repeat(${n=>n==null?void 0:n.numOfColumns}, 1fr);
   gap: 1.5rem;
@@ -328,7 +328,7 @@
       /* Safari and Chrome */
     }
   }
-`,xe=c.forwardRef(({icon:n,title:t,numOfSlides:o=2,showNavigation:a=!0,hasNextPage:p=!1,handleFetchNextPage:m=()=>{},children:l},_)=>{const[d,u]=c.useState(0),[h,I]=c.useState(1),f=ue.useDetectMobile(),v=(l==null?void 0:l.length)??1;c.useEffect(()=>{const g=()=>{I(o)};return window.addEventListener("resize",g),g(),()=>window.removeEventListener("resize",g)},[]);const C=f?l:l==null?void 0:l.slice(d,d+h),N=g=>{var w;(w=g==null?void 0:g.target)==null||w.blur();const x=d+h;x<v&&u(x),x+h>=v&&p&&m()},j=g=>{var x;(x=g==null?void 0:g.target)==null||x.blur(),d-h>=0&&u(d-h)};return r.jsxs(Re,{ref:_,children:[r.jsx("div",{className:"scrollable-section__header",children:r.jsxs("div",{className:"scrollable-section__title",children:[y.isDefinedNotEmptyString(n)&&r.jsx(he,{icon:n,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),y.isDefinedNotEmptyString(t)&&r.jsxs("div",{className:"title__text",children:[" ",t]})]})}),r.jsxs(Me,{numOfColumns:o,...!f&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:[C,f&&p&&r.jsx(Te.InfiniteScrollEndElement,{onIsVisible:m})]},`scrollable-section__content-${d}`),a&&v>h&&!f&&r.jsxs("div",{className:"scrollable-section__navigation",children:[r.jsx(ce,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:d===0,onClick:j}),r.jsx(ce,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:d+h>=v,onClick:N})]})]})});xe.propTypes={icon:s.PropTypes.string,title:s.PropTypes.string,numOfSlides:s.PropTypes.number,numOfSlidesForMobile:s.PropTypes.number,handleFetchNextPage:s.PropTypes.func,showNavigation:s.PropTypes.bool};const Ue=S.styled.div`
+`,ye=d.forwardRef(({icon:n,title:t,numOfSlides:a=2,showNavigation:s=!0,hasNextPage:p=!1,handleFetchNextPage:m=()=>{},children:l},_)=>{const[g,u]=d.useState(0),[h,$]=d.useState(1),x=fe.useDetectMobile(),v=(l==null?void 0:l.length)??1;d.useEffect(()=>{const c=()=>{$(a)};return window.addEventListener("resize",c),c(),()=>window.removeEventListener("resize",c)},[]);const T=x?l:l==null?void 0:l.slice(g,g+h),I=c=>{var C;(C=c==null?void 0:c.target)==null||C.blur();const y=g+h;y<v&&u(y),y+h>=v&&p&&m()},j=c=>{var y;(y=c==null?void 0:c.target)==null||y.blur(),g-h>=0&&u(g-h)};return r.jsxs(Ue,{ref:_,children:[r.jsx("div",{className:"scrollable-section__header",children:r.jsxs("div",{className:"scrollable-section__title",children:[w.isDefinedNotEmptyString(n)&&r.jsx(me,{icon:n,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),w.isDefinedNotEmptyString(t)&&r.jsxs("div",{className:"title__text",children:[" ",t]})]})}),r.jsxs(qe,{numOfColumns:a,...!x&&{animate:{x:0,opacity:1},initial:{x:10,opacity:0}},children:[T,x&&p&&r.jsx(Te.InfiniteScrollEndElement,{onIsVisible:m})]},`scrollable-section__content-${g}`),s&&v>h&&!x&&r.jsxs("div",{className:"scrollable-section__navigation",children:[r.jsx(pe,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:g===0,onClick:j}),r.jsx(pe,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:g+h>=v,onClick:I})]})]})});ye.propTypes={icon:o.PropTypes.string,title:o.PropTypes.string,numOfSlides:o.PropTypes.number,numOfSlidesForMobile:o.PropTypes.number,handleFetchNextPage:o.PropTypes.func,showNavigation:o.PropTypes.bool};const Oe=S.styled.div`
   display: flex;
   flex: 1;
   width: 100%;
@@ -345,7 +345,7 @@
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`,ye=c.forwardRef(({sectionName:n,imageUrl:t,maxHeight:o="16.25rem",className:a="",handleClick:p=()=>{}},m)=>r.jsx(Ue,{ref:m,maxHeight:o,onClick:p,className:`itemless-banner ${a}`,children:r.jsx("img",{src:t,alt:`itemless-banner__${n}`})}));ye.propTypes={sectionName:s.PropTypes.string,imageUrl:s.PropTypes.string,maxHeight:s.PropTypes.string,className:s.PropTypes.string,handleClick:s.PropTypes.func};const qe=S.styled(i.SkeletonRowWrapper)`
+`,we=d.forwardRef(({sectionName:n,imageUrl:t,maxHeight:a="16.25rem",className:s="",handleClick:p=()=>{}},m)=>r.jsx(Oe,{ref:m,maxHeight:a,onClick:p,className:`itemless-banner ${s}`,children:r.jsx("img",{src:t,alt:`itemless-banner__${n}`})}));we.propTypes={sectionName:o.PropTypes.string,imageUrl:o.PropTypes.string,maxHeight:o.PropTypes.string,className:o.PropTypes.string,handleClick:o.PropTypes.func};const Be=S.styled(i.SkeletonRowWrapper)`
   @media (max-width: ${z.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
@@ -360,4 +360,4 @@
       }
     }
   }
-`,Oe=({keyPrefix:n})=>r.jsxs(qe,{children:[r.jsxs(i.SkeletonRowWrapper,{children:[r.jsx(i.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-1`),r.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(i.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(i.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(i.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]}),r.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[r.jsx(i.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-2`),r.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(i.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(i.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(i.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]})]}),Be=({keyPrefix:n,isLoading:t=!1,fallbackComponent:o=r.jsx(r.Fragment,{}),children:a})=>r.jsx(c.Suspense,{fallbackComponent:o,children:t===!0?r.jsx(Oe,{keyPrefix:n}):a}),We=c.memo(ze),Ve=c.forwardRef(({sellerType:n="Shop",items:t=[],title:o,icon:a,isLoading:p,onSelectCard:m=()=>{},onSelectShop:l=()=>{},getImage:_=()=>{},campaignSingleText:d,upcomingCampaignText:u,salesCampaignTypes:h=[],startsInPrefixTextPlural:I,startsinSuffixTextPlural:f,startsInPrefixTextSingular:v,startsinSuffixTextSingular:C,endsInPrefixTextPlural:N,endsinSuffixTextPlural:j,endsInPrefixTextSingular:g,endsinSuffixTextSingular:x,endedText:w,numOfSlides:Z=2,showNavigation:k=!0,numberOfListingsTextSingular:F,numberOfListingsTextPlural:X,itemlessImageUrl:G,itemlessLink:re,handleItemlessLink:A=()=>{},componentName:H,hasNextPage:U=!1,handleFetchNextPage:Y=()=>{}},ne)=>{const q=ue.useDetectMobile(),R=c.useMemo(()=>{let O=t==null?void 0:t.map((e,T)=>r.jsx(We,{className:"campaign-item",coverPhoto:_(e==null?void 0:e.coverPhoto,(e==null?void 0:e.uuid)||(e==null?void 0:e.campaignUuid)),description:e==null?void 0:e.description,endDate:e==null?void 0:e.endDate,salesPackages:e==null?void 0:e.salesPackages,sellerType:n,shopImage:e==null?void 0:e.profileImage,shopImageComponent:e==null?void 0:e.profileImageComponent,shopName:e==null?void 0:e.shopName,shopUuid:e==null?void 0:e.shopUuid,shopCategory:e==null?void 0:e.shopCategory,startDate:e==null?void 0:e.startDate,title:e==null?void 0:e.name,uuid:e==null?void 0:e.campaignUuid,onSelectCard:(te,B)=>m(e==null?void 0:e.campaignUuid,e==null?void 0:e.shopUuid,B),onSelectShop:()=>l(e==null?void 0:e.shopUuid),campaignSingleText:d,upcomingCampaignText:u,upcoming:e==null?void 0:e.upcoming,salesCampaignTypes:h,startsInPrefixTextPlural:I,startsinSuffixTextPlural:f,startsInPrefixTextSingular:v,startsinSuffixTextSingular:C,endsInPrefixTextPlural:N,endsinSuffixTextPlural:j,endsInPrefixTextSingular:g,endsinSuffixTextSingular:x,endedText:w,themeData:e==null?void 0:e.themeData,numberOfListings:e==null?void 0:e.numberOfListings,numberOfListingsTextSingular:F,numberOfListingsTextPlural:X,metadata:{name:H,accessor:e==null?void 0:e.accessor}},`campaign__item__${T}__${e==null?void 0:e.startDate}___${e==null?void 0:e.endDate}`));return(t==null?void 0:t.length)<2&&!q?[...O,r.jsx(ye,{imageUrl:G,className:"campaign-item",handleClick:A},"itemless-campaign-section-banner")]:O},[t]);return r.jsx(Be,{isLoading:p,keyPrefix:"sales-campaign-skeleton",children:r.jsx(xe,{icon:a,title:o,numOfSlides:Z,showNavigation:k,hasNextPage:U,handleFetchNextPage:Y,children:R},`sales-campaign-section__${q}`)})});module.exports=Ve;
+`,We=({keyPrefix:n})=>r.jsxs(Be,{children:[r.jsxs(i.SkeletonRowWrapper,{children:[r.jsx(i.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-1`),r.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(i.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(i.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(i.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]}),r.jsxs(i.SkeletonRowWrapper,{noGradient:!0,children:[r.jsx(i.SkeletonSquarePlaceholder,{width:"13.75rem",height:"13.75rem",className:"skeleton__image"},`${n}-2`),r.jsxs(i.SkeletonColumnWrapper,{noGradient:!0,children:[r.jsx(i.SkeletonLinePlaceholder,{height:"1rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.75rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"1.25rem"}),r.jsx(i.SkeletonLinePlaceholder,{height:"2rem"}),r.jsxs(i.SkeletonRowWrapper,{alignItems:"center",noGradient:!0,children:[r.jsx(i.SkeletonCirclePlaceholder,{width:"2.5rem",height:"2.5rem"}),r.jsx(i.SkeletonLinePlaceholder,{width:"5rem",height:"1.25rem"})]})]})]})]}),Ve=({keyPrefix:n,isLoading:t=!1,fallbackComponent:a=r.jsx(r.Fragment,{}),children:s})=>r.jsx(d.Suspense,{fallbackComponent:a,children:t===!0?r.jsx(We,{keyPrefix:n}):s}),Ze=d.memo(Me),Fe=d.forwardRef(({sellerType:n="Shop",items:t=[],title:a,icon:s,isLoading:p,onSelectCard:m=()=>{},onSelectShop:l=()=>{},getImage:_=()=>{},campaignSingleText:g,upcomingCampaignText:u,salesCampaignTypes:h=[],startsInPrefixTextPlural:$,startsinSuffixTextPlural:x,startsInPrefixTextSingular:v,startsinSuffixTextSingular:T,endsInPrefixTextPlural:I,endsinSuffixTextPlural:j,endsInPrefixTextSingular:c,endsinSuffixTextSingular:y,endedText:C,numOfSlides:R=2,showNavigation:f=!0,numberOfListingsTextSingular:V,numberOfListingsTextPlural:Z,itemlessImageUrl:F,itemlessLink:ne,handleItemlessLink:X=()=>{},componentName:G,hasNextPage:U=!1,handleFetchNextPage:A=()=>{},LinkComponent:H},te)=>{const D=fe.useDetectMobile(),Y=d.useMemo(()=>{let q=t==null?void 0:t.map((e,O)=>r.jsx(Ze,{className:"campaign-item",coverPhoto:_(e==null?void 0:e.coverPhoto,(e==null?void 0:e.uuid)||(e==null?void 0:e.campaignUuid)),description:e==null?void 0:e.description,endDate:e==null?void 0:e.endDate,salesPackages:e==null?void 0:e.salesPackages,sellerType:n,shopImage:e==null?void 0:e.profileImage,shopImageComponent:e==null?void 0:e.profileImageComponent,shopName:e==null?void 0:e.shopName,shopUuid:e==null?void 0:e.shopUuid,shopCategory:e==null?void 0:e.shopCategory,startDate:e==null?void 0:e.startDate,title:e==null?void 0:e.name,uuid:e==null?void 0:e.campaignUuid,onSelectCard:(se,J)=>m(e==null?void 0:e.campaignUuid,e==null?void 0:e.shopUuid,J),onSelectShop:()=>l(e==null?void 0:e.shopUuid),campaignSingleText:g,upcomingCampaignText:u,upcoming:e==null?void 0:e.upcoming,salesCampaignTypes:h,startsInPrefixTextPlural:$,startsinSuffixTextPlural:x,startsInPrefixTextSingular:v,startsinSuffixTextSingular:T,endsInPrefixTextPlural:I,endsinSuffixTextPlural:j,endsInPrefixTextSingular:c,endsinSuffixTextSingular:y,endedText:C,themeData:e==null?void 0:e.themeData,numberOfListings:e==null?void 0:e.numberOfListings,numberOfListingsTextSingular:V,numberOfListingsTextPlural:Z,metadata:{name:G,accessor:e==null?void 0:e.accessor},LinkComponent:H},`campaign__item__${O}__${e==null?void 0:e.startDate}___${e==null?void 0:e.endDate}`));return(t==null?void 0:t.length)<2&&!D?[...q,r.jsx(we,{imageUrl:F,className:"campaign-item",handleClick:X},"itemless-campaign-section-banner")]:q},[t]);return r.jsx(Ve,{isLoading:p,keyPrefix:"sales-campaign-skeleton",children:r.jsx(ye,{icon:s,title:a,numOfSlides:R,showNavigation:f,hasNextPage:U,handleFetchNextPage:A,children:Y},`sales-campaign-section__${D}`)})});module.exports=Fe;