@everymatrix/loyalty-shop 0.1.13 → 0.1.15

package/components/{LoyaltyShop-CtNpYAKa.js → LoyaltyShop-CewjK7_m.js}

@@ -1,31 +1,31 @@
-var le = (h, n, s) => new Promise((r, x) => {
-  var u = (o) => {
+var ee = (f, s, o) => new Promise((r, w) => {
+  var u = (l) => {
     try {
-      p(s.next(o));
-    } catch (E) {
-      x(E);
+      p(o.next(l));
+    } catch (x) {
+      w(x);
     }
-  }, c = (o) => {
+  }, c = (l) => {
     try {
-      p(s.throw(o));
-    } catch (E) {
-      x(E);
+      p(o.throw(l));
+    } catch (x) {
+      w(x);
     }
-  }, p = (o) => o.done ? r(o.value) : Promise.resolve(o.value).then(u, c);
-  p((s = s.apply(h, n)).next());
+  }, p = (l) => l.done ? r(l.value) : Promise.resolve(l.value).then(u, c);
+  p((o = o.apply(f, s)).next());
 });
-import { y as et, c as Ee, p as qe, a as tt, b as _, s as nt, d as ge, z as y, A as he, N as ve, C as D, m as t, E as i, B as at, G as ye, S as st, i as j, h as k, j as Se, O as z, P as ot, u as _e, H as lt, I as rt, J as it, K as dt, v as T, k as b, l as ut, n as N, r as w, f as be, g as re, Q as ke, R as ct, t as we, q as G, o as V, T as pt, M as xe, L as mt, w as ft, $ as gt, U as ht, V as vt, W as yt } from "./LoyaltyPagination-Z_igiBkY.js";
-import { L as _t } from "./LoyaltyShopItem-bXQ_G5NK.js";
+import { y as Fe, c as he, p as ye, a as Je, b as v, s as We, d as re, z as y, A as de, O as ue, C as U, m as t, E as d, B as Ye, G as ce, S as Ze, i as te, h as I, j as ve, P as T, Q as Ge, u as pe, H as Qe, I as Xe, J as $e, K as et, v as R, k as b, l as tt, n as C, r as k, R as me, T as nt, t as ge, q as K, g as st, o as B, w as at, $ as ot, U as lt, N as fe, L as ne, V as it, W as rt, M as dt, X as ut } from "./LoyaltyPagination-WMbwps-Y.js";
+import { L as ct } from "./LoyaltyShopItem-B5HPzm1z.js";
 typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
 if (typeof window != "undefined") {
-  let h = function(n) {
-    return function(...s) {
+  let f = function(s) {
+    return function(...o) {
       try {
-        return n.apply(this, s);
+        return s.apply(this, o);
       } catch (r) {
         if (r instanceof DOMException && r.message.includes("has already been used with this registry") || r instanceof Error && r.message.includes("Cannot define multiple custom elements with the same tag name"))
           return !1;
@@ -33,18 +33,18 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = h(customElements.define), import("./LoyaltyPagination-Z_igiBkY.js").then((n) => n.X).then((n) => {
-    const s = n.default || n;
-    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", s.element || s);
-  }).catch((n) => {
-    console.error("BOOT ERROR:", n);
+  customElements.define = f(customElements.define), import("./LoyaltyPagination-WMbwps-Y.js").then((s) => s.Y).then((s) => {
+    const o = s.default || s;
+    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", o.element || o);
+  }).catch((s) => {
+    console.error("BOOT ERROR:", s);
   });
 }
 if (typeof window != "undefined") {
-  let h = function(n) {
-    return function(...s) {
+  let f = function(s) {
+    return function(...o) {
       try {
-        return n.apply(this, s);
+        return s.apply(this, o);
       } catch (r) {
         if (r instanceof DOMException && r.message.includes("has already been used with this registry") || r instanceof Error && r.message.includes("Cannot define multiple custom elements with the same tag name"))
           return !1;
@@ -52,14 +52,14 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = h(customElements.define), import("./LoyaltyShopItem-bXQ_G5NK.js").then((n) => n.a).then((n) => {
-    const s = n.default || n;
-    customElements.get("loyalty-shop-item") || customElements.define("loyalty-shop-item", s.element || s);
-  }).catch((n) => {
-    console.error("BOOT ERROR:", n);
+  customElements.define = f(customElements.define), import("./LoyaltyShopItem-B5HPzm1z.js").then((s) => s.a).then((s) => {
+    const o = s.default || s;
+    customElements.get("loyalty-shop-item") || customElements.define("loyalty-shop-item", o.element || o);
+  }).catch((s) => {
+    console.error("BOOT ERROR:", s);
   });
 }
-const bt = {
+const pt = {
   en: {
     loading: "Loading…",
     noContent: "There are no bonus items available for redemption.",
@@ -116,9 +116,9 @@ const bt = {
     buyNow: "Vásárlás",
     generalError: "Hiba történt. Kérjük, próbáld újra."
   }
-}, kt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
-var wt = T('<div class="loyalty-shop__item loyalty-shop__item--skeleton svelte-1f1q033"><div class="loyalty-shop__item-image skeleton-box svelte-1f1q033"></div> <div class="loyalty-shop__item-title skeleton-line svelte-1f1q033"></div> <div class="loyalty-shop__item-points skeleton-line skeleton-line--short svelte-1f1q033"></div> <div class="loyalty-shop__item-button-skeleton skeleton-box svelte-1f1q033"></div></div>'), xt = T('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'), Et = T('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'), qt = T('<div><div role="button" tabindex="0" class="loyalty-shop__item-image-container svelte-1f1q033"><img class="loyalty-shop__item-image svelte-1f1q033"/></div> <span class="loyalty-shop__item-title svelte-1f1q033"> </span> <span class="loyalty-shop__item-points svelte-1f1q033"> </span> <button class="loyalty-shop__item-button svelte-1f1q033" type="button"> </button></div>'), St = T('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'), It = T('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>', 1), Ct = T('<div class="loyalty-shop svelte-1f1q033"><!></div>');
-const Rt = {
+}, mt = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='800px'%20height='800px'%20viewBox='0%200%20120%20120'%20fill='none'%3e%3crect%20width='120'%20height='120'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M33.2503%2038.4816C33.2603%2037.0472%2034.4199%2035.8864%2035.8543%2035.875H83.1463C84.5848%2035.875%2085.7503%2037.0431%2085.7503%2038.4816V80.5184C85.7403%2081.9528%2084.5807%2083.1136%2083.1463%2083.125H35.8543C34.4158%2083.1236%2033.2503%2081.957%2033.2503%2080.5184V38.4816ZM80.5006%2041.1251H38.5006V77.8751L62.8921%2053.4783C63.9172%2052.4536%2065.5788%2052.4536%2066.6039%2053.4783L80.5006%2067.4013V41.1251ZM43.75%2051.6249C43.75%2054.5244%2046.1005%2056.8749%2049%2056.8749C51.8995%2056.8749%2054.25%2054.5244%2054.25%2051.6249C54.25%2048.7254%2051.8995%2046.3749%2049%2046.3749C46.1005%2046.3749%2043.75%2048.7254%2043.75%2051.6249Z'%20fill='%23687787'/%3e%3c/svg%3e";
+var gt = R('<div class="loyalty-shop__item loyalty-shop__item--skeleton svelte-1f1q033"><div class="loyalty-shop__item-image skeleton-box svelte-1f1q033"></div> <div class="loyalty-shop__item-title skeleton-line svelte-1f1q033"></div> <div class="loyalty-shop__item-points skeleton-line skeleton-line--short svelte-1f1q033"></div> <div class="loyalty-shop__item-button-skeleton skeleton-box svelte-1f1q033"></div></div>'), ft = R('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'), ht = R('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'), yt = R('<div><div role="button" tabindex="0" class="loyalty-shop__item-image-container svelte-1f1q033"><img class="loyalty-shop__item-image svelte-1f1q033"/></div> <span class="loyalty-shop__item-title svelte-1f1q033"> </span> <span class="loyalty-shop__item-points svelte-1f1q033"> </span> <button class="loyalty-shop__item-button svelte-1f1q033" type="button"> </button></div>'), vt = R('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'), bt = R('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>', 1), _t = R('<div class="loyalty-shop svelte-1f1q033"><!></div>');
+const kt = {
   hash: "svelte-1f1q033",
   code: `.loyalty-shop.svelte-1f1q033 {padding:16px;border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));background-color:var(--app-container-bg-default, #022652);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:16px;}.loyalty-shop__unavailable.svelte-1f1q033 {color:var(--text-subtle, #dfe3e8);font-size:14px;padding:24px 0;text-align:center;}.loyalty-shop__grid.svelte-1f1q033 {display:grid;gap:16px;grid-template-columns:repeat(2, 1fr);margin:0;}.loyalty-shop__item.svelte-1f1q033 {display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:10px;border:1px solid var(--border-default, rgba(251, 251, 251, 0.15));background-color:var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1));}.loyalty-shop__item--unavailable.svelte-1f1q033 {opacity:1;}.loyalty-shop__item-image.svelte-1f1q033 {width:100%;height:82px;border-radius:6px;}.loyalty-shop__item-title.svelte-1f1q033 {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop__item-points.svelte-1f1q033 {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop__item-button.svelte-1f1q033 {margin-top:auto;width:100%;height:37px;padding:8px 16px;border:none;border-radius:6px;background:var(--button-primary-bg-default, #ffcc00);color:var(--button-primary-text-default, #261d00);font-size:12px;font-weight:400;cursor:pointer;}.loyalty-shop__item-button.svelte-1f1q033:disabled {opacity:0.4;cursor:default;}.skeleton-box.svelte-1f1q033 {background:linear-gradient(
       90deg,
@@ -147,118 +147,118 @@ const Rt = {
   @media (min-width: 768px) {.loyalty-shop__grid.svelte-1f1q033 {grid-template-columns:repeat(4, 1fr);justify-content:start;margin:0;}.loyalty-shop__item.svelte-1f1q033 {width:100%;height:100%;box-sizing:border-box;}.loyalty-shop__item-image.svelte-1f1q033 {height:200px;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-image:where(.svelte-1f1q033) {height:200px;}
   }`
 };
-function Ie(h, n) {
-  qe(n, !0), tt(h, Rt);
-  const s = () => ft(gt, "$_", r), [r, x] = ut(), u = _(n, "apiEndpoint", 7, ""), c = _(n, "userSession", 7, ""), p = _(n, "locale", 7, ""), o = _(n, "limitItem", 7, z), E = _(n, "translationUrl");
-  nt({ withLocale: p(), translations: {} });
-  const Re = () => le(this, null, function* () {
+function be(f, s) {
+  ye(s, !0), Je(f, kt);
+  const o = () => at(ot, "$_", r), [r, w] = tt(), u = v(s, "apiEndpoint", 7, ""), c = v(s, "userSession", 7, ""), p = v(s, "locale", 7, ""), l = v(s, "limitItem", 7, T), x = v(s, "translationUrl");
+  We({ withLocale: p(), translations: {} });
+  const ke = () => ee(this, null, function* () {
     try {
-      const e = new URL(E(), window.location.href), a = yield fetch(e.href);
-      if (!a.ok)
+      const e = new URL(x(), window.location.href), n = yield fetch(e.href);
+      if (!n.ok)
         throw new Error("Failed to fetch translations");
-      const l = yield a.json();
-      Object.entries(l).forEach(([d, q]) => {
-        ge(d, q);
+      const a = yield n.json();
+      Object.entries(a).forEach(([i, _]) => {
+        re(i, _);
       });
     } catch (e) {
       console.error("loyalty shop translation url err:", e);
     }
   });
-  Object.entries(bt).forEach(([e, a]) => {
-    ge(e, a);
+  Object.entries(pt).forEach(([e, n]) => {
+    re(e, n);
   });
-  let v = y(he([])), P = y(void 0), H = y(0), C = y(0), M = y(he(ve)), Y = y(!1), Q = y(!1), U = y(void 0), R = y(!1), K = y(void 0), F = 0;
-  const Le = _e(() => typeof o() == "number" ? o() : parseInt(o(), z) || z), ie = () => {
+  let h = y(de([])), M = y(void 0), A = y(0), q = y(0), L = y(de(ue)), F = y(!1), J = y(!1), O = y(void 0), S = y(!1), D = y(void 0), j = 0;
+  const we = pe(() => typeof l() == "number" ? l() : parseInt(l(), T) || T), se = () => {
     if (!u() || !c())
       return;
-    i(Y, !0), i(Q, !1);
-    const e = ++F, a = t(R) && t(C) > 0;
-    ot(
+    d(F, !0), d(J, !1);
+    const e = ++j, n = t(S) && t(q) > 0;
+    Ge(
       {
         apiEndpoint: u(),
         userSession: c(),
         locale: p()
       },
-      t(C),
-      t(M)
-    ).then((l) => {
-      var q, f;
-      if (e !== F)
+      t(q),
+      t(L)
+    ).then((a) => {
+      var _, E;
+      if (e !== j)
         return;
-      const d = (q = l.data) != null ? q : [];
-      i(H, (f = l.total) != null ? f : 0, !0), a ? i(v, [...t(v), ...d], !0) : i(v, d, !0);
-    }).catch((l) => {
-      e === F && (i(Q, !0), console.error("Failed to load shop rewards:", l));
+      const i = (_ = a.data) != null ? _ : [];
+      d(A, (E = a.total) != null ? E : 0, !0), n ? d(h, [...t(h), ...i], !0) : d(h, i, !0);
+    }).catch((a) => {
+      e === j && (d(J, !0), console.error("Failed to load shop rewards:", a));
     }).finally(() => {
-      e === F && i(Y, !1);
+      e === j && d(F, !1);
     });
   };
-  D(() => {
-    u(), c(), p(), t(C), t(M), ie();
-  }), D(() => {
-    const e = window.matchMedia("(max-width: 767px)"), a = (l) => {
-      i(R, l.matches, !0);
+  U(() => {
+    u(), c(), p(), t(q), t(L), se();
+  }), U(() => {
+    const e = window.matchMedia("(max-width: 767px)"), n = (a) => {
+      d(S, a.matches, !0);
     };
-    return i(R, e.matches, !0), e.addEventListener("change", a), () => e.removeEventListener("change", a);
-  }), D(() => {
-    i(M, t(R) ? ve : t(Le), !0);
-  }), D(() => {
-    if (!t(R) || !t(K)) return;
+    return d(S, e.matches, !0), e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }), U(() => {
+    d(L, t(S) ? ue : t(we), !0);
+  }), U(() => {
+    if (!t(S) || !t(D)) return;
     const e = new IntersectionObserver(
-      (a) => {
-        a.some((l) => l.isIntersecting) && t(v).length < t(H) && i(C, t(C) + t(M));
+      (n) => {
+        n.some((a) => a.isIntersecting) && t(h).length < t(A) && d(q, t(q) + t(L));
       },
       { rootMargin: "200px" }
     );
-    return e.observe(t(K)), () => e.disconnect();
-  }), at(() => {
-    E() && Re();
+    return e.observe(t(D)), () => e.disconnect();
+  }), Ye(() => {
+    x() && ke();
   });
-  const Ne = (e) => {
-    var a, l, d;
-    return (d = (l = (a = e.presentation) == null ? void 0 : a.assets) == null ? void 0 : l[0]) != null ? d : kt;
-  }, X = (e) => {
-    var a, l, d;
-    return (d = (l = e.displayName) != null ? l : (a = e.presentation) == null ? void 0 : a.displayName) != null ? d : "";
-  }, $ = (e) => e.available === "true", Te = (e) => {
-    t(U) || !$(e) || mt(X(e), e.id);
-  }, Me = (e) => le(this, null, function* () {
-    if (!(!u() || t(U))) {
-      i(U, e, !0);
+  const xe = (e) => {
+    var n, a, i;
+    return (i = (a = (n = e.presentation) == null ? void 0 : n.assets) == null ? void 0 : a[0]) != null ? i : mt;
+  }, W = (e) => {
+    var n, a, i;
+    return (i = (a = e.displayName) != null ? a : (n = e.presentation) == null ? void 0 : n.displayName) != null ? i : "";
+  }, Y = (e) => e.available === "true", Ee = (e) => {
+    t(O) || !Y(e) || dt(W(e), e.id);
+  }, qe = (e) => ee(this, null, function* () {
+    if (!(!u() || t(O))) {
+      d(O, e, !0);
       try {
-        yield lt({ apiEndpoint: u(), userSession: c() }, e), rt(e), it(), ie();
-      } catch (a) {
-        dt(e, a);
+        yield Qe({ apiEndpoint: u(), userSession: c() }, e), Xe(e), $e(), se();
+      } catch (n) {
+        et(e, n);
       } finally {
-        i(U, void 0);
+        d(O, void 0);
       }
     }
   });
-  D(() => {
-    const e = (a) => {
-      var f;
-      const { type: l, id: d, source: q } = (f = a.data) != null ? f : {};
-      switch (l) {
-        case ye.REDEEM_REWARD_CONFIRMED:
-          d && t(v).some((S) => S.id === d) && Me(d);
+  U(() => {
+    const e = (n) => {
+      var E;
+      const { type: a, id: i, source: _ } = (E = n.data) != null ? E : {};
+      switch (a) {
+        case ce.REDEEM_REWARD_CONFIRMED:
+          i && t(h).some((z) => z.id === i) && qe(i);
           break;
-        case ye.BACK_BUTTON_CLICKED:
-          q === st && i(P, void 0);
+        case ce.BACK_BUTTON_CLICKED:
+          _ === Ze && d(M, void 0);
           break;
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
   });
-  const Oe = () => t(v).length ? s()("generalError") : s()("noContent"), ze = (e) => {
-    i(C, e, !0);
-  }, Pe = (e) => {
-    ht(e.displayName || e.presentation.displayName, e.id);
-  }, de = (e) => {
-    i(P, e, !0), Pe(e);
-  }, Ue = (e) => (a) => {
-    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), de(e));
+  const Se = () => t(h).length ? o()("generalError") : o()("noContent"), Ie = (e) => {
+    d(q, e, !0);
+  }, Ce = (e) => {
+    ut(e.displayName || e.presentation.displayName, e.id);
+  }, ae = (e) => {
+    d(M, e, !0), Ce(e);
+  }, Re = (e) => (n) => {
+    (n.key === "Enter" || n.key === " ") && (n.preventDefault(), ae(e));
   };
-  var Be = {
+  var Le = {
     get apiEndpoint() {
       return u();
     },
@@ -278,26 +278,26 @@ function Ie(h, n) {
       p(e), b();
     },
     get limitItem() {
-      return o();
+      return l();
     },
-    set limitItem(e = z) {
-      o(e), b();
+    set limitItem(e = T) {
+      l(e), b();
     },
     get translationUrl() {
-      return E();
+      return x();
     },
     set translationUrl(e) {
-      E(e), b();
+      x(e), b();
     }
-  }, ee = Ct(), Ae = N(ee);
+  }, Z = _t(), Ne = C(Z);
   {
-    var De = (e) => {
-      _t(e, {
+    var Te = (e) => {
+      ct(e, {
         get itemId() {
-          return t(P).id;
+          return t(M).id;
         },
         get elevateReward() {
-          return t(P);
+          return t(M);
         },
         get apiEndpoint() {
           return u();
@@ -309,127 +309,95 @@ function Ie(h, n) {
           return p();
         }
       });
-    }, je = (e) => {
-      var a = be(), l = re(a);
+    }, Me = (e) => {
+      var n = ft();
+      me(n, 21, () => Array(t(L)), nt, (a, i, _, E) => {
+        var z = gt();
+        I(a, z);
+      }), k(n), I(e, n);
+    }, Oe = (e) => {
+      var n = ht(), a = C(n, !0);
+      k(n), ge((i) => K(a, i), [() => Se()]), I(e, n);
+    }, ze = (e) => {
+      var n = bt(), a = st(n);
+      me(a, 21, () => t(h), (g) => g.id, (g, m) => {
+        var N = yt();
+        let oe;
+        var P = C(N), Ue = pe(() => Re(t(m))), le = C(P);
+        k(P);
+        var G = B(P, 2), Be = C(G, !0);
+        k(G);
+        var Q = B(G, 2), Ae = C(Q);
+        k(Q);
+        var V = B(Q, 2), De = C(V, !0);
+        k(V), k(N), ge(
+          (X, H, je, Ve, $, He, Ke) => {
+            var ie;
+            oe = lt(N, 1, "loyalty-shop__item svelte-1f1q033", null, oe, X), fe(le, "src", H), fe(le, "alt", je), K(Be, Ve), K(Ae, `${(ie = t(m).points) != null ? ie : ""}
+            ${$ != null ? $ : ""}`), V.disabled = He, K(De, Ke);
+          },
+          [
+            () => ({
+              "loyalty-shop__item--unavailable": !Y(t(m))
+            }),
+            () => xe(t(m)),
+            () => W(t(m)),
+            () => W(t(m)),
+            () => o()("tokens"),
+            () => !Y(t(m)) || t(O) === t(m).id,
+            () => o()("buyNow")
+          ]
+        ), ne("click", P, () => ae(t(m))), ne("keydown", P, function(...X) {
+          var H;
+          (H = t(Ue)) == null || H.apply(this, X);
+        }), ne("click", V, () => Ee(t(m))), I(g, N);
+      }), k(a);
+      var i = B(a, 2);
       {
-        var d = (f) => {
-          var S = xt();
-          ke(S, 21, () => Array(t(M)), ct, (te, ue, ce, L) => {
-            var I = wt();
-            k(te, I);
-          }), w(S), k(f, S);
-        }, q = (f) => {
-          var S = be(), te = re(S);
-          {
-            var ue = (L) => {
-              var I = Et(), B = N(I, !0);
-              w(I), we((J) => G(B, J), [Oe]), k(L, I);
-            }, ce = (L) => {
-              var I = It(), B = re(I);
-              ke(B, 21, () => t(v), (g) => g.id, (g, m) => {
-                var O = qt();
-                let pe;
-                var A = N(O);
-                A.__click = () => de(t(m));
-                var Je = _e(() => Ue(t(m)));
-                A.__keydown = function(...se) {
-                  var Z;
-                  (Z = t(Je)) == null || Z.apply(this, se);
-                };
-                var me = N(A);
-                w(A);
-                var ne = V(A, 2), We = N(ne, !0);
-                w(ne);
-                var ae = V(ne, 2), Ze = N(ae);
-                w(ae);
-                var W = V(ae, 2);
-                W.__click = () => Te(t(m));
-                var Ge = N(W, !0);
-                w(W), w(O), we(
-                  (se, Z, Ye, Qe, oe, Xe, $e) => {
-                    var fe;
-                    pe = pt(O, 1, "loyalty-shop__item svelte-1f1q033", null, pe, se), xe(me, "src", Z), xe(me, "alt", Ye), G(We, Qe), G(Ze, `${(fe = t(m).points) != null ? fe : ""}
-            ${oe != null ? oe : ""}`), W.disabled = Xe, G(Ge, $e);
-                  },
-                  [
-                    () => ({
-                      "loyalty-shop__item--unavailable": !$(t(m))
-                    }),
-                    () => Ne(t(m)),
-                    () => X(t(m)),
-                    () => X(t(m)),
-                    () => s()("tokens"),
-                    () => !$(t(m)) || t(U) === t(m).id,
-                    () => s()("buyNow")
-                  ]
-                ), k(g, O);
-              }), w(B);
-              var J = V(B, 2);
-              {
-                var He = (g) => {
-                  vt(g, {
-                    get offset() {
-                      return t(C);
-                    },
-                    get limit() {
-                      return t(M);
-                    },
-                    get total() {
-                      return t(H);
-                    },
-                    onPageChange: ze,
-                    get locale() {
-                      return p();
-                    }
-                  });
-                };
-                j(J, (g) => {
-                  t(R) || g(He);
-                });
-              }
-              var Ke = V(J, 2);
-              {
-                var Fe = (g) => {
-                  var m = St();
-                  yt(m, (O) => i(K, O), () => t(K)), k(g, m);
-                };
-                j(Ke, (g) => {
-                  t(R) && t(v).length < t(H) && g(Fe);
-                });
-              }
-              k(L, I);
-            };
-            j(
-              te,
-              (L) => {
-                !t(v).length || t(Q) ? L(ue) : L(ce, !1);
-              },
-              !0
-            );
-          }
-          k(f, S);
+        var _ = (g) => {
+          it(g, {
+            get offset() {
+              return t(q);
+            },
+            get limit() {
+              return t(L);
+            },
+            get total() {
+              return t(A);
+            },
+            onPageChange: Ie,
+            get locale() {
+              return p();
+            }
+          });
         };
-        j(
-          l,
-          (f) => {
-            t(Y) && t(v).length === 0 ? f(d) : f(q, !1);
-          },
-          !0
-        );
+        te(i, (g) => {
+          t(S) || g(_);
+        });
+      }
+      var E = B(i, 2);
+      {
+        var z = (g) => {
+          var m = vt();
+          rt(m, (N) => d(D, N), () => t(D)), I(g, m);
+        };
+        te(E, (g) => {
+          t(S) && t(h).length < t(A) && g(z);
+        });
       }
-      k(e, a);
+      I(e, n);
     };
-    j(Ae, (e) => {
-      t(P) ? e(De) : e(je, !1);
+    te(Ne, (e) => {
+      t(M) ? e(Te) : t(F) && t(h).length === 0 ? e(Me, 1) : !t(h).length || t(J) ? e(Oe, 2) : e(ze, -1);
     });
   }
-  w(ee), k(h, ee);
-  var Ve = Se(Be);
-  return x(), Ve;
+  k(Z), I(f, Z);
+  var Pe = ve(Le);
+  return w(), Pe;
 }
-et(["click", "keydown"]);
-Ee(
-  Ie,
+Fe(["click", "keydown"]);
+he(
+  be,
   {
     apiEndpoint: {},
     userSession: {},
@@ -439,52 +407,52 @@ Ee(
   },
   [],
   [],
-  !0
+  { mode: "open" }
 );
-function Ce(h, n) {
-  qe(n, !0);
-  let s = _(n, "apiEndpoint", 7, ""), r = _(n, "userSession", 7, ""), x = _(n, "locale", 7, ""), u = _(n, "limitItem", 7, z), c = _(n, "translationUrl");
+function _e(f, s) {
+  ye(s, !0);
+  let o = v(s, "apiEndpoint", 7, ""), r = v(s, "userSession", 7, ""), w = v(s, "locale", 7, ""), u = v(s, "limitItem", 7, T), c = v(s, "translationUrl");
   var p = {
     get apiEndpoint() {
-      return s();
+      return o();
     },
-    set apiEndpoint(o = "") {
-      s(o), b();
+    set apiEndpoint(l = "") {
+      o(l), b();
     },
     get userSession() {
       return r();
     },
-    set userSession(o = "") {
-      r(o), b();
+    set userSession(l = "") {
+      r(l), b();
     },
     get locale() {
-      return x();
+      return w();
     },
-    set locale(o = "") {
-      x(o), b();
+    set locale(l = "") {
+      w(l), b();
     },
     get limitItem() {
       return u();
     },
-    set limitItem(o = z) {
-      u(o), b();
+    set limitItem(l = T) {
+      u(l), b();
     },
     get translationUrl() {
       return c();
     },
-    set translationUrl(o) {
-      c(o), b();
+    set translationUrl(l) {
+      c(l), b();
     }
   };
-  return Ie(h, {
+  return be(f, {
     get apiEndpoint() {
-      return s();
+      return o();
     },
     get userSession() {
       return r();
     },
     get locale() {
-      return x();
+      return w();
     },
     get limitItem() {
       return u();
@@ -492,10 +460,10 @@ function Ce(h, n) {
     get translationUrl() {
       return c();
     }
-  }), Se(p);
+  }), ve(p);
 }
-customElements.define("loyalty-shop", Ee(
-  Ce,
+customElements.define("loyalty-shop", he(
+  _e,
   {
     apiEndpoint: {},
     userSession: {},
@@ -504,14 +472,13 @@ customElements.define("loyalty-shop", Ee(
     translationUrl: {}
   },
   [],
-  [],
-  !1
+  []
 ));
-const Mt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ce
+  default: _e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ie as L,
-  Mt as a
+  be as L,
+  qt as a
 };