@lanaco/lnc-react-ui 4.0.93 → 4.0.95

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),n=require("react"),u=require("./emotion-styled.browser.esm-BtEseadx.cjs"),D=require("./utils-BWzf4vLl.cjs"),E=require("./consts-goSZX3xP.cjs"),ee=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),re=require("./Icon.cjs"),te=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),X=require("./useDetectMobile-zkbzoOGV.cjs"),oe=require("./FlexBox.cjs"),V=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),ie=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),i=require("react"),w=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./utils-BOtq2mcF.cjs"),B=require("./consts-goSZX3xP.cjs"),re=require("./motion-B_VPZaJq.cjs"),n=require("./index-BPVoEhTF.cjs"),te=require("./Icon.cjs"),oe=require("./Badge.cjs"),z=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),Y=require("./useDetectMobile-zkbzoOGV.cjs"),ne=require("./FlexBox.cjs"),H=require("./index-CHDRU86t.cjs"),O=require("./IconButton.cjs");var ie=function(e){return e===void 0&&(e={laptopL:1440,laptop:1024,tablet:768}),function(){var o=i.useState(v.isBrowser?window.innerWidth:0),a=o[0],l=o[1];i.useEffect(function(){var s=function(){l(window.innerWidth)};return s(),v.on(window,"resize",s),function(){v.off(window,"resize",s)}});var f=i.useMemo(function(){return Object.entries(e).sort(function(s,g){return s[1]>=g[1]?1:-1})},[e]),c=f.reduce(function(s,g){var b=g[0],m=g[1];return a>=m?b:s},f[0][0]);return c}};const se=w.styled.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -6,15 +6,15 @@
   border-radius: 20px;
   border: 1px solid var(--gray-95008, #14161a14);
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`,se=u.styled.div`
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,"edged")};
+`,ae=w.styled.div`
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"edged")};
   height: 15rem;
   width: 15rem;
   min-width: 15rem;
@@ -37,12 +37,12 @@
     }
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`,ne=u.styled.div`
+`,le=w.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -91,7 +91,7 @@
     background-color: transparent;
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -105,13 +105,13 @@
       gap: 0.25rem;
     }
   }
-`,ae={"#ADE3EB":"#76D0DB","#DDD6FE":"#C4B5FD","#FDE68A":"#FCD34D","#A7F3D0":"#6EE7B7","#BADFFF":"#87C6FA","#FECDD3":"#FDA4AF","#EFE2CF":"#EAD2AF","#DDDFE4":"#C4C8CF","#E7E5E4":"#D6D3D1","#FED7AA":"#FDBA74",default:"#C4C8CF"},H=(e=!1,o=!1,c=!1)=>`
+`,ce={"#ADE3EB":"#76D0DB","#DDD6FE":"#C4B5FD","#FDE68A":"#FCD34D","#A7F3D0":"#6EE7B7","#BADFFF":"#87C6FA","#FECDD3":"#FDA4AF","#EFE2CF":"#EAD2AF","#DDDFE4":"#C4C8CF","#E7E5E4":"#D6D3D1","#FED7AA":"#FDBA74",default:"#C4C8CF"},Z=(e=!1,o=!1,a=!1)=>`
     display: flex;
     ${o?"flex-wrap: wrap;":""}
     ${o?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
-    ${c?"justify-content: center;":""}
-  `,le=u.styled(ee.motion.div)`
+    ${a?"justify-content: center;":""}
+  `,de=w.styled(re.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -128,22 +128,22 @@
     text-decoration: none;
   }
 
-  ${H(!0)}
+  ${Z(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: ${e=>e.isActive===!1?"var(--gray-900)":"var(--primary-600)"};
   font-weight: 500;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,"slight")};
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"slight")};
   transition: all 0.25s ease;
 
   & .logo-wrapper {
-    ${H(!0,!1,!0)}
+    ${Z(!0,!1,!0)}
     flex-shrink: 0;
     border-radius: 999px;
     border: 3px solid
-      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":ae[e.themeColor]??"var(--gray-300, #c4c8cf)"};
+      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":ce[e.themeColor]??"var(--gray-300, #c4c8cf)"};
 
     & img,
     .img-placeholder {
@@ -185,15 +185,15 @@
     background-color: var(--gray-95080, #14161acc);
     color: var(--gray-600, #676e79);
   }
-`,ce=u.styled.div`
+`,he=w.styled.div`
   position: absolute;
   top: 0.5rem;
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,de=e=>`var(--${e}-700)`,ge=u.styled.div`
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
-  background-color: ${e=>de(e==null?void 0:e.color)};
+`,ge=e=>`var(--${e}-700)`,ue=w.styled.div`
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
+  background-color: ${e=>ge(e==null?void 0:e.color)};
   color: white;
   height: 1.5rem;
   min-width: 1.5rem;
@@ -207,7 +207,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,Y=e=>{const{uuid:o,hasPermission:c=!0,isUser:s,image:x,name:a,notifications:h=0,color:f="primary",size:w="large",style:j,disabled:l,onSelect:g=()=>{},isActive:y,className:b,themeData:m}=e,P={theme:M.useTheme(),color:f,size:w,style:j,disabled:l};return n.createElement(le,{onClick:S=>{S.stopPropagation(),c===!0&&(g==null||g())},...P,key:a,animate:{y:0,opacity:1},className:`profile-item ${b}`,exit:{opacity:0},hasPermission:c,initial:{y:-10,opacity:0},isActive:y,themeColor:(m==null?void 0:m.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:x}),t.jsx("div",{className:"name",children:a}),h>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(te,{className:"badge",color:"danger",size:"small",children:h>99?"99+":h})}))};Y.propTypes={id:i.PropTypes.any,isUserProfile:i.PropTypes.bool,themeColor:i.PropTypes.string,image:i.PropTypes.any,name:i.PropTypes.string,notifications:i.PropTypes.number,style:i.PropTypes.object,className:i.PropTypes.string,color:i.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:i.PropTypes.oneOf(["large"]),onSelect:i.PropTypes.func,hasPermission:i.PropTypes.bool};const Z=(e,o)=>{if(!e||!o)return null;let c=Math.floor((e==null?void 0:e.getTime())-(o==null?void 0:o.getTime())),s=1e3*60*60*24;return Math.ceil(c/s)},J=e=>{const o=M.useTheme(),{uuid:c,shopUuid:s,title:x="",description:a,badges:h,coverPhoto:f,onSelect:w,status:j,startDate:l,endDate:g,salesPackages:y,shopName:b,shopImage:m,className:p,onSelectCard:P=()=>{},onSelectShop:S=()=>{},campaignSingleText:r,salesCampaignTypes:v=[],startsInPrefixTextPlural:O,startsinSuffixTextPlural:k,startsInPrefixTextSingular:A,startsinSuffixTextSingular:C,themeData:R,...U}=e,W=l?new Date(l)<=new Date:!1;Z(g?new Date(g):null,l?new Date(l):null);const d=Z(l?new Date(l):null,new Date);return t.jsxs(ie,{theme:o,className:p,onClick:P,...U,children:[t.jsxs(se,{theme:o,onClick:()=>w==null?void 0:w(),children:[t.jsx("img",{src:f}),t.jsx(ce,{children:y==null?void 0:y.map(($,_)=>{var I,B;return t.jsx(ge,{color:(I=v==null?void 0:v.find(F=>F.value===$))==null?void 0:I.color,theme:o,children:t.jsx(re,{icon:(B=v==null?void 0:v.find(F=>F.value===$))==null?void 0:B.icon})},`package__${_}`)})})]}),t.jsxs(ne,{theme:o,children:[t.jsxs("div",{className:"text-block-wrapper",children:[t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:r}),t.jsx("div",{className:"campaign-title-text",children:x}),t.jsx("div",{className:"timestamp-text",children:W?"":d===1?`${A} ${d} ${C}`:`${O} ${d} ${k}`})]}),t.jsx("div",{children:a})]}),t.jsx(Y,{hasPermission:!0,image:t.jsx("img",{src:m,className:`${m?"":"no-image"}`}),themeData:R,isActive:!0,isUser:!1,name:b,onClick:()=>S(s)})]})]})};J.propTypes={title:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),numberOfListings:i.PropTypes.number,dropdown:i.PropTypes.any,color:i.PropTypes.string};const he=u.styled.div`
+`,J=e=>{const{uuid:o,hasPermission:a=!0,isUser:l,image:f,name:c,notifications:s=0,color:g="primary",size:b="large",style:m,disabled:$,onClick:d=()=>{},isActive:j,className:x,themeData:y}=e,D={theme:z.useTheme(),color:g,size:b,style:m,disabled:$};return i.createElement(de,{onClick:T=>{T.stopPropagation(),a===!0&&(d==null||d())},...D,key:c,animate:{y:0,opacity:1},className:`profile-item ${x}`,exit:{opacity:0},hasPermission:a,initial:{y:-10,opacity:0},isActive:j,themeColor:(y==null?void 0:y.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:f}),t.jsx("div",{className:"name",children:c}),s>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(oe,{className:"badge",color:"danger",size:"small",children:s>99?"99+":s})}))};J.propTypes={id:n.PropTypes.any,isUserProfile:n.PropTypes.bool,themeColor:n.PropTypes.string,image:n.PropTypes.any,name:n.PropTypes.string,notifications:n.PropTypes.number,style:n.PropTypes.object,className:n.PropTypes.string,color:n.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:n.PropTypes.oneOf(["large"]),onSelect:n.PropTypes.func,hasPermission:n.PropTypes.bool};const G=(e,o)=>{if(!e||!o)return null;let a=Math.floor((e==null?void 0:e.getTime())-(o==null?void 0:o.getTime())),l=1e3*60*60*24;return Math.ceil(a/l)},K=i.forwardRef((e,o)=>{const a=z.useTheme(),{uuid:l,shopUuid:f,title:c="",description:s,badges:g,coverPhoto:b,onSelect:m,status:$,startDate:d,endDate:j,salesPackages:x,shopName:y,shopImage:u,className:D,onSelectCard:T=()=>{},onSelectShop:N=()=>{},campaignSingleText:F,salesCampaignTypes:S=[],startsInPrefixTextPlural:h,startsinSuffixTextPlural:E,startsInPrefixTextSingular:P,startsinSuffixTextSingular:r,themeData:_,...q}=e,M=d?new Date(d)<=new Date:!1;G(j?new Date(j):null,d?new Date(d):null);const p=G(d?new Date(d):null,new Date);return t.jsxs(se,{ref:o,theme:a,className:D,onClick:T,...q,children:[t.jsxs(ae,{theme:a,onClick:()=>m==null?void 0:m(),children:[t.jsx("img",{src:b}),t.jsx(he,{children:x==null?void 0:x.map((k,A)=>{var I,W;return t.jsx(ue,{color:(I=S==null?void 0:S.find(L=>L.value===k))==null?void 0:I.color,theme:a,children:t.jsx(te,{icon:(W=S==null?void 0:S.find(L=>L.value===k))==null?void 0:W.icon})},`package__${A}`)})})]}),t.jsxs(le,{theme:a,children:[t.jsxs("div",{className:"text-block-wrapper",children:[t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:F}),t.jsx("div",{className:"campaign-title-text",children:c}),t.jsx("div",{className:"timestamp-text",children:M?"":p===1?`${P} ${p} ${r}`:`${h} ${p} ${E}`})]}),t.jsx("div",{children:s})]}),t.jsx(J,{hasPermission:!0,image:t.jsx("img",{src:u,className:`${u?"":"no-image"}`}),themeData:_,isActive:!0,isUser:!1,name:y,onClick:()=>N(f)})]})]})});K.propTypes={title:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.element]),numberOfListings:n.PropTypes.number,dropdown:n.PropTypes.any,color:n.PropTypes.string};const pe=w.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -218,7 +218,7 @@
     position: absolute;
     top: 50%;
     left: 1.5rem;
-    z-index: ${e=>D.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
+    z-index: ${e=>v.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
   }
 
   & .hover-right-arrow {
@@ -226,7 +226,7 @@
     position: absolute;
     top: 50%;
     right: 1.5rem;
-    z-index: ${e=>D.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
+    z-index: ${e=>v.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
   }
 
   & .clip-loader-wrapper {
@@ -234,14 +234,14 @@
     padding: 0 1rem;
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     gap: 1.25rem;
     & .hover-left-arrow,
     .hover-right-arrow {
       display: flex;
     }
   }
-`,pe=u.styled.div`
+`,fe=w.styled.div`
   display: flex;
   align-items: center;
 
@@ -256,13 +256,13 @@
     gap: 0.375rem;
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     padding: 0 1rem;
     & .btns-group {
       display: none;
     }
   }
-`,ue=u.styled.div`
+`,me=w.styled.div`
   position: relative;
   padding: ${e=>e.padding};
 
@@ -330,7 +330,7 @@
     visibility: ${e=>e.hasOverflow?"visible":"hidden"};
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     & .scroll-arrow-left,
     & .scroll-arrow-right {
       display: none;
@@ -340,7 +340,7 @@
       right: 0;
     }
   }
-`,fe=(e,o)=>{const[c,s]=n.useState({trigger:null,direction:null}),x=a=>a.touches||a.originalEvent.touches;return n.useEffect(()=>{const a=typeof e=="string"||e instanceof String?document.getElementById(e):e.current;let h=null,f=null;if(a){const w=l=>{const g=x(l)[0];h=g.clientX,f=g.clientY},j=l=>{if(!h||!f)return;const g=l.touches[0].clientX,y=l.touches[0].clientY,b=h-g,m=f-y;Math.abs(b)>Math.abs(m)?b>0?s(p=>({trigger:!p.trigger,direction:N.LEFT})):s(p=>({trigger:!p.trigger,direction:N.RIGHT})):m>0?s(p=>({trigger:!p.trigger,direction:N.UP})):s(p=>({trigger:!p.trigger,direction:N.DOWN})),h=null,f=null};return a.addEventListener("touchstart",w),a.addEventListener("touchmove",j),()=>{a.removeEventListener("touchstart",w),a.addEventListener("touchmove",j)}}},[]),c},N={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},K=n.forwardRef(({title:e,columnGap:o="2rem",rowGap:c="1.25rem",scrollBySize:s=300,wrapForMobile:x=!1,wrap:a=!1,children:h,methodsRef:f,arrowsVisibleOnHover:w=!0,rightAlignArrows:j=!1,padding:l="0",showTimesBtn:g,noArrows:y,onShowEnd:b,arrowsZIndex:m,elementsCount:p,minElementsCount:P=2,...S},r)=>{const v=X.useDetectMobile(),O=M.useTheme(),[k,A]=n.useState(p<P),[C,R]=n.useState(!1),[U,W]=n.useState(!0),d=n.useRef(),$=fe(d);n.useEffect(()=>{($==null?void 0:$.direction)===N.RIGHT&&C!==!0?I():($==null?void 0:$.direction)===N.LEFT&&k!==!0&&_()},[$]);const _=()=>{var T;(T=d.current)==null||T.scrollBy(s,0)},I=()=>{var T;(T=d.current)==null||T.scrollBy(-s,0)},[B,F]=n.useState(!1);n.useEffect(()=>{var T,q;F(((T=d==null?void 0:d.current)==null?void 0:T.scrollWidth)>((q=d==null?void 0:d.current)==null?void 0:q.clientWidth))},[h]),n.useImperativeHandle(f,()=>({scrollToEnd(){Q()},scrollLeft(){I()},scrollRight(){_()}}));const Q=()=>{d.current.scrollLeft=d.current.scrollWidth};return t.jsxs(he,{arrowsZIndex:m,children:[t.jsxs(pe,{children:[t.jsx("div",{children:e}),t.jsxs("div",{className:"btns-group",children:[t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:C,icon:"angle-left",onClick:I}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:k,icon:"angle-right",onClick:_})]})]}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-left-arrow scroll-arrow-left",color:"neutral",disabled:C,icon:"angle-left",onClick:I}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-right-arrow scroll-arrow-right",color:"neutral",disabled:k,icon:"angle-right",onClick:_}),t.jsx(ue,{ref:r,arrowsVisibleOnHover:w,hasOverflow:B,noArrows:y,padding:l,rightAlignArrows:j,showTimesBtn:g,theme:O,...S,children:t.jsxs(oe,{ref:d,className:"scrollable-container",columnGap:o,rowGap:c,wrap:a||x&&v?"Wrap":"NoWrap",children:[t.jsx(V.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{C===!0&&R(!1)},onIsVisible:()=>{C===!1&&R(!0)}}),h,t.jsx(V.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{k===!0&&A(!1),W(!0)},onIsVisible:()=>{k===!1&&A(!0),W(!1),b==null||b()}}),U&&B&&t.jsx("div",{className:"gradient"})]})})]})});K.propTypes={title:i.PropTypes.string,rowGap:i.PropTypes.string,columnGap:i.PropTypes.string,scrollBySize:i.PropTypes.number,wrapForMobile:i.PropTypes.bool,wrap:i.PropTypes.bool,methodsRef:i.PropTypes.any,arrowsVisibleOnHover:i.PropTypes.bool,rightAlignArrows:i.PropTypes.bool,padding:i.PropTypes.string};const me=u.styled.div`
+`,xe=(e,o)=>{const[a,l]=i.useState({trigger:null,direction:null}),f=c=>c.touches||c.originalEvent.touches;return i.useEffect(()=>{const c=typeof e=="string"||e instanceof String?document.getElementById(e):e.current;let s=null,g=null;if(c){const b=$=>{const d=f($)[0];s=d.clientX,g=d.clientY},m=$=>{if(!s||!g)return;const d=$.touches[0].clientX,j=$.touches[0].clientY,x=s-d,y=g-j;Math.abs(x)>Math.abs(y)?x>0?l(u=>({trigger:!u.trigger,direction:R.LEFT})):l(u=>({trigger:!u.trigger,direction:R.RIGHT})):y>0?l(u=>({trigger:!u.trigger,direction:R.UP})):l(u=>({trigger:!u.trigger,direction:R.DOWN})),s=null,g=null};return c.addEventListener("touchstart",b),c.addEventListener("touchmove",m),()=>{c.removeEventListener("touchstart",b),c.addEventListener("touchmove",m)}}},[]),a},R={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},Q=i.forwardRef(({title:e,columnGap:o="2rem",rowGap:a="1.25rem",scrollBySize:l=300,wrapForMobile:f=!1,wrap:c=!1,children:s,methodsRef:g,arrowsVisibleOnHover:b=!0,rightAlignArrows:m=!1,padding:$="0",showTimesBtn:d,noArrows:j,onShowEnd:x,arrowsZIndex:y,showArrows:u,elementsCount:D,minElementsCount:T=2,...N},F)=>{const S=Y.useDetectMobile(),h=z.useTheme(),[E,P]=i.useState(D<T),[r,_]=i.useState(!1),[q,M]=i.useState(!0),p=i.useRef(),k=xe(p);i.useEffect(()=>{(k==null?void 0:k.direction)===R.RIGHT&&r!==!0?I():(k==null?void 0:k.direction)===R.LEFT&&E!==!0&&A()},[k]);const A=()=>{var C;(C=p.current)==null||C.scrollBy(l,0)},I=()=>{var C;(C=p.current)==null||C.scrollBy(-l,0)},[W,L]=i.useState(!1);i.useEffect(()=>{var C,V;L(((C=p==null?void 0:p.current)==null?void 0:C.scrollWidth)>((V=p==null?void 0:p.current)==null?void 0:V.clientWidth))},[s]),i.useImperativeHandle(g,()=>({scrollToEnd(){ee()},scrollLeft(){I()},scrollRight(){A()}}));const ee=()=>{p.current.scrollLeft=p.current.scrollWidth};return t.jsxs(pe,{arrowsZIndex:y,children:[t.jsxs(fe,{children:[t.jsx("div",{children:e}),u&&t.jsxs("div",{className:"btns-group",children:[t.jsx(O,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:r,icon:"angle-left",onClick:I}),t.jsx(O,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:E,icon:"angle-right",onClick:A})]})]}),u&&t.jsxs(t.Fragment,{children:[t.jsx(O,{borderRadius:"curved",btnType:"tinted",className:"hover-left-arrow scroll-arrow-left",color:"neutral",disabled:r,icon:"angle-left",onClick:I}),t.jsx(O,{borderRadius:"curved",btnType:"tinted",className:"hover-right-arrow scroll-arrow-right",color:"neutral",disabled:E,icon:"angle-right",onClick:A})]}),t.jsx(me,{ref:F,arrowsVisibleOnHover:b,hasOverflow:W,noArrows:j,padding:$,rightAlignArrows:m,showTimesBtn:d,theme:h,...N,children:t.jsxs(ne,{ref:p,className:"scrollable-container",columnGap:o,rowGap:a,wrap:c||f&&S?"Wrap":"NoWrap",children:[t.jsx(H.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{r===!0&&_(!1)},onIsVisible:()=>{r===!1&&_(!0)}}),s,t.jsx(H.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{E===!0&&P(!1),M(!0)},onIsVisible:()=>{E===!1&&P(!0),M(!1),x==null||x()}}),q&&W&&t.jsx("div",{className:"gradient"})]})})]})});Q.propTypes={title:n.PropTypes.string,rowGap:n.PropTypes.string,columnGap:n.PropTypes.string,scrollBySize:n.PropTypes.number,wrapForMobile:n.PropTypes.bool,wrap:n.PropTypes.bool,methodsRef:n.PropTypes.any,arrowsVisibleOnHover:n.PropTypes.bool,rightAlignArrows:n.PropTypes.bool,padding:n.PropTypes.string};const we=w.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -358,35 +358,39 @@
   }
 
   & .gradient {
-    background: transparent;
+    background: transparent !important;
   }
 
   & .campaign-item {
     min-width: calc(50% - 0.87rem);
     width: calc(50% - 0.87rem);
-    margin-right: 1.25rem;
+    margin-right: 1rem;
+
+    &:nth-child(${e=>e==null?void 0:e.lastItemIdx}) {
+      margin-right: 0;
+    }
   }
 
-  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
       margin-right: 0;
     }
   }
-`,L=u.styled.div`
+`,U=w.styled.div`
   width: ${e=>e.width||"100%"};
   height: ${e=>(e.heightCoeff||1)*1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${D.linearGradientAnimation("-90deg")}
-`,xe=u.styled.div`
+  ${v.linearGradientAnimation("-90deg")}
+`,be=w.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%"};
-`,G=u.styled.div`
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
+`,X=w.styled.div`
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
   background: var(--gray-200, #dddfe4);
   position: relative;
   max-height: ${e=>(e==null?void 0:e.height)??"5rem"};
@@ -395,10 +399,10 @@
   width: ${e=>(e==null?void 0:e.width)??"5rem"};
   flex-shrink: 0;
 
-  ${D.linearGradientAnimation()}
-`,we=u.styled.div`
+  ${v.linearGradientAnimation()}
+`,ye=w.styled.div`
   background: var(--white, #fff);
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,"edged")};
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"edged")};
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
   border: 1px solid var(--gray-95012, #14161a1f);
 
@@ -424,4 +428,4 @@
     align-items: center;
     gap: 0.5rem;
   }
-`,be=n.forwardRef(({},e)=>{const o=M.useTheme();return t.jsxs(we,{ref:e,theme:o,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(G,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(xe,{theme:o,children:[t.jsx(L,{heightCoeff:.75,theme:o,width:"35%"}),t.jsx(L,{heightCoeff:1.25,theme:o}),t.jsx(L,{heightCoeff:3,theme:o})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(G,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(L,{theme:o,width:"75%"})]})]})]})}),ye=({itemsCount:e=5,keyPrefix:o})=>t.jsx(t.Fragment,{children:Array.from({length:e},(c,s)=>t.jsx(be,{},`${o}-skeleton-campaign-card-${s}`))}),ve=({children:e,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:c=!1,itemsCount:s=5,keyPrefix:x})=>t.jsx(n.Suspense,{fallback:o,children:c===!0?t.jsx(ye,{itemsCount:s,keyPrefix:x}):e}),$e=n.memo(J),je=n.forwardRef(({sellerType:e="Shop",items:o=[],title:c,isLoading:s,onSelectCard:x=()=>{},onSelectShop:a=()=>{},getImage:h=()=>{},customScrollSize:f,campaignSingleText:w,salesCampaignTypes:j=[],startsInPrefixTextPlural:l,startsinSuffixTextPlural:g,startsInPrefixTextSingular:y,startsinSuffixTextSingular:b},m)=>{const p=n.useRef(),P=X.useDetectMobile(),S=n.useMemo(()=>o==null?void 0:o.map((r,v)=>t.jsx($e,{className:"campaign-item",coverPhoto:h(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,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>x(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>a(r==null?void 0:r.shopUuid),campaignSingleText:w,salesCampaignTypes:j,startsInPrefixTextPlural:l,startsinSuffixTextPlural:g,startsInPrefixTextSingular:y,startsinSuffixTextSingular:b,themeData:r==null?void 0:r.themeData},`campaign__item__${v}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[o]);return t.jsx(t.Fragment,{children:(o==null?void 0:o.length)>0&&t.jsx(me,{ref:m,className:"row-section-scroll",children:t.jsx(K,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:p,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,elementsCount:o==null?void 0:o.length,scrollBySize:P?window.innerWidth:f>0?f:window.innerWidth,showTimesBtn:!1,title:c,onShowEnd:()=>{},arrowsZIndex:11,children:t.jsx(ve,{isLoading:s,itemsCount:2,keyPrefix:"sales-camp",children:S})})})})});module.exports=je;
+`,ve=i.forwardRef(({},e)=>{const o=z.useTheme();return t.jsxs(ye,{ref:e,theme:o,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(X,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(be,{theme:o,children:[t.jsx(U,{heightCoeff:.75,theme:o,width:"35%"}),t.jsx(U,{heightCoeff:1.25,theme:o}),t.jsx(U,{heightCoeff:3,theme:o})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(X,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(U,{theme:o,width:"75%"})]})]})]})}),$e=({itemsCount:e=5,keyPrefix:o})=>t.jsx(t.Fragment,{children:Array.from({length:e},(a,l)=>t.jsx(ve,{},`${o}-skeleton-campaign-card-${l}`))}),je=({children:e,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:a=!1,itemsCount:l=5,keyPrefix:f})=>t.jsx(i.Suspense,{fallback:o,children:a===!0?t.jsx($e,{itemsCount:l,keyPrefix:f}):e}),De=ie(),Te=i.memo(K),Se=i.forwardRef(({sellerType:e="Shop",items:o=[],title:a,isLoading:l,onSelectCard:f=()=>{},onSelectShop:c=()=>{},getImage:s=()=>{},customScrollSize:g,campaignSingleText:b,salesCampaignTypes:m=[],startsInPrefixTextPlural:$,startsinSuffixTextPlural:d,startsInPrefixTextSingular:j,startsinSuffixTextSingular:x},y)=>{const u=i.useRef(),D=i.useRef(),T=De(),N=Y.useDetectMobile(),[F,S]=i.useState(0),h=i.useMemo(()=>{var P;return(P=o==null?void 0:o.slice(0,6))==null?void 0:P.map((r,_)=>t.jsx(Te,{className:"campaign-item",ref:_===0?D:null,coverPhoto:s(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,startDate:r==null?void 0:r.startDate,title:r==null?void 0:r.name,uuid:r==null?void 0:r.campaignUuid,onSelectCard:()=>f(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>c(r==null?void 0:r.shopUuid),campaignSingleText:b,salesCampaignTypes:m,startsInPrefixTextPlural:$,startsinSuffixTextPlural:d,startsInPrefixTextSingular:j,startsinSuffixTextSingular:x,themeData:r==null?void 0:r.themeData},`campaign__item__${_}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}__${T}`))},[T,o]);i.useEffect(()=>{var P;S(g??((P=D==null?void 0:D.current)==null?void 0:P.offsetWidth))},[h,T]);const E=N?(h==null?void 0:h.length)>1:(h==null?void 0:h.length)>2;return t.jsx(t.Fragment,{children:(h==null?void 0:h.length)>0&&t.jsx(we,{ref:y,className:"row-section-scroll",lastItemIdx:(h==null?void 0:h.length)+1,children:t.jsx(Q,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:u,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,elementsCount:o==null?void 0:o.length,scrollBySize:N?F:F*2+24,showTimesBtn:!1,title:a,onShowEnd:()=>{},arrowsZIndex:11,showArrows:E,children:t.jsx(je,{isLoading:l,itemsCount:2,keyPrefix:"sales-camp",children:h})},`scroll-${T}`)})})});module.exports=Se;