@lanaco/lnc-react-ui 4.0.85 → 4.0.87

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-Cz7P2Zok.cjs"),I=require("./consts-CtNoHdBj.cjs"),K=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),Q=require("./Icon.cjs"),ee=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=require("./useDetectMobile-D6d5LpdL.cjs"),re=require("./FlexBox.cjs"),q=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),te=u.styled.div`
+"use strict";const t=require("react/jsx-runtime"),n=require("react"),f=require("./emotion-styled.browser.esm-BtEseadx.cjs"),T=require("./utils-DhRHf5Ed.cjs"),E=require("./consts-goSZX3xP.cjs"),K=require("./motion-B_VPZaJq.cjs"),i=require("./index-BPVoEhTF.cjs"),Q=require("./Icon.cjs"),ee=require("./Badge.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),G=require("./useDetectMobile-zkbzoOGV.cjs"),re=require("./FlexBox.cjs"),q=require("./index-CHDRU86t.cjs"),z=require("./IconButton.cjs"),te=f.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: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`,oe=u.styled.div`
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,"edged")};
+`,oe=f.styled.div`
+  border-radius: ${e=>T.getBorderRadiusValueWithUnits(e.theme,"edged")};
   height: 15rem;
   width: 15rem;
   min-width: 15rem;
@@ -37,12 +37,12 @@
     }
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`,ie=u.styled.div`
+`,ie=f.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -91,7 +91,7 @@
     background-color: transparent;
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -111,7 +111,7 @@
     ${o?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
     ${c?"justify-content: center;":""}
-  `,ne=u.styled(K.motion.div)`
+  `,ne=f.styled(K.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -135,7 +135,7 @@
   font-weight: 500;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,"slight")};
+  border-radius: ${e=>T.getBorderRadiusValueWithUnits(e.theme,"slight")};
   transition: all 0.25s ease;
 
   & .logo-wrapper {
@@ -185,14 +185,14 @@
     background-color: var(--gray-95080, #14161acc);
     color: var(--gray-600, #676e79);
   }
-`,ae=u.styled.div`
+`,ae=f.styled.div`
   position: absolute;
   top: 0.5rem;
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,le=e=>`var(--${e}-700)`,ce=u.styled.div`
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
+`,le=e=>`var(--${e}-700)`,ce=f.styled.div`
+  border-radius: ${e=>T.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
   background-color: ${e=>le(e==null?void 0:e.color)};
   color: white;
   height: 1.5rem;
@@ -207,7 +207,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,X=e=>{const{uuid:o,hasPermission:c=!0,isUser:s,image:x,name:a,notifications:g=0,color:f="primary",size:w="large",style:$,disabled:l,onSelect:d=()=>{},isActive:y,className:b,themeData:m}=e,P={theme:M.useTheme(),color:f,size:w,style:$,disabled:l};return n.createElement(ne,{onClick:S=>{S.stopPropagation(),c===!0&&(d==null||d())},...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}),g>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ee,{className:"badge",color:"danger",size:"small",children:g>99?"99+":g})}))};X.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 H=(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)},Y=e=>{const o=M.useTheme(),{uuid:c,shopUuid:s,title:x="",description:a,badges:g,coverPhoto:f,onSelect:w,status:$,startDate:l,endDate:d,salesPackages:y,shopName:b,shopImage:m,onSelectCard:h=()=>{},onSelectShop:P=()=>{},campaignSingleText:S,salesCampaignTypes:r=[],startsInPrefixTextPlural:j,startsinSuffixTextPlural:F,startsInPrefixTextSingular:k,startsinSuffixTextSingular:A,themeData:O,...R}=e,p=l?new Date(l)<=new Date:!1;H(d?new Date(d):null,l?new Date(l):null);const v=H(l?new Date(l):null,new Date);return t.jsxs(te,{theme:o,onClick:h,...R,children:[t.jsxs(oe,{theme:o,onClick:()=>w==null?void 0:w(),children:[t.jsx("img",{src:f}),t.jsx(ae,{children:y==null?void 0:y.map((C,E)=>{var N,W;return t.jsx(ce,{color:(N=r==null?void 0:r.find(B=>B.value===C))==null?void 0:N.color,theme:o,children:t.jsx(Q,{icon:(W=r==null?void 0:r.find(B=>B.value===C))==null?void 0:W.icon})},`package__${E}`)})})]}),t.jsxs(ie,{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:S}),t.jsx("div",{className:"campaign-title-text",children:x}),t.jsx("div",{className:"timestamp-text",children:p?"":v===1?`${k} ${v} ${A}`:`${j} ${v} ${F}`})]}),t.jsx("div",{children:a})]}),t.jsx(X,{hasPermission:!0,image:t.jsx("img",{src:m,className:`${m?"":"no-image"}`}),themeData:O,isActive:!0,isUser:!1,name:b,onClick:()=>P(s)})]})]})};Y.propTypes={title:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),numberOfListings:i.PropTypes.number,dropdown:i.PropTypes.any,color:i.PropTypes.string};const de=u.styled.div`
+`,X=e=>{const{uuid:o,hasPermission:c=!0,isUser:s,image:w,name:a,notifications:g=0,color:m="primary",size:b="large",style:j,disabled:l,onSelect:d=()=>{},isActive:$,className:y,themeData:x}=e,S={theme:M.useTheme(),color:m,size:b,style:j,disabled:l};return n.createElement(ne,{onClick:k=>{k.stopPropagation(),c===!0&&(d==null||d())},...S,key:a,animate:{y:0,opacity:1},className:`profile-item ${y}`,exit:{opacity:0},hasPermission:c,initial:{y:-10,opacity:0},isActive:$,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:w}),t.jsx("div",{className:"name",children:a}),g>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(ee,{className:"badge",color:"danger",size:"small",children:g>99?"99+":g})}))};X.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 H=(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)},Y=e=>{const o=M.useTheme(),{uuid:c,shopUuid:s,title:w="",description:a,badges:g,coverPhoto:m,onSelect:b,status:j,startDate:l,endDate:d,salesPackages:$,shopName:y,shopImage:x,className:h,onSelectCard:S=()=>{},onSelectShop:k=()=>{},campaignSingleText:r,salesCampaignTypes:p=[],startsInPrefixTextPlural:N,startsinSuffixTextPlural:C,startsInPrefixTextSingular:B,startsinSuffixTextSingular:O,themeData:F,...u}=e,D=l?new Date(l)<=new Date:!1;H(d?new Date(d):null,l?new Date(l):null);const P=H(l?new Date(l):null,new Date);return t.jsxs(te,{theme:o,className:h,onClick:S,...u,children:[t.jsxs(oe,{theme:o,onClick:()=>b==null?void 0:b(),children:[t.jsx("img",{src:m}),t.jsx(ae,{children:$==null?void 0:$.map((I,A)=>{var R,W;return t.jsx(ce,{color:(R=p==null?void 0:p.find(v=>v.value===I))==null?void 0:R.color,theme:o,children:t.jsx(Q,{icon:(W=p==null?void 0:p.find(v=>v.value===I))==null?void 0:W.icon})},`package__${A}`)})})]}),t.jsxs(ie,{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:w}),t.jsx("div",{className:"timestamp-text",children:D?"":P===1?`${B} ${P} ${O}`:`${N} ${P} ${C}`})]}),t.jsx("div",{children:a})]}),t.jsx(X,{hasPermission:!0,image:t.jsx("img",{src:x,className:`${x?"":"no-image"}`}),themeData:F,isActive:!0,isUser:!1,name:y,onClick:()=>k(s)})]})]})};Y.propTypes={title:i.PropTypes.oneOfType([i.PropTypes.string,i.PropTypes.element]),numberOfListings:i.PropTypes.number,dropdown:i.PropTypes.any,color:i.PropTypes.string};const de=f.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=>T.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=>T.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
   }
 
   & .clip-loader-wrapper {
@@ -234,14 +234,14 @@
     padding: 0 1rem;
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     gap: 1.25rem;
     & .hover-left-arrow,
     .hover-right-arrow {
       display: flex;
     }
   }
-`,ge=u.styled.div`
+`,ge=f.styled.div`
   display: flex;
   align-items: center;
 
@@ -256,13 +256,13 @@
     gap: 0.375rem;
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     padding: 0 1rem;
     & .btns-group {
       display: none;
     }
   }
-`,he=u.styled.div`
+`,he=f.styled.div`
   position: relative;
   padding: ${e=>e.padding};
 
@@ -330,7 +330,7 @@
     visibility: ${e=>e.hasOverflow?"visible":"hidden"};
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     & .scroll-arrow-left,
     & .scroll-arrow-right {
       display: none;
@@ -340,7 +340,7 @@
       right: 0;
     }
   }
-`,pe=(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 g=null,f=null;if(a){const w=l=>{const d=x(l)[0];g=d.clientX,f=d.clientY},$=l=>{if(!g||!f)return;const d=l.touches[0].clientX,y=l.touches[0].clientY,b=g-d,m=f-y;Math.abs(b)>Math.abs(m)?b>0?s(h=>({trigger:!h.trigger,direction:_.LEFT})):s(h=>({trigger:!h.trigger,direction:_.RIGHT})):m>0?s(h=>({trigger:!h.trigger,direction:_.UP})):s(h=>({trigger:!h.trigger,direction:_.DOWN})),g=null,f=null};return a.addEventListener("touchstart",w),a.addEventListener("touchmove",$),()=>{a.removeEventListener("touchstart",w),a.addEventListener("touchmove",$)}}},[]),c},_={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},J=n.forwardRef(({title:e,columnGap:o="2rem",rowGap:c="1.25rem",scrollBySize:s=300,wrapForMobile:x=!1,wrap:a=!1,children:g,methodsRef:f,arrowsVisibleOnHover:w=!0,rightAlignArrows:$=!1,padding:l="0",showTimesBtn:d,noArrows:y,onShowEnd:b,arrowsZIndex:m,...h},P)=>{const S=G.useDetectMobile(),r=M.useTheme(),[j,F]=n.useState(!1),[k,A]=n.useState(!1),[O,R]=n.useState(!0),p=n.useRef(),v=pe(p);n.useEffect(()=>{(v==null?void 0:v.direction)===_.RIGHT&&k!==!0?E():(v==null?void 0:v.direction)===_.LEFT&&j!==!0&&C()},[v]);const C=()=>{var T;(T=p.current)==null||T.scrollBy(s,0)},E=()=>{var T;(T=p.current)==null||T.scrollBy(-s,0)},[N,W]=n.useState(!1);n.useEffect(()=>{var T,U;W(((T=p==null?void 0:p.current)==null?void 0:T.scrollWidth)>((U=p==null?void 0:p.current)==null?void 0:U.clientWidth))},[g]),n.useImperativeHandle(f,()=>({scrollToEnd(){B()},scrollLeft(){E()},scrollRight(){C()}}));const B=()=>{p.current.scrollLeft=p.current.scrollWidth};return t.jsxs(de,{arrowsZIndex:m,children:[t.jsxs(ge,{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:k,icon:"angle-left",onClick:E}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:j,icon:"angle-right",onClick:C})]})]}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-left-arrow scroll-arrow-left",color:"neutral",disabled:k,icon:"angle-left",onClick:E}),t.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-right-arrow scroll-arrow-right",color:"neutral",disabled:j,icon:"angle-right",onClick:C}),t.jsx(he,{ref:P,arrowsVisibleOnHover:w,hasOverflow:N,noArrows:y,padding:l,rightAlignArrows:$,showTimesBtn:d,theme:r,...h,children:t.jsxs(re,{ref:p,className:"scrollable-container",columnGap:o,rowGap:c,wrap:a||x&&S?"Wrap":"NoWrap",children:[t.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{k===!0&&A(!1)},onIsVisible:()=>{k===!1&&A(!0)}}),g,t.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{j===!0&&F(!1),R(!0)},onIsVisible:()=>{j===!1&&F(!0),R(!1),b==null||b()}}),O&&N&&t.jsx("div",{className:"gradient"})]})})]})});J.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 ue=u.styled.div`
+`,pe=(e,o)=>{const[c,s]=n.useState({trigger:null,direction:null}),w=a=>a.touches||a.originalEvent.touches;return n.useEffect(()=>{const a=typeof e=="string"||e instanceof String?document.getElementById(e):e.current;let g=null,m=null;if(a){const b=l=>{const d=w(l)[0];g=d.clientX,m=d.clientY},j=l=>{if(!g||!m)return;const d=l.touches[0].clientX,$=l.touches[0].clientY,y=g-d,x=m-$;Math.abs(y)>Math.abs(x)?y>0?s(h=>({trigger:!h.trigger,direction:_.LEFT})):s(h=>({trigger:!h.trigger,direction:_.RIGHT})):x>0?s(h=>({trigger:!h.trigger,direction:_.UP})):s(h=>({trigger:!h.trigger,direction:_.DOWN})),g=null,m=null};return a.addEventListener("touchstart",b),a.addEventListener("touchmove",j),()=>{a.removeEventListener("touchstart",b),a.addEventListener("touchmove",j)}}},[]),c},_={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},J=n.forwardRef(({title:e,columnGap:o="2rem",rowGap:c="1.25rem",scrollBySize:s=300,wrapForMobile:w=!1,wrap:a=!1,children:g,methodsRef:m,arrowsVisibleOnHover:b=!0,rightAlignArrows:j=!1,padding:l="0",showTimesBtn:d,noArrows:$,onShowEnd:y,arrowsZIndex:x,...h},S)=>{const k=G.useDetectMobile(),r=M.useTheme(),[p,N]=n.useState(!1),[C,B]=n.useState(!1),[O,F]=n.useState(!0),u=n.useRef(),D=pe(u);n.useEffect(()=>{(D==null?void 0:D.direction)===_.RIGHT&&C!==!0?I():(D==null?void 0:D.direction)===_.LEFT&&p!==!0&&P()},[D]);const P=()=>{var v;(v=u.current)==null||v.scrollBy(s,0)},I=()=>{var v;(v=u.current)==null||v.scrollBy(-s,0)},[A,R]=n.useState(!1);n.useEffect(()=>{var v,U;R(((v=u==null?void 0:u.current)==null?void 0:v.scrollWidth)>((U=u==null?void 0:u.current)==null?void 0:U.clientWidth))},[g]),n.useImperativeHandle(m,()=>({scrollToEnd(){W()},scrollLeft(){I()},scrollRight(){P()}}));const W=()=>{u.current.scrollLeft=u.current.scrollWidth};return t.jsxs(de,{arrowsZIndex:x,children:[t.jsxs(ge,{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:p,icon:"angle-right",onClick:P})]})]}),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:p,icon:"angle-right",onClick:P}),t.jsx(he,{ref:S,arrowsVisibleOnHover:b,hasOverflow:A,noArrows:$,padding:l,rightAlignArrows:j,showTimesBtn:d,theme:r,...h,children:t.jsxs(re,{ref:u,className:"scrollable-container",columnGap:o,rowGap:c,wrap:a||w&&k?"Wrap":"NoWrap",children:[t.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{C===!0&&B(!1)},onIsVisible:()=>{C===!1&&B(!0)}}),g,t.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{p===!0&&N(!1),F(!0)},onIsVisible:()=>{p===!1&&N(!0),F(!1),y==null||y()}}),O&&A&&t.jsx("div",{className:"gradient"})]})})]})});J.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 ue=f.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -357,32 +357,36 @@
     font-weight: 500;
   }
 
+  & .gradient {
+    background: transparent;
+  }
+
   & .campaign-item {
     min-width: calc(50% - 0.87rem);
     width: calc(50% - 0.87rem);
     margin-right: 1.25rem;
   }
 
-  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${E.MOBILE_SIZE_PX+"px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
       margin-right: 0;
     }
   }
-`,L=u.styled.div`
+`,L=f.styled.div`
   width: ${e=>e.width||"100%"};
   height: ${e=>(e.heightCoeff||1)*1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${D.linearGradientAnimation("-90deg")}
-`,fe=u.styled.div`
+  ${T.linearGradientAnimation("-90deg")}
+`,fe=f.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%"};
-`,Z=u.styled.div`
-  border-radius: ${e=>D.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
+`,Z=f.styled.div`
+  border-radius: ${e=>T.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"};
@@ -391,10 +395,10 @@
   width: ${e=>(e==null?void 0:e.width)??"5rem"};
   flex-shrink: 0;
 
-  ${D.linearGradientAnimation()}
-`,me=u.styled.div`
+  ${T.linearGradientAnimation()}
+`,me=f.styled.div`
   background: var(--white, #fff);
-  border-radius:  ${e=>D.getBorderRadiusValueWithUnits(e.theme,"edged")};
+  border-radius: ${e=>T.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);
 
@@ -420,4 +424,4 @@
     align-items: center;
     gap: 0.5rem;
   }
-`,xe=n.forwardRef(({},e)=>{const o=M.useTheme();return t.jsxs(me,{ref:e,theme:o,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(Z,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(fe,{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(Z,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(L,{theme:o,width:"75%"})]})]})]})}),we=({itemsCount:e=5,keyPrefix:o})=>t.jsx(t.Fragment,{children:Array.from({length:e},(c,s)=>t.jsx(xe,{},`${o}-skeleton-campaign-card-${s}`))}),be=({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(we,{itemsCount:s,keyPrefix:x}):e}),ye=n.memo(Y),ve=n.forwardRef(({sellerType:e="Shop",items:o=[],title:c,isLoading:s,onSelectCard:x=()=>{},onSelectShop:a=()=>{},getImage:g=()=>{},customScrollSize:f,campaignSingleText:w,salesCampaignTypes:$=[],startsInPrefixTextPlural:l,startsinSuffixTextPlural:d,startsInPrefixTextSingular:y,startsinSuffixTextSingular:b},m)=>{const h=n.useRef(),P=G.useDetectMobile(),S=n.useMemo(()=>o==null?void 0:o.map((r,j)=>t.jsx(ye,{className:"campaign-item",coverPhoto:g(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:$,startsInPrefixTextPlural:l,startsinSuffixTextPlural:d,startsInPrefixTextSingular:y,startsinSuffixTextSingular:b,themeData:r==null?void 0:r.themeData},`campaign__item__${j}__${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(ue,{ref:m,className:"row-section-scroll",children:t.jsx(J,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:h,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,scrollBySize:P?window.innerWidth:f>0?f:window.innerWidth,showTimesBtn:!1,title:c,onShowEnd:()=>{},arrowsZIndex:11,children:t.jsx(be,{isLoading:s,itemsCount:2,keyPrefix:"sales-camp",children:S})})})})});module.exports=ve;
+`,xe=n.forwardRef(({},e)=>{const o=M.useTheme();return t.jsxs(me,{ref:e,theme:o,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(Z,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(fe,{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(Z,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(L,{theme:o,width:"75%"})]})]})]})}),we=({itemsCount:e=5,keyPrefix:o})=>t.jsx(t.Fragment,{children:Array.from({length:e},(c,s)=>t.jsx(xe,{},`${o}-skeleton-campaign-card-${s}`))}),be=({children:e,fallbackComponent:o=t.jsx(t.Fragment,{}),isLoading:c=!1,itemsCount:s=5,keyPrefix:w})=>t.jsx(n.Suspense,{fallback:o,children:c===!0?t.jsx(we,{itemsCount:s,keyPrefix:w}):e}),ye=n.memo(Y),ve=n.forwardRef(({sellerType:e="Shop",items:o=[],title:c,isLoading:s,onSelectCard:w=()=>{},onSelectShop:a=()=>{},getImage:g=()=>{},customScrollSize:m,campaignSingleText:b,salesCampaignTypes:j=[],startsInPrefixTextPlural:l,startsinSuffixTextPlural:d,startsInPrefixTextSingular:$,startsinSuffixTextSingular:y},x)=>{const h=n.useRef(),S=G.useDetectMobile(),k=n.useMemo(()=>o==null?void 0:o.map((r,p)=>t.jsx(ye,{className:"campaign-item",coverPhoto:g(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:()=>w(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>a(r==null?void 0:r.shopUuid),campaignSingleText:b,salesCampaignTypes:j,startsInPrefixTextPlural:l,startsinSuffixTextPlural:d,startsInPrefixTextSingular:$,startsinSuffixTextSingular:y,themeData:r==null?void 0:r.themeData},`campaign__item__${p}__${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(ue,{ref:x,className:"row-section-scroll",children:t.jsx(J,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:h,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,scrollBySize:S?window.innerWidth:m>0?m:window.innerWidth,showTimesBtn:!1,title:c,onShowEnd:()=>{},arrowsZIndex:11,children:t.jsx(be,{isLoading:s,itemsCount:2,keyPrefix:"sales-camp",children:k})})})})});module.exports=ve;