@everymatrix/loyalty-shop 0.1.14 → 0.1.15

package/components/{LoyaltyShop-DoIx97J9.js → LoyaltyShop-DORwVB2x.js}

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