@lanaco/lnc-react-ui 4.0.35 → 4.0.37

package/dist/ProgressBar.js

@@ -1,9 +1,9 @@
-import { jsxs as g, jsx as h } from "react/jsx-runtime";
+import { jsxs as m, jsx as h } from "react/jsx-runtime";
 import { forwardRef as f, isValidElement as P, cloneElement as y } from "react";
 import { P as r } from "./index-S5Cd7WrG.js";
-import { n as t } from "./emotion-styled.browser.esm-BiK8DcgW.js";
-import { a as n, g as x } from "./utils-jiuifwtJ.js";
-import { u as w } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { n as t } from "./emotion-styled.browser.esm-CjCaF13H.js";
+import { b as n, c as x } from "./utils-DtRLzzTZ.js";
+import { u as w } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const $ = t.div`
   width: 100%;
   position: relative;
@@ -50,7 +50,7 @@ const $ = t.div`
     id: T = "",
     showLabel: i = !1,
     progressPercentage: s = 0,
-    className: m = "",
+    className: g = "",
     style: d = {},
     onChange: j = () => {
     },
@@ -65,11 +65,11 @@ const $ = t.div`
         className: `progress-icon ${(c = o == null ? void 0 : o.props) == null ? void 0 : c.className}`
       });
   };
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ m(
     $,
     {
       style: d,
-      className: "lnc-ui-progress " + m,
+      className: "lnc-ui-progress " + g,
       theme: a,
       size: l,
       showLabel: i,
@@ -85,7 +85,7 @@ const $ = t.div`
             children: o !== null && u()
           }
         ),
-        i && /* @__PURE__ */ g(C, { theme: a, size: l, children: [
+        i && /* @__PURE__ */ m(C, { theme: a, size: l, children: [
           s,
           "%"
         ] })

package/dist/QuizSection.cjs

@@ -1,4 +1,4 @@
-"use strict";const e=require("react/jsx-runtime"),i=require("react"),z=require("./utils-scuIeOqU.cjs"),k=require("./Button.cjs"),S=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),p=require("./consts-CtNoHdBj.cjs"),A=require("./Icon.cjs"),H=require("./ProgressBar.cjs"),J=S.newStyled.div`
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),z=require("./utils-NZLCh-J5.cjs"),k=require("./Button.cjs"),S=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),p=require("./consts-CtNoHdBj.cjs"),A=require("./Icon.cjs"),H=require("./ProgressBar.cjs"),J=S.newStyled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;

package/dist/QuizSection.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { forwardRef as T, useState as b, useRef as D, useEffect as q } from "react";
-import { p as ee, l as B, q as re } from "./utils-jiuifwtJ.js";
+import { p as ee, l as B, q as re } from "./utils-DtRLzzTZ.js";
 import R from "./Button.js";
-import { n as Q } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as Q } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { M as S, C as M, a as L } from "./consts-C1uHV4xc.js";
 import F from "./Icon.js";
 import te from "./ProgressBar.js";

package/dist/RadioGroup.cjs

@@ -1,4 +1,4 @@
-"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),e=require("./index-BPVoEhTF.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),_=I.newStyled.div`
+"use strict";const p=require("react/jsx-runtime"),n=require("react"),I=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),e=require("./index-BPVoEhTF.cjs"),O=require("./RadioInput.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=I.newStyled.div`
   display: inline-flex;
   flex-direction: ${s=>s.inline===!0?"row":"column"};
   gap: 1.5rem;

package/dist/RadioGroup.js

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as P, useState as j, useEffect as z } from "react";
-import { n as R } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as R } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { P as e } from "./index-S5Cd7WrG.js";
 import T from "./RadioInput.js";
-import { u as k } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { u as k } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const N = R.div`
   display: inline-flex;
   flex-direction: ${(r) => r.inline === !0 ? "row" : "column"};

package/dist/RadioInput.cjs

@@ -1,4 +1,4 @@
-"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-scuIeOqU.cjs"),O=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
+"use strict";const i=require("react/jsx-runtime"),h=require("react"),m=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),r=require("./index-BPVoEhTF.cjs"),o=require("./utils-NZLCh-J5.cjs"),O=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=e=>e=="left"?"row-reverse":"row",q=m.newStyled.label`
   min-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   max-height: ${e=>o.getSizeValueWithUnits(e.theme,e.size)};
   width: 100%;

package/dist/RadioInput.js

@@ -1,9 +1,9 @@
 import { jsxs as b, jsx as n } from "react/jsx-runtime";
 import { forwardRef as P, useState as j } from "react";
-import { n as g } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as g } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { P as i } from "./index-S5Cd7WrG.js";
-import { d as f, g as N, e as T, a as t } from "./utils-jiuifwtJ.js";
-import { u as F } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { d as f, c as N, e as T, b as t } from "./utils-DtRLzzTZ.js";
+import { u as F } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 const I = (e) => e == "left" ? "row-reverse" : "row", D = g.label`
   min-height: ${(e) => f(e.theme, e.size)};
   max-height: ${(e) => f(e.theme, e.size)};

package/dist/RangeSlider.cjs

@@ -1,4 +1,4 @@
-"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-scuIeOqU.cjs"),_=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs"),F=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
+"use strict";const t=require("react/jsx-runtime"),y=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),n=require("./index-BPVoEhTF.cjs"),o=require("react"),a=require("./utils-NZLCh-J5.cjs"),U=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),_=require("./useUpdateEffect-BtMgpgIV.cjs"),L=({theme:e,size:i})=>{var c=a.getSizeValueWithUnits(e,i);return`
     min-height: ${c};
     max-height: ${c};
   `},b={small:"0.875rem",medium:"1.125rem",large:"1.375rem"},W=y.newStyled.div`
@@ -69,4 +69,4 @@
       }
     }
   }
-`,q=o.forwardRef((e,i)=>{const{defaultValue:c,value:l=null,min:g=0,max:h=100,disabled:d,tabIndex:v=0,onChange:R=()=>{},onInput:w=()=>{},color:u="primary",size:E="small",className:N="",style:O={},...$}=e,C=o.useRef(),p=_.useTheme(),m={theme:p,size:E,color:u,className:N,style:O},S=a.getColorRgbaValue(p,"Range",u,"enabled","unfilled"),[k,M]=o.useState(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background")),[P,B]=o.useState(),[U,f]=o.useState(),x=o.useCallback(r=>Math.round((r-g)/(h-g)*100),[g,h]),[s,T]=o.useState(l||c);F.useUpdateEffect(()=>{T(l)},[l]),o.useEffect(()=>{z(s||0)},[s,x,d,u]),o.useEffect(()=>{M(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background"))},[u,d]);const V=r=>{z(r.target.value),w&&w(r)},z=r=>{B(`linear-gradient(to right, ${k} 0%, ${k} ${x(r)}%, ${S} ${x(r)}%, ${S} 100%)`)},j=r=>{T(r.target.value),R&&R(r)};return t.jsxs(W,{...m,children:[U&&s&&t.jsx(t.Fragment,{children:t.jsxs(X,{...m,inputValue:x(s),children:[t.jsx("div",{className:"text-content",children:s}),t.jsx("div",{className:"arrow",children:t.jsx("div",{className:"outer",children:t.jsx("div",{className:"inner"})})})]})}),l==null||l=="undefined"?t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,defaultValue:c,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$}):t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,value:s,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$})]})});q.propTypes={value:n.PropTypes.number,defaultValue:n.PropTypes.number,min:n.PropTypes.number,max:n.PropTypes.number,disabled:n.PropTypes.bool,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onInput:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"])};module.exports=q;
+`,q=o.forwardRef((e,i)=>{const{defaultValue:c,value:l=null,min:g=0,max:h=100,disabled:d,tabIndex:v=0,onChange:R=()=>{},onInput:w=()=>{},color:u="primary",size:E="small",className:N="",style:O={},...$}=e,C=o.useRef(),p=U.useTheme(),m={theme:p,size:E,color:u,className:N,style:O},S=a.getColorRgbaValue(p,"Range",u,"enabled","unfilled"),[k,M]=o.useState(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background")),[P,B]=o.useState(),[F,f]=o.useState(),x=o.useCallback(r=>Math.round((r-g)/(h-g)*100),[g,h]),[s,T]=o.useState(l||c);_.useUpdateEffect(()=>{T(l)},[l]),o.useEffect(()=>{z(s||0)},[s,x,d,u]),o.useEffect(()=>{M(a.getColorRgbaValue(p,"Range",u,d?"disabled":"enabled","background"))},[u,d]);const V=r=>{z(r.target.value),w&&w(r)},z=r=>{B(`linear-gradient(to right, ${k} 0%, ${k} ${x(r)}%, ${S} ${x(r)}%, ${S} 100%)`)},j=r=>{T(r.target.value),R&&R(r)};return t.jsxs(W,{...m,children:[F&&s&&t.jsx(t.Fragment,{children:t.jsxs(X,{...m,inputValue:x(s),children:[t.jsx("div",{className:"text-content",children:s}),t.jsx("div",{className:"arrow",children:t.jsx("div",{className:"outer",children:t.jsx("div",{className:"inner"})})})]})}),l==null||l=="undefined"?t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,defaultValue:c,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$}):t.jsx(I,{ref:i||C,id:"fader",type:"range",min:g,max:h,value:s,disabled:d,tabIndex:v,onMouseEnter:()=>{f(!0)},onMouseLeave:()=>{f(!1)},rangeBackground:P,onInput:V,onChange:j,...m,...$})]})});q.propTypes={value:n.PropTypes.number,defaultValue:n.PropTypes.number,min:n.PropTypes.number,max:n.PropTypes.number,disabled:n.PropTypes.bool,tabIndex:n.PropTypes.number,onChange:n.PropTypes.func,onInput:n.PropTypes.func,className:n.PropTypes.string,style:n.PropTypes.object,size:n.PropTypes.oneOf(["small","medium","large"]),color:n.PropTypes.oneOf(["primary","secondary","success","danger","warning","disabled","information","neutral","gray"])};module.exports=q;

package/dist/RangeSlider.js

@@ -1,9 +1,9 @@
 import { jsxs as O, jsx as t, Fragment as W } from "react/jsx-runtime";
-import { n as x } from "./emotion-styled.browser.esm-BiK8DcgW.js";
+import { n as x } from "./emotion-styled.browser.esm-CjCaF13H.js";
 import { P as n } from "./index-S5Cd7WrG.js";
 import { forwardRef as X, useRef as q, useState as v, useCallback as A, useEffect as M } from "react";
-import { b as D, a as o, g as G, d as H } from "./utils-jiuifwtJ.js";
-import { u as J } from "./emotion-element-5486c51c.browser.esm-Bb4VkP8U.js";
+import { a as D, b as o, c as G, d as H } from "./utils-DtRLzzTZ.js";
+import { u as J } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
 import { u as K } from "./useUpdateEffect-CuYWz7EA.js";
 const Q = ({ theme: e, size: i }) => {
   var u = H(e, i);

package/dist/SalesCampaignsSection.cjs

@@ -0,0 +1,423 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("react"),u=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),j=require("./utils-NZLCh-J5.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-Cb_AeN9A.cjs"),z=require("./IconButton.cjs"),te=u.newStyled.div`
+  cursor: pointer;
+  display: flex;
+  gap: 1rem;
+  padding: 1.25rem;
+  border-radius: ${e=>j.getBorderRadiusValueWithUnits(e.theme,"slightCurve")};
+  border: 1px solid var(--gray-95080, #14161acc);
+
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+    flex-direction: column;
+    padding: 0;
+    gap: 0;
+    border: none;
+    border-radius: 0;
+  }
+`,oe=u.newStyled.div`
+  border-radius: ${e=>j.getBorderRadiusValueWithUnits(e.theme,"edged")};
+  height: 15rem;
+  width: 15rem;
+  min-width: 15rem;
+  cursor: pointer;
+
+  position: relative;
+  overflow: hidden;
+
+  & img {
+    max-width: 100%;
+    min-width: 100%;
+    max-height: 100%;
+    min-height: 100%;
+    object-fit: cover;
+
+    transform: scale(1.1);
+    transition: var(--transition, all 0.3s ease);
+    &:hover {
+      transform: scale(1.25);
+    }
+  }
+
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+    width: 100%;
+    max-width: 100dvh;
+    height: 23.438rem;
+  }
+`,ie=u.newStyled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 1rem;
+  color: var(--gray-950, #14161a);
+  font-weight: 400;
+  font-size: 0.875rem;
+
+  & .campaign-title {
+    font-weight: 500;
+    font-size: 0.75rem;
+    letter-spacing: 0.1rem;
+    color: var(--primary-500, #f59e0b);
+  }
+
+  & .campaign-title-text {
+    font-weight: 600;
+    font-size: 1.375rem;
+    transition: var(--transition, all 0.3s ease);
+    &:hover {
+      color: var(--primary-500, #f59e0b);
+      font-size: 1.4rem;
+    }
+  }
+
+  & .text-block-wrapper {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+  }
+
+  & .title-block-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
+  & .timestamp-text {
+    font-size: 0.875rem;
+    font-weight: 400;
+    padding-top: 0.25rem;
+    color: var(--gray-700, #4e555f);
+  }
+
+  & .profile-item:hover {
+    background-color: transparent;
+  }
+
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+    padding: 1.25rem;
+
+    & .campaign-title {
+      font-size: 0.875rem;
+    }
+
+    & .text-block-wrapper {
+      gap: 0.25rem;
+    }
+    & .text-block-wrapper {
+      gap: 0.25rem;
+    }
+  }
+`,ne={"#ADE3EB":"#76D0DB","#DDD6FE":"#C4B5FD","#FDE68A":"#FCD34D","#A7F3D0":"#6EE7B7","#BADFFF":"#87C6FA","#FECDD3":"#FDA4AF","#EFE2CF":"#EAD2AF","#DDDFE4":"#C4C8CF","#E7E5E4":"#D6D3D1","#FED7AA":"#FDBA74",default:"#C4C8CF"},V=(e=!1,o=!1,c=!1)=>`
+    display: flex;
+    ${o?"flex-wrap: wrap;":""}
+    ${o?"":"flex-wrap: nowrap;"}
+    ${e?"align-items: center;":""}
+    ${c?"justify-content: center;":""}
+  `,se=u.newStyled(K.motion.div)`
+  text-decoration: none;
+  ${e=>e.hasPermission===!0&&"cursor: pointer"};
+
+  &:focus,
+  &:hover,
+  &:visited,
+  &:link,
+  &:active {
+    text-decoration: none;
+  }
+
+  & .icon,
+  .name {
+    text-decoration: none;
+  }
+
+  ${V(!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=>j.getBorderRadiusValueWithUnits(e.theme,"slight")};
+  transition: all 0.25s ease;
+
+  & .logo-wrapper {
+    ${V(!0,!1,!0)}
+    flex-shrink: 0;
+    border-radius: 999px;
+    border: 3px solid
+      ${e=>e.isActive===!1?"var(--gray-300, #c4c8cf)":ne[e.themeColor]??"var(--gray-300, #c4c8cf)"};
+
+    & img,
+    .img-placeholder {
+      border-radius: 999px;
+      object-fit: cover;
+      height: 1.25rem;
+      width: 1.25rem;
+      background-color: var(--gray-200, #dddfe4);
+    }
+
+    & .no-image {
+      background: white;
+    }
+  }
+
+  &.user-profile-item {
+    & .logo-wrapper {
+      border: 3px solid transparent;
+    }
+  }
+
+  & .name {
+    flex-grow: 15;
+  }
+
+  & .notifications-number .badge {
+    font-size: 0.75rem;
+  }
+
+  & .badge {
+    max-height: 1.25rem;
+    min-height: 1.25rem;
+    padding: 0.375rem;
+    line-height: 1rem;
+  }
+
+  &:hover {
+    cursor: pointer;
+    background-color: var(--gray-95080, #14161acc);
+    color: var(--gray-600, #676e79);
+  }
+`,ae=u.newStyled.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.newStyled.div`
+  border-radius: ${e=>j.getBorderRadiusValueWithUnits(e.theme,e.borderRadius||"slight")};
+  background-color: ${e=>le(e==null?void 0:e.color)};
+  color: white;
+  height: 1.5rem;
+  min-width: 1.5rem;
+  width: ${e=>e.fitContent===!0?"fit-content":"1.5rem"};
+  ${e=>e.fitContent===!0&&"padding: 0 0.1rem;"};
+  font-size: 0.75rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: ${e=>e.padding};
+  & i {
+    font-size: 0.813rem;
+  }
+`,X=e=>{const{uuid:o,hasPermission:c=!0,isUser:n,image:m,name:a,notifications:d=0,color:x="primary",size:w="large",style:S,disabled:l,onSelect:h=()=>{},isActive:y,className:b,themeData:f}=e,T={theme:M.useTheme(),color:x,size:w,style:S,disabled:l};return s.createElement(se,{onClick:t=>{t.stopPropagation(),c===!0&&(h==null||h())},...T,key:a,animate:{y:0,opacity:1},className:`profile-item ${b}`,exit:{opacity:0},hasPermission:c,initial:{y:-10,opacity:0},isActive:y,themeColor:(f==null?void 0:f.code)||"transparent"},r.jsx("div",{className:"logo-wrapper",children:m}),r.jsx("div",{className:"name",children:a}),d>0&&r.jsx("div",{className:"notifications-number",children:r.jsx(ee,{className:"badge",color:"danger",size:"small",children:d>99?"99+":d})}))};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())),n=1e3*60*60*24;return Math.ceil(c/n)},Y=e=>{const o=M.useTheme(),{uuid:c,shopUuid:n,title:m="",description:a,badges:d,coverPhoto:x,onSelect:w,status:S,startDate:l,endDate:h,salesPackages:y,shopName:b,shopImage:f,onSelectCard:g=()=>{},onSelectShop:T=()=>{},campaignSingleText:t,salesCampaignTypes:$=[],startsInPrefixTextPlural:P,startsinSuffixTextPlural:F,startsInPrefixTextSingular:C,startsinSuffixTextSingular:A,themeData:O,...R}=e,p=l?new Date(l)<=new Date:!1;H(h?new Date(h):null,l?new Date(l):null);const v=H(l?new Date(l):null,new Date);return r.jsxs(te,{theme:o,onClick:g,...R,children:[r.jsxs(oe,{theme:o,onClick:()=>w==null?void 0:w(),children:[r.jsx("img",{src:x}),r.jsx(ae,{children:y==null?void 0:y.map((k,E)=>{var N,W;return r.jsx(ce,{color:(N=$==null?void 0:$.find(B=>B.value===k))==null?void 0:N.color,theme:o,children:r.jsx(Q,{icon:(W=$==null?void 0:$.find(B=>B.value===k))==null?void 0:W.icon})},`package__${E}`)})})]}),r.jsxs(ie,{theme:o,children:[r.jsxs("div",{className:"text-block-wrapper",children:[r.jsxs("div",{className:"title-block-wrapper",children:[r.jsx("div",{className:"campaign-title",children:t}),r.jsx("div",{className:"campaign-title-text",children:m}),r.jsx("div",{className:"timestamp-text",children:p?"":v===1?`${C} ${v} ${A}`:`${P} ${v} ${F}`})]}),r.jsx("div",{children:a})]}),r.jsx(X,{hasPermission:!0,image:r.jsx("img",{src:f,className:`${f?"":"no-image"}`}),themeData:O,isActive:!0,isUser:!1,name:b,onClick:()=>T(n)})]})]})};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.newStyled.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=>j.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
+  }
+
+  & .hover-right-arrow {
+    display: none;
+    position: absolute;
+    top: 50%;
+    right: 1.5rem;
+    z-index: ${e=>j.isDefined(e.arrowsZIndex)?e.arrowsZIndex:20};
+  }
+
+  & .clip-loader-wrapper {
+    margin: auto;
+    padding: 0 1rem;
+  }
+
+  @media (max-width: ${I.MOBILE_SIZE_PX+"px"}) {
+    gap: 1.25rem;
+    & .hover-left-arrow,
+    .hover-right-arrow {
+      display: flex;
+    }
+  }
+`,he=u.newStyled.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: ${I.MOBILE_SIZE_PX+"px"}) {
+    padding: 0 1rem;
+    & .btns-group {
+      display: none;
+    }
+  }
+`,ge=u.newStyled.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: ${I.MOBILE_SIZE_PX+"px"}) {
+    & .scroll-arrow-left,
+    & .scroll-arrow-right {
+      display: none;
+    }
+
+    & .gradient {
+      right: 0;
+    }
+  }
+`,pe=(e,o)=>{const[c,n]=s.useState({trigger:null,direction:null}),m=a=>a.touches||a.originalEvent.touches;return s.useEffect(()=>{const a=typeof e=="string"||e instanceof String?document.getElementById(e):e.current;let d=null,x=null;if(a){const w=l=>{const h=m(l)[0];d=h.clientX,x=h.clientY},S=l=>{if(!d||!x)return;const h=l.touches[0].clientX,y=l.touches[0].clientY,b=d-h,f=x-y;Math.abs(b)>Math.abs(f)?b>0?n(g=>({trigger:!g.trigger,direction:_.LEFT})):n(g=>({trigger:!g.trigger,direction:_.RIGHT})):f>0?n(g=>({trigger:!g.trigger,direction:_.UP})):n(g=>({trigger:!g.trigger,direction:_.DOWN})),d=null,x=null};return a.addEventListener("touchstart",w),a.addEventListener("touchmove",S),()=>{a.removeEventListener("touchstart",w),a.addEventListener("touchmove",S)}}},[]),c},_={UP:"up",DOWN:"down",RIGHT:"right",LEFT:"left"},J=s.forwardRef(({title:e,columnGap:o="2rem",rowGap:c="1.25rem",scrollBySize:n=300,wrapForMobile:m=!1,wrap:a=!1,children:d,methodsRef:x,arrowsVisibleOnHover:w=!0,rightAlignArrows:S=!1,padding:l="0",showTimesBtn:h,noArrows:y,onShowEnd:b,arrowsZIndex:f,...g},T)=>{const t=G.useDetectMobile(),$=M.useTheme(),[P,F]=s.useState(!1),[C,A]=s.useState(!1),[O,R]=s.useState(!0),p=s.useRef(),v=pe(p);s.useEffect(()=>{(v==null?void 0:v.direction)===_.RIGHT&&C!==!0?E():(v==null?void 0:v.direction)===_.LEFT&&P!==!0&&k()},[v]);const k=()=>{var D;(D=p.current)==null||D.scrollBy(n,0)},E=()=>{var D;(D=p.current)==null||D.scrollBy(-n,0)},[N,W]=s.useState(!1);s.useEffect(()=>{var D,U;W(((D=p==null?void 0:p.current)==null?void 0:D.scrollWidth)>((U=p==null?void 0:p.current)==null?void 0:U.clientWidth))},[d]),s.useImperativeHandle(x,()=>({scrollToEnd(){B()},scrollLeft(){E()},scrollRight(){k()}}));const B=()=>{p.current.scrollLeft=p.current.scrollWidth};return r.jsxs(de,{arrowsZIndex:f,children:[r.jsxs(he,{children:[r.jsx("div",{children:e}),r.jsxs("div",{className:"btns-group",children:[r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-left",color:"neutral",disabled:C,icon:"angle-left",onClick:E}),r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"scroll-arrow-right",color:"neutral",disabled:P,icon:"angle-right",onClick:k})]})]}),r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-left-arrow scroll-arrow-left",color:"neutral",disabled:C,icon:"angle-left",onClick:E}),r.jsx(z,{borderRadius:"curved",btnType:"tinted",className:"hover-right-arrow scroll-arrow-right",color:"neutral",disabled:P,icon:"angle-right",onClick:k}),r.jsx(ge,{ref:T,arrowsVisibleOnHover:w,hasOverflow:N,noArrows:y,padding:l,rightAlignArrows:S,showTimesBtn:h,theme:$,...g,children:r.jsxs(re,{ref:p,className:"scrollable-container",columnGap:o,rowGap:c,wrap:a||m&&t?"Wrap":"NoWrap",children:[r.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{C===!0&&A(!1)},onIsVisible:()=>{C===!1&&A(!0)}}),d,r.jsx(q.InfiniteScrollEndElement,{isHorizontal:!0,onIsNotVisible:()=>{P===!0&&F(!1),R(!0)},onIsVisible:()=>{P===!1&&F(!0),R(!1),b==null||b()}}),O&&N&&r.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.newStyled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+
+  & .arrow-icon {
+    & i {
+      transition: all 0.25s ease;
+      transform: ${e=>e.expanded===!0?"rotate(-180deg)":"rotate(0)"};
+    }
+  }
+
+  & .badge-button {
+    white-space: nowrap;
+    font-weight: 500;
+  }
+
+  & .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"}) {
+    & .campaign-item {
+      min-width: 100%;
+      width: 100%;
+      margin-right: 0;
+    }
+  }
+`,L=u.newStyled.div`
+  width: ${e=>e.width||"100%"};
+  height: ${e=>(e.heightCoeff||1)*1.125}rem;
+  background-color: var(--gray-200, #dddfe4);
+
+  ${j.linearGradientAnimation("-90deg")}
+`,fe=u.newStyled.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.newStyled.div`
+  border-radius: ${e=>j.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"};
+  max-width: ${e=>(e==null?void 0:e.width)??"5rem"};
+  height: ${e=>(e==null?void 0:e.height)??"5rem"};
+  width: ${e=>(e==null?void 0:e.width)??"5rem"};
+  flex-shrink: 0;
+
+  ${j.linearGradientAnimation()}
+`,me=u.newStyled.div`
+  background: var(--white, #fff);
+  border-radius: ${e=>j.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);
+
+  display: flex;
+  gap: 1rem;
+  padding: 1.25rem;
+  width: 100%;
+
+  & .campaign__left-section {
+    position: relative;
+  }
+
+  & .campaign__right-section {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    max-width: 18rem;
+    width: 100%;
+  }
+
+  & .campaign__user {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+`,xe=s.forwardRef(({},e)=>{const o=M.useTheme();return r.jsxs(me,{ref:e,theme:o,children:[r.jsx("div",{className:"campaign__left-section",children:r.jsx(Z,{theme:o,width:"15rem",height:"15rem",borderRadius:"edged"})}),r.jsxs("div",{className:"campaign__right-section",children:[r.jsxs(fe,{theme:o,children:[r.jsx(L,{heightCoeff:.75,theme:o,width:"35%"}),r.jsx(L,{heightCoeff:1.25,theme:o}),r.jsx(L,{heightCoeff:3,theme:o})]}),r.jsxs("div",{className:"campaign__user",children:[r.jsx(Z,{theme:o,width:"2.5rem",height:"2.5rem",borderRadius:"curved"}),r.jsx(L,{theme:o,width:"75%"})]})]})]})}),we=({itemsCount:e=5,keyPrefix:o})=>r.jsx(r.Fragment,{children:Array.from({length:e},(c,n)=>r.jsx(xe,{},`${o}-skeleton-campaign-card-${n}`))}),be=({children:e,fallbackComponent:o=r.jsx(r.Fragment,{}),isLoading:c=!1,itemsCount:n=5,keyPrefix:m})=>r.jsx(s.Suspense,{fallback:o,children:c===!0?r.jsx(we,{itemsCount:n,keyPrefix:m}):e}),ye=s.memo(Y),ve=s.forwardRef(({sellerType:e="Shop",items:o=[],title:c,isLoading:n,onSelectCard:m=()=>{},onSelectShop:a=()=>{},customScrollSize:d,campaignSingleText:x,salesCampaignTypes:w=[],startsInPrefixTextPlural:S,startsinSuffixTextPlural:l,startsInPrefixTextSingular:h,startsinSuffixTextSingular:y},b)=>{const f=s.useRef(),g=G.useDetectMobile(),T=s.useMemo(()=>o==null?void 0:o.map((t,$)=>r.jsx(ye,{className:"campaign-item",coverPhoto:t==null?void 0:t.coverPhoto,description:t==null?void 0:t.description,endDate:t==null?void 0:t.endDate,salesPackages:t==null?void 0:t.salesPackages,sellerType:e,shopImage:t==null?void 0:t.profileImage,shopName:t==null?void 0:t.shopName,shopUuid:t==null?void 0:t.shopUuid,startDate:t==null?void 0:t.startDate,title:t==null?void 0:t.name,uuid:t==null?void 0:t.campaignUuid,onSelectCard:()=>m(t==null?void 0:t.campaignUuid,t==null?void 0:t.shopUuid),onSelectShop:()=>a(t==null?void 0:t.shopUuid),campaignSingleText:x,salesCampaignTypes:w,startsInPrefixTextPlural:S,startsinSuffixTextPlural:l,startsInPrefixTextSingular:h,startsinSuffixTextSingular:y,themeData:t==null?void 0:t.themeData},`campaign__item__${$}__${t==null?void 0:t.startDate}___${t==null?void 0:t.endDate}`)),[o]);return r.jsx(r.Fragment,{children:(o==null?void 0:o.length)>0&&r.jsx(ue,{ref:b,className:"row-section-scroll",children:r.jsx(J,{arrowsVisibleOnHover:!1,columnGap:"0",methodsRef:f,mobileHoverScrollButtons:!0,noArrows:!0,padding:"0.25rem 0",rightAlignArrows:!0,scrollBySize:g?window.innerWidth:d>0?d:window.innerWidth,showTimesBtn:!1,title:c,onShowEnd:()=>{},arrowsZIndex:11,children:r.jsx(be,{isLoading:n,itemsCount:2,keyPrefix:"sales-camp",children:T})})})})});module.exports=ve;