@lanaco/lnc-react-ui 4.0.99 → 4.0.101

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"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`
+"use strict";const t=require("react/jsx-runtime"),p=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./utils-BWzf4vLl.cjs"),C=require("./consts-goSZX3xP.cjs"),L=require("./motion-B_VPZaJq.cjs"),o=require("./index-BPVoEhTF.cjs"),W=require("./Icon.cjs"),Q=require("./Badge.cjs"),B=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),M=require("./IconButton.cjs"),V=require("./useDetectMobile-zkbzoOGV.cjs"),Y=d.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: ${B.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`,ae=w.styled.div`
-  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"edged")};
+`,ee=d.styled.div`
+  border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,"edged")};
   height: 15rem;
   width: 15rem;
   min-width: 15rem;
@@ -37,12 +37,12 @@
     }
   }
 
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`,le=w.styled.div`
+`,re=d.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -91,7 +91,7 @@
     background-color: transparent;
   }
 
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -105,13 +105,13 @@
       gap: 0.25rem;
     }
   }
-`,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)=>`
+`,te={"#ADE3EB":"#76D0DB","#DDD6FE":"#C4B5FD","#FDE68A":"#FCD34D","#A7F3D0":"#6EE7B7","#BADFFF":"#87C6FA","#FECDD3":"#FDA4AF","#EFE2CF":"#EAD2AF","#DDDFE4":"#C4C8CF","#E7E5E4":"#D6D3D1","#FED7AA":"#FDBA74",default:"#C4C8CF"},U=(e=!1,a=!1,n=!1)=>`
     display: flex;
-    ${o?"flex-wrap: wrap;":""}
-    ${o?"":"flex-wrap: nowrap;"}
+    ${a?"flex-wrap: wrap;":""}
+    ${a?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
-    ${a?"justify-content: center;":""}
-  `,de=w.styled(re.motion.div)`
+    ${n?"justify-content: center;":""}
+  `,ae=d.styled(L.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -128,22 +128,22 @@
     text-decoration: none;
   }
 
-  ${Z(!0)}
+  ${U(!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=>v.getBorderRadiusValueWithUnits(e.theme,"slight")};
+  border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,"slight")};
   transition: all 0.25s ease;
 
   & .logo-wrapper {
-    ${Z(!0,!1,!0)}
+    ${U(!0,!1,!0)}
     flex-shrink: 0;
     border-radius: 999px;
     border: 3px solid
-      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":ce[e.themeColor]??"var(--gray-300, #c4c8cf)"};
+      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":te[e.themeColor]??"var(--gray-300, #c4c8cf)"};
 
     & img,
     .img-placeholder {
@@ -185,15 +185,15 @@
     background-color: var(--gray-95080, #14161acc);
     color: var(--gray-600, #676e79);
   }
-`,he=w.styled.div`
+`,se=d.styled.div`
   position: absolute;
   top: 0.5rem;
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,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)};
+`,oe=e=>`var(--${e}-700)`,ne=d.styled.div`
+  border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
+  background-color: ${e=>oe(e==null?void 0:e.color)};
   color: white;
   height: 1.5rem;
   min-width: 1.5rem;
@@ -207,140 +207,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,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;
-  position: relative;
-
-  & .hover-left-arrow {
-    display: none;
-    position: absolute;
-    top: 50%;
-    left: 1.5rem;
-    z-index: ${e=>v.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
-  }
-
-  & .hover-right-arrow {
-    display: none;
-    position: absolute;
-    top: 50%;
-    right: 1.5rem;
-    z-index: ${e=>v.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
-  }
-
-  & .clip-loader-wrapper {
-    margin: auto;
-    padding: 0 1rem;
-  }
-
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
-    gap: 1.25rem;
-    & .hover-left-arrow,
-    .hover-right-arrow {
-      display: flex;
-    }
-  }
-`,fe=w.styled.div`
-  display: flex;
-  align-items: center;
-
-  justify-content: space-between;
-  gap: 1rem;
-
-  font-weight: 600;
-  font-size: 1.5rem;
-
-  & .btns-group {
-    display: flex;
-    gap: 0.375rem;
-  }
-
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
-    padding: 0 1rem;
-    & .btns-group {
-      display: none;
-    }
-  }
-`,me=w.styled.div`
-  position: relative;
-  padding: ${e=>e.padding};
-
-  & button {
-    white-space: nowrap;
-  }
-
-  & .badge-button {
-    ${e=>e.showTimesBtn===!0&&"padding-left: 0.5rem; padding-right: 0.5rem;"}
-  }
-
-  & .gradient {
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    z-index: 4;
-    transition: ${"0.3s"};
-    right: ${e=>e.noArrows!==!0?"6rem":"0"};
-    width: 2rem;
-    background: #fff;
-    height: 100%;
-    -webkit-mask-image: linear-gradient(to left, black 10%, transparent 50%);
-    mask-image: linear-gradient(to left, black 10%, transparent 50%);
-  }
-
-  & .scrollable-container {
-    scroll-behavior: smooth;
-    overflow: hidden;
-    -webkit-overflow-scrolling: touch;
-    ::-webkit-scrollbar {
-      -webkit-appearance: none;
-    }
-    -ms-overflow-style: none;
-    /* Internet Explorer 10+ */
-    scrollbar-width: none;
-    /* Firefox */
-
-    &::-webkit-scrollbar {
-      display: none;
-      /* Safari and Chrome */
-    }
-  }
-  & .scroll-arrow-right,
-  & .scroll-arrow-left {
-    position: absolute;
-    top: 50%;
-    transform: translate(0, -50%);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    cursor: pointer;
-
-    visibility: ${e=>e.arrowsVisibleOnHover===!1&&e.hasOverflow?"visible":"hidden"};
-    z-index: 4;
-    transition: ${"0.3s"};
-  }
-  & .scroll-arrow-right {
-    ${e=>e.rightAlignArrows===!0?"right: 0":"right: 0.7rem"};
-  }
-  & .scroll-arrow-left {
-    ${e=>e.rightAlignArrows===!0?"right: 2.625rem":"left: 0.7rem"};
-  }
-  & .scrollable-container:hover > .scroll-arrow-left,
-  & .scrollable-container:hover > .scroll-arrow-right {
-    visibility: ${e=>e.hasOverflow?"visible":"hidden"};
-  }
-
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
-    & .scroll-arrow-left,
-    & .scroll-arrow-right {
-      display: none;
-    }
-
-    & .gradient {
-      right: 0;
-    }
-  }
-`,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`
+`,X=e=>{const{uuid:a,hasPermission:n=!0,isUser:h,image:u,name:g,notifications:y=0,color:c="primary",size:v="large",style:i,disabled:D,onClick:l=()=>{},isActive:_,className:f,themeData:x}=e,$={theme:B.useTheme(),color:c,size:v,style:i,disabled:D};return p.createElement(ae,{onClick:j=>{j.stopPropagation(),n===!0&&(l==null||l())},...$,key:g,className:`profile-item ${f}`,hasPermission:n,isActive:_,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:u}),t.jsx("div",{className:"name",children:g}),y>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(Q,{className:"badge",color:"danger",size:"small",children:y>99?"99+":y})}))};X.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 O=(e,a)=>{if(!e||!a)return null;let n=Math.floor((e==null?void 0:e.getTime())-(a==null?void 0:a.getTime())),h=1e3*60*60*24;return Math.ceil(n/h)},Z=p.forwardRef((e,a)=>{const n=B.useTheme(),{uuid:h,shopUuid:u,title:g="",description:y,badges:c,coverPhoto:v,onSelect:i,status:D,startDate:l,endDate:_,salesPackages:f,shopName:x,shopImage:w,className:$,onSelectCard:j=()=>{},onSelectShop:T=()=>{},campaignSingleText:P,salesCampaignTypes:r=[],startsInPrefixTextPlural:S,startsinSuffixTextPlural:k,startsInPrefixTextSingular:I,startsinSuffixTextSingular:s,themeData:m,...H}=e,J=l?new Date(l)<=new Date:!1;O(_?new Date(_):null,l?new Date(l):null);const N=O(l?new Date(l):null,new Date);return t.jsxs(Y,{ref:a,theme:n,className:$,onClick:j,...H,children:[t.jsxs(ee,{theme:n,onClick:()=>i==null?void 0:i(),children:[t.jsx("img",{src:v}),t.jsx(se,{children:f==null?void 0:f.map((z,K)=>{var R,A;return t.jsx(ne,{color:(R=r==null?void 0:r.find(F=>F.value===z))==null?void 0:R.color,theme:n,children:t.jsx(W,{icon:(A=r==null?void 0:r.find(F=>F.value===z))==null?void 0:A.icon})},`package__${K}`)})})]}),t.jsxs(re,{theme:n,children:[t.jsxs("div",{className:"text-block-wrapper",children:[t.jsxs("div",{className:"title-block-wrapper",children:[t.jsx("div",{className:"campaign-title",children:P}),t.jsx("div",{className:"campaign-title-text",children:g}),t.jsx("div",{className:"timestamp-text",children:J?"":N===1?`${I} ${N} ${s}`:`${S} ${N} ${k}`})]}),t.jsx("div",{children:y})]}),t.jsx(X,{hasPermission:!0,image:t.jsx("img",{src:w,className:`${w?"":"no-image"}`}),themeData:m,isActive:!0,isUser:!1,name:x,onClick:()=>T(u)})]})]})});Z.propTypes={title:o.PropTypes.oneOfType([o.PropTypes.string,o.PropTypes.element]),numberOfListings:o.PropTypes.number,dropdown:o.PropTypes.any,color:o.PropTypes.string};d.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -371,26 +238,26 @@
     }
   }
 
-  @media (max-width: ${B.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
       margin-right: 0;
     }
   }
-`,U=w.styled.div`
+`;const E=d.styled.div`
   width: ${e=>e.width||"100%"};
   height: ${e=>(e.heightCoeff||1)*1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${v.linearGradientAnimation("-90deg")}
-`,be=w.styled.div`
+  ${b.linearGradientAnimation("-90deg")}
+`,ie=d.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%"};
-`,X=w.styled.div`
-  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
+`,q=d.styled.div`
+  border-radius: ${e=>b.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"};
@@ -399,10 +266,10 @@
   width: ${e=>(e==null?void 0:e.width)??"5rem"};
   flex-shrink: 0;
 
-  ${v.linearGradientAnimation()}
-`,ye=w.styled.div`
+  ${b.linearGradientAnimation()}
+`,le=d.styled.div`
   background: var(--white, #fff);
-  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"edged")};
+  border-radius: ${e=>b.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);
 
@@ -428,4 +295,64 @@
     align-items: center;
     gap: 0.5rem;
   }
-`,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+1: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;
+
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+
+    & .campaign__user {
+      margin-top: 1rem;
+    }
+  }
+`,ce=d.styled.div`
+  display: flex;
+  gap: 1.5rem;
+`,de=p.forwardRef(({},e)=>{const a=B.useTheme();return t.jsxs(le,{ref:e,theme:a,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(q,{theme:a,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(ie,{theme:a,children:[t.jsx(E,{heightCoeff:.75,theme:a,width:"35%"}),t.jsx(E,{heightCoeff:1.25,theme:a}),t.jsx(E,{heightCoeff:3,theme:a})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(q,{theme:a,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(E,{theme:a,width:"75%"})]})]})]})}),ge=({itemsCount:e=5,keyPrefix:a})=>t.jsx(ce,{children:Array.from({length:e},(n,h)=>t.jsx(de,{},`${a}-skeleton-campaign-card-${h}`))}),me=({children:e,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:n=!1,itemsCount:h=5,keyPrefix:u})=>t.jsx(p.Suspense,{fallback:a,children:n===!0?t.jsx(ge,{itemsCount:h,keyPrefix:u}):e}),pe=d.styled.div`
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 1.5rem;
+  align-self: stretch;
+  position: relative;
+
+  & .scrollable-section__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+
+    & .scrollable-section__title {
+      display: flex;
+      align-items: center;
+      gap: 0.5rem;
+
+      & .title__icon {
+      }
+
+      & .title__text {
+        color: var(--gray-950, #14161a);
+        font-size: 1.5rem;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 2rem;
+      }
+    }
+  }
+
+  & .scrollable-section__navigation {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.5rem;
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+`,he=d.styled(L.motion.div)`
+  display: grid;
+  grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumns}, 1fr);
+  gap: 1.5rem;
+
+  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+    grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumnsForMobile}, 1fr);
+  }
+`,G=p.forwardRef(({icon:e,title:a,numOfSlides:n=2,numOfSlidesForMobile:h=1,showNavigation:u=!0,children:g},y)=>{const[c,v]=p.useState(0),[i,D]=p.useState(1),[l,_]=p.useState(null),[f,x]=p.useState(null),w=V.useDetectMobile(),$=50,j=(g==null?void 0:g.length)??1;p.useEffect(()=>{const s=()=>{D(w?h:n)};return window.addEventListener("resize",s),s(),()=>window.removeEventListener("resize",s)},[]);const T=g==null?void 0:g.slice(c,c+i),P=s=>{var m;(m=s==null?void 0:s.target)==null||m.blur(),c+i<j&&v(c+i)},r=s=>{var m;(m=s==null?void 0:s.target)==null||m.blur(),c-i>=0&&v(c-i)},S=s=>{var m;x(null),_((m=s==null?void 0:s.targetTouches["0"])==null?void 0:m.clientX)},k=s=>{var m;x((m=s==null?void 0:s.targetTouches["0"])==null?void 0:m.clientX)},I=()=>{if(!l||!f)return;const s=l-f;s>$&&P(),s<-$&&r()};return t.jsxs(pe,{ref:y,...w?{onTouchStart:S,onTouchMove:k,onTouchEnd:I}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[b.isDefinedNotEmptyString(e)&&t.jsx(W,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),b.isDefinedNotEmptyString(a)&&t.jsx("div",{className:"title__text",children:a})]})}),t.jsx(he,{numOfColumns:n,numOfColumnsForMobile:h,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:T},`scrollable-section__content-${c}`),u&&j>i&&!w&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(M,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:c===0,onClick:r}),t.jsx(M,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:c+i>=j,onClick:P})]})]})});G.propTypes={icon:o.PropTypes.string,title:o.PropTypes.string,numOfSlides:o.PropTypes.number,numOfSlidesForMobile:o.PropTypes.number,showNavigation:o.PropTypes.bool};const ue=p.memo(Z),fe=p.forwardRef(({sellerType:e="Shop",items:a=[],title:n,icon:h,isLoading:u,onSelectCard:g=()=>{},onSelectShop:y=()=>{},getImage:c=()=>{},campaignSingleText:v,salesCampaignTypes:i=[],startsInPrefixTextPlural:D,startsinSuffixTextPlural:l,startsInPrefixTextSingular:_,startsinSuffixTextSingular:f,numOfSlides:x=2,numOfSlidesForMobile:w=1,showNavigation:$=!0},j)=>{const T=V.useDetectMobile(),P=p.useMemo(()=>a==null?void 0:a.map((r,S)=>t.jsx(ue,{className:"campaign-item",coverPhoto:c(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:()=>g(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>y(r==null?void 0:r.shopUuid),campaignSingleText:v,salesCampaignTypes:i,startsInPrefixTextPlural:D,startsinSuffixTextPlural:l,startsInPrefixTextSingular:_,startsinSuffixTextSingular:f,themeData:r==null?void 0:r.themeData},`campaign__item__${S}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[a]);return t.jsx(me,{isLoading:u,itemsCount:T?1:2,keyPrefix:"sales-camp",children:t.jsx(G,{icon:h,title:n,numOfSlides:x,numOfSlidesForMobile:w,showNavigation:$,children:P})})});module.exports=fe;