@lanaco/lnc-react-ui 4.0.91 → 4.0.93

package/dist/FieldOfInterestsMasonrySection.cjs

@@ -1,4 +1,4 @@
-"use strict";const r=require("react/jsx-runtime"),o=require("react"),c=require("./emotion-styled.browser.esm-BtEseadx.cjs"),v=require("./consts-goSZX3xP.cjs"),p=require("./utils-BWzf4vLl.cjs"),q=require("./Icon.cjs"),M=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),R=c.styled.div`
+"use strict";const r=require("react/jsx-runtime"),o=require("react"),l=require("./utils-BWzf4vLl.cjs"),m=require("./emotion-styled.browser.esm-BtEseadx.cjs"),b=require("./consts-goSZX3xP.cjs"),M=require("./Icon.cjs"),R=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),z=m.styled.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -37,7 +37,7 @@
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${p.truncateTextInRows(2)}
+      ${l.truncateTextInRows(2)}
     }
 
     & .wrapper__description {
@@ -47,15 +47,15 @@
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${p.truncateTextInRows(2)}
+      ${l.truncateTextInRows(2)}
     }
   }
-`,z=c.styled.div`
+`,C=m.styled.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${p.linearGradientAnimation("-90deg")};
-`,C=c.styled.div`
+  background: ${l.linearGradientAnimation("-90deg")};
+`,L=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -101,7 +101,7 @@
     }
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     flex-direction: row;
     align-items: center;
     gap: 0.25rem;
@@ -128,17 +128,17 @@
       white-space: nowrap;
     }
   }
-`,L=c.styled.div`
+`,S=m.styled.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
-  background: ${p.linearGradientAnimation("-90deg")};
+  background: ${l.linearGradientAnimation("-90deg")};
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     width: 7.5rem;
     height: 2.5rem;
   }
-`,F=o.forwardRef(({},t)=>r.jsx(L,{})),O=o.forwardRef(({text:t,isActive:s=!1,icon:i,onSelectCard:a=()=>{}},m)=>r.jsxs(C,{className:s?"active":"",onClick:a,children:[r.jsx(q,{icon:i,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),S=o.forwardRef(({image:t,imageComponent:s,title:i,description:a,className:m,onSelectCard:w=()=>{}},b)=>{const{theme:g}=M.useTheme();return r.jsxs(R,{theme:g,className:m,onClick:w,children:[p.isDefined(s)?s:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[i&&r.jsx("div",{className:"wrapper__title",children:i}),a&&r.jsx("div",{className:"wrapper__description",children:a})]})]})}),A=o.forwardRef(({},t)=>r.jsxs(z,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),T=c.styled.div`
+`,F=o.forwardRef(({},t)=>r.jsx(S,{})),O=o.forwardRef(({text:t,isActive:s=!1,icon:n,onSelectCard:i=()=>{}},f)=>r.jsxs(L,{className:s?"active":"",onClick:i,children:[r.jsx(M,{icon:n,className:"wrapper__icon"}),r.jsx("div",{className:"wrapper__text",children:t})]})),A=o.forwardRef(({image:t,imageComponent:s,title:n,description:i,className:f,onSelectCard:g=()=>{}},j)=>{const{theme:x}=R.useTheme();return r.jsxs(z,{theme:x,className:f,onClick:g,children:[l.isDefined(s)?s:r.jsx("img",{src:t,className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[n&&r.jsx("div",{className:"wrapper__title",children:n}),i&&r.jsx("div",{className:"wrapper__description",children:i})]})]})}),T=o.forwardRef(({},t)=>r.jsxs(C,{children:[r.jsx("div",{className:"wrapper__image"}),r.jsxs("div",{className:"wrapper__content",children:[r.jsx("div",{className:"wrapper__title"}),r.jsx("div",{className:"wrapper__description"})]})]})),W=m.styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -191,7 +191,7 @@
     }
   }
 
-  @media (max-width: ${v.MOBILE_SIZE_PX+"px"}) {
+  @media (max-width: ${b.MOBILE_SIZE_PX+"px"}) {
     & .wrapper__tags {
       display: flex;
       overflow-x: scroll;
@@ -203,4 +203,4 @@
       grid-template-columns: ${t=>`repeat(${t==null?void 0:t.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`,W=o.forwardRef(({title:t,subtitle:s,tags:i=[],items:a=[],limitTags:m=5,limitTagsForMobile:w=5,limit:b=3,limitForMobile:g=2,selectedTag:k,onSelectTag:x=()=>{},onSelectCard:u=()=>{}},N)=>{var j,$;return o.useLayoutEffect(()=>{const e=()=>{const l=document.querySelector(".wrapper__cards"),d=l.querySelectorAll(".wrapper__card");d.forEach(h=>{const I=h.getBoundingClientRect().height,E=Math.ceil((I+10)/20);h.style.gridRowEnd=`span ${E}`});const y=d==null?void 0:d[d.length-1];if(y){const h=y.offsetTop+y.offsetHeight;l.style.height=`${h}px`}},f=document.querySelector(".wrapper__cards").querySelectorAll(".wrapper__image");let _=0;return f.length===0?e():(f.forEach(l=>{l.complete?_++:l.addEventListener("load",()=>{_++,_===f.length&&e()})}),_===f.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),r.jsxs(T,{ref:N,limitTags:m,limitTagsForMobile:w,limitCards:b,limitCardsForMobile:g,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,n)=>r.jsx(O,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===k,onSelectCard:()=>x==null?void 0:x(e)},`field-of-interests-masonry-tag__${n+1}`)):(j=Array.from("12345"))==null?void 0:j.map((e,n)=>r.jsx(F,{},`field-of-interests-masonry-tag-skeleton__${n+1}`))}),r.jsx("div",{className:"wrapper__cards",children:a&&(a==null?void 0:a.length)>0?a==null?void 0:a.map((e,n)=>r.jsx(S,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>u==null?void 0:u(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${n+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,n)=>r.jsx(A,{},`field-of-interests-with-tags-card-skeleton__${n+1}`))})]})});module.exports=W;
+`,B=o.forwardRef(({title:t,subtitle:s,tags:n=[],items:i=[],limitTags:f=5,limitTagsForMobile:g=5,limit:j=3,limitForMobile:x=2,selectedTag:E,onSelectTag:u=()=>{},onSelectCard:y=()=>{},className:d},I)=>{var $,k;return o.useLayoutEffect(()=>{if(!l.isDefinedNotEmptyString(d))return;const e=()=>{const p=document.querySelector(`.${d} .wrapper__cards`),c=p.querySelectorAll(".wrapper__card");c.forEach(w=>{const N=w.getBoundingClientRect().height,q=Math.ceil((N+10)/20);w.style.gridRowEnd=`span ${q}`});const v=c==null?void 0:c[c.length-1];if(v){const w=v.offsetTop+v.offsetHeight;p.style.height=`${w}px`}},_=document.querySelector(`.${d} .wrapper__cards`).querySelectorAll(".wrapper__image");let h=0;return _.length===0?e():(_.forEach(p=>{p.complete?h++:p.addEventListener("load",()=>{h++,h===_.length&&e()})}),h===_.length&&e()),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[d,i]),r.jsxs(W,{ref:I,limitTags:f,limitTagsForMobile:g,limitCards:j,limitCardsForMobile:x,className:d,children:[r.jsxs("div",{className:"wrapper__heading",children:[t&&r.jsx("div",{className:"wrapper__title",children:t}),s&&r.jsx("div",{className:"wrapper__subtitle",children:s})]}),r.jsx("div",{className:"wrapper__tags",children:n&&(n==null?void 0:n.length)>0?n==null?void 0:n.map((e,a)=>r.jsx(O,{icon:e==null?void 0:e.icon,text:e==null?void 0:e.title,isActive:(e==null?void 0:e.code)===E,onSelectCard:()=>u==null?void 0:u(e)},`field-of-interests-masonry-tag__${a+1}`)):($=Array.from("12345"))==null?void 0:$.map((e,a)=>r.jsx(F,{},`field-of-interests-masonry-tag-skeleton__${a+1}`))}),r.jsx("div",{className:"wrapper__cards",children:i&&(i==null?void 0:i.length)>0?i==null?void 0:i.map((e,a)=>r.jsx(A,{image:e==null?void 0:e.image,imageComponent:e==null?void 0:e.imageComponent,title:e==null?void 0:e.title,description:e==null?void 0:e.description,onSelectCard:()=>y==null?void 0:y(e),className:"wrapper__card"},`field-of-interests-with-tags-card__${a+1}`)):(k=Array.from("12345"))==null?void 0:k.map((e,a)=>r.jsx(T,{},`field-of-interests-with-tags-card-skeleton__${a+1}`))})]})});module.exports=B;

package/dist/FieldOfInterestsMasonrySection.js

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as d, useLayoutEffect as F } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { M as y } from "./consts-BuFChS64.js";
-import { p as N, o as z, l as L } from "./utils-BXCGNjIy.js";
-import A from "./Icon.js";
-import { u as O } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-const W = m.div`
+import { jsx as i, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as m, useLayoutEffect as L } from "react";
+import { p as z, o as E, l as A, k as O } from "./utils-BXCGNjIy.js";
+import { s as c } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { M as b } from "./consts-BuFChS64.js";
+import S from "./Icon.js";
+import { u as W } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+const T = c.div`
   display: flex;
   width: 100%;
   height: fit-content;
@@ -44,7 +44,7 @@ const W = m.div`
       font-style: normal;
       font-weight: 500;
       line-height: 1.5rem;
-      ${N(2)}
+      ${z(2)}
     }
 
     & .wrapper__description {
@@ -54,15 +54,15 @@ const W = m.div`
       font-weight: 400;
       line-height: 1rem;
       letter-spacing: 0.025rem;
-      ${N(2)}
+      ${z(2)}
     }
   }
-`, S = m.div`
+`, j = c.div`
   width: 100%;
   height: 11.625rem;
   border-radius: 0.75rem;
-  background: ${z("-90deg")};
-`, T = m.div`
+  background: ${E("-90deg")};
+`, q = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -108,7 +108,7 @@ const W = m.div`
     }
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media (max-width: ${b + "px"}) {
     flex-direction: row;
     align-items: center;
     gap: 0.25rem;
@@ -135,48 +135,48 @@ const W = m.div`
       white-space: nowrap;
     }
   }
-`, j = m.div`
+`, R = c.div`
   width: 7.5rem;
   width: 7.5rem;
   border-radius: 999px;
-  background: ${z("-90deg")};
+  background: ${E("-90deg")};
 
-  @media (max-width: ${y + "px"}) {
+  @media (max-width: ${b + "px"}) {
     width: 7.5rem;
     height: 2.5rem;
   }
-`, q = d(({}, r) => /* @__PURE__ */ i(j, {})), R = d(
-  ({ text: r, isActive: o = !1, icon: t, onSelectCard: a = () => {
-  } }, c) => /* @__PURE__ */ s(T, { className: o ? "active" : "", onClick: a, children: [
-    /* @__PURE__ */ i(A, { icon: t, className: "wrapper__icon" }),
+`, B = m(({}, r) => /* @__PURE__ */ i(R, {})), D = m(
+  ({ text: r, isActive: o = !1, icon: a, onSelectCard: t = () => {
+  } }, f) => /* @__PURE__ */ l(q, { className: o ? "active" : "", onClick: t, children: [
+    /* @__PURE__ */ i(S, { icon: a, className: "wrapper__icon" }),
     /* @__PURE__ */ i("div", { className: "wrapper__text", children: r })
   ] })
-), B = d(
+), G = m(
   ({
     image: r,
     imageComponent: o,
-    title: t,
-    description: a,
-    className: c,
-    onSelectCard: g = () => {
+    title: a,
+    description: t,
+    className: f,
+    onSelectCard: w = () => {
     }
-  }, b) => {
-    const { theme: w } = O();
-    return /* @__PURE__ */ s(W, { theme: w, className: c, onClick: g, children: [
-      L(o) ? o : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
-      /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
-        t && /* @__PURE__ */ i("div", { className: "wrapper__title", children: t }),
-        a && /* @__PURE__ */ i("div", { className: "wrapper__description", children: a })
+  }, $) => {
+    const { theme: u } = W();
+    return /* @__PURE__ */ l(T, { theme: u, className: f, onClick: w, children: [
+      A(o) ? o : /* @__PURE__ */ i("img", { src: r, className: "wrapper__image" }),
+      /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
+        a && /* @__PURE__ */ i("div", { className: "wrapper__title", children: a }),
+        t && /* @__PURE__ */ i("div", { className: "wrapper__description", children: t })
       ] })
     ] });
   }
-), G = d(({}, r) => /* @__PURE__ */ s(S, { children: [
+), H = m(({}, r) => /* @__PURE__ */ l(j, { children: [
   /* @__PURE__ */ i("div", { className: "wrapper__image" }),
-  /* @__PURE__ */ s("div", { className: "wrapper__content", children: [
+  /* @__PURE__ */ l("div", { className: "wrapper__content", children: [
     /* @__PURE__ */ i("div", { className: "wrapper__title" }),
     /* @__PURE__ */ i("div", { className: "wrapper__description" })
   ] })
-] })), H = m.div`
+] })), P = c.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -229,7 +229,7 @@ const W = m.div`
     }
   }
 
-  @media (max-width: ${y + "px"}) {
+  @media (max-width: ${b + "px"}) {
     & .wrapper__tags {
       display: flex;
       overflow-x: scroll;
@@ -241,84 +241,88 @@ const W = m.div`
       grid-template-columns: ${(r) => `repeat(${r == null ? void 0 : r.limitCardsForMobile}, minmax(0, 1fr))`};
     }
   }
-`, U = d(
+`, Y = m(
   ({
     title: r,
     subtitle: o,
-    tags: t = [],
-    items: a = [],
-    limitTags: c = 5,
-    limitTagsForMobile: g = 5,
-    limit: b = 3,
-    limitForMobile: w = 2,
+    tags: a = [],
+    items: t = [],
+    limitTags: f = 5,
+    limitTagsForMobile: w = 5,
+    limit: $ = 3,
+    limitForMobile: u = 2,
     selectedTag: I,
-    onSelectTag: u = () => {
+    onSelectTag: x = () => {
     },
-    onSelectCard: x = () => {
-    }
+    onSelectCard: v = () => {
+    },
+    className: s
   }, M) => {
-    var $, k;
-    return F(() => {
+    var k, N;
+    return L(() => {
+      if (!O(s))
+        return;
       const e = () => {
-        const l = document.querySelector(".wrapper__cards"), p = l.querySelectorAll(".wrapper__card");
-        p.forEach((_) => {
-          const C = _.getBoundingClientRect().height, E = Math.ceil((C + 10) / 20);
-          _.style.gridRowEnd = `span ${E}`;
+        const p = document.querySelector(`.${s} .wrapper__cards`), d = p.querySelectorAll(".wrapper__card");
+        d.forEach((g) => {
+          const C = g.getBoundingClientRect().height, F = Math.ceil((C + 10) / 20);
+          g.style.gridRowEnd = `span ${F}`;
         });
-        const v = p == null ? void 0 : p[p.length - 1];
-        if (v) {
-          const _ = v.offsetTop + v.offsetHeight;
-          l.style.height = `${_}px`;
+        const y = d == null ? void 0 : d[d.length - 1];
+        if (y) {
+          const g = y.offsetTop + y.offsetHeight;
+          p.style.height = `${g}px`;
         }
-      }, f = document.querySelector(".wrapper__cards").querySelectorAll(".wrapper__image");
-      let h = 0;
-      return f.length === 0 ? e() : (f.forEach((l) => {
-        l.complete ? h++ : l.addEventListener("load", () => {
-          h++, h === f.length && e();
+      }, h = document.querySelector(`.${s} .wrapper__cards`).querySelectorAll(".wrapper__image");
+      let _ = 0;
+      return h.length === 0 ? e() : (h.forEach((p) => {
+        p.complete ? _++ : p.addEventListener("load", () => {
+          _++, _ === h.length && e();
         });
-      }), h === f.length && e()), window.addEventListener("resize", e), () => {
+      }), _ === h.length && e()), window.addEventListener("resize", e), () => {
         window.removeEventListener("resize", e);
       };
-    }, []), /* @__PURE__ */ s(
-      H,
+    }, [s, t]), /* @__PURE__ */ l(
+      P,
       {
         ref: M,
-        limitTags: c,
-        limitTagsForMobile: g,
-        limitCards: b,
-        limitCardsForMobile: w,
+        limitTags: f,
+        limitTagsForMobile: w,
+        limitCards: $,
+        limitCardsForMobile: u,
+        className: s,
         children: [
-          /* @__PURE__ */ s("div", { className: "wrapper__heading", children: [
+          /* @__PURE__ */ l("div", { className: "wrapper__heading", children: [
             r && /* @__PURE__ */ i("div", { className: "wrapper__title", children: r }),
             o && /* @__PURE__ */ i("div", { className: "wrapper__subtitle", children: o })
           ] }),
-          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ i(
-            R,
+          /* @__PURE__ */ i("div", { className: "wrapper__tags", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ i(
+            D,
             {
               icon: e == null ? void 0 : e.icon,
               text: e == null ? void 0 : e.title,
               isActive: (e == null ? void 0 : e.code) === I,
-              onSelectCard: () => u == null ? void 0 : u(e)
+              onSelectCard: () => x == null ? void 0 : x(e)
             },
             `field-of-interests-masonry-tag__${n + 1}`
-          )) : ($ = Array.from("12345")) == null ? void 0 : $.map((e, n) => /* @__PURE__ */ i(
-            q,
+          )) : (k = Array.from("12345")) == null ? void 0 : k.map((e, n) => /* @__PURE__ */ i(
+            B,
             {},
             `field-of-interests-masonry-tag-skeleton__${n + 1}`
           )) }),
-          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: a && (a == null ? void 0 : a.length) > 0 ? a == null ? void 0 : a.map((e, n) => /* @__PURE__ */ i(
-            B,
+          /* @__PURE__ */ i("div", { className: "wrapper__cards", children: t && (t == null ? void 0 : t.length) > 0 ? t == null ? void 0 : t.map((e, n) => /* @__PURE__ */ i(
+            G,
             {
               image: e == null ? void 0 : e.image,
               imageComponent: e == null ? void 0 : e.imageComponent,
               title: e == null ? void 0 : e.title,
               description: e == null ? void 0 : e.description,
-              onSelectCard: () => x == null ? void 0 : x(e),
+              onSelectCard: () => v == null ? void 0 : v(e),
               className: "wrapper__card"
             },
             `field-of-interests-with-tags-card__${n + 1}`
-          )) : (k = Array.from("12345")) == null ? void 0 : k.map((e, n) => /* @__PURE__ */ i(
-            G,
+          )) : (N = Array.from("12345")) == null ? void 0 : N.map((e, n) => /* @__PURE__ */ i(
+            H,
             {},
             `field-of-interests-with-tags-card-skeleton__${n + 1}`
           )) })
@@ -328,5 +332,5 @@ const W = m.div`
   }
 );
 export {
-  U as default
+  Y as default
 };

package/dist/SalesCampaignsSection.cjs

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