@lanaco/lnc-react-ui 4.0.183 → 4.0.185

package/dist/SalesCampaignsSection.js

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