@lanaco/lnc-react-ui 4.0.85 → 4.0.86

package/dist/SalesCampaignsSection.js

@@ -1,8 +1,8 @@
-import { jsx as t, jsxs as u, Fragment as G } from "react/jsx-runtime";
-import { createElement as ae, useState as P, useEffect as j, forwardRef as V, useRef as Q, useImperativeHandle as ne, Suspense as se, memo as le, useMemo as ce } from "react";
-import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as z, l as X, m as ee } from "./utils-ChqiSgoC.js";
-import { M as T } from "./consts-C1uHV4xc.js";
+import { jsx as t, jsxs as w, Fragment as G } from "react/jsx-runtime";
+import { createElement as ae, useState as E, useEffect as j, forwardRef as V, useRef as Q, useImperativeHandle as ne, Suspense as se, memo as le, useMemo as ce } from "react";
+import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { a as _, l as X, m as ee } from "./utils-BE-UlkKf.js";
+import { M as A } from "./consts-C1uHV4xc.js";
 import { m as de } from "./motion-Ckekul_K.js";
 import { P as i } from "./index-S5Cd7WrG.js";
 import ge from "./Icon.js";
@@ -12,7 +12,7 @@ import { u as re } from "./useDetectMobile-BC6EGaBc.js";
 import fe from "./FlexBox.js";
 import { I as Y } from "./index-Dhf4jQmS.js";
 import L from "./IconButton.js";
-const me = f.div`
+const me = m.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -20,15 +20,15 @@ const me = f.div`
   border-radius: 20px;
   border: 1px solid var(--gray-95008, #14161a14);
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`, pe = f.div`
-  border-radius: ${(e) => z(e.theme, "edged")};
+`, pe = m.div`
+  border-radius: ${(e) => _(e.theme, "edged")};
   height: 15rem;
   width: 15rem;
   min-width: 15rem;
@@ -51,12 +51,12 @@ const me = f.div`
     }
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`, ue = f.div`
+`, ue = m.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -105,7 +105,7 @@ const me = f.div`
     background-color: transparent;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -137,7 +137,7 @@ const me = f.div`
     ${o ? "" : "flex-wrap: nowrap;"}
     ${e ? "align-items: center;" : ""}
     ${l ? "justify-content: center;" : ""}
-  `, be = f(de.div)`
+  `, be = m(de.div)`
   text-decoration: none;
   ${(e) => e.hasPermission === !0 && "cursor: pointer"};
 
@@ -161,7 +161,7 @@ const me = f.div`
   font-weight: 500;
   font-size: 0.875rem;
   line-height: 1.25rem;
-  border-radius: ${(e) => z(e.theme, "slight")};
+  border-radius: ${(e) => _(e.theme, "slight")};
   transition: all 0.25s ease;
 
   & .logo-wrapper {
@@ -211,14 +211,14 @@ const me = f.div`
     background-color: var(--gray-95080, #14161acc);
     color: var(--gray-600, #676e79);
   }
-`, xe = f.div`
+`, xe = m.div`
   position: absolute;
   top: 0.5rem;
   ${(e) => e.alignToLeft === !0 ? "left: 0.5rem;" : "right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`, ve = (e) => `var(--${e}-700)`, ye = f.div`
-  border-radius: ${(e) => z(e.theme, e.borderRadius || "slight")};
+`, ve = (e) => `var(--${e}-700)`, ye = m.div`
+  border-radius: ${(e) => _(e.theme, e.borderRadius || "slight")};
   background-color: ${(e) => ve(e == null ? void 0 : e.color)};
   color: white;
   height: 1.5rem;
@@ -238,39 +238,39 @@ const me = f.div`
     uuid: o,
     hasPermission: l = !0,
     isUser: a,
-    image: w,
+    image: b,
     name: n,
     notifications: d = 0,
-    color: m = "primary",
-    size: b = "large",
-    style: $,
+    color: p = "primary",
+    size: x = "large",
+    style: D,
     disabled: s,
     onSelect: c = () => {
     },
-    isActive: v,
-    className: x,
+    isActive: $,
+    className: v,
     // new
-    themeData: p
-  } = e, C = {
+    themeData: u
+  } = e, S = {
     theme: M(),
-    color: m,
-    size: b,
-    style: $,
+    color: p,
+    size: x,
+    style: D,
     disabled: s
   };
   return /* @__PURE__ */ ae(
     be,
     {
-      onClick: (S) => {
-        S.stopPropagation(), l === !0 && (c == null || c());
+      onClick: (N) => {
+        N.stopPropagation(), l === !0 && (c == null || c());
       },
-      ...C,
+      ...S,
       key: n,
       animate: {
         y: 0,
         opacity: 1
       },
-      className: `profile-item ${x}`,
+      className: `profile-item ${v}`,
       exit: {
         opacity: 0
       },
@@ -279,10 +279,10 @@ const me = f.div`
         y: -10,
         opacity: 0
       },
-      isActive: v,
-      themeColor: (p == null ? void 0 : p.code) || "transparent"
+      isActive: $,
+      themeColor: (u == null ? void 0 : u.code) || "transparent"
     },
-    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: w }),
+    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: b }),
     /* @__PURE__ */ t("div", { className: "name", children: n }),
     d > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(he, { className: "badge", color: "danger", size: "small", children: d > 99 ? "99+" : d }) })
   );
@@ -317,71 +317,73 @@ const J = (e, o) => {
   const o = M(), {
     uuid: l,
     shopUuid: a,
-    title: w = "",
+    title: b = "",
     description: n,
     badges: d,
-    coverPhoto: m,
-    onSelect: b,
-    status: $,
+    coverPhoto: p,
+    onSelect: x,
+    status: D,
     startDate: s,
     endDate: c,
-    salesPackages: v,
-    shopName: x,
-    shopImage: p,
-    onSelectCard: g = () => {
+    salesPackages: $,
+    shopName: v,
+    shopImage: u,
+    className: g,
+    onSelectCard: S = () => {
     },
-    onSelectShop: C = () => {
+    onSelectShop: N = () => {
     },
-    campaignSingleText: S,
-    salesCampaignTypes: r = [],
-    startsInPrefixTextPlural: D,
-    startsinSuffixTextPlural: B,
-    startsInPrefixTextSingular: N,
-    startsinSuffixTextSingular: R,
-    themeData: H,
-    ...W
-  } = e, h = s ? new Date(s) <= /* @__PURE__ */ new Date() : !1;
+    campaignSingleText: r,
+    salesCampaignTypes: h = [],
+    startsInPrefixTextPlural: P,
+    startsinSuffixTextPlural: I,
+    startsInPrefixTextSingular: z,
+    startsinSuffixTextSingular: H,
+    themeData: B,
+    ...f
+  } = e, k = s ? new Date(s) <= /* @__PURE__ */ new Date() : !1;
   J(
     c ? new Date(c) : null,
     s ? new Date(s) : null
   );
-  const y = J(
+  const C = J(
     s ? new Date(s) : null,
     /* @__PURE__ */ new Date()
   );
-  return /* @__PURE__ */ u(
+  return /* @__PURE__ */ w(
     me,
     {
       theme: o,
-      onClick: g,
-      ...W,
+      className: g,
+      onClick: S,
+      ...f,
       children: [
-        /* @__PURE__ */ u(pe, { theme: o, onClick: () => b == null ? void 0 : b(), children: [
-          /* @__PURE__ */ t("img", { src: m }),
-          /* @__PURE__ */ t(xe, { children: v == null ? void 0 : v.map((I, A) => {
-            var E, U;
+        /* @__PURE__ */ w(pe, { theme: o, onClick: () => x == null ? void 0 : x(), children: [
+          /* @__PURE__ */ t("img", { src: p }),
+          /* @__PURE__ */ t(xe, { children: $ == null ? void 0 : $.map((T, R) => {
+            var W, U;
             return /* @__PURE__ */ t(
               ye,
               {
-                color: (E = r == null ? void 0 : r.find((_) => _.value === I)) == null ? void 0 : E.color,
+                color: (W = h == null ? void 0 : h.find((y) => y.value === T)) == null ? void 0 : W.color,
                 theme: o,
                 children: /* @__PURE__ */ t(
                   ge,
                   {
-                    icon: (U = r == null ? void 0 : r.find((_) => _.value === I)) == null ? void 0 : U.icon
+                    icon: (U = h == null ? void 0 : h.find((y) => y.value === T)) == null ? void 0 : U.icon
                   }
                 )
               },
-              `package__${A}`
+              `package__${R}`
             );
           }) })
         ] }),
-        /* @__PURE__ */ u(ue, { theme: o, children: [
-          /* @__PURE__ */ u("div", { className: "text-block-wrapper", children: [
-            /* @__PURE__ */ u("div", { className: "title-block-wrapper", children: [
-              /* @__PURE__ */ t("div", { className: "campaign-title", children: S }),
-              /* @__PURE__ */ t("div", { className: "campaign-title-text", children: w }),
-              /* @__PURE__ */ t("div", { className: "timestamp-text", children: h ? "" : y === 1 ? `${N} ${y} ${R}` : `${D} ${y} ${B}` })
+        /* @__PURE__ */ w(ue, { theme: o, children: [
+          /* @__PURE__ */ w("div", { className: "text-block-wrapper", children: [
+            /* @__PURE__ */ w("div", { className: "title-block-wrapper", children: [
+              /* @__PURE__ */ t("div", { className: "campaign-title", children: r }),
+              /* @__PURE__ */ t("div", { className: "campaign-title-text", children: b }),
+              /* @__PURE__ */ t("div", { className: "timestamp-text", children: k ? "" : C === 1 ? `${z} ${C} ${H}` : `${P} ${C} ${I}` })
             ] }),
             /* @__PURE__ */ t("div", { children: n })
           ] }),
@@ -399,16 +401,16 @@ const J = (e, o) => {
                 /* @__PURE__ */ t(
                   "img",
                   {
-                    src: p,
-                    className: `${p ? "" : "no-image"}`
+                    src: u,
+                    className: `${u ? "" : "no-image"}`
                   }
                 )
               ),
-              themeData: H,
+              themeData: B,
               isActive: !0,
               isUser: !1,
-              name: x,
-              onClick: () => C(a)
+              name: v,
+              onClick: () => N(a)
             }
           )
         ] })
@@ -422,7 +424,7 @@ oe.propTypes = {
   dropdown: i.any,
   color: i.string
 };
-const $e = f.div`
+const $e = m.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -449,14 +451,14 @@ const $e = f.div`
     padding: 0 1rem;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     gap: 1.25rem;
     & .hover-left-arrow,
     .hover-right-arrow {
       display: flex;
     }
   }
-`, De = f.div`
+`, De = m.div`
   display: flex;
   align-items: center;
 
@@ -471,13 +473,13 @@ const $e = f.div`
     gap: 0.375rem;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     padding: 0 1rem;
     & .btns-group {
       display: none;
     }
   }
-`, ke = f.div`
+`, ke = m.div`
   position: relative;
   padding: ${(e) => e.padding};
 
@@ -545,7 +547,7 @@ const $e = f.div`
     visibility: ${(e) => e.hasOverflow ? "visible" : "hidden"};
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     & .scroll-arrow-left,
     & .scroll-arrow-right {
       display: none;
@@ -556,37 +558,37 @@ const $e = f.div`
     }
   }
 `, Ce = (e, o) => {
-  const [l, a] = P({
+  const [l, a] = E({
     trigger: null,
     direction: null
-  }), w = (n) => n.touches || n.originalEvent.touches;
+  }), b = (n) => n.touches || n.originalEvent.touches;
   return j(() => {
     const n = typeof e == "string" || e instanceof String ? document.getElementById(e) : e.current;
-    let d = null, m = null;
+    let d = null, p = null;
     if (n) {
-      const b = (s) => {
-        const c = w(s)[0];
-        d = c.clientX, m = c.clientY;
-      }, $ = (s) => {
-        if (!d || !m)
+      const x = (s) => {
+        const c = b(s)[0];
+        d = c.clientX, p = c.clientY;
+      }, D = (s) => {
+        if (!d || !p)
           return;
-        const c = s.touches[0].clientX, v = s.touches[0].clientY, x = d - c, p = m - v;
-        Math.abs(x) > Math.abs(p) ? x > 0 ? a((g) => ({
+        const c = s.touches[0].clientX, $ = s.touches[0].clientY, v = d - c, u = p - $;
+        Math.abs(v) > Math.abs(u) ? v > 0 ? a((g) => ({
           trigger: !g.trigger,
           direction: F.LEFT
         })) : a((g) => ({
           trigger: !g.trigger,
           direction: F.RIGHT
-        })) : p > 0 ? a((g) => ({
+        })) : u > 0 ? a((g) => ({
           trigger: !g.trigger,
           direction: F.UP
         })) : a((g) => ({
           trigger: !g.trigger,
           direction: F.DOWN
-        })), d = null, m = null;
+        })), d = null, p = null;
       };
-      return n.addEventListener("touchstart", b), n.addEventListener("touchmove", $), () => {
-        n.removeEventListener("touchstart", b), n.addEventListener("touchmove", $);
+      return n.addEventListener("touchstart", x), n.addEventListener("touchmove", D), () => {
+        n.removeEventListener("touchstart", x), n.addEventListener("touchmove", D);
       };
     }
   }, []), l;
@@ -601,53 +603,53 @@ const $e = f.div`
     columnGap: o = "2rem",
     rowGap: l = "1.25rem",
     scrollBySize: a = 300,
-    wrapForMobile: w = !1,
+    wrapForMobile: b = !1,
     wrap: n = !1,
     children: d,
-    methodsRef: m,
-    arrowsVisibleOnHover: b = !0,
-    rightAlignArrows: $ = !1,
+    methodsRef: p,
+    arrowsVisibleOnHover: x = !0,
+    rightAlignArrows: D = !1,
     padding: s = "0",
     showTimesBtn: c,
-    noArrows: v,
-    onShowEnd: x,
-    arrowsZIndex: p,
+    noArrows: $,
+    onShowEnd: v,
+    arrowsZIndex: u,
     ...g
-  }, C) => {
-    const S = re(), r = M(), [D, B] = P(!1), [N, R] = P(!1), [H, W] = P(!0), h = Q(), y = Ce(h);
+  }, S) => {
+    const N = re(), r = M(), [h, P] = E(!1), [I, z] = E(!1), [H, B] = E(!0), f = Q(), k = Ce(f);
     j(() => {
-      (y == null ? void 0 : y.direction) === F.RIGHT && N !== !0 ? A() : (y == null ? void 0 : y.direction) === F.LEFT && D !== !0 && I();
-    }, [y]);
-    const I = () => {
-      var k;
-      (k = h.current) == null || k.scrollBy(a, 0);
-    }, A = () => {
-      var k;
-      (k = h.current) == null || k.scrollBy(-a, 0);
-    }, [E, U] = P(!1);
+      (k == null ? void 0 : k.direction) === F.RIGHT && I !== !0 ? T() : (k == null ? void 0 : k.direction) === F.LEFT && h !== !0 && C();
+    }, [k]);
+    const C = () => {
+      var y;
+      (y = f.current) == null || y.scrollBy(a, 0);
+    }, T = () => {
+      var y;
+      (y = f.current) == null || y.scrollBy(-a, 0);
+    }, [R, W] = E(!1);
     j(() => {
-      var k, Z;
-      U(
-        ((k = h == null ? void 0 : h.current) == null ? void 0 : k.scrollWidth) > ((Z = h == null ? void 0 : h.current) == null ? void 0 : Z.clientWidth)
+      var y, Z;
+      W(
+        ((y = f == null ? void 0 : f.current) == null ? void 0 : y.scrollWidth) > ((Z = f == null ? void 0 : f.current) == null ? void 0 : Z.clientWidth)
       );
-    }, [d]), ne(m, () => ({
+    }, [d]), ne(p, () => ({
       scrollToEnd() {
-        _();
+        U();
       },
       scrollLeft() {
-        A();
+        T();
       },
       scrollRight() {
-        I();
+        C();
       }
     }));
-    const _ = () => {
-      h.current.scrollLeft = h.current.scrollWidth;
+    const U = () => {
+      f.current.scrollLeft = f.current.scrollWidth;
     };
-    return /* @__PURE__ */ u($e, { arrowsZIndex: p, children: [
-      /* @__PURE__ */ u(De, { children: [
+    return /* @__PURE__ */ w($e, { arrowsZIndex: u, children: [
+      /* @__PURE__ */ w(De, { children: [
         /* @__PURE__ */ t("div", { children: e }),
-        /* @__PURE__ */ u("div", { className: "btns-group", children: [
+        /* @__PURE__ */ w("div", { className: "btns-group", children: [
           /* @__PURE__ */ t(
             L,
             {
@@ -655,9 +657,9 @@ const $e = f.div`
               btnType: "tinted",
               className: "scroll-arrow-left",
               color: "neutral",
-              disabled: N,
+              disabled: I,
               icon: "angle-left",
-              onClick: A
+              onClick: T
             }
           ),
           /* @__PURE__ */ t(
@@ -667,9 +669,9 @@ const $e = f.div`
               btnType: "tinted",
               className: "scroll-arrow-right",
               color: "neutral",
-              disabled: D,
+              disabled: h,
               icon: "angle-right",
-              onClick: I
+              onClick: C
             }
           )
         ] })
@@ -681,9 +683,9 @@ const $e = f.div`
           btnType: "tinted",
           className: "hover-left-arrow scroll-arrow-left",
           color: "neutral",
-          disabled: N,
+          disabled: I,
           icon: "angle-left",
-          onClick: A
+          onClick: T
         }
       ),
       /* @__PURE__ */ t(
@@ -693,41 +695,41 @@ const $e = f.div`
           btnType: "tinted",
           className: "hover-right-arrow scroll-arrow-right",
           color: "neutral",
-          disabled: D,
+          disabled: h,
           icon: "angle-right",
-          onClick: I
+          onClick: C
         }
       ),
       /* @__PURE__ */ t(
         ke,
         {
-          ref: C,
-          arrowsVisibleOnHover: b,
-          hasOverflow: E,
-          noArrows: v,
+          ref: S,
+          arrowsVisibleOnHover: x,
+          hasOverflow: R,
+          noArrows: $,
           padding: s,
-          rightAlignArrows: $,
+          rightAlignArrows: D,
           showTimesBtn: c,
           theme: r,
           ...g,
-          children: /* @__PURE__ */ u(
+          children: /* @__PURE__ */ w(
             fe,
             {
-              ref: h,
+              ref: f,
               className: "scrollable-container",
               columnGap: o,
               rowGap: l,
-              wrap: n || w && S ? "Wrap" : "NoWrap",
+              wrap: n || b && N ? "Wrap" : "NoWrap",
               children: [
                 /* @__PURE__ */ t(
                   Y,
                   {
                     isHorizontal: !0,
                     onIsNotVisible: () => {
-                      N === !0 && R(!1);
+                      I === !0 && z(!1);
                     },
                     onIsVisible: () => {
-                      N === !1 && R(!0);
+                      I === !1 && z(!0);
                     }
                   }
                 ),
@@ -737,14 +739,14 @@ const $e = f.div`
                   {
                     isHorizontal: !0,
                     onIsNotVisible: () => {
-                      D === !0 && B(!1), W(!0);
+                      h === !0 && P(!1), B(!0);
                     },
                     onIsVisible: () => {
-                      D === !1 && B(!0), W(!1), x == null || x();
+                      h === !1 && P(!0), B(!1), v == null || v();
                     }
                   }
                 ),
-                H && E && /* @__PURE__ */ t("div", { className: "gradient" })
+                H && R && /* @__PURE__ */ t("div", { className: "gradient" })
               ]
             }
           )
@@ -765,7 +767,7 @@ ie.propTypes = {
   rightAlignArrows: i.bool,
   padding: i.string
 };
-const Se = f.div`
+const Se = m.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -782,32 +784,36 @@ const Se = f.div`
     font-weight: 500;
   }
 
+  & .gradient {
+    background: transparent;
+  }
+
   & .campaign-item {
     min-width: calc(50% - 0.87rem);
     width: calc(50% - 0.87rem);
     margin-right: 1.25rem;
   }
 
-  @media (max-width: ${T + "px"}) {
+  @media (max-width: ${A + "px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
       margin-right: 0;
     }
   }
-`, O = f.div`
+`, O = m.div`
   width: ${(e) => e.width || "100%"};
   height: ${(e) => (e.heightCoeff || 1) * 1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
   ${ee("-90deg")}
-`, Ne = f.div`
+`, Ne = m.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%"};
-`, K = f.div`
-  border-radius: ${(e) => z(e.theme, (e == null ? void 0 : e.borderRadius) ?? "regular")};
+`, K = m.div`
+  border-radius: ${(e) => _(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"};
@@ -817,9 +823,9 @@ const Se = f.div`
   flex-shrink: 0;
 
   ${ee()}
-`, Ie = f.div`
+`, Ie = m.div`
   background: var(--white, #fff);
-  border-radius:  ${(e) => z(e.theme, "edged")};
+  border-radius: ${(e) => _(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);
 
@@ -847,7 +853,7 @@ const Se = f.div`
   }
 `, Te = V(({}, e) => {
   const o = M();
-  return /* @__PURE__ */ u(Ie, { ref: e, theme: o, children: [
+  return /* @__PURE__ */ w(Ie, { ref: e, theme: o, children: [
     /* @__PURE__ */ t("div", { className: "campaign__left-section", children: /* @__PURE__ */ t(
       K,
       {
@@ -857,13 +863,13 @@ const Se = f.div`
         borderRadius: "edged"
       }
     ) }),
-    /* @__PURE__ */ u("div", { className: "campaign__right-section", children: [
-      /* @__PURE__ */ u(Ne, { theme: o, children: [
+    /* @__PURE__ */ w("div", { className: "campaign__right-section", children: [
+      /* @__PURE__ */ w(Ne, { theme: o, children: [
         /* @__PURE__ */ t(O, { heightCoeff: 0.75, theme: o, width: "35%" }),
         /* @__PURE__ */ t(O, { heightCoeff: 1.25, theme: o }),
         /* @__PURE__ */ t(O, { heightCoeff: 3, theme: o })
       ] }),
-      /* @__PURE__ */ u("div", { className: "campaign__user", children: [
+      /* @__PURE__ */ w("div", { className: "campaign__user", children: [
         /* @__PURE__ */ t(
           K,
           {
@@ -886,29 +892,29 @@ const Se = f.div`
   fallbackComponent: o = /* @__PURE__ */ t(G, {}),
   isLoading: l = !1,
   itemsCount: a = 5,
-  keyPrefix: w
-}) => /* @__PURE__ */ t(se, { fallback: o, children: l === !0 ? /* @__PURE__ */ t(Ae, { itemsCount: a, keyPrefix: w }) : e }), Ee = le(oe), Ze = V(
+  keyPrefix: b
+}) => /* @__PURE__ */ t(se, { fallback: o, children: l === !0 ? /* @__PURE__ */ t(Ae, { itemsCount: a, keyPrefix: b }) : e }), Ee = le(oe), Ze = V(
   ({
     sellerType: e = "Shop",
     items: o = [],
     title: l,
     isLoading: a,
-    onSelectCard: w = () => {
+    onSelectCard: b = () => {
     },
     onSelectShop: n = () => {
     },
     getImage: d = () => {
     },
     // new
-    customScrollSize: m,
-    campaignSingleText: b,
-    salesCampaignTypes: $ = [],
+    customScrollSize: p,
+    campaignSingleText: x,
+    salesCampaignTypes: D = [],
     startsInPrefixTextPlural: s,
     startsinSuffixTextPlural: c,
-    startsInPrefixTextSingular: v,
-    startsinSuffixTextSingular: x
-  }, p) => {
-    const g = Q(), C = re(), S = ce(() => o == null ? void 0 : o.map((r, D) => /* @__PURE__ */ t(
+    startsInPrefixTextSingular: $,
+    startsinSuffixTextSingular: v
+  }, u) => {
+    const g = Q(), S = re(), N = ce(() => o == null ? void 0 : o.map((r, h) => /* @__PURE__ */ t(
       Ee,
       {
         className: "campaign-item",
@@ -926,19 +932,19 @@ const Se = f.div`
         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),
+        onSelectCard: () => b(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
         onSelectShop: () => n(r == null ? void 0 : r.shopUuid),
-        campaignSingleText: b,
-        salesCampaignTypes: $,
+        campaignSingleText: x,
+        salesCampaignTypes: D,
         startsInPrefixTextPlural: s,
         startsinSuffixTextPlural: c,
-        startsInPrefixTextSingular: v,
-        startsinSuffixTextSingular: x,
+        startsInPrefixTextSingular: $,
+        startsinSuffixTextSingular: v,
         themeData: r == null ? void 0 : r.themeData
       },
-      `campaign__item__${D}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
+      `campaign__item__${h}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
     )), [o]);
-    return /* @__PURE__ */ t(G, { children: (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(Se, { ref: p, className: "row-section-scroll", children: /* @__PURE__ */ t(
+    return /* @__PURE__ */ t(G, { children: (o == null ? void 0 : o.length) > 0 && /* @__PURE__ */ t(Se, { ref: u, className: "row-section-scroll", children: /* @__PURE__ */ t(
       ie,
       {
         arrowsVisibleOnHover: !1,
@@ -948,7 +954,7 @@ const Se = f.div`
         noArrows: !0,
         padding: "0.25rem 0",
         rightAlignArrows: !0,
-        scrollBySize: C ? window.innerWidth : m > 0 ? m : window.innerWidth,
+        scrollBySize: S ? window.innerWidth : p > 0 ? p : window.innerWidth,
         showTimesBtn: !1,
         title: l,
         onShowEnd: () => {
@@ -960,7 +966,7 @@ const Se = f.div`
             isLoading: a,
             itemsCount: 2,
             keyPrefix: "sales-camp",
-            children: S
+            children: N
           }
         )
       }