@lanaco/lnc-react-ui 4.0.125 → 4.0.126

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./utils-CZynEOC_.cjs"),M=require("./consts-goSZX3xP.cjs"),te=require("./motion-B_VPZaJq.cjs"),o=require("./index-BpbMKBf_.cjs"),ne=require("./Icon.cjs"),ye=require("./Badge.cjs"),Z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),J=require("./IconButton.cjs"),se=require("./useDetectMobile-zkbzoOGV.cjs"),we=m.styled.div`
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),_=require("./utils-CZynEOC_.cjs"),M=require("./consts-goSZX3xP.cjs"),ae=require("./motion-B_VPZaJq.cjs"),s=require("./index-BpbMKBf_.cjs"),oe=require("./Icon.cjs"),we=require("./Badge.cjs"),G=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),ee=require("./IconButton.cjs"),ie=require("./useDetectMobile-zkbzoOGV.cjs"),be=u.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -13,11 +13,11 @@
     border: none;
     border-radius: 0;
   }
-`,be=m.styled.div`
+`,ve=u.styled.div`
   border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,"edged")};
-  height: 15rem;
-  width: 15rem;
-  min-width: 15rem;
+  height: 13.75rem;
+  width: 13.75rem;
+  min-width: 13.75rem;
   cursor: pointer;
 
   position: relative;
@@ -42,7 +42,7 @@
     max-width: 100dvh;
     height: 23.438rem;
   }
-`,ve=m.styled.div`
+`,_e=u.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -128,13 +128,13 @@
       gap: 0.25rem;
     }
   }
-`,K=(e=!1,n=!1,a=!1)=>`
+`,re=(e=!1,n=!1,o=!1)=>`
     display: flex;
     ${n?"flex-wrap: wrap;":""}
     ${n?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
-    ${a?"justify-content: center;":""}
-  `,_e=m.styled(te.motion.div)`
+    ${o?"justify-content: center;":""}
+  `,Te=u.styled(ae.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -151,7 +151,7 @@
     text-decoration: none;
   }
 
-  ${K(!0)}
+  ${re(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: var(--gray-950);
@@ -167,7 +167,7 @@
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${K(!0,!1,!0)}
+    ${re(!0,!1,!0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -205,13 +205,13 @@
     cursor: pointer;
     background-color: var(--gray-95080, #14161acc);
   }
-`,Te=m.styled.div`
+`,je=u.styled.div`
   position: absolute;
   top: 0.5rem;
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,je=m.styled.div`
+`,$e=u.styled.div`
   border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
   background-color: ${e=>e==null?void 0:e.color};
   color: white;
@@ -227,7 +227,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,ae=e=>{const{uuid:n,hasPermission:a=!0,isUser:l,image:w,name:h,notifications:p=0,color:i="primary",size:c="large",style:d,disabled:P,onClick:b=()=>{},isActive:T,className:j,shopCategory:$,themeData:f}=e,v={theme:Z.useTheme(),color:i,size:c,style:d,disabled:P};return u.createElement(_e,{onClick:I=>{I.stopPropagation(),a===!0&&(b==null||b())},...v,key:h,className:`profile-item ${j}`,hasPermission:a,isActive:T,themeColor:(f==null?void 0:f.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:w}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:h}),!l&&t.jsx("div",{className:"description",children:$}),p>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ye,{className:"badge",color:"danger",size:"small",children:p>99?"99+":p})})]}))};ae.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 Q=(e,n)=>{if(!e||!n)return null;const a=e.getTime()-n.getTime(),l=24*60*60*1e3;return a>=0?Math.ceil(a/l):Math.floor(a/l)},ee=e=>{if(e!==void 0){const n=new Date(e),a=n.getFullYear(),l=n.getMonth()+1;return`${String(n.getDate()).padStart(2)}. ${l}. ${a}.`}},oe=u.forwardRef((e,n)=>{var H;const a=Z.useTheme(),{shopUuid:l,title:w="",coverPhoto:h,onSelect:p,startDate:i,endDate:c,salesPackages:d,shopName:P,shopCategory:b,shopImage:T,className:j,onSelectCard:$=()=>{},onSelectShop:f=()=>{},upcoming:C=!1,upcomingCampaignText:v,campaignSingleText:I,salesCampaignTypes:x=[],startsInPrefixTextPlural:N,startsinSuffixTextPlural:E,startsInPrefixTextSingular:R,startsinSuffixTextSingular:z,endsInPrefixTextPlural:s,endsinSuffixTextPlural:g,endsInPrefixTextSingular:O,endsinSuffixTextSingular:r,themeData:V,numberOfListings:X,numberOfListingsTextSingular:le,numberOfListingsTextPlural:ce,...de}=e,A=i?new Date(i)<=new Date:!1,ge=Q(i?new Date(i):null,new Date),L=Q(c?new Date(c):null,new Date),ue=L!==null&&L<=2&&L>0,G=c?new Date(c).getTime():null,me=Date.now(),F=G!==null?G-me:null,U=F!==null&&F>0&&F<24*60*60*1e3,Y=(S,q,y,k,D)=>y===1?`${S} ${y} ${k}`:`${q} ${y} ${D}`,he=()=>{if(!c)return null;const S=pe,y=new Date(c).getTime()-S.getTime();if(y<=0)return null;const k=Math.floor(y/(1e3*60*60)),D=Math.floor(y%(1e3*60*60)/(1e3*60)),xe=Math.floor(y%(1e3*60)/1e3);return{hours:k,minutes:D,seconds:xe}},[pe,fe]=u.useState(new Date);u.useEffect(()=>{if(!U)return;const S=setInterval(()=>{fe(new Date)},1e3);return()=>clearInterval(S)},[U]);const B=U?he():null;return t.jsxs(we,{ref:n,theme:a,className:j,onClick:$,...de,children:[t.jsxs(be,{theme:a,onClick:()=>p==null?void 0:p(),children:[t.jsx("img",{src:h}),t.jsx(Te,{children:d==null?void 0:d.map((S,q)=>{var y,k;return t.jsx(je,{color:(y=x==null?void 0:x.find(D=>D.value===S))==null?void 0:y.color,theme:a,children:t.jsx(ne,{icon:(k=x==null?void 0:x.find(D=>D.value===S))==null?void 0:k.icon})},`package__${q}`)})})]}),t.jsxs(ve,{theme:a,children:[t.jsx("div",{className:"text-block-wrapper",children:t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:(H=C?v:I)==null?void 0:H.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:w}),c&&i&&t.jsxs("div",{children:[ee(i)," - ",ee(c)]}),t.jsxs("div",{className:"timestamp-text",children:[X>0&&t.jsxs("span",{className:"listings-text",children:[X," ",X===1?le:ce," ","∙"," "]}),t.jsx("span",{className:`duration-text ${ue?"urgent":""} ${A?"":"starts-in"}`,children:U&&B?t.jsxs("div",{className:"countdown-timer",children:[O," ",B.hours.toString().padStart(2,"0"),":",B.minutes.toString().padStart(2,"0"),":",B.seconds.toString().padStart(2,"0")]}):A?Y(O,s,L,r,g):Y(R,N,ge,z,E)})]})]})}),t.jsx(ae,{hasPermission:!0,image:t.jsx("img",{src:T,className:`${T?"":"no-image"}`}),themeData:V,isActive:!0,isUser:!1,name:P,shopCategory:b,onClick:()=>f(l)})]})]})});oe.propTypes={title:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),numberOfListings:o.PropTypes.number,dropdown:o.PropTypes.any,color:o.PropTypes.string};m.styled.div`
+`,le=e=>{const{uuid:n,hasPermission:o=!0,isUser:l,image:p,name:h,notifications:f=0,color:i="primary",size:d="large",style:g,disabled:S,onClick:b=()=>{},isActive:T,className:j,shopCategory:$,themeData:x}=e,v={theme:G.useTheme(),color:i,size:d,style:g,disabled:S};return c.createElement(Te,{onClick:I=>{I.stopPropagation(),o===!0&&(b==null||b())},...v,key:h,className:`profile-item ${j}`,hasPermission:o,isActive:T,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:p}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:h}),!l&&t.jsx("div",{className:"description",children:$}),f>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(we,{className:"badge",color:"danger",size:"small",children:f>99?"99+":f})})]}))};le.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 te=(e,n)=>{if(!e||!n)return null;const o=e.getTime()-n.getTime(),l=24*60*60*1e3;return o>=0?Math.ceil(o/l):Math.floor(o/l)},ne=e=>{if(e!==void 0){const n=new Date(e),o=n.getFullYear(),l=n.getMonth()+1;return`${String(n.getDate()).padStart(2)}. ${l}. ${o}.`}},ce=c.forwardRef((e,n)=>{var Q;const o=G.useTheme(),{shopUuid:l,title:p="",coverPhoto:h,onSelect:f,startDate:i,endDate:d,salesPackages:g,shopName:S,shopCategory:b,shopImage:T,className:j,onSelectCard:$=()=>{},onSelectShop:x=()=>{},upcoming:C=!1,upcomingCampaignText:v,campaignSingleText:I,salesCampaignTypes:y=[],startsInPrefixTextPlural:k,startsinSuffixTextPlural:E,startsInPrefixTextSingular:R,startsinSuffixTextSingular:z,endsInPrefixTextPlural:a,endsinSuffixTextPlural:m,endsInPrefixTextSingular:O,endsinSuffixTextSingular:H,themeData:U,numberOfListings:L,numberOfListingsTextSingular:B,numberOfListingsTextPlural:r,...Z}=e,Y=i?new Date(i)<=new Date:!1,ue=te(i?new Date(i):null,new Date),q=te(d?new Date(d):null,new Date),me=q!==null&&q<=2&&q>0,J=d?new Date(d).getTime():null,he=Date.now(),A=J!==null?J-he:null,W=A!==null&&A>0&&A<24*60*60*1e3,K=(P,X,w,D,N)=>w===1?`${P} ${w} ${D}`:`${X} ${w} ${N}`,pe=()=>{if(!d)return null;const P=fe,w=new Date(d).getTime()-P.getTime();if(w<=0)return null;const D=Math.floor(w/(1e3*60*60)),N=Math.floor(w%(1e3*60*60)/(1e3*60)),ye=Math.floor(w%(1e3*60)/1e3);return{hours:D,minutes:N,seconds:ye}},[fe,xe]=c.useState(new Date);c.useEffect(()=>{if(!W)return;const P=setInterval(()=>{xe(new Date)},1e3);return()=>clearInterval(P)},[W]);const V=W?pe():null;return t.jsxs(be,{ref:n,theme:o,className:j,onClick:$,...Z,children:[t.jsxs(ve,{theme:o,onClick:()=>f==null?void 0:f(),children:[t.jsx("img",{src:h}),t.jsx(je,{children:g==null?void 0:g.map((P,X)=>{var w,D;return t.jsx($e,{color:(w=y==null?void 0:y.find(N=>N.value===P))==null?void 0:w.color,theme:o,children:t.jsx(oe,{icon:(D=y==null?void 0:y.find(N=>N.value===P))==null?void 0:D.icon})},`package__${X}`)})})]}),t.jsxs(_e,{theme:o,children:[t.jsx("div",{className:"text-block-wrapper",children:t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:(Q=C?v:I)==null?void 0:Q.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:p}),d&&i&&t.jsxs("div",{children:[ne(i)," - ",ne(d)]}),t.jsxs("div",{className:"timestamp-text",children:[L>0&&t.jsxs("span",{className:"listings-text",children:[L," ",L===1?B:r," ","∙"," "]}),t.jsx("span",{className:`duration-text ${me?"urgent":""} ${Y?"":"starts-in"}`,children:W&&V?t.jsxs("div",{className:"countdown-timer",children:[O," ",V.hours.toString().padStart(2,"0"),":",V.minutes.toString().padStart(2,"0"),":",V.seconds.toString().padStart(2,"0")]}):Y?K(O,a,q,H,m):K(R,k,ue,z,E)})]})]})}),t.jsx(le,{hasPermission:!0,image:t.jsx("img",{src:T,className:`${T?"":"no-image"}`}),themeData:U,isActive:!0,isUser:!1,name:S,shopCategory:b,onClick:()=>x(l)})]})]})});ce.propTypes={title:s.PropTypes.oneOfType([s.PropTypes.string,s.PropTypes.element]),numberOfListings:s.PropTypes.number,dropdown:s.PropTypes.any,color:s.PropTypes.string};u.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -265,18 +265,18 @@
       margin-right: 0;
     }
   }
-`;const W=m.styled.div`
+`;const F=u.styled.div`
   width: ${e=>e.width||"100%"};
   height: ${e=>(e.heightCoeff||1)*1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
   ${_.linearGradientAnimation("-90deg")}
-`,$e=m.styled.div`
+`,Pe=u.styled.div`
   display: flex;
   flex-direction: ${e=>e!=null&&e.row?"row":"column"};
   gap: ${e=>(e==null?void 0:e.gap)??"0.5rem"};
   width: ${e=>(e==null?void 0:e.width)??"100%"};
-`,re=m.styled.div`
+`,se=u.styled.div`
   border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
   background: var(--gray-200, #dddfe4);
   position: relative;
@@ -287,7 +287,7 @@
   flex-shrink: 0;
 
   ${_.linearGradientAnimation()}
-`,Se=m.styled.div`
+`,Se=u.styled.div`
   background: var(--white, #fff);
   border-radius: ${e=>_.getBorderRadiusValueWithUnits(e.theme,"edged")};
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
@@ -323,10 +323,10 @@
       margin-top: 1rem;
     }
   }
-`,Pe=m.styled.div`
+`,Ce=u.styled.div`
   display: flex;
   gap: 1.5rem;
-`,Ce=u.forwardRef(({},e)=>{const n=Z.useTheme();return t.jsxs(Se,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(re,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs($e,{theme:n,children:[t.jsx(W,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(W,{heightCoeff:1.25,theme:n}),t.jsx(W,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(re,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(W,{theme:n,width:"75%"})]})]})]})}),Ie=({itemsCount:e=5,keyPrefix:n})=>t.jsx(Pe,{children:Array.from({length:e},(a,l)=>t.jsx(Ce,{},`${n}-skeleton-campaign-card-${l}`))}),De=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:a=!1,itemsCount:l=5,keyPrefix:w})=>t.jsx(u.Suspense,{fallback:n,children:a===!0?t.jsx(Ie,{itemsCount:l,keyPrefix:w}):e}),Ne=m.styled.div`
+`,Ie=c.forwardRef(({},e)=>{const n=G.useTheme();return t.jsxs(Se,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(se,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(Pe,{theme:n,children:[t.jsx(F,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(F,{heightCoeff:1.25,theme:n}),t.jsx(F,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(se,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(F,{theme:n,width:"75%"})]})]})]})}),Ne=({itemsCount:e=5,keyPrefix:n})=>t.jsx(Ce,{children:Array.from({length:e},(o,l)=>t.jsx(Ie,{},`${n}-skeleton-campaign-card-${l}`))}),ke=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:o=!1,itemsCount:l=5,keyPrefix:p})=>t.jsx(c.Suspense,{fallback:n,children:o===!0?t.jsx(Ne,{itemsCount:l,keyPrefix:p}):e}),De=u.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -367,7 +367,7 @@
     top: 0;
     right: 0;
   }
-`,ke=m.styled(te.motion.div)`
+`,Me=u.styled(ae.motion.div)`
   display: grid;
   grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumns}, 1fr);
   gap: 1.5rem;
@@ -375,4 +375,21 @@
   @media (max-width: ${M.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumnsForMobile}, 1fr);
   }
-`,ie=u.forwardRef(({icon:e,title:n,numOfSlides:a=2,numOfSlidesForMobile:l=1,showNavigation:w=!0,children:h},p)=>{const[i,c]=u.useState(0),[d,P]=u.useState(1),[b,T]=u.useState(null),[j,$]=u.useState(null),f=se.useDetectMobile(),C=50,v=(h==null?void 0:h.length)??1;u.useEffect(()=>{const s=()=>{P(f?l:a)};return window.addEventListener("resize",s),s(),()=>window.removeEventListener("resize",s)},[]);const I=h==null?void 0:h.slice(i,i+d),x=s=>{var g;(g=s==null?void 0:s.target)==null||g.blur(),i+d<v&&c(i+d)},N=s=>{var g;(g=s==null?void 0:s.target)==null||g.blur(),i-d>=0&&c(i-d)},E=s=>{var g;$(null),T((g=s==null?void 0:s.targetTouches["0"])==null?void 0:g.clientX)},R=s=>{var g;$((g=s==null?void 0:s.targetTouches["0"])==null?void 0:g.clientX)},z=()=>{if(!b||!j)return;const s=b-j;s>C&&x(),s<-C&&N()};return t.jsxs(Ne,{ref:p,...f?{onTouchStart:E,onTouchMove:R,onTouchEnd:z}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[_.isDefinedNotEmptyString(e)&&t.jsx(ne,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),_.isDefinedNotEmptyString(n)&&t.jsx("div",{className:"title__text",children:n})]})}),t.jsx(ke,{numOfColumns:a,numOfColumnsForMobile:l,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:I},`scrollable-section__content-${i}`),w&&v>d&&!f&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(J,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:N}),t.jsx(J,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+d>=v,onClick:x})]})]})});ie.propTypes={icon:o.PropTypes.string,title:o.PropTypes.string,numOfSlides:o.PropTypes.number,numOfSlidesForMobile:o.PropTypes.number,showNavigation:o.PropTypes.bool};const Me=u.memo(oe),Ee=u.forwardRef(({sellerType:e="Shop",items:n=[],title:a,icon:l,isLoading:w,onSelectCard:h=()=>{},onSelectShop:p=()=>{},getImage:i=()=>{},campaignSingleText:c,upcomingCampaignText:d,salesCampaignTypes:P=[],startsInPrefixTextPlural:b,startsinSuffixTextPlural:T,startsInPrefixTextSingular:j,startsinSuffixTextSingular:$,endsInPrefixTextPlural:f,endsinSuffixTextPlural:C,endsInPrefixTextSingular:v,endsinSuffixTextSingular:I,numOfSlides:x=2,numOfSlidesForMobile:N=1,showNavigation:E=!0,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z},s)=>{const g=se.useDetectMobile(),O=u.useMemo(()=>n==null?void 0:n.map((r,V)=>t.jsx(Me,{className:"campaign-item",coverPhoto:i(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,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:()=>h(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>p(r==null?void 0:r.shopUuid),campaignSingleText:c,upcomingCampaignText:d,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:P,startsInPrefixTextPlural:b,startsinSuffixTextPlural:T,startsInPrefixTextSingular:j,startsinSuffixTextSingular:$,endsInPrefixTextPlural:f,endsinSuffixTextPlural:C,endsInPrefixTextSingular:v,endsinSuffixTextSingular:I,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z},`campaign__item__${V}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[n]);return t.jsx(De,{isLoading:w,itemsCount:g?1:2,keyPrefix:"sales-camp",children:t.jsx(ie,{icon:l,title:a,numOfSlides:x,numOfSlidesForMobile:N,showNavigation:E,children:O})})});module.exports=Ee;
+`,de=c.forwardRef(({icon:e,title:n,numOfSlides:o=2,numOfSlidesForMobile:l=1,showNavigation:p=!0,children:h},f)=>{const[i,d]=c.useState(0),[g,S]=c.useState(1),[b,T]=c.useState(null),[j,$]=c.useState(null),x=ie.useDetectMobile(),C=50,v=(h==null?void 0:h.length)??1;c.useEffect(()=>{const a=()=>{S(x?l:o)};return window.addEventListener("resize",a),a(),()=>window.removeEventListener("resize",a)},[]);const I=h==null?void 0:h.slice(i,i+g),y=a=>{var m;(m=a==null?void 0:a.target)==null||m.blur(),i+g<v&&d(i+g)},k=a=>{var m;(m=a==null?void 0:a.target)==null||m.blur(),i-g>=0&&d(i-g)},E=a=>{var m;$(null),T((m=a==null?void 0:a.targetTouches["0"])==null?void 0:m.clientX)},R=a=>{var m;$((m=a==null?void 0:a.targetTouches["0"])==null?void 0:m.clientX)},z=()=>{if(!b||!j)return;const a=b-j;a>C&&y(),a<-C&&k()};return t.jsxs(De,{ref:f,...x?{onTouchStart:E,onTouchMove:R,onTouchEnd:z}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[_.isDefinedNotEmptyString(e)&&t.jsx(oe,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),_.isDefinedNotEmptyString(n)&&t.jsx("div",{className:"title__text",children:n})]})}),t.jsx(Me,{numOfColumns:o,numOfColumnsForMobile:l,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:I},`scrollable-section__content-${i}`),p&&v>g&&!x&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(ee,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i===0,onClick:k}),t.jsx(ee,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:i+g>=v,onClick:y})]})]})});de.propTypes={icon:s.PropTypes.string,title:s.PropTypes.string,numOfSlides:s.PropTypes.number,numOfSlidesForMobile:s.PropTypes.number,showNavigation:s.PropTypes.bool};const Ee=u.styled.div`
+  display: flex;
+  flex: 1;
+  width: 100%;
+  max-height: ${e=>e==null?void 0:e.maxHeight};
+  border-radius: 1.25rem;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  & img {
+    width: 100%;
+    height: 100%;
+    border-radius: 1.25rem;
+    object-fit: cover;
+  }
+`,ge=c.forwardRef(({sectionName:e,imageUrl:n,maxHeight:o="16.25rem",className:l="",handleClick:p=()=>{}})=>t.jsx(Ee,{maxHeight:o,onClick:p,className:`itemless-banner ${l}`,children:t.jsx("img",{src:n,alt:`itemless-banner__${e}`})}));ge.propTypes={sectionName:s.PropTypes.string,imageUrl:s.PropTypes.string,maxHeight:s.PropTypes.string,className:s.PropTypes.string,handleClick:s.PropTypes.func};const Re=c.memo(ce),ze=c.forwardRef(({sellerType:e="Shop",items:n=[],title:o,icon:l,isLoading:p,onSelectCard:h=()=>{},onSelectShop:f=()=>{},getImage:i=()=>{},campaignSingleText:d,upcomingCampaignText:g,salesCampaignTypes:S=[],startsInPrefixTextPlural:b,startsinSuffixTextPlural:T,startsInPrefixTextSingular:j,startsinSuffixTextSingular:$,endsInPrefixTextPlural:x,endsinSuffixTextPlural:C,endsInPrefixTextSingular:v,endsinSuffixTextSingular:I,numOfSlides:y=2,numOfSlidesForMobile:k=1,showNavigation:E=!0,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z,itemlessImageUrl:a,itemlessLink:m,handleItemlessLink:O=()=>{}},H)=>{const U=ie.useDetectMobile(),L=c.useMemo(()=>{let B=n==null?void 0:n.map((r,Z)=>t.jsx(Re,{className:"campaign-item",coverPhoto:i(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,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:()=>h(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>f(r==null?void 0:r.shopUuid),campaignSingleText:d,upcomingCampaignText:g,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:S,startsInPrefixTextPlural:b,startsinSuffixTextPlural:T,startsInPrefixTextSingular:j,startsinSuffixTextSingular:$,endsInPrefixTextPlural:x,endsinSuffixTextPlural:C,endsInPrefixTextSingular:v,endsinSuffixTextSingular:I,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:R,numberOfListingsTextPlural:z},`campaign__item__${Z}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`));return(n==null?void 0:n.length)<2&&!U?[...B,t.jsx(ge,{imageUrl:a,className:"campaign-item",handleClick:O})]:B},[n]);return t.jsx(ke,{isLoading:p,itemsCount:U?1:2,keyPrefix:"sales-camp",children:t.jsx(de,{icon:l,title:o,numOfSlides:y,numOfSlidesForMobile:k,showNavigation:E,children:L})})});module.exports=ze;