@lanaco/lnc-react-ui 4.0.111 → 4.0.113

package/dist/RadioInput.js

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as r } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
 import { s as g } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as i } from "./index-S5Cd7WrG.js";
+import { P as i } from "./index-CblbdqjE.js";
 import { d as f, c as N, e as T, b as t } from "./utils-BbgAIA9N.js";
 import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),t=require("./utils-CZynEOC_.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=t.getSizeValueWithUnits(e,i);return`
+"use strict";const r=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-BtEseadx.cjs"),n=require("./index-BpbMKBf_.cjs"),o=require("react"),t=require("./utils-CZynEOC_.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=t.getSizeValueWithUnits(e,i);return`
     min-height: ${c};
     max-height: ${c};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.styled.div`

package/dist/RangeSlider.js

@@ -1,6 +1,6 @@
 import { jsxs as N, jsx as t, Fragment as W } from "react/jsx-runtime";
 import { s as x } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { P as n } from "./index-S5Cd7WrG.js";
+import { P as n } from "./index-CblbdqjE.js";
 import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
 import { a as D, b as o, c as G, d as H } from "./utils-BbgAIA9N.js";
 import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";

package/dist/ReviewsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-CZynEOC_.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BPVoEhTF.cjs"),P=require("./index-BvSNRLNa.cjs"),C=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),d=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),S=require("./consts-goSZX3xP.cjs"),$=require("./useDetectMobile-zkbzoOGV.cjs"),g=require("./utils-CZynEOC_.cjs"),N=require("./ThemeProvider.cjs"),a=require("./index-BpbMKBf_.cjs"),P=require("./index-BvSNRLNa.cjs"),C=c.styled.div`
   display: flex;
   flex-direction: column;
   color: var(--darkest-950);

package/dist/ReviewsSection.js

@@ -5,7 +5,7 @@ import { M as z } from "./consts-BuFChS64.js";
 import { u as P } from "./useDetectMobile-Bkvj0VMa.js";
 import { t as R, p as M, o as I, b as j, g as E } from "./utils-BbgAIA9N.js";
 import { useTheme as T } from "./ThemeProvider.js";
-import { P as l } from "./index-S5Cd7WrG.js";
+import { P as l } from "./index-CblbdqjE.js";
 import { P as A } from "./index-YGcWbzeb.js";
 const W = d.div`
   display: flex;

package/dist/SalesCampaignsSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),p=require("react"),d=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./utils-CZynEOC_.cjs"),C=require("./consts-goSZX3xP.cjs"),L=require("./motion-B_VPZaJq.cjs"),n=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`
+"use strict";const t=require("react/jsx-runtime"),h=require("react"),p=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./utils-CZynEOC_.cjs"),I=require("./consts-goSZX3xP.cjs"),H=require("./motion-B_VPZaJq.cjs"),a=require("./index-BpbMKBf_.cjs"),J=require("./Icon.cjs"),pe=require("./Badge.cjs"),q=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),X=require("./IconButton.cjs"),K=require("./useDetectMobile-zkbzoOGV.cjs"),ue=p.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: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`,ee=d.styled.div`
-  border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,"edged")};
+`,he=p.styled.div`
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"edged")};
   height: 15rem;
   width: 15rem;
   min-width: 15rem;
@@ -37,12 +37,12 @@
     }
   }
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`,re=d.styled.div`
+`,me=p.styled.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -63,7 +63,6 @@
     font-weight: 600;
     font-size: 1.375rem;
     transition: var(--transition, all 0.3s ease);
-  
   }
 
   & .text-block-wrapper {
@@ -78,9 +77,9 @@
   }
 
   & .timestamp-text {
-    font-size: 0.875rem;
-    font-weight: 400;
-    padding-top: 0.25rem;
+    font-size: 0.975rem;
+    font-weight: 500;
+    padding-top: 0.75rem;
     color: var(--gray-700, #4e555f);
   }
 
@@ -88,7 +87,7 @@
     background-color: transparent;
   }
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -102,13 +101,13 @@
       gap: 0.25rem;
     }
   }
-`,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,o=!1)=>`
+`,fe={"#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,n=!1,o=!1)=>`
     display: flex;
-    ${a?"flex-wrap: wrap;":""}
-    ${a?"":"flex-wrap: nowrap;"}
+    ${n?"flex-wrap: wrap;":""}
+    ${n?"":"flex-wrap: nowrap;"}
     ${e?"align-items: center;":""}
     ${o?"justify-content: center;":""}
-  `,ae=d.styled(L.motion.div)`
+  `,xe=p.styled(H.motion.div)`
   text-decoration: none;
   ${e=>e.hasPermission===!0&&"cursor: pointer"};
 
@@ -125,29 +124,34 @@
     text-decoration: none;
   }
 
-  ${U(!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=>b.getBorderRadiusValueWithUnits(e.theme,"slight")};
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,"slight")};
   transition: all 0.25s ease;
-
+  & .description {
+    font-size: 0.85rem;
+    color: var(--gray-600, #676e79);
+    line-height: 1rem;
+    font-weight: 400;
+  }
   & .logo-wrapper {
-    ${U(!0,!1,!0)}
+    ${Z(!0,!1,!0)}
     flex-shrink: 0;
     border-radius: 999px;
     border: 3px solid
-      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":te[e.themeColor]??"var(--gray-300, #c4c8cf)"};
+      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":fe[e.themeColor]??"var(--gray-300, #c4c8cf)"};
 
     & img,
     .img-placeholder {
       border-radius: 999px;
       object-fit: cover;
-      height: 1.25rem;
-      width: 1.25rem;
+      height: 2.25rem;
+      width: 2.25rem;
       background-color: var(--gray-200, #dddfe4);
     }
 
@@ -164,6 +168,7 @@
 
   & .name {
     flex-grow: 15;
+    font-size: 1.055rem;
   }
 
   & .notifications-number .badge {
@@ -182,15 +187,15 @@
     background-color: var(--gray-95080, #14161acc);
     color: var(--gray-600, #676e79);
   }
-`,se=d.styled.div`
+`,ye=p.styled.div`
   position: absolute;
   top: 0.5rem;
   ${e=>e.alignToLeft===!0?"left: 0.5rem;":"right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`,ne=e=>`var(--${e}-700)`,oe=d.styled.div`
-  border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
-  background-color: ${e=>ne(e==null?void 0:e.color)};
+`,we=p.styled.div`
+  border-radius: ${e=>v.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
+  background-color: ${e=>e==null?void 0:e.color};
   color: white;
   height: 1.5rem;
   min-width: 1.5rem;
@@ -204,7 +209,7 @@
   & i {
     font-size: 0.813rem;
   }
-`,X=e=>{const{uuid:a,hasPermission:o=!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(),o===!0&&(l==null||l())},...$,key:g,className:`profile-item ${f}`,hasPermission:o,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: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 O=(e,a)=>{if(!e||!a)return null;let o=Math.floor((e==null?void 0:e.getTime())-(a==null?void 0:a.getTime())),h=1e3*60*60*24;return Math.ceil(o/h)},Z=p.forwardRef((e,a)=>{const o=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:o,className:$,onClick:j,...H,children:[t.jsxs(ee,{theme:o,onClick:()=>i==null?void 0:i(),children:[t.jsx("img",{src:v}),t.jsx(se,{children:f==null?void 0:f.map((R,K)=>{var z,A;return t.jsx(oe,{color:(z=r==null?void 0:r.find(F=>F.value===R))==null?void 0:z.color,theme:o,children:t.jsx(W,{icon:(A=r==null?void 0:r.find(F=>F.value===R))==null?void 0:A.icon})},`package__${K}`)})})]}),t.jsxs(re,{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: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:n.PropTypes.oneOfType([n.PropTypes.string,n.PropTypes.element]),numberOfListings:n.PropTypes.number,dropdown:n.PropTypes.any,color:n.PropTypes.string};d.styled.div`
+`,Q=e=>{const{uuid:n,hasPermission:o=!0,isUser:l,image:f,name:u,notifications:_=0,color:g="primary",size:$="large",style:c,disabled:P,onClick:i=()=>{},isActive:m,className:y,shopCategory:j,themeData:x}=e,b={theme:q.useTheme(),color:g,size:$,style:c,disabled:P};return h.createElement(xe,{onClick:T=>{T.stopPropagation(),o===!0&&(i==null||i())},...b,key:u,className:`profile-item ${y}`,hasPermission:o,isActive:m,themeColor:(x==null?void 0:x.code)||"transparent"},t.jsx("div",{className:"logo-wrapper",children:f}),t.jsxs("div",{children:[t.jsx("div",{className:"name",children:u}),!l&&t.jsx("div",{className:"description",children:j}),_>0&&t.jsx("div",{className:"notifications-number",children:t.jsx(pe,{className:"badge",color:"danger",size:"small",children:_>99?"99+":_})})]}))};Q.propTypes={id:a.PropTypes.any,isUserProfile:a.PropTypes.bool,themeColor:a.PropTypes.string,image:a.PropTypes.any,name:a.PropTypes.string,notifications:a.PropTypes.number,style:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral"]),size:a.PropTypes.oneOf(["large"]),onSelect:a.PropTypes.func,hasPermission:a.PropTypes.bool};const L=(e,n)=>{if(!e||!n)return null;let o=Math.floor((e==null?void 0:e.getTime())-(n==null?void 0:n.getTime())),l=1e3*60*60*24;return Math.ceil(o/l)},G=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}.`}},ee=h.forwardRef((e,n)=>{var V;const o=q.useTheme(),{uuid:l,shopUuid:f,title:u="",description:_,badges:g,coverPhoto:$,onSelect:c,status:P,startDate:i,endDate:m,salesPackages:y,shopName:j,shopCategory:x,shopImage:D,className:b,onSelectCard:T=()=>{},onSelectShop:C=()=>{},upcoming:S=!1,upcomingCampaignText:k,campaignSingleText:N,salesCampaignTypes:w=[],startsInPrefixTextPlural:s,startsinSuffixTextPlural:d,startsInPrefixTextSingular:R,startsinSuffixTextSingular:r,endsInPrefixTextPlural:A,endsinSuffixTextPlural:te,endsInPrefixTextSingular:ne,endsinSuffixTextSingular:se,themeData:ae,numberOfListings:M,numberOfListingsTextSingular:oe,numberOfListingsTextPlural:ie,...le}=e,ce=i?new Date(i)<=new Date:!1;L(m?new Date(m):null,i?new Date(i):null);const de=L(i?new Date(i):null,new Date),ge=L(m?new Date(m):null,new Date),W=(B,U,E,z,F)=>E===1?`${B} ${E} ${z}`:`${U} ${E} ${F}`;return t.jsxs(ue,{ref:n,theme:o,className:b,onClick:T,...le,children:[t.jsxs(he,{theme:o,onClick:()=>c==null?void 0:c(),children:[t.jsx("img",{src:$}),t.jsx(ye,{children:y==null?void 0:y.map((B,U)=>{var E,z;return t.jsx(we,{color:(E=w==null?void 0:w.find(F=>F.value===B))==null?void 0:E.color,theme:o,children:t.jsx(J,{icon:(z=w==null?void 0:w.find(F=>F.value===B))==null?void 0:z.icon})},`package__${U}`)})})]}),t.jsxs(me,{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:(V=S?k:N)==null?void 0:V.toUpperCase()}),t.jsx("div",{className:"campaign-title-text",children:u}),m&&i&&t.jsxs("div",{children:[G(i)," - ",G(m)]}),t.jsxs("div",{className:"timestamp-text",children:[M>0&&`${M} ${M===1?oe:ie} ∙ `,ce?W(ne,A,ge,se,te):W(R,s,de,r,d)]})]})}),t.jsx(Q,{hasPermission:!0,image:t.jsx("img",{src:D,className:`${D?"":"no-image"}`}),themeData:ae,isActive:!0,isUser:!1,name:j,shopCategory:x,onClick:()=>C(f)})]})]})});ee.propTypes={title:a.PropTypes.oneOfType([a.PropTypes.string,a.PropTypes.element]),numberOfListings:a.PropTypes.number,dropdown:a.PropTypes.any,color:a.PropTypes.string};p.styled.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -235,26 +240,26 @@
     }
   }
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
       margin-right: 0;
     }
   }
-`;const E=d.styled.div`
+`;const O=p.styled.div`
   width: ${e=>e.width||"100%"};
   height: ${e=>(e.heightCoeff||1)*1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${b.linearGradientAnimation("-90deg")}
-`,ie=d.styled.div`
+  ${v.linearGradientAnimation("-90deg")}
+`,be=p.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%"};
-`,q=d.styled.div`
-  border-radius: ${e=>b.getBorderRadiusValueWithUnits(e.theme,(e==null?void 0:e.borderRadius)??"regular")};
+`,Y=p.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"};
@@ -263,10 +268,10 @@
   width: ${e=>(e==null?void 0:e.width)??"5rem"};
   flex-shrink: 0;
 
-  ${b.linearGradientAnimation()}
-`,le=d.styled.div`
+  ${v.linearGradientAnimation()}
+`,ve=p.styled.div`
   background: var(--white, #fff);
-  border-radius: ${e=>b.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);
 
@@ -293,17 +298,17 @@
     gap: 0.5rem;
   }
 
-  @media (max-width: ${C.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     flex-direction: column;
 
     & .campaign__user {
       margin-top: 1rem;
     }
   }
-`,ce=d.styled.div`
+`,_e=p.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},(o,h)=>t.jsx(de,{},`${a}-skeleton-campaign-card-${h}`))}),me=({children:e,fallbackComponent:a=t.jsx(t.Fragment,{}),isLoading:o=!1,itemsCount:h=5,keyPrefix:u})=>t.jsx(p.Suspense,{fallback:a,children:o===!0?t.jsx(ge,{itemsCount:h,keyPrefix:u}):e}),pe=d.styled.div`
+`,$e=h.forwardRef(({},e)=>{const n=q.useTheme();return t.jsxs(ve,{ref:e,theme:n,children:[t.jsx("div",{className:"campaign__left-section",children:t.jsx(Y,{theme:n,width:"15rem",height:"15rem",borderRadius:"edged"})}),t.jsxs("div",{className:"campaign__right-section",children:[t.jsxs(be,{theme:n,children:[t.jsx(O,{heightCoeff:.75,theme:n,width:"35%"}),t.jsx(O,{heightCoeff:1.25,theme:n}),t.jsx(O,{heightCoeff:3,theme:n})]}),t.jsxs("div",{className:"campaign__user",children:[t.jsx(Y,{theme:n,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),t.jsx(O,{theme:n,width:"75%"})]})]})]})}),je=({itemsCount:e=5,keyPrefix:n})=>t.jsx(_e,{children:Array.from({length:e},(o,l)=>t.jsx($e,{},`${n}-skeleton-campaign-card-${l}`))}),De=({children:e,fallbackComponent:n=t.jsx(t.Fragment,{}),isLoading:o=!1,itemsCount:l=5,keyPrefix:f})=>t.jsx(h.Suspense,{fallback:n,children:o===!0?t.jsx(je,{itemsCount:l,keyPrefix:f}):e}),Te=p.styled.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -344,12 +349,12 @@
     top: 0;
     right: 0;
   }
-`,he=d.styled(L.motion.div)`
+`,Pe=p.styled(H.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"}) {
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
     grid-template-columns: repeat(${e=>e==null?void 0:e.numOfColumnsForMobile}, 1fr);
   }
-`,G=p.forwardRef(({icon:e,title:a,numOfSlides:o=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:o)};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:o,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:n.PropTypes.string,title:n.PropTypes.string,numOfSlides:n.PropTypes.number,numOfSlidesForMobile:n.PropTypes.number,showNavigation:n.PropTypes.bool};const ue=p.memo(Z),fe=p.forwardRef(({sellerType:e="Shop",items:a=[],title:o,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:o,numOfSlides:x,numOfSlidesForMobile:w,showNavigation:$,children:P})})});module.exports=fe;
+`,re=h.forwardRef(({icon:e,title:n,numOfSlides:o=2,numOfSlidesForMobile:l=1,showNavigation:f=!0,children:u},_)=>{const[g,$]=h.useState(0),[c,P]=h.useState(1),[i,m]=h.useState(null),[y,j]=h.useState(null),x=K.useDetectMobile(),D=50,b=(u==null?void 0:u.length)??1;h.useEffect(()=>{const s=()=>{P(x?l:o)};return window.addEventListener("resize",s),s(),()=>window.removeEventListener("resize",s)},[]);const T=u==null?void 0:u.slice(g,g+c),C=s=>{var d;(d=s==null?void 0:s.target)==null||d.blur(),g+c<b&&$(g+c)},S=s=>{var d;(d=s==null?void 0:s.target)==null||d.blur(),g-c>=0&&$(g-c)},k=s=>{var d;j(null),m((d=s==null?void 0:s.targetTouches["0"])==null?void 0:d.clientX)},N=s=>{var d;j((d=s==null?void 0:s.targetTouches["0"])==null?void 0:d.clientX)},w=()=>{if(!i||!y)return;const s=i-y;s>D&&C(),s<-D&&S()};return t.jsxs(Te,{ref:_,...x?{onTouchStart:k,onTouchMove:N,onTouchEnd:w}:{},children:[t.jsx("div",{className:"scrollable-section__header",children:t.jsxs("div",{className:"scrollable-section__title",children:[v.isDefinedNotEmptyString(e)&&t.jsx(J,{icon:e,color:"primary",sizeInUnits:"1.5rem",className:"title__icon"}),v.isDefinedNotEmptyString(n)&&t.jsx("div",{className:"title__text",children:n})]})}),t.jsx(Pe,{numOfColumns:o,numOfColumnsForMobile:l,animate:{x:0,opacity:1},initial:{x:10,opacity:0},children:T},`scrollable-section__content-${g}`),f&&b>c&&!x&&t.jsxs("div",{className:"scrollable-section__navigation",children:[t.jsx(X,{icon:"angle-left",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:g===0,onClick:S}),t.jsx(X,{icon:"angle-right",borderRadius:"curved",btnType:"tinted",color:"neutral",className:"navigation__arrow",disabled:g+c>=b,onClick:C})]})]})});re.propTypes={icon:a.PropTypes.string,title:a.PropTypes.string,numOfSlides:a.PropTypes.number,numOfSlidesForMobile:a.PropTypes.number,showNavigation:a.PropTypes.bool};const Ce=h.memo(ee),Se=h.forwardRef(({sellerType:e="Shop",items:n=[],title:o,icon:l,isLoading:f,onSelectCard:u=()=>{},onSelectShop:_=()=>{},getImage:g=()=>{},campaignSingleText:$,upcomingCampaignText:c,salesCampaignTypes:P=[],startsInPrefixTextPlural:i,startsinSuffixTextPlural:m,startsInPrefixTextSingular:y,startsinSuffixTextSingular:j,endsInPrefixTextPlural:x,endsinSuffixTextPlural:D,endsInPrefixTextSingular:b,endsinSuffixTextSingular:T,numOfSlides:C=2,numOfSlidesForMobile:S=1,showNavigation:k=!0,numberOfListingsTextSingular:N,numberOfListingsTextPlural:w},s)=>{const d=K.useDetectMobile(),R=h.useMemo(()=>n==null?void 0:n.map((r,A)=>t.jsx(Ce,{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,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:()=>u(r==null?void 0:r.campaignUuid,r==null?void 0:r.shopUuid),onSelectShop:()=>_(r==null?void 0:r.shopUuid),campaignSingleText:$,upcomingCampaignText:c,upcoming:r==null?void 0:r.upcoming,salesCampaignTypes:P,startsInPrefixTextPlural:i,startsinSuffixTextPlural:m,startsInPrefixTextSingular:y,startsinSuffixTextSingular:j,endsInPrefixTextPlural:x,endsinSuffixTextPlural:D,endsInPrefixTextSingular:b,endsinSuffixTextSingular:T,themeData:r==null?void 0:r.themeData,numberOfListings:r==null?void 0:r.numberOfListings,numberOfListingsTextSingular:N,numberOfListingsTextPlural:w},`campaign__item__${A}__${r==null?void 0:r.startDate}___${r==null?void 0:r.endDate}`)),[n]);return t.jsx(De,{isLoading:f,itemsCount:d?1:2,keyPrefix:"sales-camp",children:t.jsx(re,{icon:l,title:o,numOfSlides:C,numOfSlidesForMobile:S,showNavigation:k,children:R})})});module.exports=Se;