@lanaco/lnc-react-ui 4.0.132 → 4.0.133

package/dist/SalesCampaignsSection.js

@@ -1,16 +1,17 @@
-import { jsx as t, jsxs as c, Fragment as Se } from "react/jsx-runtime";
-import { createElement as Ce, forwardRef as L, useState as U, useEffect as le, Suspense as Te, memo as Ne, useMemo as ke } from "react";
-import { s as m } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as O, o as ce, k as te } from "./utils-BPdU4_1q.js";
-import { M } from "./consts-BuFChS64.js";
-import { m as de } from "./motion-Ckekul_K.js";
+import { jsx as t, jsxs as g, Fragment as Ce } from "react/jsx-runtime";
+import { forwardRef as M, useRef as Te, useEffect as J, Fragment as ke, createElement as Ne, useState as U, Suspense as De, memo as Ie, useMemo as Pe } from "react";
+import { s as f } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { a as O, k as q, o as de } from "./utils-BPdU4_1q.js";
+import { M as z } from "./consts-BuFChS64.js";
+import { m as ge } from "./motion-Ckekul_K.js";
 import { P as a } from "./index-CblbdqjE.js";
-import ge from "./Icon.js";
-import De from "./Badge.js";
-import { u as q } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import ne from "./IconButton.js";
-import { u as me } from "./useDetectMobile-Bkvj0VMa.js";
-const Ie = m.div`
+import me from "./Icon.js";
+import { D as ae } from "./ShopAvatar-4-fCYGEc.js";
+import Me from "./Badge.js";
+import { u as K } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import oe from "./IconButton.js";
+import { u as he } from "./useDetectMobile-Bkvj0VMa.js";
+const ze = f.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -18,14 +19,14 @@ const Ie = m.div`
   border-radius: 20px;
   border: 1px solid var(--gray-95008, #14161a14);
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${z + "px"}) {
     flex-direction: column;
     padding: 0;
     gap: 0;
     border: none;
     border-radius: 0;
   }
-`, Pe = m.div`
+`, Le = f.div`
   border-radius: ${(e) => O(e.theme, "edged")};
   height: 13.75rem;
   width: 13.75rem;
@@ -49,12 +50,12 @@ const Ie = m.div`
     }
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${z + "px"}) {
     width: 100%;
     max-width: 100dvh;
     height: 23.438rem;
   }
-`, Me = m.div`
+`, Ue = f.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -126,7 +127,7 @@ const Ie = m.div`
     background-color: transparent;
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${z + "px"}) {
     padding: 1.25rem;
 
     & .campaign-title {
@@ -140,13 +141,13 @@ const Ie = m.div`
       gap: 0.25rem;
     }
   }
-`, ae = (e = !1, n = !1, o = !1) => `
+`, ie = (e = !1, n = !1, o = !1) => `
     display: flex;
     ${n ? "flex-wrap: wrap;" : ""}
     ${n ? "" : "flex-wrap: nowrap;"}
     ${e ? "align-items: center;" : ""}
     ${o ? "justify-content: center;" : ""}
-  `, ze = m(de.div)`
+  `, Oe = f(ge.div)`
   text-decoration: none;
   ${(e) => e.hasPermission === !0 && "cursor: pointer"};
 
@@ -163,7 +164,7 @@ const Ie = m.div`
     text-decoration: none;
   }
 
-  ${ae(!0)}
+  ${ie(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: var(--gray-950);
@@ -179,7 +180,7 @@ const Ie = m.div`
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${ae(!0, !1, !0)}
+    ${ie(!0, !1, !0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -217,13 +218,13 @@ const Ie = m.div`
     cursor: pointer;
     background-color: var(--gray-95080, #14161acc);
   }
-`, Ue = m.div`
+`, Ee = f.div`
   position: absolute;
   top: 0.5rem;
   ${(e) => e.alignToLeft === !0 ? "left: 0.5rem;" : "right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`, Le = m.div`
+`, je = f.div`
   border-radius: ${(e) => O(e.theme, e.borderRadius || "slight")};
   background-color: ${(e) => e == null ? void 0 : e.color};
   color: white;
@@ -239,54 +240,66 @@ const Ie = m.div`
   & i {
     font-size: 0.813rem;
   }
-`, he = (e) => {
+`, Re = M(({ src: e, ...n }, o) => {
+  const i = Te();
+  return J(() => {
+    var d;
+    const m = (c) => {
+      c.target.src = ae, c.onerror = null;
+    };
+    return (d = i == null ? void 0 : i.current) == null || d.addEventListener("error", m), () => {
+      var c;
+      (c = i == null ? void 0 : i.current) == null || c.removeEventListener("error", m);
+    };
+  }, []), /* @__PURE__ */ t(ke, { ref: o, children: q(e) ? /* @__PURE__ */ t("img", { ref: i, src: e, ...n }) : /* @__PURE__ */ t("img", { src: ae, ...n }) });
+}), ue = (e) => {
   const {
     uuid: n,
     hasPermission: o = !0,
-    isUser: l,
-    image: f,
-    name: u,
-    notifications: p = 0,
-    color: s = "primary",
-    size: d = "large",
-    style: g,
-    disabled: T,
+    isUser: i,
+    image: m,
+    name: d,
+    notifications: c = 0,
+    color: l = "primary",
+    size: h = "large",
+    style: u,
+    disabled: C,
     onClick: b = () => {
     },
-    isActive: $,
-    className: _,
-    shopCategory: S,
+    isActive: T,
+    className: $,
+    shopCategory: _,
     // new
     themeData: x
   } = e, y = {
-    theme: q(),
-    color: s,
-    size: d,
-    style: g,
-    disabled: T
+    theme: K(),
+    color: l,
+    size: h,
+    style: u,
+    disabled: C
   };
-  return /* @__PURE__ */ Ce(
-    ze,
+  return /* @__PURE__ */ Ne(
+    Oe,
     {
-      onClick: (k) => {
-        k.stopPropagation(), o === !0 && (b == null || b());
+      onClick: (N) => {
+        N.stopPropagation(), o === !0 && (b == null || b());
       },
       ...y,
-      key: u,
-      className: `profile-item ${_}`,
+      key: d,
+      className: `profile-item ${$}`,
       hasPermission: o,
-      isActive: $,
+      isActive: T,
       themeColor: (x == null ? void 0 : x.code) || "transparent"
     },
-    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: f }),
-    /* @__PURE__ */ c("div", { children: [
-      /* @__PURE__ */ t("div", { className: "name", children: u }),
-      !l && /* @__PURE__ */ t("div", { className: "description", children: S }),
-      p > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(De, { className: "badge", color: "danger", size: "small", children: p > 99 ? "99+" : p }) })
+    /* @__PURE__ */ t("div", { className: "logo-wrapper", children: m }),
+    /* @__PURE__ */ g("div", { children: [
+      /* @__PURE__ */ t("div", { className: "name", children: d }),
+      !i && /* @__PURE__ */ t("div", { className: "description", children: _ }),
+      c > 0 && /* @__PURE__ */ t("div", { className: "notifications-number", children: /* @__PURE__ */ t(Me, { className: "badge", color: "danger", size: "small", children: c > 99 ? "99+" : c }) })
     ] })
   );
 };
-he.propTypes = {
+ue.propTypes = {
   id: a.any,
   isUserProfile: a.bool,
   themeColor: a.string,
@@ -308,97 +321,97 @@ he.propTypes = {
   onSelect: a.func,
   hasPermission: a.bool
 };
-const ie = (e, n) => {
+const se = (e, n) => {
   if (!e || !n) return null;
-  const o = e.getTime() - n.getTime(), l = 24 * 60 * 60 * 1e3;
-  return o >= 0 ? Math.ceil(o / l) : Math.floor(o / l);
-}, oe = (e) => {
+  const o = e.getTime() - n.getTime(), i = 24 * 60 * 60 * 1e3;
+  return o >= 0 ? Math.ceil(o / i) : Math.floor(o / i);
+}, le = (e) => {
   if (e !== void 0) {
-    const n = new Date(e), o = n.getFullYear(), l = n.getMonth() + 1;
-    return `${String(n.getDate()).padStart(2)}. ${l}. ${o}.`;
+    const n = new Date(e), o = n.getFullYear(), i = n.getMonth() + 1;
+    return `${String(n.getDate()).padStart(2)}. ${i}. ${o}.`;
   }
-}, ue = L((e, n) => {
-  var re;
-  const o = q(), {
+}, fe = M((e, n) => {
+  var ne;
+  const o = K(), {
     // uuid,
-    shopUuid: l,
-    title: f = "",
+    shopUuid: i,
+    title: m = "",
     // description,
     // badges,
-    coverPhoto: u,
-    onSelect: p,
+    coverPhoto: d,
+    onSelect: c,
     // status,
-    startDate: s,
-    endDate: d,
-    salesPackages: g,
-    shopName: T,
+    startDate: l,
+    endDate: h,
+    salesPackages: u,
+    shopName: C,
     shopCategory: b,
-    shopImage: $,
-    className: _,
-    onSelectCard: S = () => {
+    shopImage: T,
+    className: $,
+    onSelectCard: _ = () => {
     },
     onSelectShop: x = () => {
     },
-    upcoming: N = !1,
+    upcoming: k = !1,
     upcomingCampaignText: y,
-    campaignSingleText: k,
+    campaignSingleText: N,
     salesCampaignTypes: w = [],
     startsInPrefixTextPlural: I,
-    startsinSuffixTextPlural: R,
+    startsinSuffixTextPlural: E,
     startsInPrefixTextSingular: j,
-    startsinSuffixTextSingular: E,
-    endsInPrefixTextPlural: i,
-    endsinSuffixTextPlural: h,
+    startsinSuffixTextSingular: R,
+    endsInPrefixTextPlural: s,
+    endsinSuffixTextPlural: p,
     endsInPrefixTextSingular: B,
-    endsinSuffixTextSingular: J,
-    themeData: W,
-    numberOfListings: z,
-    numberOfListingsTextSingular: F,
+    endsinSuffixTextSingular: Q,
+    themeData: F,
+    numberOfListings: L,
+    numberOfListingsTextSingular: W,
     numberOfListingsTextPlural: r,
     ...Y
-  } = e, K = s ? new Date(s) <= /* @__PURE__ */ new Date() : !1, xe = ie(
-    s ? new Date(s) : null,
+  } = e, ee = l ? new Date(l) <= /* @__PURE__ */ new Date() : !1, we = se(
+    l ? new Date(l) : null,
     /* @__PURE__ */ new Date()
-  ), A = ie(
-    d ? new Date(d) : null,
+  ), A = se(
+    h ? new Date(h) : null,
     /* @__PURE__ */ new Date()
-  ), we = A !== null && A <= 2 && A > 0, Q = d ? new Date(d).getTime() : null, ve = Date.now(), Z = Q !== null ? Q - ve : null, V = Z !== null && Z > 0 && Z < 24 * 60 * 60 * 1e3, ee = (C, H, v, P, D) => v === 1 ? `${C} ${v} ${P}` : `${H} ${v} ${D}`, be = () => {
-    if (!d) return null;
-    const C = ye, v = new Date(d).getTime() - C.getTime();
+  ), ve = A !== null && A <= 2 && A > 0, re = h ? new Date(h).getTime() : null, be = Date.now(), Z = re !== null ? re - be : null, V = Z !== null && Z > 0 && Z < 24 * 60 * 60 * 1e3, te = (S, H, v, P, D) => v === 1 ? `${S} ${v} ${P}` : `${H} ${v} ${D}`, ye = () => {
+    if (!h) return null;
+    const S = $e, v = new Date(h).getTime() - S.getTime();
     if (v <= 0) return null;
-    const P = Math.floor(v / (1e3 * 60 * 60)), D = Math.floor(v % (1e3 * 60 * 60) / (1e3 * 60)), _e = Math.floor(v % (1e3 * 60) / 1e3);
-    return { hours: P, minutes: D, seconds: _e };
-  }, [ye, $e] = U(/* @__PURE__ */ new Date());
-  le(() => {
+    const P = Math.floor(v / (1e3 * 60 * 60)), D = Math.floor(v % (1e3 * 60 * 60) / (1e3 * 60)), Se = Math.floor(v % (1e3 * 60) / 1e3);
+    return { hours: P, minutes: D, seconds: Se };
+  }, [$e, _e] = U(/* @__PURE__ */ new Date());
+  J(() => {
     if (!V) return;
-    const C = setInterval(() => {
-      $e(/* @__PURE__ */ new Date());
+    const S = setInterval(() => {
+      _e(/* @__PURE__ */ new Date());
     }, 1e3);
-    return () => clearInterval(C);
+    return () => clearInterval(S);
   }, [V]);
-  const X = V ? be() : null;
-  return /* @__PURE__ */ c(
-    Ie,
+  const X = V ? ye() : null;
+  return /* @__PURE__ */ g(
+    ze,
     {
       ref: n,
       theme: o,
-      className: _,
-      onClick: S,
+      className: $,
+      onClick: _,
       ...Y,
       children: [
-        /* @__PURE__ */ c(Pe, { theme: o, onClick: () => p == null ? void 0 : p(), children: [
-          /* @__PURE__ */ t("img", { src: u }),
-          /* @__PURE__ */ t(Ue, { children: g == null ? void 0 : g.map((C, H) => {
+        /* @__PURE__ */ g(Le, { theme: o, onClick: () => c == null ? void 0 : c(), children: [
+          /* @__PURE__ */ t("img", { src: d }),
+          /* @__PURE__ */ t(Ee, { children: u == null ? void 0 : u.map((S, H) => {
             var v, P;
             return /* @__PURE__ */ t(
-              Le,
+              je,
               {
-                color: (v = w == null ? void 0 : w.find((D) => D.value === C)) == null ? void 0 : v.color,
+                color: (v = w == null ? void 0 : w.find((D) => D.value === S)) == null ? void 0 : v.color,
                 theme: o,
                 children: /* @__PURE__ */ t(
-                  ge,
+                  me,
                   {
-                    icon: (P = w == null ? void 0 : w.find((D) => D.value === C)) == null ? void 0 : P.icon
+                    icon: (P = w == null ? void 0 : w.find((D) => D.value === S)) == null ? void 0 : P.icon
                   }
                 )
               },
@@ -406,20 +419,20 @@ const ie = (e, n) => {
             );
           }) })
         ] }),
-        /* @__PURE__ */ c(Me, { 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: (re = N ? y : k) == null ? void 0 : re.toUpperCase() }),
-            /* @__PURE__ */ t("div", { className: "campaign-title-text", children: f }),
-            d && s && /* @__PURE__ */ c("div", { children: [
-              oe(s),
+        /* @__PURE__ */ g(Ue, { theme: o, children: [
+          /* @__PURE__ */ t("div", { className: "text-block-wrapper", children: /* @__PURE__ */ g("div", { className: "title-block-wrapper", children: [
+            /* @__PURE__ */ t("div", { className: "campaign-title", children: (ne = k ? y : N) == null ? void 0 : ne.toUpperCase() }),
+            /* @__PURE__ */ t("div", { className: "campaign-title-text", children: m }),
+            h && l && /* @__PURE__ */ g("div", { children: [
+              le(l),
               " - ",
-              oe(d)
+              le(h)
             ] }),
-            /* @__PURE__ */ c("div", { className: "timestamp-text", children: [
-              z > 0 && /* @__PURE__ */ c("span", { className: "listings-text", children: [
-                z,
+            /* @__PURE__ */ g("div", { className: "timestamp-text", children: [
+              L > 0 && /* @__PURE__ */ g("span", { className: "listings-text", children: [
+                L,
                 " ",
-                z === 1 ? F : r,
+                L === 1 ? W : r,
                 " ",
                 "∙",
                 " "
@@ -427,8 +440,8 @@ const ie = (e, n) => {
               /* @__PURE__ */ t(
                 "span",
                 {
-                  className: `duration-text ${we ? "urgent" : ""} ${K ? "" : "starts-in"}`,
-                  children: V && X ? /* @__PURE__ */ c("div", { className: "countdown-timer", children: [
+                  className: `duration-text ${ve ? "urgent" : ""} ${ee ? "" : "starts-in"}`,
+                  children: V && X ? /* @__PURE__ */ g("div", { className: "countdown-timer", children: [
                     B,
                     " ",
                     X.hours.toString().padStart(2, "0"),
@@ -436,48 +449,34 @@ const ie = (e, n) => {
                     X.minutes.toString().padStart(2, "0"),
                     ":",
                     X.seconds.toString().padStart(2, "0")
-                  ] }) : K ? ee(
+                  ] }) : ee ? te(
                     B,
-                    i,
+                    s,
                     A,
-                    J,
-                    h
-                  ) : ee(
+                    Q,
+                    p
+                  ) : te(
                     j,
                     I,
-                    xe,
-                    E,
-                    R
+                    we,
+                    R,
+                    E
                   )
                 }
               )
             ] })
           ] }) }),
           /* @__PURE__ */ t(
-            he,
+            ue,
             {
               hasPermission: !0,
-              image: (
-                // <ShopFallbackImage
-                //   image={shopImage}
-                //   uuid={shopUuid}
-                //   size={ImageSize.SMALL}
-                //   className={`${shopImage ? "" : "no-image"}`}
-                // />
-                /* @__PURE__ */ t(
-                  "img",
-                  {
-                    src: $,
-                    className: `${$ ? "" : "no-image"}`
-                  }
-                )
-              ),
-              themeData: W,
+              image: /* @__PURE__ */ t(Re, { src: T }),
+              themeData: F,
               isActive: !0,
               isUser: !1,
-              name: T,
+              name: C,
               shopCategory: b,
-              onClick: () => x(l)
+              onClick: () => x(i)
             }
           )
         ] })
@@ -485,13 +484,13 @@ const ie = (e, n) => {
     }
   );
 });
-ue.propTypes = {
+fe.propTypes = {
   title: a.oneOfType([a.string, a.element]),
   numberOfListings: a.number,
   dropdown: a.any,
   color: a.string
 };
-m.div`
+f.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
@@ -522,7 +521,7 @@ m.div`
     }
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${z + "px"}) {
     & .campaign-item {
       min-width: 100%;
       width: 100%;
@@ -530,18 +529,18 @@ m.div`
     }
   }
 `;
-const G = m.div`
+const G = f.div`
   width: ${(e) => e.width || "100%"};
   height: ${(e) => (e.heightCoeff || 1) * 1.125}rem;
   background-color: var(--gray-200, #dddfe4);
 
-  ${ce("-90deg")}
-`, Oe = m.div`
+  ${de("-90deg")}
+`, Be = f.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%"};
-`, se = m.div`
+`, ce = f.div`
   border-radius: ${(e) => O(e.theme, (e == null ? void 0 : e.borderRadius) ?? "regular")};
   background: var(--gray-200, #dddfe4);
   position: relative;
@@ -551,8 +550,8 @@ const G = m.div`
   width: ${(e) => (e == null ? void 0 : e.width) ?? "5rem"};
   flex-shrink: 0;
 
-  ${ce()}
-`, Re = m.div`
+  ${de()}
+`, Fe = f.div`
   background: var(--white, #fff);
   border-radius: ${(e) => O(e.theme, "edged")};
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.06);
@@ -581,21 +580,21 @@ const G = m.div`
     gap: 0.5rem;
   }
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${z + "px"}) {
     flex-direction: column;
 
     & .campaign__user {
       margin-top: 1rem;
     }
   }
-`, je = m.div`
+`, We = f.div`
   display: flex;
   gap: 1.5rem;
-`, Ee = L(({}, e) => {
-  const n = q();
-  return /* @__PURE__ */ c(Re, { ref: e, theme: n, children: [
+`, Ae = M(({}, e) => {
+  const n = K();
+  return /* @__PURE__ */ g(Fe, { ref: e, theme: n, children: [
     /* @__PURE__ */ t("div", { className: "campaign__left-section", children: /* @__PURE__ */ t(
-      se,
+      ce,
       {
         theme: n,
         width: "15rem",
@@ -603,15 +602,15 @@ const G = m.div`
         borderRadius: "edged"
       }
     ) }),
-    /* @__PURE__ */ c("div", { className: "campaign__right-section", children: [
-      /* @__PURE__ */ c(Oe, { theme: n, children: [
+    /* @__PURE__ */ g("div", { className: "campaign__right-section", children: [
+      /* @__PURE__ */ g(Be, { theme: n, children: [
         /* @__PURE__ */ t(G, { heightCoeff: 0.75, theme: n, width: "35%" }),
         /* @__PURE__ */ t(G, { heightCoeff: 1.25, theme: n }),
         /* @__PURE__ */ t(G, { heightCoeff: 3, theme: n })
       ] }),
-      /* @__PURE__ */ c("div", { className: "campaign__user", children: [
+      /* @__PURE__ */ g("div", { className: "campaign__user", children: [
         /* @__PURE__ */ t(
-          se,
+          ce,
           {
             theme: n,
             width: "2.5rem",
@@ -623,17 +622,17 @@ const G = m.div`
       ] })
     ] })
   ] });
-}), Be = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(je, { children: Array.from({ length: e }, (o, l) => /* @__PURE__ */ t(
-  Ee,
+}), Ve = ({ itemsCount: e = 5, keyPrefix: n }) => /* @__PURE__ */ t(We, { children: Array.from({ length: e }, (o, i) => /* @__PURE__ */ t(
+  Ae,
   {},
-  `${n}-skeleton-campaign-card-${l}`
-)) }), We = ({
+  `${n}-skeleton-campaign-card-${i}`
+)) }), Xe = ({
   children: e,
-  fallbackComponent: n = /* @__PURE__ */ t(Se, {}),
+  fallbackComponent: n = /* @__PURE__ */ t(Ce, {}),
   isLoading: o = !1,
-  itemsCount: l = 5,
-  keyPrefix: f
-}) => /* @__PURE__ */ t(Te, { fallback: n, children: o === !0 ? /* @__PURE__ */ t(Be, { itemsCount: l, keyPrefix: f }) : e }), Fe = m.div`
+  itemsCount: i = 5,
+  keyPrefix: m
+}) => /* @__PURE__ */ t(De, { fallback: n, children: o === !0 ? /* @__PURE__ */ t(Ve, { itemsCount: i, keyPrefix: m }) : e }), He = f.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -674,57 +673,57 @@ const G = m.div`
     top: 0;
     right: 0;
   }
-`, Ae = m(de.div)`
+`, Ge = f(ge.div)`
   display: grid;
   grid-template-columns: repeat(${(e) => e == null ? void 0 : e.numOfColumns}, 1fr);
   gap: 1.5rem;
   width: 100%;
 
-  @media (max-width: ${M + "px"}) {
+  @media (max-width: ${z + "px"}) {
     grid-template-columns: repeat(${(e) => e == null ? void 0 : e.numOfColumnsForMobile}, 1fr);
   }
-`, fe = L(
+`, pe = M(
   ({
     icon: e,
     title: n,
     numOfSlides: o = 2,
-    numOfSlidesForMobile: l = 1,
-    showNavigation: f = !0,
-    children: u
-  }, p) => {
-    const [s, d] = U(0), [g, T] = U(1), [b, $] = U(null), [_, S] = U(null), x = me(), N = 50, y = (u == null ? void 0 : u.length) ?? 1;
-    le(() => {
-      const i = () => {
-        T(x ? l : o);
+    numOfSlidesForMobile: i = 1,
+    showNavigation: m = !0,
+    children: d
+  }, c) => {
+    const [l, h] = U(0), [u, C] = U(1), [b, T] = U(null), [$, _] = U(null), x = he(), k = 50, y = (d == null ? void 0 : d.length) ?? 1;
+    J(() => {
+      const s = () => {
+        C(x ? i : o);
       };
-      return window.addEventListener("resize", i), i(), () => window.removeEventListener("resize", i);
+      return window.addEventListener("resize", s), s(), () => window.removeEventListener("resize", s);
     }, []);
-    const k = u == null ? void 0 : u.slice(s, s + g), w = (i) => {
-      var h;
-      (h = i == null ? void 0 : i.target) == null || h.blur(), s + g < y && d(s + g);
-    }, I = (i) => {
-      var h;
-      (h = i == null ? void 0 : i.target) == null || h.blur(), s - g >= 0 && d(s - g);
+    const N = d == null ? void 0 : d.slice(l, l + u), w = (s) => {
+      var p;
+      (p = s == null ? void 0 : s.target) == null || p.blur(), l + u < y && h(l + u);
+    }, I = (s) => {
+      var p;
+      (p = s == null ? void 0 : s.target) == null || p.blur(), l - u >= 0 && h(l - u);
     };
-    return /* @__PURE__ */ c(
-      Fe,
+    return /* @__PURE__ */ g(
+      He,
       {
-        ref: p,
-        ...x ? { onTouchStart: (i) => {
-          var h;
-          S(null), $((h = i == null ? void 0 : i.targetTouches["0"]) == null ? void 0 : h.clientX);
-        }, onTouchMove: (i) => {
-          var h;
-          S((h = i == null ? void 0 : i.targetTouches["0"]) == null ? void 0 : h.clientX);
+        ref: c,
+        ...x ? { onTouchStart: (s) => {
+          var p;
+          _(null), T((p = s == null ? void 0 : s.targetTouches["0"]) == null ? void 0 : p.clientX);
+        }, onTouchMove: (s) => {
+          var p;
+          _((p = s == null ? void 0 : s.targetTouches["0"]) == null ? void 0 : p.clientX);
         }, onTouchEnd: () => {
-          if (!b || !_) return;
-          const i = b - _;
-          i > N && w(), i < -N && I();
+          if (!b || !$) return;
+          const s = b - $;
+          s > k && w(), s < -k && I();
         } } : {},
         children: [
-          /* @__PURE__ */ t("div", { className: "scrollable-section__header", children: /* @__PURE__ */ c("div", { className: "scrollable-section__title", children: [
-            te(e) && /* @__PURE__ */ t(
-              ge,
+          /* @__PURE__ */ t("div", { className: "scrollable-section__header", children: /* @__PURE__ */ g("div", { className: "scrollable-section__title", children: [
+            q(e) && /* @__PURE__ */ t(
+              me,
               {
                 icon: e,
                 color: "primary",
@@ -732,13 +731,13 @@ const G = m.div`
                 className: "title__icon"
               }
             ),
-            te(n) && /* @__PURE__ */ t("div", { className: "title__text", children: n })
+            q(n) && /* @__PURE__ */ t("div", { className: "title__text", children: n })
           ] }) }),
           /* @__PURE__ */ t(
-            Ae,
+            Ge,
             {
               numOfColumns: o,
-              numOfColumnsForMobile: l,
+              numOfColumnsForMobile: i,
               animate: {
                 x: 0,
                 opacity: 1
@@ -747,32 +746,32 @@ const G = m.div`
                 x: 10,
                 opacity: 0
               },
-              children: k
+              children: N
             },
-            `scrollable-section__content-${s}`
+            `scrollable-section__content-${l}`
           ),
-          f && y > g && !x && /* @__PURE__ */ c("div", { className: "scrollable-section__navigation", children: [
+          m && y > u && !x && /* @__PURE__ */ g("div", { className: "scrollable-section__navigation", children: [
             /* @__PURE__ */ t(
-              ne,
+              oe,
               {
                 icon: "angle-left",
                 borderRadius: "curved",
                 btnType: "tinted",
                 color: "neutral",
                 className: "navigation__arrow",
-                disabled: s === 0,
+                disabled: l === 0,
                 onClick: I
               }
             ),
             /* @__PURE__ */ t(
-              ne,
+              oe,
               {
                 icon: "angle-right",
                 borderRadius: "curved",
                 btnType: "tinted",
                 color: "neutral",
                 className: "navigation__arrow",
-                disabled: s + g >= y,
+                disabled: l + u >= y,
                 onClick: w
               }
             )
@@ -782,14 +781,14 @@ const G = m.div`
     );
   }
 );
-fe.propTypes = {
+pe.propTypes = {
   icon: a.string,
   title: a.string,
   numOfSlides: a.number,
   numOfSlidesForMobile: a.number,
   showNavigation: a.bool
 };
-const Ve = m.div`
+const Ye = f.div`
   display: flex;
   flex: 1;
   width: 100%;
@@ -806,71 +805,71 @@ const Ve = m.div`
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`, pe = L(
+`, xe = M(
   ({
     sectionName: e,
     imageUrl: n,
     maxHeight: o = "16.25rem",
-    className: l = "",
-    handleClick: f = () => {
+    className: i = "",
+    handleClick: m = () => {
     }
   }) => /* @__PURE__ */ t(
-    Ve,
+    Ye,
     {
       maxHeight: o,
-      onClick: f,
-      className: `itemless-banner ${l}`,
+      onClick: m,
+      className: `itemless-banner ${i}`,
       children: /* @__PURE__ */ t("img", { src: n, alt: `itemless-banner__${e}` })
     }
   )
 );
-pe.propTypes = {
+xe.propTypes = {
   sectionName: a.string,
   imageUrl: a.string,
   maxHeight: a.string,
   className: a.string,
   handleClick: a.func
 };
-const Xe = Ne(ue), ar = L(
+const Ze = Ie(fe), cr = M(
   ({
     sellerType: e = "Shop",
     items: n = [],
     title: o,
-    icon: l,
-    isLoading: f,
-    onSelectCard: u = () => {
+    icon: i,
+    isLoading: m,
+    onSelectCard: d = () => {
     },
-    onSelectShop: p = () => {
+    onSelectShop: c = () => {
     },
-    getImage: s = () => {
+    getImage: l = () => {
     },
-    campaignSingleText: d,
-    upcomingCampaignText: g,
-    salesCampaignTypes: T = [],
+    campaignSingleText: h,
+    upcomingCampaignText: u,
+    salesCampaignTypes: C = [],
     startsInPrefixTextPlural: b,
-    startsinSuffixTextPlural: $,
-    startsInPrefixTextSingular: _,
-    startsinSuffixTextSingular: S,
+    startsinSuffixTextPlural: T,
+    startsInPrefixTextSingular: $,
+    startsinSuffixTextSingular: _,
     endsInPrefixTextPlural: x,
-    endsinSuffixTextPlural: N,
+    endsinSuffixTextPlural: k,
     endsInPrefixTextSingular: y,
-    endsinSuffixTextSingular: k,
+    endsinSuffixTextSingular: N,
     numOfSlides: w = 2,
     numOfSlidesForMobile: I = 1,
-    showNavigation: R = !0,
+    showNavigation: E = !0,
     numberOfListingsTextSingular: j,
-    numberOfListingsTextPlural: E,
-    itemlessImageUrl: i,
-    itemlessLink: h,
+    numberOfListingsTextPlural: R,
+    itemlessImageUrl: s,
+    itemlessLink: p,
     handleItemlessLink: B = () => {
     }
-  }, J) => {
-    const W = me(), z = ke(() => {
-      let F = n == null ? void 0 : n.map((r, Y) => /* @__PURE__ */ t(
-        Xe,
+  }, Q) => {
+    const F = he(), L = Pe(() => {
+      let W = n == null ? void 0 : n.map((r, Y) => /* @__PURE__ */ t(
+        Ze,
         {
           className: "campaign-item",
-          coverPhoto: s(
+          coverPhoto: l(
             r == null ? void 0 : r.coverPhoto,
             (r == null ? void 0 : r.uuid) || (r == null ? void 0 : r.campaignUuid)
           ),
@@ -885,54 +884,54 @@ const Xe = Ne(ue), ar = L(
           startDate: r == null ? void 0 : r.startDate,
           title: r == null ? void 0 : r.name,
           uuid: r == null ? void 0 : r.campaignUuid,
-          onSelectCard: () => u(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
-          onSelectShop: () => p(r == null ? void 0 : r.shopUuid),
-          campaignSingleText: d,
-          upcomingCampaignText: g,
+          onSelectCard: () => d(r == null ? void 0 : r.campaignUuid, r == null ? void 0 : r.shopUuid),
+          onSelectShop: () => c(r == null ? void 0 : r.shopUuid),
+          campaignSingleText: h,
+          upcomingCampaignText: u,
           upcoming: r == null ? void 0 : r.upcoming,
-          salesCampaignTypes: T,
+          salesCampaignTypes: C,
           startsInPrefixTextPlural: b,
-          startsinSuffixTextPlural: $,
-          startsInPrefixTextSingular: _,
-          startsinSuffixTextSingular: S,
+          startsinSuffixTextPlural: T,
+          startsInPrefixTextSingular: $,
+          startsinSuffixTextSingular: _,
           endsInPrefixTextPlural: x,
-          endsinSuffixTextPlural: N,
+          endsinSuffixTextPlural: k,
           endsInPrefixTextSingular: y,
-          endsinSuffixTextSingular: k,
+          endsinSuffixTextSingular: N,
           themeData: r == null ? void 0 : r.themeData,
           numberOfListings: r == null ? void 0 : r.numberOfListings,
           numberOfListingsTextSingular: j,
-          numberOfListingsTextPlural: E
+          numberOfListingsTextPlural: R
         },
         `campaign__item__${Y}__${r == null ? void 0 : r.startDate}___${r == null ? void 0 : r.endDate}`
       ));
-      return (n == null ? void 0 : n.length) < 2 && !W ? [
-        ...F,
+      return (n == null ? void 0 : n.length) < 2 && !F ? [
+        ...W,
         /* @__PURE__ */ t(
-          pe,
+          xe,
           {
-            imageUrl: i,
+            imageUrl: s,
             className: "campaign-item",
             handleClick: B
           }
         )
-      ] : F;
+      ] : W;
     }, [n]);
     return /* @__PURE__ */ t(
-      We,
+      Xe,
       {
-        isLoading: f,
-        itemsCount: W ? 1 : 2,
+        isLoading: m,
+        itemsCount: F ? 1 : 2,
         keyPrefix: "sales-camp",
         children: /* @__PURE__ */ t(
-          fe,
+          pe,
           {
-            icon: l,
+            icon: i,
             title: o,
             numOfSlides: w,
             numOfSlidesForMobile: I,
-            showNavigation: R,
-            children: z
+            showNavigation: E,
+            children: L
           }
         )
       }
@@ -940,5 +939,5 @@ const Xe = Ne(ue), ar = L(
   }
 );
 export {
-  ar as default
+  cr as default
 };