@lanaco/lnc-react-ui 4.0.227 → 4.0.228

package/dist/SalesCampaignsSection.js

@@ -1,18 +1,18 @@
 import { jsx as r, jsxs as s, Fragment as Te } from "react/jsx-runtime";
-import { forwardRef as M, useRef as ve, useEffect as te, Fragment as Pe, createElement as Le, useState as re, Suspense as Ue, memo as Ee, useMemo as Me } from "react";
+import { forwardRef as M, useRef as be, useEffect as ne, Fragment as Pe, createElement as Le, useState as X, Suspense as Ue, memo as Ee, useMemo as Me } from "react";
 import { s as w } from "./emotion-styled.browser.esm-DfbrHHed.js";
-import { b as oe, l as ae, m as Re, z as je, A as Oe, B as Be, C as pe } from "./utils-MoGhNMmj.js";
-import { d as T, o as Ve } from "./breakpoints-BubDitvo.js";
-import we from "./Icon.js";
-import { D as fe } from "./ShopAvatar-4-fCYGEc.js";
-import We from "./Badge.js";
-import { u as ye } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
-import he from "./IconButton.js";
+import { b as re, l as ee, m as je, z as Oe, A as Re, B as me } from "./utils-BUdHa0nB.js";
+import { d as T, o as Be } from "./breakpoints-BubDitvo.js";
+import ve from "./Icon.js";
+import { D as pe } from "./ShopAvatar-4-fCYGEc.js";
+import Ve from "./Badge.js";
+import { u as we } from "./emotion-element-f0de968e.browser.esm-CkCiQliQ.js";
+import fe from "./IconButton.js";
 import { u as Se } from "./useDetectMobile-B0Jog4jQ.js";
-import { I as Ae } from "./index-DMmw5Ad5.js";
-import { m as Fe } from "./motion-Ckekul_K.js";
-import { S as He, c as ue, d as qe, e as Ye, a as E, f as Ze } from "./style-BFPpppS9.js";
-const Ge = w.a`
+import { I as We } from "./index-DMmw5Ad5.js";
+import { m as Ae } from "./motion-Ckekul_K.js";
+import { S as Fe, c as he, d as He, e as qe, a as E, f as Ye } from "./style-BFPpppS9.js";
+const Ze = w.a`
   text-decoration: none;
   color: var(--gray-950);
   cursor: pointer;
@@ -55,8 +55,8 @@ const Ge = w.a`
       }
     }
   }
-`, Je = w.div`
-  border-radius: ${(n) => oe(n.theme, "edged")};
+`, Ge = w.div`
+  border-radius: ${(n) => re(n.theme, "edged")};
   cursor: pointer;
 
   position: relative;
@@ -79,7 +79,7 @@ const Ge = w.a`
   @media ${T("S")} {
     width: 14.5rem;
   }
-`, Ke = w.div`
+`, Je = w.div`
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -187,13 +187,13 @@ const Ge = w.a`
       gap: 0.25rem;
     }
   }
-`, xe = (n = !1, a = !1, o = !1) => `
+`, ue = (n = !1, t = !1, o = !1) => `
     display: flex;
-    ${a ? "flex-wrap: wrap;" : ""}
-    ${a ? "" : "flex-wrap: nowrap;"}
+    ${t ? "flex-wrap: wrap;" : ""}
+    ${t ? "" : "flex-wrap: nowrap;"}
     ${n ? "align-items: center;" : ""}
     ${o ? "justify-content: center;" : ""}
-  `, Qe = w.a`
+  `, Ke = w.a`
   text-decoration: none;
   color: var(--gray-950);
   ${(n) => n.hasPermission === !0 && "cursor: pointer"};
@@ -211,13 +211,13 @@ const Ge = w.a`
     text-decoration: none;
   }
 
-  ${xe(!0)}
+  ${ue(!0)}
   gap: 0.5rem;
   color: var(--gray-950, #14161a);
   font-weight: 500;
   font-size: 1rem;
   line-height: 1.5rem;
-  border-radius: ${(n) => oe(n.theme, "slight")};
+  border-radius: ${(n) => re(n.theme, "slight")};
   transition: all 0.25s ease;
   & .description {
     font-size: 0.85rem;
@@ -226,7 +226,7 @@ const Ge = w.a`
     font-weight: 400;
   }
   & .logo-wrapper {
-    ${xe(!0, !1, !0)}
+    ${ue(!0, !1, !0)}
     flex-shrink: 0;
     border-radius: 999px;
 
@@ -269,14 +269,14 @@ const Ge = w.a`
     padding: 0;
     font-size: 0.875rem;
   }
-`, Xe = w.div`
+`, Qe = w.div`
   position: absolute;
   top: 0.5rem;
   ${(n) => n.alignToLeft === !0 ? "left: 0.5rem;" : "right: 0.5rem;"}
   display: flex;
   gap: 0.25rem;
-`, en = w.div`
-  border-radius: ${(n) => oe(n.theme, n.borderRadius || "slight")};
+`, Xe = w.div`
+  border-radius: ${(n) => re(n.theme, n.borderRadius || "slight")};
   background-color: ${(n) => n == null ? void 0 : n.color};
   color: white;
   height: 1.5rem;
@@ -291,48 +291,48 @@ const Ge = w.a`
   & i {
     font-size: 0.813rem;
   }
-`, nn = M(({ src: n, ...a }, o) => {
-  const t = ve();
-  return te(() => {
+`, en = M(({ src: n, ...t }, o) => {
+  const a = be();
+  return ne(() => {
     var p;
     const i = (f) => {
-      f.target.src = fe, f.onerror = null;
+      f.target.src = pe, f.onerror = null;
     };
-    return (p = t == null ? void 0 : t.current) == null || p.addEventListener("error", i), () => {
+    return (p = a == null ? void 0 : a.current) == null || p.addEventListener("error", i), () => {
       var f;
-      (f = t == null ? void 0 : t.current) == null || f.removeEventListener("error", i);
+      (f = a == null ? void 0 : a.current) == null || f.removeEventListener("error", i);
     };
-  }, []), /* @__PURE__ */ r(Pe, { ref: o, children: ae(n) ? /* @__PURE__ */ r("img", { ref: t, src: n, ...a }) : /* @__PURE__ */ r("img", { src: fe, ...a }) });
-}), rn = (n) => {
+  }, []), /* @__PURE__ */ r(Pe, { ref: o, children: ee(n) ? /* @__PURE__ */ r("img", { ref: a, src: n, ...t }) : /* @__PURE__ */ r("img", { src: pe, ...t }) });
+}), nn = (n) => {
   const {
-    uuid: a,
+    uuid: t,
     hasPermission: o = !0,
-    isUser: t,
+    isUser: a,
     image: i,
     imageComponent: p,
     name: f,
-    notifications: y = 0,
+    notifications: S = 0,
     color: l = "primary",
     size: h = "large",
     style: c,
     disabled: _,
     onClick: m = () => {
     },
-    isActive: I,
+    isActive: N,
     className: b,
     shopCategory: v,
     // new
-    themeData: S,
+    themeData: y,
     LinkComponent: C
-  } = n, N = C || "a", u = {
-    theme: ye(),
+  } = n, I = C || "a", u = {
+    theme: we(),
     color: l,
     size: h,
     style: c,
     disabled: _
   };
   return /* @__PURE__ */ Le(
-    Qe,
+    Ke,
     {
       onClick: (g) => {
         g == null || g.preventDefault(), g.stopPropagation(), o === !0 && (m == null || m());
@@ -341,170 +341,162 @@ const Ge = w.a`
       key: f,
       className: `profile-item ${b}`,
       hasPermission: o,
-      isActive: I,
-      themeColor: (S == null ? void 0 : S.code) || "transparent",
-      as: N,
-      ...C ? { to: `/${t ? "user" : "shop"}/${a}` } : { href: `/${t ? "user" : "shop"}/${a}` }
+      isActive: N,
+      themeColor: (y == null ? void 0 : y.code) || "transparent",
+      as: I,
+      ...C ? { to: `/${a ? "user" : "shop"}/${t}` } : { href: `/${a ? "user" : "shop"}/${t}` }
     },
-    /* @__PURE__ */ r("div", { className: "logo-wrapper", children: Re(p) ? p : i }),
+    /* @__PURE__ */ r("div", { className: "logo-wrapper", children: je(p) ? p : i }),
     /* @__PURE__ */ s("div", { children: [
       /* @__PURE__ */ r("div", { className: "name", children: f }),
-      !t && /* @__PURE__ */ r("div", { className: "description", children: v }),
-      y > 0 && /* @__PURE__ */ r("div", { className: "notifications-number", children: /* @__PURE__ */ r(We, { className: "badge", color: "danger", size: "small", children: y > 99 ? "99+" : y }) })
+      !a && /* @__PURE__ */ r("div", { className: "description", children: v }),
+      S > 0 && /* @__PURE__ */ r("div", { className: "notifications-number", children: /* @__PURE__ */ r(Ve, { className: "badge", color: "danger", size: "small", children: S > 99 ? "99+" : S }) })
     ] })
   );
-}, be = (n) => {
+}, xe = (n) => {
   if (n !== void 0) {
-    const a = new Date(n), o = a.getFullYear(), t = a.getMonth() + 1;
-    return `${String(a.getDate()).padStart(2)}. ${t}. ${o}.`;
+    const t = new Date(n), o = t.getFullYear(), a = t.getMonth() + 1;
+    return `${String(t.getDate()).padStart(2)}. ${a}. ${o}.`;
   }
-}, an = M((n, a) => {
-  var me;
-  const o = ye(), {
-    uuid: t,
+}, rn = M((n, t) => {
+  var ge;
+  const o = we(), {
+    uuid: a,
     shopUuid: i,
     title: p = "",
     // description,
     // badges,
     coverPhoto: f,
-    onSelect: y,
+    onSelect: S,
     // status,
     startDate: l,
     endDate: h,
     salesPackages: c,
     shopName: _,
     shopCategory: m,
-    shopImage: I,
+    shopImage: N,
     shopImageComponent: b,
     className: v,
-    onSelectCard: S = () => {
+    onSelectCard: y = () => {
     },
     onSelectShop: C = () => {
     },
-    upcoming: N = !1,
+    upcoming: I = !1,
     upcomingCampaignText: d,
     campaignSingleText: u,
     salesCampaignTypes: g = [],
-    startsInPrefixTextPlural: W,
-    startsinSuffixTextPlural: A,
-    startsInPrefixTextSingular: F,
-    startsinSuffixTextSingular: H,
-    endsInPrefixTextPlural: q,
-    endsinSuffixTextPlural: Y,
-    endsInPrefixTextSingular: R,
-    endsinSuffixTextSingular: Z,
-    endedText: G,
+    startsInPrefixTextPlural: A,
+    startsinSuffixTextPlural: F,
+    startsInPrefixTextSingular: H,
+    startsinSuffixTextSingular: q,
+    endsInPrefixTextPlural: te,
+    endsinSuffixTextPlural: ae,
+    endsInPrefixTextSingular: Y,
+    endsinSuffixTextSingular: oe,
+    endedText: Z,
     themeData: se,
-    numberOfListings: D,
-    numberOfListingsTextSingular: J,
+    numberOfListings: z,
+    numberOfListingsTextSingular: G,
     numberOfListingsTextPlural: j,
     metadata: e,
     LinkComponent: O,
     sponsored: ie,
-    ...K
-  } = n, $e = O || "a", le = ve(), U = je(l, h), Q = U !== -1 && (U == null ? void 0 : U.isEnded) === !0, X = U !== -1 && !Q, ee = Oe(l), P = Be(h), _e = P !== null && P <= 2 && P > 0, ce = pe(h), de = ce ? new Date(ce) : null, Ce = /* @__PURE__ */ new Date(), ne = de ? de.getTime() - Ce.getTime() : null, B = ne !== null && ne > 0 && ne < 24 * 60 * 60 * 1e3, ge = (x, L, k, $, z) => k === 1 ? `${x} ${k} ${$}` : `${L} ${k} ${z}`, ke = () => {
+    ...J
+  } = n, ye = O || "a", le = be(), L = Oe(l, h), R = L !== -1 && (L == null ? void 0 : L.isEnded) === !0, B = L !== -1 && !R, U = Re(l), ce = me(h), de = ce ? new Date(ce) : null, $e = /* @__PURE__ */ new Date(), K = de ? de.getTime() - $e.getTime() : null, V = K !== null && K > 0 && K < 24 * 60 * 60 * 1e3, _e = (x, P, k, $, D) => k === 1 ? `${x} ${k} ${$}` : `${P} ${k} ${D}`, Ce = () => {
     if (!h) return null;
-    const x = pe(h), L = x ? new Date(x) : null;
-    if (!L) return null;
-    const k = Ie, $ = L.getTime() - k.getTime();
+    const x = me(h), P = x ? new Date(x) : null;
+    if (!P) return null;
+    const k = ke, $ = P.getTime() - k.getTime();
     if ($ <= 0) return null;
-    const z = Math.floor($ / (1e3 * 60 * 60)), De = Math.floor($ % (1e3 * 60 * 60) / (1e3 * 60)), ze = Math.floor($ % (1e3 * 60) / 1e3);
-    return { hours: z, minutes: De, seconds: ze };
-  }, [Ie, Ne] = re(/* @__PURE__ */ new Date());
-  te(() => {
-    if (!B) return;
+    const D = Math.floor($ / (1e3 * 60 * 60)), ze = Math.floor($ % (1e3 * 60 * 60) / (1e3 * 60)), De = Math.floor($ % (1e3 * 60) / 1e3);
+    return { hours: D, minutes: ze, seconds: De };
+  }, [ke, Ne] = X(/* @__PURE__ */ new Date());
+  ne(() => {
+    if (!V) return;
     const x = setInterval(() => {
       Ne(/* @__PURE__ */ new Date());
     }, 1e3);
     return () => clearInterval(x);
-  }, [B]);
-  const V = B ? ke() : null;
+  }, [V]);
+  const W = V ? Ce() : null, Q = !!(B && !R && V && W), Ie = Q || R || !B && U !== null && U > 0;
   return /* @__PURE__ */ s(
-    Ge,
+    Ze,
     {
       ref: le,
       theme: o,
       className: v,
       name: e == null ? void 0 : e.name,
       "data-accessor": e == null ? void 0 : e.accessor,
-      onClick: (x) => S(x, le),
-      as: $e,
-      ...O ? { to: `/shop/${i}/campaign/${t}` } : { href: `/shop/${i}/campaign/${t}` },
+      onClick: (x) => y(x, le),
+      as: ye,
+      ...O ? { to: `/shop/${i}/campaign/${a}` } : { href: `/shop/${i}/campaign/${a}` },
       sponsored: ie,
-      ...K,
+      ...J,
       children: [
-        /* @__PURE__ */ s(Je, { theme: o, children: [
+        /* @__PURE__ */ s(Ge, { theme: o, children: [
           /* @__PURE__ */ r("img", { src: f }),
-          /* @__PURE__ */ r(Xe, { children: c == null ? void 0 : c.map((x, L) => {
+          /* @__PURE__ */ r(Qe, { children: c == null ? void 0 : c.map((x, P) => {
             var k, $;
             return /* @__PURE__ */ r(
-              en,
+              Xe,
               {
-                color: (k = g == null ? void 0 : g.find((z) => z.value === x)) == null ? void 0 : k.color,
+                color: (k = g == null ? void 0 : g.find((D) => D.value === x)) == null ? void 0 : k.color,
                 theme: o,
                 children: /* @__PURE__ */ r(
-                  we,
+                  ve,
                   {
-                    icon: ($ = g == null ? void 0 : g.find((z) => z.value === x)) == null ? void 0 : $.icon
+                    icon: ($ = g == null ? void 0 : g.find((D) => D.value === x)) == null ? void 0 : $.icon
                   }
                 )
               },
-              `package__${L}`
+              `package__${P}`
             );
           }) })
         ] }),
-        /* @__PURE__ */ s(Ke, { theme: o, children: [
+        /* @__PURE__ */ s(Je, { theme: o, children: [
           /* @__PURE__ */ r("div", { className: "text-block-wrapper", children: /* @__PURE__ */ s("div", { className: "title-block-wrapper", children: [
-            /* @__PURE__ */ r("div", { className: "campaign-title", children: (me = N ? d : u) == null ? void 0 : me.toUpperCase() }),
+            /* @__PURE__ */ r("div", { className: "campaign-title", children: (ge = I ? d : u) == null ? void 0 : ge.toUpperCase() }),
             /* @__PURE__ */ r("div", { className: "campaign-title-text", children: p }),
             h && l && /* @__PURE__ */ s("div", { className: "campaign-date", children: [
-              be(l),
+              xe(l),
               " - ",
-              be(h)
+              xe(h)
             ] }),
             /* @__PURE__ */ s("div", { className: "timestamp-text", children: [
-              D > 0 && /* @__PURE__ */ s("span", { className: "listings-text", children: [
-                D,
+              z > 0 && /* @__PURE__ */ s("span", { className: "listings-text", children: [
+                z,
                 " ",
-                D === 1 ? J : j,
-                " ",
-                "∙",
-                " "
+                z === 1 ? G : j,
+                Ie ? " ∙ " : ""
               ] }),
               /* @__PURE__ */ r(
                 "span",
                 {
-                  className: `duration-text ${_e ? "urgent" : ""} ${X ? "" : "starts-in"}`,
-                  children: B && V ? /* @__PURE__ */ s("div", { className: "countdown-timer", children: [
-                    R,
+                  className: `duration-text ${Q ? "urgent" : ""} ${B ? "" : "starts-in"}`,
+                  children: Q ? /* @__PURE__ */ s("div", { className: "countdown-timer", children: [
+                    Y,
                     " ",
-                    V.hours.toString().padStart(2, "0"),
+                    W.hours.toString().padStart(2, "0"),
                     ":",
-                    V.minutes.toString().padStart(2, "0"),
+                    W.minutes.toString().padStart(2, "0"),
                     ":",
-                    V.seconds.toString().padStart(2, "0")
-                  ] }) : X && !Q && P !== null && P > 0 ? ge(
-                    R,
-                    q,
-                    P,
-                    Z,
-                    Y
-                  ) : Q ? G || "Završena" : !X && ee !== null && ee > 0 ? ge(
-                    F,
-                    W,
-                    ee,
+                    W.seconds.toString().padStart(2, "0")
+                  ] }) : R ? Z || "Završena" : !B && U !== null && U > 0 ? _e(
                     H,
-                    A
+                    A,
+                    U,
+                    q,
+                    F
                   ) : null
                 }
               )
             ] })
           ] }) }),
           /* @__PURE__ */ r(
-            rn,
+            nn,
             {
               hasPermission: !0,
-              image: /* @__PURE__ */ r(nn, { src: I }),
+              image: /* @__PURE__ */ r(en, { src: N }),
               imageComponent: b,
               themeData: se,
               isActive: !0,
@@ -582,13 +574,13 @@ const Ge = w.a`
       }
     }
   }
-`, on = w(Fe.div)`
+`, an = w(Ae.div)`
   display: grid;
   grid-template-columns: repeat(${(n) => n == null ? void 0 : n.numOfColumns}, 1fr);
   gap: 1.5rem;
   width: 100%;
 
-  @media ${Ve("M")} {
+  @media ${Be("M")} {
     grid-template-columns: repeat(${(n) => (n == null ? void 0 : n.tabletNumOfColumns) ?? 2}, 1fr);
   }
 
@@ -614,39 +606,39 @@ const Ge = w.a`
       /* Safari and Chrome */
     }
   }
-`, sn = M(
+`, on = M(
   ({
     icon: n,
-    title: a,
+    title: t,
     numOfSlides: o = 4,
-    tabletNumOfSlides: t,
+    tabletNumOfSlides: a,
     showNavigation: i = !0,
     hasNextPage: p = !1,
     className: f = "",
-    handleFetchNextPage: y = () => {
+    handleFetchNextPage: S = () => {
     },
     children: l
   }, h) => {
-    const [c, _] = re(0), [m, I] = re(1), b = Se(), v = (l == null ? void 0 : l.length) ?? 1;
-    te(() => {
+    const [c, _] = X(0), [m, N] = X(1), b = Se(), v = (l == null ? void 0 : l.length) ?? 1;
+    ne(() => {
       const d = () => {
-        I(o);
+        N(o);
       };
       return window.addEventListener("resize", d), d(), () => window.removeEventListener("resize", d);
     }, []);
-    const S = b ? l : l == null ? void 0 : l.slice(c, c + m), C = (d) => {
+    const y = b ? l : l == null ? void 0 : l.slice(c, c + m), C = (d) => {
       var g;
       (g = d == null ? void 0 : d.target) == null || g.blur();
       const u = c + m;
-      u < v && _(u), u + m >= v && p && y();
-    }, N = (d) => {
+      u < v && _(u), u + m >= v && p && S();
+    }, I = (d) => {
       var u;
       (u = d == null ? void 0 : d.target) == null || u.blur(), c - m >= 0 && _(c - m);
     };
     return /* @__PURE__ */ s(tn, { ref: h, className: f, children: [
       /* @__PURE__ */ r("div", { className: "scrollable-section__header", children: /* @__PURE__ */ s("div", { className: "scrollable-section__title", children: [
-        ae(n) && /* @__PURE__ */ r(
-          we,
+        ee(n) && /* @__PURE__ */ r(
+          ve,
           {
             icon: n,
             color: "primary",
@@ -654,16 +646,16 @@ const Ge = w.a`
             className: "title__icon"
           }
         ),
-        ae(a) && /* @__PURE__ */ s("div", { className: "title__text", children: [
+        ee(t) && /* @__PURE__ */ s("div", { className: "title__text", children: [
           " ",
-          a
+          t
         ] })
       ] }) }),
       /* @__PURE__ */ s(
-        on,
+        an,
         {
           numOfColumns: o,
-          tabletNumOfColumns: t,
+          tabletNumOfColumns: a,
           ...!b && {
             animate: {
               x: 0,
@@ -676,15 +668,15 @@ const Ge = w.a`
           },
           className: "scrollable-section__content",
           children: [
-            S,
-            b && p && /* @__PURE__ */ r(Ae, { onIsVisible: y })
+            y,
+            b && p && /* @__PURE__ */ r(We, { onIsVisible: S })
           ]
         },
         `scrollable-section__content-${c}`
       ),
       i && v > m && !b && /* @__PURE__ */ s("div", { className: "scrollable-section__navigation", children: [
         /* @__PURE__ */ r(
-          he,
+          fe,
           {
             icon: "angle-left",
             borderRadius: "curved",
@@ -692,11 +684,11 @@ const Ge = w.a`
             color: "neutral",
             className: "navigation__arrow",
             disabled: c === 0,
-            onClick: N
+            onClick: I
           }
         ),
         /* @__PURE__ */ r(
-          he,
+          fe,
           {
             icon: "angle-right",
             borderRadius: "curved",
@@ -710,7 +702,7 @@ const Ge = w.a`
       ] })
     ] });
   }
-), ln = w.div`
+), sn = w.div`
   display: flex;
   flex: 1;
   width: 100%;
@@ -727,25 +719,25 @@ const Ge = w.a`
     border-radius: 1.25rem;
     object-fit: cover;
   }
-`, cn = M(
+`, ln = M(
   ({
     sectionName: n,
-    imageUrl: a,
+    imageUrl: t,
     maxHeight: o = "16.25rem",
-    className: t = "",
+    className: a = "",
     handleClick: i = () => {
     }
   }, p) => /* @__PURE__ */ r(
-    ln,
+    sn,
     {
       ref: p,
       maxHeight: o,
       onClick: i,
-      className: `itemless-banner ${t}`,
-      children: /* @__PURE__ */ r("img", { src: a, alt: `itemless-banner__${n}` })
+      className: `itemless-banner ${a}`,
+      children: /* @__PURE__ */ r("img", { src: t, alt: `itemless-banner__${n}` })
     }
   )
-), dn = w(He)`
+), cn = w(Fe)`
   @media ${T("S")} {
     flex-direction: column;
 
@@ -760,68 +752,68 @@ const Ge = w.a`
       }
     }
   }
-`, gn = ({ keyPrefix: n }) => /* @__PURE__ */ r(dn, { children: [1, 2].map((a) => /* @__PURE__ */ s(ue, { children: [
-  /* @__PURE__ */ r(qe, { size: "13.75rem", className: "skeleton__image" }),
-  /* @__PURE__ */ s(Ye, { children: [
+`, dn = ({ keyPrefix: n }) => /* @__PURE__ */ r(cn, { children: [1, 2].map((t) => /* @__PURE__ */ s(he, { children: [
+  /* @__PURE__ */ r(He, { size: "13.75rem", className: "skeleton__image" }),
+  /* @__PURE__ */ s(qe, { children: [
     /* @__PURE__ */ r(E, { width: "100%", height: "1rem" }),
     /* @__PURE__ */ r(E, { width: "100%", height: "1.75rem" }),
     /* @__PURE__ */ r(E, { width: "100%", height: "1.25rem" }),
     /* @__PURE__ */ r(E, { width: "100%", height: "2rem" }),
-    /* @__PURE__ */ s(ue, { alignItems: "center", children: [
-      /* @__PURE__ */ r(Ze, { size: "2.5rem" }),
+    /* @__PURE__ */ s(he, { alignItems: "center", children: [
+      /* @__PURE__ */ r(Ye, { size: "2.5rem" }),
       /* @__PURE__ */ r(E, { width: "5rem", height: "1.25rem" })
     ] })
   ] })
-] }, `${n}-${a}`)) }), mn = ({
+] }, `${n}-${t}`)) }), gn = ({
   keyPrefix: n,
-  isLoading: a = !1,
+  isLoading: t = !1,
   fallbackComponent: o = /* @__PURE__ */ r(Te, {}),
-  children: t
-}) => /* @__PURE__ */ r(Ue, { fallbackComponent: o, children: a === !0 ? /* @__PURE__ */ r(gn, { keyPrefix: n }) : t }), pn = Ee(an), Nn = M(
+  children: a
+}) => /* @__PURE__ */ r(Ue, { fallbackComponent: o, children: t === !0 ? /* @__PURE__ */ r(dn, { keyPrefix: n }) : a }), mn = Ee(rn), Nn = M(
   ({
     sellerType: n = "Shop",
-    items: a = [],
+    items: t = [],
     title: o,
-    icon: t,
+    icon: a,
     isLoading: i,
     onSelectCard: p = () => {
     },
     onSelectShop: f = () => {
     },
-    getImage: y = () => {
+    getImage: S = () => {
     },
     campaignSingleText: l,
     upcomingCampaignText: h,
     salesCampaignTypes: c = [],
     startsInPrefixTextPlural: _,
     startsinSuffixTextPlural: m,
-    startsInPrefixTextSingular: I,
+    startsInPrefixTextSingular: N,
     startsinSuffixTextSingular: b,
     endsInPrefixTextPlural: v,
-    endsinSuffixTextPlural: S,
+    endsinSuffixTextPlural: y,
     endsInPrefixTextSingular: C,
-    endsinSuffixTextSingular: N,
+    endsinSuffixTextSingular: I,
     endedText: d,
     numOfSlides: u = 4,
     showNavigation: g = !0,
-    numberOfListingsTextSingular: W,
-    numberOfListingsTextPlural: A,
-    itemlessImageUrl: F,
-    itemlessMaxHeight: H,
-    handleItemlessLink: q = () => {
+    numberOfListingsTextSingular: A,
+    numberOfListingsTextPlural: F,
+    itemlessImageUrl: H,
+    itemlessMaxHeight: q,
+    handleItemlessLink: te = () => {
     },
-    componentName: Y,
-    hasNextPage: R = !1,
-    handleFetchNextPage: Z = () => {
+    componentName: ae,
+    hasNextPage: Y = !1,
+    handleFetchNextPage: oe = () => {
     },
-    LinkComponent: G
+    LinkComponent: Z
   }, se) => {
-    const D = Se(), J = Me(() => {
-      let j = a == null ? void 0 : a.map((e, O) => /* @__PURE__ */ r(
-        pn,
+    const z = Se(), G = Me(() => {
+      let j = t == null ? void 0 : t.map((e, O) => /* @__PURE__ */ r(
+        mn,
         {
-          className: `campaign-item ${(a == null ? void 0 : a.length) === 1 ? "horizontal-campaign-item" : ""}`,
-          coverPhoto: y(
+          className: `campaign-item ${(t == null ? void 0 : t.length) === 1 ? "horizontal-campaign-item" : ""}`,
+          coverPhoto: S(
             e == null ? void 0 : e.coverPhoto,
             (e == null ? void 0 : e.uuid) || (e == null ? void 0 : e.campaignUuid)
           ),
@@ -837,7 +829,7 @@ const Ge = w.a`
           startDate: e == null ? void 0 : e.startDate,
           title: e == null ? void 0 : e.name,
           uuid: e == null ? void 0 : e.campaignUuid,
-          onSelectCard: (ie, K) => p(e == null ? void 0 : e.campaignUuid, e == null ? void 0 : e.shopUuid, K),
+          onSelectCard: (ie, J) => p(e == null ? void 0 : e.campaignUuid, e == null ? void 0 : e.shopUuid, J),
           onSelectShop: () => f(e == null ? void 0 : e.shopUuid),
           campaignSingleText: l,
           upcomingCampaignText: h,
@@ -845,56 +837,56 @@ const Ge = w.a`
           salesCampaignTypes: c,
           startsInPrefixTextPlural: _,
           startsinSuffixTextPlural: m,
-          startsInPrefixTextSingular: I,
+          startsInPrefixTextSingular: N,
           startsinSuffixTextSingular: b,
           endsInPrefixTextPlural: v,
-          endsinSuffixTextPlural: S,
+          endsinSuffixTextPlural: y,
           endsInPrefixTextSingular: C,
-          endsinSuffixTextSingular: N,
+          endsinSuffixTextSingular: I,
           endedText: d,
           themeData: e == null ? void 0 : e.themeData,
           numberOfListings: e == null ? void 0 : e.numberOfListings,
-          numberOfListingsTextSingular: W,
-          numberOfListingsTextPlural: A,
-          metadata: { name: Y, accessor: e == null ? void 0 : e.accessor },
-          LinkComponent: G,
+          numberOfListingsTextSingular: A,
+          numberOfListingsTextPlural: F,
+          metadata: { name: ae, accessor: e == null ? void 0 : e.accessor },
+          LinkComponent: Z,
           sponsored: e == null ? void 0 : e.sponsored
         },
         `campaign__item__${O}__${e == null ? void 0 : e.startDate}___${e == null ? void 0 : e.endDate}`
       ));
-      return (a == null ? void 0 : a.length) < 4 && !D ? [
+      return (t == null ? void 0 : t.length) < 4 && !z ? [
         ...j,
         /* @__PURE__ */ r(
-          cn,
+          ln,
           {
-            imageUrl: F,
+            imageUrl: H,
             className: "campaign-item",
-            maxHeight: H,
-            handleClick: q
+            maxHeight: q,
+            handleClick: te
           },
           "itemless-campaign-section-banner"
         )
       ] : j;
-    }, [a]);
+    }, [t]);
     return /* @__PURE__ */ r(
-      mn,
+      gn,
       {
         isLoading: i,
         keyPrefix: "sales-campaign-skeleton",
         children: /* @__PURE__ */ r(
-          sn,
+          on,
           {
-            icon: t,
+            icon: a,
             title: o,
             numOfSlides: u,
             tabletNumOfSlides: 2,
             showNavigation: g,
-            hasNextPage: R,
-            handleFetchNextPage: Z,
-            className: (a == null ? void 0 : a.length) < 4 && !D ? "itemless" : "",
-            children: J
+            hasNextPage: Y,
+            handleFetchNextPage: oe,
+            className: (t == null ? void 0 : t.length) < 4 && !z ? "itemless" : "",
+            children: G
           },
-          `sales-campaign-section__${D}`
+          `sales-campaign-section__${z}`
         )
       }
     );