@lanaco/lnc-react-ui 4.0.120 → 4.0.122

package/dist/SalesCampaignsSection.js

@@ -1,16 +1,16 @@
-import { jsx as t, jsxs as c, Fragment as be } from "react/jsx-runtime";
-import { createElement as ye, forwardRef as V, useState as z, useEffect as te, Suspense as $e, memo as De, useMemo as Ce } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as A, o as ne, k as H } from "./utils-BbgAIA9N.js";
-import { M as F } from "./consts-BuFChS64.js";
-import { m as ae } from "./motion-Ckekul_K.js";
-import { P as o } from "./index-CblbdqjE.js";
-import oe from "./Icon.js";
-import _e from "./Badge.js";
-import { u as Y } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import J from "./IconButton.js";
-import { u as ie } from "./useDetectMobile-Bkvj0VMa.js";
-const Se = m.div`
+import { jsx as t, jsxs as c, Fragment as De } from "react/jsx-runtime";
+import { createElement as Ce, forwardRef as V, useState as F, useEffect as ae, Suspense as _e, memo as Se, useMemo as Te } from "react";
+import { s as h } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { a as M, o as oe, k as K } from "./utils-BbgAIA9N.js";
+import { M as E } from "./consts-BuFChS64.js";
+import { m as ie } from "./motion-Ckekul_K.js";
+import { P as i } from "./index-CblbdqjE.js";
+import se from "./Icon.js";
+import ke from "./Badge.js";
+import { u as Z } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import Q from "./IconButton.js";
+import { u as le } from "./useDetectMobile-Bkvj0VMa.js";
+const Ne = h.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -18,15 +18,15 @@ const Se = m.div`
   border-radius: 20px;
   border: 1px solid var(--gray-95008, #14161a14);
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${E + "px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`, Te = m.div`
-  border-radius: ${(e) => A(e.theme, "edged")};
+`, Ie = h.div`
+  border-radius: ${(e) => M(e.theme, "edged")};
   height: 15rem;
   width: 15rem;
   min-width: 15rem;
@@ -49,12 +49,12 @@ const Se = m.div`
     }
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${E + "px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`, ke = m.div`
+`, Pe = h.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -121,7 +121,7 @@ const Se = m.div`
     background-color: transparent;
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${E + "px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -135,7 +135,7 @@ const Se = m.div`
       gap: 0.25rem;
     }
   }
-`, Ne = {
+`, Ee = {
   "#ADE3EB": "#76D0DB",
   "#DDD6FE": "#C4B5FD",
   "#FDE68A": "#FCD34D",
@@ -147,13 +147,13 @@ const Se = m.div`
   "#E7E5E4": "#D6D3D1",
   "#FED7AA": "#FDBA74",
   default: "#C4C8CF"
-}, K = (e = !1, n = !1, i = !1) => `
+}, ee = (e = !1, n = !1, o = !1) => `
     display: flex;
     ${n ? "flex-wrap: wrap;" : ""}
     ${n ? "" : "flex-wrap: nowrap;"}
     ${e ? "align-items: center;" : ""}
-    ${i ? "justify-content: center;" : ""}
-  `, Ie = m(ae.div)`
+    ${o ? "justify-content: center;" : ""}
+  `, Fe = h(ie.div)`
   text-decoration: none;
   ${(e) => e.hasPermission === !0 && "cursor: pointer"};
 
@@ -170,14 +170,14 @@ const Se = m.div`
     text-decoration: none;
   }
 
-  ${K(!0)}
+  ${ee(!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) => A(e.theme, "slight")};
+  border-radius: ${(e) => M(e.theme, "slight")};
   transition: all 0.25s ease;
   & .description {
     font-size: 0.85rem;
@@ -186,11 +186,11 @@ const Se = m.div`
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${K(!0, !1, !0)}
+    ${ee(!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)"};
+      ${(e) => e.isActive === !1 ? "var(--gray-300, #c4c8cf)" : Ee[e.themeColor] ?? "var(--gray-300, #c4c8cf)"};
 
     & img,
     .img-placeholder {
@@ -233,14 +233,14 @@ const Se = m.div`
     background-color: var(--gray-95080, #14161acc);
     color: var(--gray-600, #676e79);
   }
-`, Pe = m.div`
+`, Me = h.div`
   position: absolute;
   top: 0.5rem;
   ${(e) => e.alignToLeft === !0 ? "left: 0.5rem;" : "right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`, Ee = m.div`
-  border-radius: ${(e) => A(e.theme, e.borderRadius || "slight")};
+`, ze = h.div`
+  border-radius: ${(e) => M(e.theme, e.borderRadius || "slight")};
   background-color: ${(e) => e == null ? void 0 : e.color};
   color: white;
   height: 1.5rem;
@@ -255,17 +255,17 @@ const Se = m.div`
   & i {
     font-size: 0.813rem;
   }
-`, se = (e) => {
+`, ce = (e) => {
   const {
     uuid: n,
-    hasPermission: i = !0,
+    hasPermission: o = !0,
     isUser: l,
-    image: f,
-    name: h,
-    notifications: p = 0,
+    image: w,
+    name: u,
+    notifications: f = 0,
     color: s = "primary",
-    size: u = "large",
-    style: d,
+    size: d = "large",
+    style: g,
     disabled: S,
     onClick: b = () => {
     },
@@ -273,45 +273,45 @@ const Se = m.div`
     className: D,
     shopCategory: C,
     // new
-    themeData: x
+    themeData: p
   } = e, y = {
-    theme: Y(),
+    theme: Z(),
     color: s,
-    size: u,
-    style: d,
+    size: d,
+    style: g,
     disabled: S
   };
-  return /* @__PURE__ */ ye(
-    Ie,
+  return /* @__PURE__ */ Ce(
+    Fe,
     {
       onClick: (k) => {
-        k.stopPropagation(), i === !0 && (b == null || b());
+        k.stopPropagation(), o === !0 && (b == null || b());
       },
       ...y,
-      key: h,
+      key: u,
       className: `profile-item ${D}`,
-      hasPermission: i,
+      hasPermission: o,
       isActive: $,
-      themeColor: (x == null ? void 0 : x.code) || "transparent"
+      themeColor: (p == null ? void 0 : p.code) || "transparent"
     },
-    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: f }),
+    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: w }),
     /* @__PURE__ */ c("div", { children: [
-      /* @__PURE__ */ t("div", { className: "name", children: h }),
+      /* @__PURE__ */ t("div", { className: "name", children: u }),
       !l && /* @__PURE__ */ t("div", { className: "description", children: C }),
-      p > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(_e, { className: "badge", color: "danger", size: "small", children: p > 99 ? "99+" : p }) })
+      f > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(ke, { className: "badge", color: "danger", size: "small", children: f > 99 ? "99+" : f }) })
     ] })
   );
 };
-se.propTypes = {
-  id: o.any,
-  isUserProfile: o.bool,
-  themeColor: o.string,
-  image: o.any,
-  name: o.string,
-  notifications: o.number,
-  style: o.object,
-  className: o.string,
-  color: o.oneOf([
+ce.propTypes = {
+  id: i.any,
+  isUserProfile: i.bool,
+  themeColor: i.string,
+  image: i.any,
+  name: i.string,
+  notifications: i.number,
+  style: i.object,
+  className: i.string,
+  color: i.oneOf([
     "primary",
     "secondary",
     "success",
@@ -320,101 +320,101 @@ se.propTypes = {
     "information",
     "neutral"
   ]),
-  size: o.oneOf(["large"]),
-  onSelect: o.func,
-  hasPermission: o.bool
+  size: i.oneOf(["large"]),
+  onSelect: i.func,
+  hasPermission: i.bool
 };
-const Q = (e, n) => {
+const re = (e, n) => {
   if (!e || !n) return null;
-  let i = Math.floor((e == null ? void 0 : e.getTime()) - (n == null ? void 0 : n.getTime())), l = 1e3 * 60 * 60 * 24;
-  return Math.floor(i / l);
-}, ee = (e) => {
+  const o = e.getTime() - n.getTime(), l = 24 * 60 * 60 * 1e3;
+  return o >= 0 ? Math.ceil(o / l) : Math.floor(o / l);
+}, te = (e) => {
   if (e !== void 0) {
-    const n = new Date(e), i = n.getFullYear(), l = n.getMonth() + 1;
-    return `${String(n.getDate()).padStart(2)}. ${l}. ${i}.`;
+    const n = new Date(e), o = n.getFullYear(), l = n.getMonth() + 1;
+    return `${String(n.getDate()).padStart(2)}. ${l}. ${o}.`;
   }
-}, le = V((e, n) => {
-  var q;
-  const i = Y(), {
+}, de = V((e, n) => {
+  var J;
+  const o = Z(), {
     // uuid,
     shopUuid: l,
-    title: f = "",
+    title: w = "",
     // description,
     // badges,
-    coverPhoto: h,
-    onSelect: p,
+    coverPhoto: u,
+    onSelect: f,
     // status,
     startDate: s,
-    endDate: u,
-    salesPackages: d,
+    endDate: d,
+    salesPackages: g,
     shopName: S,
     shopCategory: b,
     shopImage: $,
     className: D,
     onSelectCard: C = () => {
     },
-    onSelectShop: x = () => {
+    onSelectShop: p = () => {
     },
     upcoming: T = !1,
     upcomingCampaignText: y,
     campaignSingleText: k,
-    salesCampaignTypes: v = [],
-    startsInPrefixTextPlural: P,
-    startsinSuffixTextPlural: M,
-    startsInPrefixTextSingular: O,
-    startsinSuffixTextSingular: L,
+    salesCampaignTypes: x = [],
+    startsInPrefixTextPlural: I,
+    startsinSuffixTextPlural: z,
+    startsInPrefixTextSingular: A,
+    startsinSuffixTextSingular: O,
     endsInPrefixTextPlural: a,
-    endsinSuffixTextPlural: g,
-    endsInPrefixTextSingular: U,
+    endsinSuffixTextPlural: m,
+    endsInPrefixTextSingular: L,
     endsinSuffixTextSingular: r,
     themeData: X,
     numberOfListings: G,
-    numberOfListingsTextSingular: de,
-    numberOfListingsTextPlural: ge,
-    ...me
-  } = e, he = s ? new Date(s) <= /* @__PURE__ */ new Date() : !1, ue = Q(
+    numberOfListingsTextSingular: me,
+    numberOfListingsTextPlural: he,
+    ...ue
+  } = e, fe = s ? new Date(s) <= /* @__PURE__ */ new Date() : !1, pe = re(
     s ? new Date(s) : null,
     /* @__PURE__ */ new Date()
-  ), N = Q(
-    u ? new Date(u) : null,
+  ), U = re(
+    d ? new Date(d) : null,
     /* @__PURE__ */ new Date()
-  ), fe = N !== null && N <= 3 && N > 0, B = N !== null && N <= 1 && N >= 0, Z = (_, j, w, E, I) => w === 1 ? `${_} ${w} ${E}` : `${j} ${w} ${I}`, pe = () => {
-    if (!u) return null;
-    const _ = xe, w = new Date(u).getTime() - _.getTime();
-    if (w <= 0) return null;
-    const E = Math.floor(w / (1e3 * 60 * 60)), I = Math.floor(w % (1e3 * 60 * 60) / (1e3 * 60)), we = Math.floor(w % (1e3 * 60) / 1e3);
-    return { hours: E, minutes: I, seconds: we };
-  }, [xe, ve] = z(/* @__PURE__ */ new Date());
-  te(() => {
+  ), xe = U !== null && U <= 3 && U > 0, q = d ? new Date(d).getTime() : null, ve = Date.now(), Y = q !== null ? q - ve : null, B = Y !== null && Y > 0 && Y < 24 * 60 * 60 * 1e3, H = (_, j, v, P, N) => v === 1 ? `${_} ${v} ${P}` : `${j} ${v} ${N}`, we = () => {
+    if (!d) return null;
+    const _ = be, v = new Date(d).getTime() - _.getTime();
+    if (v <= 0) return null;
+    const P = Math.floor(v / (1e3 * 60 * 60)), N = Math.floor(v % (1e3 * 60 * 60) / (1e3 * 60)), $e = Math.floor(v % (1e3 * 60) / 1e3);
+    return { hours: P, minutes: N, seconds: $e };
+  }, [be, ye] = F(/* @__PURE__ */ new Date());
+  ae(() => {
     if (!B) return;
     const _ = setInterval(() => {
-      ve(/* @__PURE__ */ new Date());
+      ye(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => clearInterval(_);
   }, [B]);
-  const R = B ? pe() : null;
+  const R = B ? we() : null;
   return /* @__PURE__ */ c(
-    Se,
+    Ne,
     {
       ref: n,
-      theme: i,
+      theme: o,
       className: D,
       onClick: C,
-      ...me,
+      ...ue,
       children: [
-        /* @__PURE__ */ c(Te, { theme: i, onClick: () => p == null ? void 0 : p(), children: [
-          /* @__PURE__ */ t("img", { src: h }),
-          /* @__PURE__ */ t(Pe, { children: d == null ? void 0 : d.map((_, j) => {
-            var w, E;
+        /* @__PURE__ */ c(Ie, { theme: o, onClick: () => f == null ? void 0 : f(), children: [
+          /* @__PURE__ */ t("img", { src: u }),
+          /* @__PURE__ */ t(Me, { children: g == null ? void 0 : g.map((_, j) => {
+            var v, P;
             return /* @__PURE__ */ t(
-              Ee,
+              ze,
               {
-                color: (w = v == null ? void 0 : v.find((I) => I.value === _)) == null ? void 0 : w.color,
-                theme: i,
+                color: (v = x == null ? void 0 : x.find((N) => N.value === _)) == null ? void 0 : v.color,
+                theme: o,
                 children: /* @__PURE__ */ t(
-                  oe,
+                  se,
                   {
-                    icon: (E = v == null ? void 0 : v.find((I) => I.value === _)) == null ? void 0 : E.icon
+                    icon: (P = x == null ? void 0 : x.find((N) => N.value === _)) == null ? void 0 : P.icon
                   }
                 )
               },
@@ -422,20 +422,20 @@ const Q = (e, n) => {
             );
           }) })
         ] }),
-        /* @__PURE__ */ c(ke, { theme: i, children: [
+        /* @__PURE__ */ c(Pe, { theme: o, children: [
           /* @__PURE__ */ t("div", { className: "text-block-wrapper", children: /* @__PURE__ */ c("div", { className: "title-block-wrapper", children: [
-            /* @__PURE__ */ t("div", { className: "campaign-title", children: (q = T ? y : k) == null ? void 0 : q.toUpperCase() }),
-            /* @__PURE__ */ t("div", { className: "campaign-title-text", children: f }),
-            u && s && /* @__PURE__ */ c("div", { children: [
-              ee(s),
+            /* @__PURE__ */ t("div", { className: "campaign-title", children: (J = T ? y : k) == null ? void 0 : J.toUpperCase() }),
+            /* @__PURE__ */ t("div", { className: "campaign-title-text", children: w }),
+            d && s && /* @__PURE__ */ c("div", { children: [
+              te(s),
               " - ",
-              ee(u)
+              te(d)
             ] }),
             /* @__PURE__ */ c("div", { className: "timestamp-text", children: [
               G > 0 && /* @__PURE__ */ c("span", { className: "listings-text", children: [
                 G,
                 " ",
-                G === 1 ? de : ge,
+                G === 1 ? me : he,
                 " ",
                 "∙",
                 " "
@@ -443,34 +443,34 @@ const Q = (e, n) => {
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: `duration-text ${fe ? "urgent" : ""}`,
+                  className: `duration-text ${xe ? "urgent" : ""}`,
                   children: B && R ? /* @__PURE__ */ c("div", { className: "countdown-timer", children: [
-                    U,
+                    L,
                     " ",
                     R.hours.toString().padStart(2, "0"),
                     ":",
                     R.minutes.toString().padStart(2, "0"),
                     ":",
                     R.seconds.toString().padStart(2, "0")
-                  ] }) : he ? Z(
-                    U,
+                  ] }) : fe ? H(
+                    L,
                     a,
-                    N,
+                    U,
                     r,
-                    g
-                  ) : Z(
+                    m
+                  ) : H(
+                    A,
+                    I,
+                    pe,
                     O,
-                    P,
-                    ue,
-                    L,
-                    M
+                    z
                   )
                 }
               )
             ] })
           ] }) }),
           /* @__PURE__ */ t(
-            se,
+            ce,
             {
               hasPermission: !0,
               image: (
@@ -493,7 +493,7 @@ const Q = (e, n) => {
               isUser: !1,
               name: S,
               shopCategory: b,
-              onClick: () => x(l)
+              onClick: () => p(l)
             }
           )
         ] })
@@ -501,13 +501,13 @@ const Q = (e, n) => {
     }
   );
 });
-le.propTypes = {
-  title: o.oneOfType([o.string, o.element]),
-  numberOfListings: o.number,
-  dropdown: o.any,
-  color: o.string
+de.propTypes = {
+  title: i.oneOfType([i.string, i.element]),
+  numberOfListings: i.number,
+  dropdown: i.any,
+  color: i.string
 };
-m.div`
+h.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -538,7 +538,7 @@ m.div`
     }
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${E + "px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
@@ -546,19 +546,19 @@ m.div`
     }
   }
 `;
-const W = m.div`
+const W = h.div`
   width: ${(e) => e.width || "100%"};
   height: ${(e) => (e.heightCoeff || 1) * 1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${ne("-90deg")}
-`, Fe = m.div`
+  ${oe("-90deg")}
+`, Ae = h.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%"};
-`, re = m.div`
-  border-radius: ${(e) => A(e.theme, (e == null ? void 0 : e.borderRadius) ?? "regular")};
+`, ne = h.div`
+  border-radius: ${(e) => M(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"};
@@ -567,10 +567,10 @@ const W = m.div`
   width: ${(e) => (e == null ? void 0 : e.width) ?? "5rem"};
   flex-shrink: 0;
 
-  ${ne()}
-`, ze = m.div`
+  ${oe()}
+`, Oe = h.div`
   background: var(--white, #fff);
-  border-radius: ${(e) => A(e.theme, "edged")};
+  border-radius: ${(e) => M(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);
 
@@ -597,21 +597,21 @@ const W = m.div`
     gap: 0.5rem;
   }
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${E + "px"}) {
     flex-direction: column;
 
     & .campaign__user {
       margin-top: 1rem;
     }
   }
-`, Ae = m.div`
+`, Le = h.div`
   display: flex;
   gap: 1.5rem;
-`, Me = V(({}, e) => {
-  const n = Y();
-  return /* @__PURE__ */ c(ze, { ref: e, theme: n, children: [
+`, Ue = V(({}, e) => {
+  const n = Z();
+  return /* @__PURE__ */ c(Oe, { ref: e, theme: n, children: [
     /* @__PURE__ */ t("div", { className: "campaign__left-section", children: /* @__PURE__ */ t(
-      re,
+      ne,
       {
         theme: n,
         width: "15rem",
@@ -620,14 +620,14 @@ const W = m.div`
       }
     ) }),
     /* @__PURE__ */ c("div", { className: "campaign__right-section", children: [
-      /* @__PURE__ */ c(Fe, { theme: n, children: [
+      /* @__PURE__ */ c(Ae, { theme: n, children: [
         /* @__PURE__ */ t(W, { heightCoeff: 0.75, theme: n, width: "35%" }),
         /* @__PURE__ */ t(W, { heightCoeff: 1.25, theme: n }),
         /* @__PURE__ */ t(W, { heightCoeff: 3, theme: n })
       ] }),
       /* @__PURE__ */ c("div", { className: "campaign__user", children: [
         /* @__PURE__ */ t(
-          re,
+          ne,
           {
             theme: n,
             width: "2.5rem",
@@ -639,17 +639,17 @@ const W = m.div`
       ] })
     ] })
   ] });
-}), Oe = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(Ae, { children: Array.from({ length: e }, (i, l) => /* @__PURE__ */ t(
-  Me,
+}), Be = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(Le, { children: Array.from({ length: e }, (o, l) => /* @__PURE__ */ t(
+  Ue,
   {},
   `${n}-skeleton-campaign-card-${l}`
-)) }), Le = ({
+)) }), Re = ({
   children: e,
-  fallbackComponent: n = /* @__PURE__ */ t(be, {}),
-  isLoading: i = !1,
+  fallbackComponent: n = /* @__PURE__ */ t(De, {}),
+  isLoading: o = !1,
   itemsCount: l = 5,
-  keyPrefix: f
-}) => /* @__PURE__ */ t($e, { fallback: n, children: i === !0 ? /* @__PURE__ */ t(Oe, { itemsCount: l, keyPrefix: f }) : e }), Ue = m.div`
+  keyPrefix: w
+}) => /* @__PURE__ */ t(_e, { fallback: n, children: o === !0 ? /* @__PURE__ */ t(Be, { itemsCount: l, keyPrefix: w }) : e }), je = h.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -690,56 +690,56 @@ const W = m.div`
     top: 0;
     right: 0;
   }
-`, Be = m(ae.div)`
+`, We = h(ie.div)`
   display: grid;
   grid-template-columns: repeat(${(e) => e == null ? void 0 : e.numOfColumns}, 1fr);
   gap: 1.5rem;
 
-  @media (max-width: ${F + "px"}) {
+  @media (max-width: ${E + "px"}) {
     grid-template-columns: repeat(${(e) => e == null ? void 0 : e.numOfColumnsForMobile}, 1fr);
   }
-`, ce = V(
+`, ge = V(
   ({
     icon: e,
     title: n,
-    numOfSlides: i = 2,
+    numOfSlides: o = 2,
     numOfSlidesForMobile: l = 1,
-    showNavigation: f = !0,
-    children: h
-  }, p) => {
-    const [s, u] = z(0), [d, S] = z(1), [b, $] = z(null), [D, C] = z(null), x = ie(), T = 50, y = (h == null ? void 0 : h.length) ?? 1;
-    te(() => {
+    showNavigation: w = !0,
+    children: u
+  }, f) => {
+    const [s, d] = F(0), [g, S] = F(1), [b, $] = F(null), [D, C] = F(null), p = le(), T = 50, y = (u == null ? void 0 : u.length) ?? 1;
+    ae(() => {
       const a = () => {
-        S(x ? l : i);
+        S(p ? l : o);
       };
       return window.addEventListener("resize", a), a(), () => window.removeEventListener("resize", a);
     }, []);
-    const k = h == null ? void 0 : h.slice(s, s + d), v = (a) => {
-      var g;
-      (g = a == null ? void 0 : a.target) == null || g.blur(), s + d < y && u(s + d);
-    }, P = (a) => {
-      var g;
-      (g = a == null ? void 0 : a.target) == null || g.blur(), s - d >= 0 && u(s - d);
+    const k = u == null ? void 0 : u.slice(s, s + g), x = (a) => {
+      var m;
+      (m = a == null ? void 0 : a.target) == null || m.blur(), s + g < y && d(s + g);
+    }, I = (a) => {
+      var m;
+      (m = a == null ? void 0 : a.target) == null || m.blur(), s - g >= 0 && d(s - g);
     };
     return /* @__PURE__ */ c(
-      Ue,
+      je,
       {
-        ref: p,
-        ...x ? { onTouchStart: (a) => {
-          var g;
-          C(null), $((g = a == null ? void 0 : a.targetTouches["0"]) == null ? void 0 : g.clientX);
+        ref: f,
+        ...p ? { onTouchStart: (a) => {
+          var m;
+          C(null), $((m = a == null ? void 0 : a.targetTouches["0"]) == null ? void 0 : m.clientX);
         }, onTouchMove: (a) => {
-          var g;
-          C((g = a == null ? void 0 : a.targetTouches["0"]) == null ? void 0 : g.clientX);
+          var m;
+          C((m = a == null ? void 0 : a.targetTouches["0"]) == null ? void 0 : m.clientX);
         }, onTouchEnd: () => {
           if (!b || !D) return;
           const a = b - D;
-          a > T && v(), a < -T && P();
+          a > T && x(), a < -T && I();
         } } : {},
         children: [
           /* @__PURE__ */ t("div", { className: "scrollable-section__header", children: /* @__PURE__ */ c("div", { className: "scrollable-section__title", children: [
-            H(e) && /* @__PURE__ */ t(
-              oe,
+            K(e) && /* @__PURE__ */ t(
+              se,
               {
                 icon: e,
                 color: "primary",
@@ -747,12 +747,12 @@ const W = m.div`
                 className: "title__icon"
               }
             ),
-            H(n) && /* @__PURE__ */ t("div", { className: "title__text", children: n })
+            K(n) && /* @__PURE__ */ t("div", { className: "title__text", children: n })
           ] }) }),
           /* @__PURE__ */ t(
-            Be,
+            We,
             {
-              numOfColumns: i,
+              numOfColumns: o,
               numOfColumnsForMobile: l,
               animate: {
                 x: 0,
@@ -766,9 +766,9 @@ const W = m.div`
             },
             `scrollable-section__content-${s}`
           ),
-          f && y > d && !x && /* @__PURE__ */ c("div", { className: "scrollable-section__navigation", children: [
+          w && y > g && !p && /* @__PURE__ */ c("div", { className: "scrollable-section__navigation", children: [
             /* @__PURE__ */ t(
-              J,
+              Q,
               {
                 icon: "angle-left",
                 borderRadius: "curved",
@@ -776,19 +776,19 @@ const W = m.div`
                 color: "neutral",
                 className: "navigation__arrow",
                 disabled: s === 0,
-                onClick: P
+                onClick: I
               }
             ),
             /* @__PURE__ */ t(
-              J,
+              Q,
               {
                 icon: "angle-right",
                 borderRadius: "curved",
                 btnType: "tinted",
                 color: "neutral",
                 className: "navigation__arrow",
-                disabled: s + d >= y,
-                onClick: v
+                disabled: s + g >= y,
+                onClick: x
               }
             )
           ] })
@@ -797,45 +797,45 @@ const W = m.div`
     );
   }
 );
-ce.propTypes = {
-  icon: o.string,
-  title: o.string,
-  numOfSlides: o.number,
-  numOfSlidesForMobile: o.number,
-  showNavigation: o.bool
+ge.propTypes = {
+  icon: i.string,
+  title: i.string,
+  numOfSlides: i.number,
+  numOfSlidesForMobile: i.number,
+  showNavigation: i.bool
 };
-const Re = De(le), er = V(
+const Ve = Se(de), nr = V(
   ({
     sellerType: e = "Shop",
     items: n = [],
-    title: i,
+    title: o,
     icon: l,
-    isLoading: f,
-    onSelectCard: h = () => {
+    isLoading: w,
+    onSelectCard: u = () => {
     },
-    onSelectShop: p = () => {
+    onSelectShop: f = () => {
     },
     getImage: s = () => {
     },
-    campaignSingleText: u,
-    upcomingCampaignText: d,
+    campaignSingleText: d,
+    upcomingCampaignText: g,
     salesCampaignTypes: S = [],
     startsInPrefixTextPlural: b,
     startsinSuffixTextPlural: $,
     startsInPrefixTextSingular: D,
     startsinSuffixTextSingular: C,
-    endsInPrefixTextPlural: x,
+    endsInPrefixTextPlural: p,
     endsinSuffixTextPlural: T,
     endsInPrefixTextSingular: y,
     endsinSuffixTextSingular: k,
-    numOfSlides: v = 2,
-    numOfSlidesForMobile: P = 1,
-    showNavigation: M = !0,
-    numberOfListingsTextSingular: O,
-    numberOfListingsTextPlural: L
+    numOfSlides: x = 2,
+    numOfSlidesForMobile: I = 1,
+    showNavigation: z = !0,
+    numberOfListingsTextSingular: A,
+    numberOfListingsTextPlural: O
   }, a) => {
-    const g = ie(), U = Ce(() => n == null ? void 0 : n.map((r, X) => /* @__PURE__ */ t(
-      Re,
+    const m = le(), L = Te(() => n == null ? void 0 : n.map((r, X) => /* @__PURE__ */ t(
+      Ve,
       {
         className: "campaign-item",
         coverPhoto: s(
@@ -853,42 +853,42 @@ const Re = De(le), er = V(
         startDate: r == null ? void 0 : r.startDate,
         title: r == null ? void 0 : r.name,
         uuid: r == null ? void 0 : r.campaignUuid,
-        onSelectCard: () => h(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
-        onSelectShop: () => p(r == null ? void 0 : r.shopUuid),
-        campaignSingleText: u,
-        upcomingCampaignText: d,
+        onSelectCard: () => u(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
+        onSelectShop: () => f(r == null ? void 0 : r.shopUuid),
+        campaignSingleText: d,
+        upcomingCampaignText: g,
         upcoming: r == null ? void 0 : r.upcoming,
         salesCampaignTypes: S,
         startsInPrefixTextPlural: b,
         startsinSuffixTextPlural: $,
         startsInPrefixTextSingular: D,
         startsinSuffixTextSingular: C,
-        endsInPrefixTextPlural: x,
+        endsInPrefixTextPlural: p,
         endsinSuffixTextPlural: T,
         endsInPrefixTextSingular: y,
         endsinSuffixTextSingular: k,
         themeData: r == null ? void 0 : r.themeData,
         numberOfListings: r == null ? void 0 : r.numberOfListings,
-        numberOfListingsTextSingular: O,
-        numberOfListingsTextPlural: L
+        numberOfListingsTextSingular: A,
+        numberOfListingsTextPlural: O
       },
       `campaign__item__${X}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
     )), [n]);
     return /* @__PURE__ */ t(
-      Le,
+      Re,
       {
-        isLoading: f,
-        itemsCount: g ? 1 : 2,
+        isLoading: w,
+        itemsCount: m ? 1 : 2,
         keyPrefix: "sales-camp",
         children: /* @__PURE__ */ t(
-          ce,
+          ge,
           {
             icon: l,
-            title: i,
-            numOfSlides: v,
-            numOfSlidesForMobile: P,
-            showNavigation: M,
-            children: U
+            title: o,
+            numOfSlides: x,
+            numOfSlidesForMobile: I,
+            showNavigation: z,
+            children: L
           }
         )
       }
@@ -896,5 +896,5 @@ const Re = De(le), er = V(
   }
 );
 export {
-  er as default
+  nr as default
 };