@everymatrix/loyalty-shop 0.1.11 → 0.1.13

package/components/{LoyaltyShop-DV-j5py7.js → LoyaltyShop-DoIx97J9.js}

@@ -1,44 +1,49 @@
-import { y as Ke, c as pe, p as me, a as He, b as h, s as Fe, d as ae, z as f, A as oe, O as ie, C as M, m as t, E as r, B as Je, G as re, S as We, i as X, h as x, j as ge, P as R, Q as Ye, u as le, H as Ze, I as Ge, J as Qe, K as Xe, v as q, k as v, l as $e, n as E, r as b, R as de, T as et, t as ue, q as V, g as tt, o as z, w as nt, $ as st, U as at, N as ce, L as $, V as ot, W as it, M as rt, X as lt } from "./LoyaltyPagination-BcRXvso4.js";
-import { L as dt } from "./LoyaltyShopItem-BRu06lmS.js";
+import { y as Xe, c as be, p as ke, a as $e, b as h, s as et, d as ce, z as g, A as pe, N as me, C as A, m as t, E as l, B as tt, G as fe, S as nt, i as D, h as _, j as we, O as T, P as at, u as ge, H as st, I as ot, J as lt, K as rt, v as C, k as v, l as it, n as I, r as b, f as he, g as se, Q as ve, R as dt, t as ye, q as Z, o as j, T as ut, M as _e, L as ct, w as pt, $ as mt, U as ft, V as gt, W as ht } from "./LoyaltyPagination-B-q5gKJj.js";
+import { L as vt } from "./LoyaltyShopItem-C2xuJLoW.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
 if (typeof window < "u") {
-  let _ = function(n) {
-    return function(...o) {
+  let k = function(n) {
+    return function(...s) {
       try {
-        return n.apply(this, o);
-      } catch (i) {
-        if (i instanceof DOMException && i.message.includes("has already been used with this registry") || i instanceof Error && i.message.includes("Cannot define multiple custom elements with the same tag name"))
+        return n.apply(this, s);
+      } catch (o) {
+        if (o instanceof DOMException && o.message.includes("has already been used with this registry") || o instanceof Error && o.message.includes("Cannot define multiple custom elements with the same tag name"))
           return !1;
-        throw i;
+        throw o;
       }
     };
   };
-  customElements.define = _(customElements.define), import("./LoyaltyPagination-BcRXvso4.js").then((n) => n.Y).then((n) => {
-    const o = n.default || n;
-    customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", o.element || o);
+  customElements.define = k(customElements.define), import("./LoyaltyPagination-B-q5gKJj.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);
   });
 }
 if (typeof window < "u") {
-  let _ = function(n) {
-    return function(...o) {
+  let k = function(n) {
+    return function(...s) {
       try {
-        return n.apply(this, o);
-      } catch (i) {
-        if (i instanceof DOMException && i.message.includes("has already been used with this registry") || i instanceof Error && i.message.includes("Cannot define multiple custom elements with the same tag name"))
+        return n.apply(this, s);
+      } catch (o) {
+        if (o instanceof DOMException && o.message.includes("has already been used with this registry") || o instanceof Error && o.message.includes("Cannot define multiple custom elements with the same tag name"))
           return !1;
-        throw i;
+        throw o;
       }
     };
   };
-  customElements.define = _(customElements.define), import("./LoyaltyShopItem-BRu06lmS.js").then((n) => n.a).then((n) => {
-    const o = n.default || n;
-    customElements.get("loyalty-shop-item") || customElements.define("loyalty-shop-item", o.element || o);
+  customElements.define = k(customElements.define), import("./LoyaltyShopItem-C2xuJLoW.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);
   });
 }
-const ut = {
+const yt = {
   en: {
     loading: "Loading…",
     noContent: "There are no bonus items available for redemption.",
@@ -95,9 +100,9 @@ const ut = {
     buyNow: "Vásárlás",
     generalError: "Hiba történt. Kérjük, próbáld újra."
   }
-}, ct = "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 pt = q('<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>'), mt = q('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'), gt = q('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'), ft = q('<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>'), ht = q('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'), vt = q('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>', 1), yt = q('<div class="loyalty-shop svelte-1f1q033"><!></div>');
-const bt = {
+}, _t = "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 bt = C('<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>'), kt = C('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'), wt = C('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'), xt = C('<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>'), Et = C('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'), qt = C('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>', 1), St = C('<div class="loyalty-shop svelte-1f1q033"><!></div>');
+const It = {
   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,
@@ -126,121 +131,121 @@ const bt = {
   @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 fe(_, n) {
-  me(n, !0), He(_, bt);
-  const o = () => nt(st, "$_", i), [i, L] = $e(), c = h(n, "apiEndpoint", 7, ""), p = h(n, "userSession", 7, ""), y = h(n, "locale", 7, ""), l = h(n, "limitItem", 7, R), P = h(n, "translationUrl");
-  Fe({ withLocale: y(), translations: {} });
-  const ve = async () => {
+function xe(k, n) {
+  ke(n, !0), $e(k, It);
+  const s = () => pt(mt, "$_", o), [o, M] = it(), u = h(n, "apiEndpoint", 7, ""), c = h(n, "userSession", 7, ""), y = h(n, "locale", 7, ""), r = h(n, "limitItem", 7, T), V = h(n, "translationUrl");
+  et({ withLocale: y(), translations: {} });
+  const qe = async () => {
     try {
-      const e = new URL(P(), window.location.href), s = await fetch(e.href);
-      if (!s.ok)
+      const e = new URL(V(), window.location.href), a = await fetch(e.href);
+      if (!a.ok)
         throw new Error("Failed to fetch translations");
-      const a = await s.json();
-      Object.entries(a).forEach(([d, I]) => {
-        ae(d, I);
+      const i = await a.json();
+      Object.entries(i).forEach(([f, P]) => {
+        ce(f, P);
       });
     } catch (e) {
       console.error("loyalty shop translation url err:", e);
     }
   };
-  Object.entries(ut).forEach(([e, s]) => {
-    ae(e, s);
+  Object.entries(yt).forEach(([e, a]) => {
+    ce(e, a);
   });
-  let g = f(oe([])), N = f(void 0), U = f(0), k = f(0), S = f(oe(ie)), K = f(!1), H = f(!1), O = f(void 0), w = f(!1), B = f(void 0), A = 0;
-  const ye = le(() => typeof l() == "number" ? l() : parseInt(l(), R) || R), ee = () => {
-    if (!c() || !p())
+  let m = g(pe([])), O = g(void 0), H = g(0), E = g(0), R = g(pe(me)), G = g(!1), Y = g(!1), z = g(void 0), q = g(!1), K = g(void 0), F = 0;
+  const Se = ge(() => typeof r() == "number" ? r() : parseInt(r(), T) || T), oe = () => {
+    if (!u() || !c())
       return;
-    r(K, !0), r(H, !1);
-    const e = ++A, s = t(w) && t(k) > 0;
-    Ye(
+    l(G, !0), l(Y, !1);
+    const e = ++F, a = t(q) && t(E) > 0;
+    at(
       {
-        apiEndpoint: c(),
-        userSession: p(),
+        apiEndpoint: u(),
+        userSession: c(),
         locale: y()
       },
-      t(k),
-      t(S)
-    ).then((a) => {
-      if (e !== A)
+      t(E),
+      t(R)
+    ).then((i) => {
+      if (e !== F)
         return;
-      const d = a.data ?? [];
-      r(U, a.total ?? 0, !0), s ? r(g, [...t(g), ...d], !0) : r(g, d, !0);
-    }).catch((a) => {
-      e === A && (r(H, !0), console.error("Failed to load shop rewards:", a));
+      const f = i.data ?? [];
+      l(H, i.total ?? 0, !0), a ? l(m, [...t(m), ...f], !0) : l(m, f, !0);
+    }).catch((i) => {
+      e === F && (l(Y, !0), console.error("Failed to load shop rewards:", i));
     }).finally(() => {
-      e === A && r(K, !1);
+      e === F && l(G, !1);
     });
   };
-  M(() => {
-    c(), p(), y(), t(k), t(S), ee();
-  }), M(() => {
-    const e = window.matchMedia("(max-width: 767px)"), s = (a) => {
-      r(w, a.matches, !0);
+  A(() => {
+    u(), c(), y(), t(E), t(R), oe();
+  }), A(() => {
+    const e = window.matchMedia("(max-width: 767px)"), a = (i) => {
+      l(q, i.matches, !0);
     };
-    return r(w, e.matches, !0), e.addEventListener("change", s), () => e.removeEventListener("change", s);
-  }), M(() => {
-    r(S, t(w) ? ie : t(ye), !0);
-  }), M(() => {
-    if (!t(w) || !t(B)) return;
+    return l(q, e.matches, !0), e.addEventListener("change", a), () => e.removeEventListener("change", a);
+  }), A(() => {
+    l(R, t(q) ? me : t(Se), !0);
+  }), A(() => {
+    if (!t(q) || !t(K)) return;
     const e = new IntersectionObserver(
-      (s) => {
-        s.some((a) => a.isIntersecting) && t(g).length < t(U) && r(k, t(k) + t(S));
+      (a) => {
+        a.some((i) => i.isIntersecting) && t(m).length < t(H) && l(E, t(E) + t(R));
       },
       { rootMargin: "200px" }
     );
-    return e.observe(t(B)), () => e.disconnect();
-  }), Je(() => {
-    P() && ve();
+    return e.observe(t(K)), () => e.disconnect();
+  }), tt(() => {
+    V() && qe();
   });
-  const be = (e) => e.presentation?.assets?.[0] ?? ct, F = (e) => e.displayName ?? e.presentation?.displayName ?? "", J = (e) => e.available === "true", _e = (e) => {
-    t(O) || !J(e) || rt(F(e), e.id);
-  }, ke = async (e) => {
-    if (!(!c() || t(O))) {
-      r(O, e, !0);
+  const Ie = (e) => e.presentation?.assets?.[0] ?? _t, Q = (e) => e.displayName ?? e.presentation?.displayName ?? "", X = (e) => e.available === "true", Ce = (e) => {
+    t(z) || !X(e) || ct(Q(e), e.id);
+  }, Re = async (e) => {
+    if (!(!u() || t(z))) {
+      l(z, e, !0);
       try {
-        await Ze({ apiEndpoint: c(), userSession: p() }, e), Ge(e), Qe(), ee();
-      } catch (s) {
-        Xe(e, s);
+        await st({ apiEndpoint: u(), userSession: c() }, e), ot(e), lt(), oe();
+      } catch (a) {
+        rt(e, a);
       } finally {
-        r(O, void 0);
+        l(z, void 0);
       }
     }
   };
-  M(() => {
-    const e = (s) => {
-      const { type: a, id: d, source: I } = s.data ?? {};
-      switch (a) {
-        case re.REDEEM_REWARD_CONFIRMED:
-          d && t(g).some((D) => D.id === d) && ke(d);
+  A(() => {
+    const e = (a) => {
+      const { type: i, id: f, source: P } = a.data ?? {};
+      switch (i) {
+        case fe.REDEEM_REWARD_CONFIRMED:
+          f && t(m).some((w) => w.id === f) && Re(f);
           break;
-        case re.BACK_BUTTON_CLICKED:
-          I === We && r(N, void 0);
+        case fe.BACK_BUTTON_CLICKED:
+          P === nt && l(O, void 0);
           break;
       }
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
   });
-  const we = () => t(g).length ? o()("generalError") : o()("noContent"), xe = (e) => {
-    r(k, e, !0);
-  }, Ee = (e) => {
-    lt(e.displayName || e.presentation.displayName, e.id);
-  }, te = (e) => {
-    r(N, e, !0), Ee(e);
-  }, qe = (e) => (s) => {
-    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), te(e));
+  const Le = () => t(m).length ? s()("generalError") : s()("noContent"), Ne = (e) => {
+    l(E, e, !0);
+  }, Te = (e) => {
+    ft(e.displayName || e.presentation.displayName, e.id);
+  }, le = (e) => {
+    l(O, e, !0), Te(e);
+  }, Me = (e) => (a) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), le(e));
   };
-  var Se = {
+  var Oe = {
     get apiEndpoint() {
-      return c();
+      return u();
     },
     set apiEndpoint(e = "") {
-      c(e), v();
+      u(e), v();
     },
     get userSession() {
-      return p();
+      return c();
     },
     set userSession(e = "") {
-      p(e), v();
+      c(e), v();
     },
     get locale() {
       return y();
@@ -249,124 +254,156 @@ function fe(_, n) {
       y(e), v();
     },
     get limitItem() {
-      return l();
+      return r();
     },
-    set limitItem(e = R) {
-      l(e), v();
+    set limitItem(e = T) {
+      r(e), v();
     },
     get translationUrl() {
-      return P();
+      return V();
     },
     set translationUrl(e) {
-      P(e), v();
+      V(e), v();
     }
-  }, W = yt(), Ie = E(W);
+  }, $ = St(), ze = I($);
   {
-    var Ce = (e) => {
-      dt(e, {
+    var Pe = (e) => {
+      vt(e, {
         get itemId() {
-          return t(N).id;
+          return t(O).id;
         },
         get elevateReward() {
-          return t(N);
+          return t(O);
         },
         get apiEndpoint() {
-          return c();
+          return u();
         },
         get userSession() {
-          return p();
+          return c();
         },
         get locale() {
           return y();
         }
       });
-    }, Re = (e) => {
-      var s = mt();
-      de(s, 21, () => Array(t(S)), et, (a, d, I, D) => {
-        var Y = pt();
-        x(a, Y);
-      }), b(s), x(e, s);
-    }, Le = (e) => {
-      var s = gt(), a = E(s, !0);
-      b(s), ue((d) => V(a, d), [() => we()]), x(e, s);
-    }, Ne = (e) => {
-      var s = vt(), a = tt(s);
-      de(a, 21, () => t(g), (m) => m.id, (m, u) => {
-        var C = ft();
-        let ne;
-        var T = E(C), Te = le(() => qe(t(u))), se = E(T);
-        b(T);
-        var Z = z(T, 2), Me = E(Z, !0);
-        b(Z);
-        var G = z(Z, 2), ze = E(G);
-        b(G);
-        var j = z(G, 2), Pe = E(j, !0);
-        b(j), b(C), ue(
-          (Q, Ue, Be, Ae, De, je, Ve) => {
-            ne = at(C, 1, "loyalty-shop__item svelte-1f1q033", null, ne, Q), ce(se, "src", Ue), ce(se, "alt", Be), V(Me, Ae), V(ze, `${t(u).points ?? ""}
-            ${De ?? ""}`), j.disabled = je, V(Pe, Ve);
-          },
-          [
-            () => ({
-              "loyalty-shop__item--unavailable": !J(t(u))
-            }),
-            () => be(t(u)),
-            () => F(t(u)),
-            () => F(t(u)),
-            () => o()("tokens"),
-            () => !J(t(u)) || t(O) === t(u).id,
-            () => o()("buyNow")
-          ]
-        ), $("click", T, () => te(t(u))), $("keydown", T, function(...Q) {
-          t(Te)?.apply(this, Q);
-        }), $("click", j, () => _e(t(u))), x(m, C);
-      }), b(a);
-      var d = z(a, 2);
-      {
-        var I = (m) => {
-          ot(m, {
-            get offset() {
-              return t(k);
-            },
-            get limit() {
-              return t(S);
-            },
-            get total() {
-              return t(U);
-            },
-            onPageChange: xe,
-            get locale() {
-              return y();
-            }
-          });
-        };
-        X(d, (m) => {
-          t(w) || m(I);
-        });
-      }
-      var D = z(d, 2);
+    }, Ue = (e) => {
+      var a = he(), i = se(a);
       {
-        var Y = (m) => {
-          var u = ht();
-          it(u, (C) => r(B, C), () => t(B)), x(m, u);
+        var f = (w) => {
+          var L = kt();
+          ve(L, 21, () => Array(t(R)), dt, (ee, re, ie, S) => {
+            var x = bt();
+            _(ee, x);
+          }), b(L), _(w, L);
+        }, P = (w) => {
+          var L = he(), ee = se(L);
+          {
+            var re = (S) => {
+              var x = wt(), U = I(x, !0);
+              b(x), ye((J) => Z(U, J), [Le]), _(S, x);
+            }, ie = (S) => {
+              var x = qt(), U = se(x);
+              ve(U, 21, () => t(m), (p) => p.id, (p, d) => {
+                var N = xt();
+                let de;
+                var B = I(N);
+                B.__click = () => le(t(d));
+                var Ve = ge(() => Me(t(d)));
+                B.__keydown = function(...ae) {
+                  t(Ve)?.apply(this, ae);
+                };
+                var ue = I(B);
+                b(B);
+                var te = j(B, 2), He = I(te, !0);
+                b(te);
+                var ne = j(te, 2), Ke = I(ne);
+                b(ne);
+                var W = j(ne, 2);
+                W.__click = () => Ce(t(d));
+                var Fe = I(W, !0);
+                b(W), b(N), ye(
+                  (ae, Je, We, Ze, Ge, Ye, Qe) => {
+                    de = ut(N, 1, "loyalty-shop__item svelte-1f1q033", null, de, ae), _e(ue, "src", Je), _e(ue, "alt", We), Z(He, Ze), Z(Ke, `${t(d).points ?? ""}
+            ${Ge ?? ""}`), W.disabled = Ye, Z(Fe, Qe);
+                  },
+                  [
+                    () => ({
+                      "loyalty-shop__item--unavailable": !X(t(d))
+                    }),
+                    () => Ie(t(d)),
+                    () => Q(t(d)),
+                    () => Q(t(d)),
+                    () => s()("tokens"),
+                    () => !X(t(d)) || t(z) === t(d).id,
+                    () => s()("buyNow")
+                  ]
+                ), _(p, N);
+              }), b(U);
+              var J = j(U, 2);
+              {
+                var Ae = (p) => {
+                  gt(p, {
+                    get offset() {
+                      return t(E);
+                    },
+                    get limit() {
+                      return t(R);
+                    },
+                    get total() {
+                      return t(H);
+                    },
+                    onPageChange: Ne,
+                    get locale() {
+                      return y();
+                    }
+                  });
+                };
+                D(J, (p) => {
+                  t(q) || p(Ae);
+                });
+              }
+              var De = j(J, 2);
+              {
+                var je = (p) => {
+                  var d = Et();
+                  ht(d, (N) => l(K, N), () => t(K)), _(p, d);
+                };
+                D(De, (p) => {
+                  t(q) && t(m).length < t(H) && p(je);
+                });
+              }
+              _(S, x);
+            };
+            D(
+              ee,
+              (S) => {
+                !t(m).length || t(Y) ? S(re) : S(ie, !1);
+              },
+              !0
+            );
+          }
+          _(w, L);
         };
-        X(D, (m) => {
-          t(w) && t(g).length < t(U) && m(Y);
-        });
+        D(
+          i,
+          (w) => {
+            t(G) && t(m).length === 0 ? w(f) : w(P, !1);
+          },
+          !0
+        );
       }
-      x(e, s);
+      _(e, a);
     };
-    X(Ie, (e) => {
-      t(N) ? e(Ce) : t(K) && t(g).length === 0 ? e(Re, 1) : !t(g).length || t(H) ? e(Le, 2) : e(Ne, -1);
+    D(ze, (e) => {
+      t(O) ? e(Pe) : e(Ue, !1);
     });
   }
-  b(W), x(_, W);
-  var Oe = ge(Se);
-  return L(), Oe;
+  b($), _(k, $);
+  var Be = we(Oe);
+  return M(), Be;
 }
-Ke(["click", "keydown"]);
-pe(
-  fe,
+Xe(["click", "keydown"]);
+be(
+  xe,
   {
     apiEndpoint: {},
     userSession: {},
@@ -376,63 +413,63 @@ pe(
   },
   [],
   [],
-  { mode: "open" }
+  !0
 );
-function he(_, n) {
-  me(n, !0);
-  let o = h(n, "apiEndpoint", 7, ""), i = h(n, "userSession", 7, ""), L = h(n, "locale", 7, ""), c = h(n, "limitItem", 7, R), p = h(n, "translationUrl");
+function Ee(k, n) {
+  ke(n, !0);
+  let s = h(n, "apiEndpoint", 7, ""), o = h(n, "userSession", 7, ""), M = h(n, "locale", 7, ""), u = h(n, "limitItem", 7, T), c = h(n, "translationUrl");
   var y = {
     get apiEndpoint() {
-      return o();
+      return s();
     },
-    set apiEndpoint(l = "") {
-      o(l), v();
+    set apiEndpoint(r = "") {
+      s(r), v();
     },
     get userSession() {
-      return i();
+      return o();
     },
-    set userSession(l = "") {
-      i(l), v();
+    set userSession(r = "") {
+      o(r), v();
     },
     get locale() {
-      return L();
+      return M();
     },
-    set locale(l = "") {
-      L(l), v();
+    set locale(r = "") {
+      M(r), v();
     },
     get limitItem() {
-      return c();
+      return u();
     },
-    set limitItem(l = R) {
-      c(l), v();
+    set limitItem(r = T) {
+      u(r), v();
     },
     get translationUrl() {
-      return p();
+      return c();
     },
-    set translationUrl(l) {
-      p(l), v();
+    set translationUrl(r) {
+      c(r), v();
     }
   };
-  return fe(_, {
+  return xe(k, {
     get apiEndpoint() {
-      return o();
+      return s();
     },
     get userSession() {
-      return i();
+      return o();
     },
     get locale() {
-      return L();
+      return M();
     },
     get limitItem() {
-      return c();
+      return u();
     },
     get translationUrl() {
-      return p();
+      return c();
     }
-  }), ge(y);
+  }), we(y);
 }
-customElements.define("loyalty-shop", pe(
-  he,
+customElements.define("loyalty-shop", be(
+  Ee,
   {
     apiEndpoint: {},
     userSession: {},
@@ -441,13 +478,14 @@ customElements.define("loyalty-shop", pe(
     translationUrl: {}
   },
   [],
-  []
+  [],
+  !1
 ));
-const wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: he
+  default: Ee
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  fe as L,
-  wt as a
+  xe as L,
+  Lt as a
 };