@lanaco/lnc-react-ui 4.0.172 → 4.0.174

package/dist/SalesCampaignsSection.js

@@ -1,19 +1,19 @@
-import { jsx as n, jsxs as c, Fragment as Pe } from "react/jsx-runtime";
-import { forwardRef as M, useRef as fe, useEffect as ee, Fragment as ze, createElement as Le, useState as K, Suspense as Me, memo as Ue, useMemo as Oe } from "react";
-import { s as S } from "./emotion-styled.browser.esm-BNN1dTl3.js";
-import { a as re, k as Q, l as Ee } from "./utils-DHfRApMf.js";
-import { M as z } from "./consts-BuFChS64.js";
-import { m as ue } from "./motion-Ckekul_K.js";
-import { P as a } from "./index-CblbdqjE.js";
-import xe from "./Icon.js";
-import { D as se } from "./ShopAvatar-4-fCYGEc.js";
-import je from "./Badge.js";
-import { u as we } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import le from "./IconButton.js";
-import { u as be } from "./useDetectMobile-Bkvj0VMa.js";
-import { I as Re } from "./index-C0LcDEqa.js";
-import { a as L, c as ce, S as de, b as y, d as me } from "./style-CXMUA6cI.js";
-const Be = S.div`
+import { jsx as n, jsxs as l, Fragment as Oe } from "react/jsx-runtime";
+import { forwardRef as M, useRef as we, useEffect as ae, Fragment as Me, createElement as je, useState as ne, Suspense as Re, memo as Be, useMemo as We } from "react";
+import { s as y } from "./emotion-styled.browser.esm-BNN1dTl3.js";
+import { a as oe, k as te, l as Fe, z as Ge, A as Ve, B as Ae, C as ge } from "./utils-Dc5zIpaz.js";
+import { M as E } from "./consts-BuFChS64.js";
+import { m as ye } from "./motion-Ckekul_K.js";
+import { P as t } from "./index-CblbdqjE.js";
+import Se from "./Icon.js";
+import { D as pe } from "./ShopAvatar-4-fCYGEc.js";
+import He from "./Badge.js";
+import { u as _e } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import he from "./IconButton.js";
+import { u as $e } from "./useDetectMobile-Bkvj0VMa.js";
+import { I as Ze } from "./index-C0LcDEqa.js";
+import { a as O, c as ue, S as fe, b as w, d as xe } from "./style-CXMUA6cI.js";
+const qe = y.div`
   cursor: pointer;
   display: flex;
   gap: 1rem;
@@ -21,13 +21,13 @@ const Be = S.div`
   border-radius: 1.25rem;
   border: 1px solid var(--gray-200, #e4e9f0);
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     flex-direction: column;
     padding: 1rem;
     gap: 0;
   }
-`, We = S.div`
-  border-radius: ${(r) => re(r.theme, "edged")};
+`, Xe = y.div`
+  border-radius: ${(r) => oe(r.theme, "edged")};
   height: 13.75rem;
   width: 13.75rem;
   min-width: 13.75rem;
@@ -49,7 +49,7 @@ const Be = S.div`
       transform: scale(1.25);
     }
   }
-`, Fe = S.div`
+`, Ye = y.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -132,7 +132,7 @@ const Be = S.div`
     color: var(--gray-600, #676e79);
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     padding: 1rem 0 0 0;
 
     & .campaign-title-text {
@@ -157,13 +157,13 @@ const Be = S.div`
       gap: 0.25rem;
     }
   }
-`, ge = (r = !1, t = !1, o = !1) => `
+`, be = (r = !1, a = !1, o = !1) => `
     display: flex;
-    ${t ? "flex-wrap: wrap;" : ""}
-    ${t ? "" : "flex-wrap: nowrap;"}
+    ${a ? "flex-wrap: wrap;" : ""}
+    ${a ? "" : "flex-wrap: nowrap;"}
     ${r ? "align-items: center;" : ""}
     ${o ? "justify-content: center;" : ""}
-  `, Ge = S(ue.div)`
+  `, Je = y(ye.div)`
   text-decoration: none;
   ${(r) => r.hasPermission === !0 && "cursor: pointer"};
 
@@ -180,14 +180,14 @@ const Be = S.div`
     text-decoration: none;
   }
 
-  ${ge(!0)}
+  ${be(!0)}
   gap: 0.5rem;
   padding: 0.5rem;
   color: var(--gray-950, #14161a);
   font-weight: 500;
   font-size: 1rem;
   line-height: 1.5rem;
-  border-radius: ${(r) => re(r.theme, "slight")};
+  border-radius: ${(r) => oe(r.theme, "slight")};
   transition: all 0.25s ease;
   & .description {
     font-size: 0.85rem;
@@ -196,7 +196,7 @@ const Be = S.div`
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${ge(!0, !1, !0)}
+    ${be(!0, !1, !0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -235,18 +235,18 @@ const Be = S.div`
     background-color: var(--gray-95080, #14161acc);
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     padding: 0;
     font-size: 0.875rem;
   }
-`, Ve = S.div`
+`, Ke = y.div`
   position: absolute;
   top: 0.5rem;
   ${(r) => r.alignToLeft === !0 ? "left: 0.5rem;" : "right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`, Ae = S.div`
-  border-radius: ${(r) => re(r.theme, r.borderRadius || "slight")};
+`, Qe = y.div`
+  border-radius: ${(r) => oe(r.theme, r.borderRadius || "slight")};
   background-color: ${(r) => r == null ? void 0 : r.color};
   color: white;
   height: 1.5rem;
@@ -261,76 +261,76 @@ const Be = S.div`
   & i {
     font-size: 0.813rem;
   }
-`, He = M(({ src: r, ...t }, o) => {
-  const i = fe();
-  return ee(() => {
+`, er = M(({ src: r, ...a }, o) => {
+  const s = we();
+  return ae(() => {
     var g;
-    const m = (s) => {
-      s.target.src = se, s.onerror = null;
+    const m = (i) => {
+      i.target.src = pe, i.onerror = null;
     };
-    return (g = i == null ? void 0 : i.current) == null || g.addEventListener("error", m), () => {
-      var s;
-      (s = i == null ? void 0 : i.current) == null || s.removeEventListener("error", m);
+    return (g = s == null ? void 0 : s.current) == null || g.addEventListener("error", m), () => {
+      var i;
+      (i = s == null ? void 0 : s.current) == null || i.removeEventListener("error", m);
     };
-  }, []), /* @__PURE__ */ n(ze, { ref: o, children: Q(r) ? /* @__PURE__ */ n("img", { ref: i, src: r, ...t }) : /* @__PURE__ */ n("img", { src: se, ...t }) });
-}), ve = (r) => {
+  }, []), /* @__PURE__ */ n(Me, { ref: o, children: te(r) ? /* @__PURE__ */ n("img", { ref: s, src: r, ...a }) : /* @__PURE__ */ n("img", { src: pe, ...a }) });
+}), ke = (r) => {
   const {
-    uuid: t,
+    uuid: a,
     hasPermission: o = !0,
-    isUser: i,
+    isUser: s,
     image: m,
     imageComponent: g,
-    name: s,
-    notifications: p = 0,
-    color: l = "primary",
-    size: w = "large",
-    style: h,
+    name: i,
+    notifications: h = 0,
+    color: c = "primary",
+    size: b = "large",
+    style: p,
     disabled: I,
-    onClick: f = () => {
+    onClick: u = () => {
     },
-    isActive: b,
-    className: C,
-    shopCategory: N,
+    isActive: v,
+    className: N,
+    shopCategory: T,
     // new
-    themeData: _
-  } = r, u = {
-    theme: we(),
-    color: l,
-    size: w,
-    style: h,
+    themeData: S
+  } = r, f = {
+    theme: _e(),
+    color: c,
+    size: b,
+    style: p,
     disabled: I
   };
-  return /* @__PURE__ */ Le(
-    Ge,
+  return /* @__PURE__ */ je(
+    Je,
     {
       onClick: ($) => {
-        $.stopPropagation(), o === !0 && (f == null || f());
+        $.stopPropagation(), o === !0 && (u == null || u());
       },
-      ...u,
-      key: s,
-      className: `profile-item ${C}`,
+      ...f,
+      key: i,
+      className: `profile-item ${N}`,
       hasPermission: o,
-      isActive: b,
-      themeColor: (_ == null ? void 0 : _.code) || "transparent"
+      isActive: v,
+      themeColor: (S == null ? void 0 : S.code) || "transparent"
     },
-    /* @__PURE__ */ n("div", { className: "logo-wrapper", children: Ee(g) ? g : m }),
-    /* @__PURE__ */ c("div", { children: [
-      /* @__PURE__ */ n("div", { className: "name", children: s }),
-      !i && /* @__PURE__ */ n("div", { className: "description", children: N }),
-      p > 0 && /* @__PURE__ */ n("div", { className: "notifications-number", children: /* @__PURE__ */ n(je, { className: "badge", color: "danger", size: "small", children: p > 99 ? "99+" : p }) })
+    /* @__PURE__ */ n("div", { className: "logo-wrapper", children: Fe(g) ? g : m }),
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ n("div", { className: "name", children: i }),
+      !s && /* @__PURE__ */ n("div", { className: "description", children: T }),
+      h > 0 && /* @__PURE__ */ n("div", { className: "notifications-number", children: /* @__PURE__ */ n(He, { className: "badge", color: "danger", size: "small", children: h > 99 ? "99+" : h }) })
     ] })
   );
 };
-ve.propTypes = {
-  id: a.any,
-  isUserProfile: a.bool,
-  themeColor: a.string,
-  image: a.any,
-  name: a.string,
-  notifications: a.number,
-  style: a.object,
-  className: a.string,
-  color: a.oneOf([
+ke.propTypes = {
+  id: t.any,
+  isUserProfile: t.bool,
+  themeColor: t.string,
+  image: t.any,
+  name: t.string,
+  notifications: t.number,
+  style: t.object,
+  className: t.string,
+  color: t.oneOf([
     "primary",
     "secondary",
     "success",
@@ -339,126 +339,119 @@ ve.propTypes = {
     "information",
     "neutral"
   ]),
-  size: a.oneOf(["large"]),
-  onSelect: a.func,
-  hasPermission: a.bool
+  size: t.oneOf(["large"]),
+  onSelect: t.func,
+  hasPermission: t.bool
 };
-const pe = (r, t) => {
-  if (!r || !t) return null;
-  const o = r.getTime() - t.getTime(), i = 24 * 60 * 60 * 1e3;
-  return Math.floor(o / i);
-}, he = (r) => {
+const ve = (r) => {
   if (r !== void 0) {
-    const t = new Date(r), o = t.getFullYear(), i = t.getMonth() + 1;
-    return `${String(t.getDate()).padStart(2)}. ${i}. ${o}.`;
+    const a = new Date(r), o = a.getFullYear(), s = a.getMonth() + 1;
+    return `${String(a.getDate()).padStart(2)}. ${s}. ${o}.`;
   }
-}, ye = M((r, t) => {
-  var ie;
-  const o = we(), {
+}, Ce = M((r, a) => {
+  var me;
+  const o = _e(), {
     // uuid,
-    shopUuid: i,
+    shopUuid: s,
     title: m = "",
     // description,
     // badges,
     coverPhoto: g,
-    onSelect: s,
+    onSelect: i,
     // status,
-    startDate: p,
-    endDate: l,
-    salesPackages: w,
-    shopName: h,
+    startDate: h,
+    endDate: c,
+    salesPackages: b,
+    shopName: p,
     shopCategory: I,
-    shopImage: f,
-    shopImageComponent: b,
-    className: C,
-    onSelectCard: N = () => {
+    shopImage: u,
+    shopImageComponent: v,
+    className: N,
+    onSelectCard: T = () => {
     },
-    onSelectShop: _ = () => {
+    onSelectShop: S = () => {
     },
     upcoming: d = !1,
-    upcomingCampaignText: u,
+    upcomingCampaignText: f,
     campaignSingleText: $,
     salesCampaignTypes: k = [],
     startsInPrefixTextPlural: F,
     startsinSuffixTextPlural: G,
     startsInPrefixTextSingular: V,
-    startsinSuffixTextSingular: ne,
-    endsInPrefixTextPlural: A,
+    startsinSuffixTextSingular: A,
+    endsInPrefixTextPlural: ie,
     endsinSuffixTextPlural: H,
-    endsInPrefixTextSingular: U,
-    endsinSuffixTextSingular: q,
-    themeData: te,
-    numberOfListings: T,
+    endsInPrefixTextSingular: j,
+    endsinSuffixTextSingular: Z,
+    endedText: q,
+    themeData: se,
+    numberOfListings: z,
     numberOfListingsTextSingular: X,
-    numberOfListingsTextPlural: O,
+    numberOfListingsTextPlural: R,
     metadata: e,
     ...Y
-  } = r, Z = fe(), E = p ? new Date(p) <= /* @__PURE__ */ new Date() : !1, $e = pe(
-    p ? new Date(p) : null,
-    /* @__PURE__ */ new Date()
-  ), j = pe(
-    l ? new Date(l) : null,
-    /* @__PURE__ */ new Date()
-  ), ke = j !== null && j <= 2 && j > 0, ae = l ? new Date(l).getTime() : null, Ie = Date.now(), J = ae !== null ? ae - Ie : null, R = J !== null && J > 0 && J < 24 * 60 * 60 * 1e3, oe = (v, W, x, P, D) => x === 1 ? `${v} ${x} ${P}` : `${W} ${x} ${D}`, Ce = () => {
-    if (!l) return null;
-    const v = Ne, x = new Date(l).getTime() - v.getTime();
-    if (x <= 0) return null;
-    const P = Math.floor(x / (1e3 * 60 * 60)), D = Math.floor(x % (1e3 * 60 * 60) / (1e3 * 60)), Te = Math.floor(x % (1e3 * 60) / 1e3);
-    return { hours: P, minutes: D, seconds: Te };
-  }, [Ne, De] = K(/* @__PURE__ */ new Date());
-  ee(() => {
-    if (!R) return;
-    const v = setInterval(() => {
-      De(/* @__PURE__ */ new Date());
+  } = r, J = we(), D = Ge(h, c), K = D !== -1 && (D == null ? void 0 : D.isEnded) === !0, Q = D !== -1 && !K, ee = Ve(h), L = Ae(c), Te = L !== null && L <= 2 && L > 0, le = ge(c), ce = le ? new Date(le) : null, De = /* @__PURE__ */ new Date(), re = ce ? ce.getTime() - De.getTime() : null, B = re !== null && re > 0 && re < 24 * 60 * 60 * 1e3, de = (x, U, C, _, P) => C === 1 ? `${x} ${C} ${_}` : `${U} ${C} ${P}`, Pe = () => {
+    if (!c) return null;
+    const x = ge(c), U = x ? new Date(x) : null;
+    if (!U) return null;
+    const C = ze, _ = U.getTime() - C.getTime();
+    if (_ <= 0) return null;
+    const P = Math.floor(_ / (1e3 * 60 * 60)), Ue = Math.floor(_ % (1e3 * 60 * 60) / (1e3 * 60)), Ee = Math.floor(_ % (1e3 * 60) / 1e3);
+    return { hours: P, minutes: Ue, seconds: Ee };
+  }, [ze, Le] = ne(/* @__PURE__ */ new Date());
+  ae(() => {
+    if (!B) return;
+    const x = setInterval(() => {
+      Le(/* @__PURE__ */ new Date());
     }, 1e3);
-    return () => clearInterval(v);
-  }, [R]);
-  const B = R ? Ce() : null;
-  return /* @__PURE__ */ c(
-    Be,
+    return () => clearInterval(x);
+  }, [B]);
+  const W = B ? Pe() : null;
+  return /* @__PURE__ */ l(
+    qe,
     {
-      ref: Z,
+      ref: J,
       theme: o,
-      className: C,
+      className: N,
       name: e == null ? void 0 : e.name,
       "data-accessor": e == null ? void 0 : e.accessor,
-      onClick: (v) => N(v, Z),
+      onClick: (x) => T(x, J),
       ...Y,
       children: [
-        /* @__PURE__ */ c(We, { theme: o, onClick: () => s == null ? void 0 : s(), children: [
+        /* @__PURE__ */ l(Xe, { theme: o, onClick: () => i == null ? void 0 : i(), children: [
           /* @__PURE__ */ n("img", { src: g }),
-          /* @__PURE__ */ n(Ve, { children: w == null ? void 0 : w.map((v, W) => {
-            var x, P;
+          /* @__PURE__ */ n(Ke, { children: b == null ? void 0 : b.map((x, U) => {
+            var C, _;
             return /* @__PURE__ */ n(
-              Ae,
+              Qe,
               {
-                color: (x = k == null ? void 0 : k.find((D) => D.value === v)) == null ? void 0 : x.color,
+                color: (C = k == null ? void 0 : k.find((P) => P.value === x)) == null ? void 0 : C.color,
                 theme: o,
                 children: /* @__PURE__ */ n(
-                  xe,
+                  Se,
                   {
-                    icon: (P = k == null ? void 0 : k.find((D) => D.value === v)) == null ? void 0 : P.icon
+                    icon: (_ = k == null ? void 0 : k.find((P) => P.value === x)) == null ? void 0 : _.icon
                   }
                 )
               },
-              `package__${W}`
+              `package__${U}`
             );
           }) })
         ] }),
-        /* @__PURE__ */ c(Fe, { theme: o, children: [
-          /* @__PURE__ */ n("div", { className: "text-block-wrapper", children: /* @__PURE__ */ c("div", { className: "title-block-wrapper", children: [
-            /* @__PURE__ */ n("div", { className: "campaign-title", children: (ie = d ? u : $) == null ? void 0 : ie.toUpperCase() }),
+        /* @__PURE__ */ l(Ye, { theme: o, children: [
+          /* @__PURE__ */ n("div", { className: "text-block-wrapper", children: /* @__PURE__ */ l("div", { className: "title-block-wrapper", children: [
+            /* @__PURE__ */ n("div", { className: "campaign-title", children: (me = d ? f : $) == null ? void 0 : me.toUpperCase() }),
             /* @__PURE__ */ n("div", { className: "campaign-title-text", children: m }),
-            l && p && /* @__PURE__ */ c("div", { className: "campaign-date", children: [
-              he(p),
+            c && h && /* @__PURE__ */ l("div", { className: "campaign-date", children: [
+              ve(h),
               " - ",
-              he(l)
+              ve(c)
             ] }),
-            /* @__PURE__ */ c("div", { className: "timestamp-text", children: [
-              T > 0 && /* @__PURE__ */ c("span", { className: "listings-text", children: [
-                T,
+            /* @__PURE__ */ l("div", { className: "timestamp-text", children: [
+              z > 0 && /* @__PURE__ */ l("span", { className: "listings-text", children: [
+                z,
                 " ",
-                T === 1 ? X : O,
+                z === 1 ? X : R,
                 " ",
                 "∙",
                 " "
@@ -466,44 +459,44 @@ const pe = (r, t) => {
               /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `duration-text ${ke ? "urgent" : ""} ${E ? "" : "starts-in"}`,
-                  children: R && B ? /* @__PURE__ */ c("div", { className: "countdown-timer", children: [
-                    U,
+                  className: `duration-text ${Te ? "urgent" : ""} ${Q ? "" : "starts-in"}`,
+                  children: B && W ? /* @__PURE__ */ l("div", { className: "countdown-timer", children: [
+                    j,
                     " ",
-                    B.hours.toString().padStart(2, "0"),
+                    W.hours.toString().padStart(2, "0"),
                     ":",
-                    B.minutes.toString().padStart(2, "0"),
+                    W.minutes.toString().padStart(2, "0"),
                     ":",
-                    B.seconds.toString().padStart(2, "0")
-                  ] }) : E ? oe(
-                    U,
-                    A,
+                    W.seconds.toString().padStart(2, "0")
+                  ] }) : Q && !K && L !== null && L > 0 ? de(
                     j,
-                    q,
+                    ie,
+                    L,
+                    Z,
                     H
-                  ) : oe(
+                  ) : K ? q || "Završena" : !Q && ee !== null && ee > 0 ? de(
                     V,
                     F,
-                    $e,
-                    ne,
+                    ee,
+                    A,
                     G
-                  )
+                  ) : null
                 }
               )
             ] })
           ] }) }),
           /* @__PURE__ */ n(
-            ve,
+            ke,
             {
               hasPermission: !0,
-              image: /* @__PURE__ */ n(He, { src: f }),
-              imageComponent: b,
-              themeData: te,
+              image: /* @__PURE__ */ n(er, { src: u }),
+              imageComponent: v,
+              themeData: se,
               isActive: !0,
               isUser: !1,
-              name: h,
+              name: p,
               shopCategory: I,
-              onClick: () => _(i)
+              onClick: () => S(s)
             }
           )
         ] })
@@ -511,13 +504,13 @@ const pe = (r, t) => {
     }
   );
 });
-ye.propTypes = {
-  title: a.oneOfType([a.string, a.element]),
-  numberOfListings: a.number,
-  dropdown: a.any,
-  color: a.string
+Ce.propTypes = {
+  title: t.oneOfType([t.string, t.element]),
+  numberOfListings: t.number,
+  dropdown: t.any,
+  color: t.string
 };
-const qe = S.div`
+const rr = y.div`
   margin: 0 auto;
   display: flex;
   flex-direction: column;
@@ -556,7 +549,7 @@ const qe = S.div`
     right: 0;
   }
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     gap: 1.25rem;
 
     & .scrollable-section__header {
@@ -568,13 +561,13 @@ const qe = S.div`
       }
     }
   }
-`, Xe = S(ue.div)`
+`, nr = y(ye.div)`
   display: grid;
   grid-template-columns: repeat(${(r) => r == null ? void 0 : r.numOfColumns}, 1fr);
   gap: 1.5rem;
   width: 100%;
 
-  @media (max-width: ${z + "px"}) {
+  @media (max-width: ${E + "px"}) {
     display: flex;
     flex-wrap: nowrap;
     overflow-x: scroll;
@@ -596,37 +589,37 @@ const qe = S.div`
       /* Safari and Chrome */
     }
   }
-`, Se = M(
+`, Ie = M(
   ({
     icon: r,
-    title: t,
+    title: a,
     numOfSlides: o = 2,
-    showNavigation: i = !0,
+    showNavigation: s = !0,
     hasNextPage: m = !1,
     handleFetchNextPage: g = () => {
     },
-    children: s
-  }, p) => {
-    const [l, w] = K(0), [h, I] = K(1), f = be(), b = (s == null ? void 0 : s.length) ?? 1;
-    ee(() => {
+    children: i
+  }, h) => {
+    const [c, b] = ne(0), [p, I] = ne(1), u = $e(), v = (i == null ? void 0 : i.length) ?? 1;
+    ae(() => {
       const d = () => {
         I(o);
       };
       return window.addEventListener("resize", d), d(), () => window.removeEventListener("resize", d);
     }, []);
-    const C = f ? s : s == null ? void 0 : s.slice(l, l + h), N = (d) => {
+    const N = u ? i : i == null ? void 0 : i.slice(c, c + p), T = (d) => {
       var $;
       ($ = d == null ? void 0 : d.target) == null || $.blur();
-      const u = l + h;
-      u < b && w(u), u + h >= b && m && g();
-    }, _ = (d) => {
-      var u;
-      (u = d == null ? void 0 : d.target) == null || u.blur(), l - h >= 0 && w(l - h);
+      const f = c + p;
+      f < v && b(f), f + p >= v && m && g();
+    }, S = (d) => {
+      var f;
+      (f = d == null ? void 0 : d.target) == null || f.blur(), c - p >= 0 && b(c - p);
     };
-    return /* @__PURE__ */ c(qe, { ref: p, children: [
-      /* @__PURE__ */ n("div", { className: "scrollable-section__header", children: /* @__PURE__ */ c("div", { className: "scrollable-section__title", children: [
-        Q(r) && /* @__PURE__ */ n(
-          xe,
+    return /* @__PURE__ */ l(rr, { ref: h, children: [
+      /* @__PURE__ */ n("div", { className: "scrollable-section__header", children: /* @__PURE__ */ l("div", { className: "scrollable-section__title", children: [
+        te(r) && /* @__PURE__ */ n(
+          Se,
           {
             icon: r,
             color: "primary",
@@ -634,16 +627,16 @@ const qe = S.div`
             className: "title__icon"
           }
         ),
-        Q(t) && /* @__PURE__ */ c("div", { className: "title__text", children: [
+        te(a) && /* @__PURE__ */ l("div", { className: "title__text", children: [
           " ",
-          t
+          a
         ] })
       ] }) }),
-      /* @__PURE__ */ c(
-        Xe,
+      /* @__PURE__ */ l(
+        nr,
         {
           numOfColumns: o,
-          ...!f && {
+          ...!u && {
             animate: {
               x: 0,
               opacity: 1
@@ -654,50 +647,50 @@ const qe = S.div`
             }
           },
           children: [
-            C,
-            f && m && /* @__PURE__ */ n(Re, { onIsVisible: g })
+            N,
+            u && m && /* @__PURE__ */ n(Ze, { onIsVisible: g })
           ]
         },
-        `scrollable-section__content-${l}`
+        `scrollable-section__content-${c}`
       ),
-      i && b > h && !f && /* @__PURE__ */ c("div", { className: "scrollable-section__navigation", children: [
+      s && v > p && !u && /* @__PURE__ */ l("div", { className: "scrollable-section__navigation", children: [
         /* @__PURE__ */ n(
-          le,
+          he,
           {
             icon: "angle-left",
             borderRadius: "curved",
             btnType: "tinted",
             color: "neutral",
             className: "navigation__arrow",
-            disabled: l === 0,
-            onClick: _
+            disabled: c === 0,
+            onClick: S
           }
         ),
         /* @__PURE__ */ n(
-          le,
+          he,
           {
             icon: "angle-right",
             borderRadius: "curved",
             btnType: "tinted",
             color: "neutral",
             className: "navigation__arrow",
-            disabled: l + h >= b,
-            onClick: N
+            disabled: c + p >= v,
+            onClick: T
           }
         )
       ] })
     ] });
   }
 );
-Se.propTypes = {
-  icon: a.string,
-  title: a.string,
-  numOfSlides: a.number,
-  numOfSlidesForMobile: a.number,
-  handleFetchNextPage: a.func,
-  showNavigation: a.bool
+Ie.propTypes = {
+  icon: t.string,
+  title: t.string,
+  numOfSlides: t.number,
+  numOfSlidesForMobile: t.number,
+  handleFetchNextPage: t.func,
+  showNavigation: t.bool
 };
-const Ye = S.div`
+const tr = y.div`
   display: flex;
   flex: 1;
   width: 100%;
@@ -714,34 +707,34 @@ const Ye = S.div`
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`, _e = M(
+`, Ne = M(
   ({
     sectionName: r,
-    imageUrl: t,
+    imageUrl: a,
     maxHeight: o = "16.25rem",
-    className: i = "",
+    className: s = "",
     handleClick: m = () => {
     }
   }, g) => /* @__PURE__ */ n(
-    Ye,
+    tr,
     {
       ref: g,
       maxHeight: o,
       onClick: m,
-      className: `itemless-banner ${i}`,
-      children: /* @__PURE__ */ n("img", { src: t, alt: `itemless-banner__${r}` })
+      className: `itemless-banner ${s}`,
+      children: /* @__PURE__ */ n("img", { src: a, alt: `itemless-banner__${r}` })
     }
   )
 );
-_e.propTypes = {
-  sectionName: a.string,
-  imageUrl: a.string,
-  maxHeight: a.string,
-  className: a.string,
-  handleClick: a.func
+Ne.propTypes = {
+  sectionName: t.string,
+  imageUrl: t.string,
+  maxHeight: t.string,
+  className: t.string,
+  handleClick: t.func
 };
-const Ze = S(L)`
-  @media (max-width: ${z + "px"}) {
+const ar = y(O)`
+  @media (max-width: ${E + "px"}) {
     flex-direction: column;
 
     & .skeleton__image {
@@ -755,10 +748,10 @@ const Ze = S(L)`
       }
     }
   }
-`, Je = ({ keyPrefix: r }) => /* @__PURE__ */ c(Ze, { children: [
-  /* @__PURE__ */ c(L, { children: [
+`, or = ({ keyPrefix: r }) => /* @__PURE__ */ l(ar, { children: [
+  /* @__PURE__ */ l(O, { children: [
     /* @__PURE__ */ n(
-      ce,
+      ue,
       {
         width: "13.75rem",
         height: "13.75rem",
@@ -766,20 +759,20 @@ const Ze = S(L)`
       },
       `${r}-1`
     ),
-    /* @__PURE__ */ c(de, { noGradient: !0, children: [
-      /* @__PURE__ */ n(y, { height: "1rem" }),
-      /* @__PURE__ */ n(y, { height: "1.75rem" }),
-      /* @__PURE__ */ n(y, { height: "1.25rem" }),
-      /* @__PURE__ */ n(y, { height: "2rem" }),
-      /* @__PURE__ */ c(L, { alignItems: "center", noGradient: !0, children: [
-        /* @__PURE__ */ n(me, { width: "2.5rem", height: "2.5rem" }),
-        /* @__PURE__ */ n(y, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ l(fe, { noGradient: !0, children: [
+      /* @__PURE__ */ n(w, { height: "1rem" }),
+      /* @__PURE__ */ n(w, { height: "1.75rem" }),
+      /* @__PURE__ */ n(w, { height: "1.25rem" }),
+      /* @__PURE__ */ n(w, { height: "2rem" }),
+      /* @__PURE__ */ l(O, { alignItems: "center", noGradient: !0, children: [
+        /* @__PURE__ */ n(xe, { width: "2.5rem", height: "2.5rem" }),
+        /* @__PURE__ */ n(w, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ c(L, { noGradient: !0, children: [
+  /* @__PURE__ */ l(O, { noGradient: !0, children: [
     /* @__PURE__ */ n(
-      ce,
+      ue,
       {
         width: "13.75rem",
         height: "13.75rem",
@@ -787,65 +780,66 @@ const Ze = S(L)`
       },
       `${r}-2`
     ),
-    /* @__PURE__ */ c(de, { noGradient: !0, children: [
-      /* @__PURE__ */ n(y, { height: "1rem" }),
-      /* @__PURE__ */ n(y, { height: "1.75rem" }),
-      /* @__PURE__ */ n(y, { height: "1.25rem" }),
-      /* @__PURE__ */ n(y, { height: "2rem" }),
-      /* @__PURE__ */ c(L, { alignItems: "center", noGradient: !0, children: [
-        /* @__PURE__ */ n(me, { width: "2.5rem", height: "2.5rem" }),
-        /* @__PURE__ */ n(y, { width: "5rem", height: "1.25rem" })
+    /* @__PURE__ */ l(fe, { noGradient: !0, children: [
+      /* @__PURE__ */ n(w, { height: "1rem" }),
+      /* @__PURE__ */ n(w, { height: "1.75rem" }),
+      /* @__PURE__ */ n(w, { height: "1.25rem" }),
+      /* @__PURE__ */ n(w, { height: "2rem" }),
+      /* @__PURE__ */ l(O, { alignItems: "center", noGradient: !0, children: [
+        /* @__PURE__ */ n(xe, { width: "2.5rem", height: "2.5rem" }),
+        /* @__PURE__ */ n(w, { width: "5rem", height: "1.25rem" })
       ] })
     ] })
   ] })
-] }), Ke = ({
+] }), ir = ({
   keyPrefix: r,
-  isLoading: t = !1,
-  fallbackComponent: o = /* @__PURE__ */ n(Pe, {}),
-  children: i
-}) => /* @__PURE__ */ n(Me, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ n(Je, { keyPrefix: r }) : i }), Qe = Ue(ye), fr = M(
+  isLoading: a = !1,
+  fallbackComponent: o = /* @__PURE__ */ n(Oe, {}),
+  children: s
+}) => /* @__PURE__ */ n(Re, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ n(or, { keyPrefix: r }) : s }), sr = Be(Ce), _r = M(
   ({
     sellerType: r = "Shop",
-    items: t = [],
+    items: a = [],
     title: o,
-    icon: i,
+    icon: s,
     isLoading: m,
     onSelectCard: g = () => {
     },
-    onSelectShop: s = () => {
+    onSelectShop: i = () => {
     },
-    getImage: p = () => {
+    getImage: h = () => {
     },
-    campaignSingleText: l,
-    upcomingCampaignText: w,
-    salesCampaignTypes: h = [],
+    campaignSingleText: c,
+    upcomingCampaignText: b,
+    salesCampaignTypes: p = [],
     startsInPrefixTextPlural: I,
-    startsinSuffixTextPlural: f,
-    startsInPrefixTextSingular: b,
-    startsinSuffixTextSingular: C,
-    endsInPrefixTextPlural: N,
-    endsinSuffixTextPlural: _,
+    startsinSuffixTextPlural: u,
+    startsInPrefixTextSingular: v,
+    startsinSuffixTextSingular: N,
+    endsInPrefixTextPlural: T,
+    endsinSuffixTextPlural: S,
     endsInPrefixTextSingular: d,
-    endsinSuffixTextSingular: u,
-    numOfSlides: $ = 2,
-    showNavigation: k = !0,
-    numberOfListingsTextSingular: F,
-    numberOfListingsTextPlural: G,
-    itemlessImageUrl: V,
-    itemlessLink: ne,
-    handleItemlessLink: A = () => {
+    endsinSuffixTextSingular: f,
+    endedText: $,
+    numOfSlides: k = 2,
+    showNavigation: F = !0,
+    numberOfListingsTextSingular: G,
+    numberOfListingsTextPlural: V,
+    itemlessImageUrl: A,
+    itemlessLink: ie,
+    handleItemlessLink: H = () => {
     },
-    componentName: H,
-    hasNextPage: U = !1,
+    componentName: j,
+    hasNextPage: Z = !1,
     handleFetchNextPage: q = () => {
     }
-  }, te) => {
-    const T = be(), X = Oe(() => {
-      let O = t == null ? void 0 : t.map((e, Y) => /* @__PURE__ */ n(
-        Qe,
+  }, se) => {
+    const z = $e(), X = We(() => {
+      let R = a == null ? void 0 : a.map((e, Y) => /* @__PURE__ */ n(
+        sr,
         {
           className: "campaign-item",
-          coverPhoto: p(
+          coverPhoto: h(
             e == null ? void 0 : e.coverPhoto,
             (e == null ? void 0 : e.uuid) || (e == null ? void 0 : e.campaignUuid)
           ),
@@ -861,63 +855,64 @@ const Ze = S(L)`
           startDate: e == null ? void 0 : e.startDate,
           title: e == null ? void 0 : e.name,
           uuid: e == null ? void 0 : e.campaignUuid,
-          onSelectCard: (Z, E) => g(e == null ? void 0 : e.campaignUuid, e == null ? void 0 : e.shopUuid, E),
-          onSelectShop: () => s(e == null ? void 0 : e.shopUuid),
-          campaignSingleText: l,
-          upcomingCampaignText: w,
+          onSelectCard: (J, D) => g(e == null ? void 0 : e.campaignUuid, e == null ? void 0 : e.shopUuid, D),
+          onSelectShop: () => i(e == null ? void 0 : e.shopUuid),
+          campaignSingleText: c,
+          upcomingCampaignText: b,
           upcoming: e == null ? void 0 : e.upcoming,
-          salesCampaignTypes: h,
+          salesCampaignTypes: p,
           startsInPrefixTextPlural: I,
-          startsinSuffixTextPlural: f,
-          startsInPrefixTextSingular: b,
-          startsinSuffixTextSingular: C,
-          endsInPrefixTextPlural: N,
-          endsinSuffixTextPlural: _,
+          startsinSuffixTextPlural: u,
+          startsInPrefixTextSingular: v,
+          startsinSuffixTextSingular: N,
+          endsInPrefixTextPlural: T,
+          endsinSuffixTextPlural: S,
           endsInPrefixTextSingular: d,
-          endsinSuffixTextSingular: u,
+          endsinSuffixTextSingular: f,
+          endedText: $,
           themeData: e == null ? void 0 : e.themeData,
           numberOfListings: e == null ? void 0 : e.numberOfListings,
-          numberOfListingsTextSingular: F,
-          numberOfListingsTextPlural: G,
-          metadata: { name: H, accessor: e == null ? void 0 : e.accessor }
+          numberOfListingsTextSingular: G,
+          numberOfListingsTextPlural: V,
+          metadata: { name: j, accessor: e == null ? void 0 : e.accessor }
         },
         `campaign__item__${Y}__${e == null ? void 0 : e.startDate}___${e == null ? void 0 : e.endDate}`
       ));
-      return (t == null ? void 0 : t.length) < 2 && !T ? [
-        ...O,
+      return (a == null ? void 0 : a.length) < 2 && !z ? [
+        ...R,
         /* @__PURE__ */ n(
-          _e,
+          Ne,
           {
-            imageUrl: V,
+            imageUrl: A,
             className: "campaign-item",
-            handleClick: A
+            handleClick: H
           },
           "itemless-campaign-section-banner"
         )
-      ] : O;
-    }, [t]);
+      ] : R;
+    }, [a]);
     return /* @__PURE__ */ n(
-      Ke,
+      ir,
       {
         isLoading: m,
         keyPrefix: "sales-campaign-skeleton",
         children: /* @__PURE__ */ n(
-          Se,
+          Ie,
           {
-            icon: i,
+            icon: s,
             title: o,
-            numOfSlides: $,
-            showNavigation: k,
-            hasNextPage: U,
+            numOfSlides: k,
+            showNavigation: F,
+            hasNextPage: Z,
             handleFetchNextPage: q,
             children: X
           },
-          `sales-campaign-section__${T}`
+          `sales-campaign-section__${z}`
         )
       }
     );
   }
 );
 export {
-  fr as default
+  _r as default
 };