@everymatrix/loyalty-shop 0.2.0 → 0.2.1

package/components/{LoyaltyShop-BolB3kh1.js → LoyaltyShop-CBH93UYT.js}

@@ -1,18 +1,23 @@
-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-CvGlrsHL.js";
-import { L as dt } from "./LoyaltyShopItem-BF51hsPa.js";
+import { z as Ke, c as me, p as ge, a as Fe, b as h, s as Ze, d as ae, A as f, B as oe, P as le, E as N, m as t, F as i, C as Je, H as ie, S as We, i as G, h as w, j as fe, Q as C, R as Ye, u as re, I as Ge, J as Qe, K as Xe, L as $e, w as x, k as y, l as et, n as de, r as D, T as ue, U as tt, o as T, t as ce, v as j, g as nt, q as M, x as st, $ as at, V as ot, O as pe, M as Q, W as lt, X as it, N as rt, Y as dt } from "./LoyaltyPagination-BqHc2i2H.js";
+import { L as ut } from "./LoyaltyShopItem-DL7R43c_.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
 if (typeof window < "u") {
-  let _ = function(n) {
+  let b = function(n) {
     return function(...o) {
       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"))
+      } 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 i;
+        throw l;
       }
     };
   };
-  customElements.define = _(customElements.define), import("./LoyaltyPagination-CvGlrsHL.js").then((n) => n.Y).then((n) => {
+  customElements.define = b(customElements.define), import("./LoyaltyPagination-BqHc2i2H.js").then((n) => n.Z).then((n) => {
     const o = n.default || n;
     customElements.get("loyalty-pagination") || customElements.define("loyalty-pagination", o.element || o);
   }).catch((n) => {
@@ -20,25 +25,25 @@ if (typeof window < "u") {
   });
 }
 if (typeof window < "u") {
-  let _ = function(n) {
+  let b = function(n) {
     return function(...o) {
       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"))
+      } 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 i;
+        throw l;
       }
     };
   };
-  customElements.define = _(customElements.define), import("./LoyaltyShopItem-BF51hsPa.js").then((n) => n.a).then((n) => {
+  customElements.define = b(customElements.define), import("./LoyaltyShopItem-DL7R43c_.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 ut = {
+const ct = {
   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 = {
+}, pt = "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 mt = x('<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>'), gt = x('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'), ft = x('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'), ht = x('<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>'), yt = x('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'), vt = x('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>', 1), bt = x('<div class="loyalty-shop svelte-1f1q033"><!></div>');
+const _t = {
   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,149 +131,151 @@ 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: {} });
+function he(b, n) {
+  ge(n, !0), Fe(b, _t);
+  const o = () => st(at, "$_", l), [l, R] = et(), c = h(n, "apiEndpoint", 7, ""), p = h(n, "userSession", 7, ""), v = h(n, "locale", 7, ""), r = h(n, "limitItem", 7, C), O = h(n, "translationUrl");
+  Ze({ withLocale: v(), translations: {} });
   const ve = async () => {
     try {
-      const e = new URL(P(), window.location.href), s = await fetch(e.href);
+      const e = new URL(O(), window.location.href), s = await fetch(e.href);
       if (!s.ok)
         throw new Error("Failed to fetch translations");
       const a = await s.json();
-      Object.entries(a).forEach(([d, I]) => {
-        ae(d, I);
+      Object.entries(a).forEach(([d, S]) => {
+        ae(d, S);
       });
     } catch (e) {
       console.error("loyalty shop translation url err:", e);
     }
   };
-  Object.entries(ut).forEach(([e, s]) => {
+  Object.entries(ct).forEach(([e, s]) => {
     ae(e, s);
   });
-  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 = () => {
+  let g = f(oe([])), E = f(void 0), z = f(0), _ = f(0), q = f(oe(le)), V = f(!1), H = f(!1), L = f(void 0), k = f(!1), P = f(void 0), U = 0;
+  const be = re(() => typeof r() == "number" ? r() : parseInt(r(), C) || C), X = () => {
     if (!c() || !p())
       return;
-    r(K, !0), r(H, !1);
-    const e = ++A, s = t(w) && t(k) > 0;
+    i(V, !0), i(H, !1);
+    const e = ++U, s = t(k) && t(_) > 0;
     Ye(
       {
         apiEndpoint: c(),
         userSession: p(),
-        locale: y()
+        locale: v()
       },
-      t(k),
-      t(S)
+      t(_),
+      t(q)
     ).then((a) => {
-      if (e !== A)
+      if (e !== U)
         return;
       const d = a.data ?? [];
-      r(U, a.total ?? 0, !0), s ? r(g, [...t(g), ...d], !0) : r(g, d, !0);
+      i(z, a.total ?? 0, !0), s ? i(g, [...t(g), ...d], !0) : i(g, d, !0);
     }).catch((a) => {
-      e === A && (r(H, !0), console.error("Failed to load shop rewards:", a));
+      e === U && (i(H, !0), console.error("Failed to load shop rewards:", a));
     }).finally(() => {
-      e === A && r(K, !1);
+      e === U && i(V, !1);
     });
   };
-  M(() => {
-    c(), p(), y(), t(k), t(S), ee();
-  }), M(() => {
+  N(() => {
+    c(), p(), v(), t(_), t(q), X();
+  }), N(() => {
     const e = window.matchMedia("(max-width: 767px)"), s = (a) => {
-      r(w, a.matches, !0);
+      i(k, a.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 i(k, e.matches, !0), e.addEventListener("change", s), () => e.removeEventListener("change", s);
+  }), N(() => {
+    i(q, t(k) ? le : t(be), !0);
+  }), N(() => {
+    if (!t(k) || !t(P)) return;
     const e = new IntersectionObserver(
       (s) => {
-        s.some((a) => a.isIntersecting) && t(g).length < t(U) && r(k, t(k) + t(S));
+        s.some((a) => a.isIntersecting) && t(g).length < t(z) && i(_, t(_) + t(q));
       },
       { rootMargin: "200px" }
     );
-    return e.observe(t(B)), () => e.disconnect();
+    return e.observe(t(P)), () => e.disconnect();
   }), Je(() => {
-    P() && ve();
+    O() && ve();
   });
-  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 _e = (e) => e.presentation?.assets?.[0] ?? pt, K = (e) => e.displayName ?? e.presentation?.displayName ?? "", F = (e) => e.available === "true", ke = (e) => {
+    t(L) || !F(e) || rt(K(e), e.id);
+  }, we = async (e) => {
+    if (!(!c() || t(L))) {
+      i(L, e, !0);
       try {
-        await Ze({ apiEndpoint: c(), userSession: p() }, e), Ge(e), Qe(), ee();
+        await Ge({ apiEndpoint: c(), userSession: p() }, e), Qe(e), Xe(), X();
       } catch (s) {
-        Xe(e, s);
+        $e(e, s);
       } finally {
-        r(O, void 0);
+        i(L, void 0);
       }
     }
   };
-  M(() => {
+  N(() => {
     const e = (s) => {
-      const { type: a, id: d, source: I } = s.data ?? {};
+      const { type: a, id: d, source: S } = s.data ?? {};
       switch (a) {
-        case re.REDEEM_REWARD_CONFIRMED:
-          d && t(g).some((D) => D.id === d) && ke(d);
+        case ie.REDEEM_REWARD_CONFIRMED:
+          if (t(E))
+            break;
+          d && t(g).some((B) => B.id === d) && we(d);
           break;
-        case re.BACK_BUTTON_CLICKED:
-          I === We && r(N, void 0);
+        case ie.BACK_BUTTON_CLICKED:
+          S === We && i(E, 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 xe = () => t(g).length ? o()("generalError") : o()("noContent"), Ee = (e) => {
+    i(_, e, !0);
+  }, qe = (e) => {
+    dt(e.displayName || e.presentation.displayName, e.id);
+  }, $ = (e) => {
+    i(E, e, !0), qe(e);
+  }, Se = (e) => (s) => {
+    (s.key === "Enter" || s.key === " ") && (s.preventDefault(), $(e));
   };
-  var Se = {
+  var Ie = {
     get apiEndpoint() {
       return c();
     },
     set apiEndpoint(e = "") {
-      c(e), v();
+      c(e), y();
     },
     get userSession() {
       return p();
     },
     set userSession(e = "") {
-      p(e), v();
+      p(e), y();
     },
     get locale() {
-      return y();
+      return v();
     },
     set locale(e = "") {
-      y(e), v();
+      v(e), y();
     },
     get limitItem() {
-      return l();
+      return r();
     },
-    set limitItem(e = R) {
-      l(e), v();
+    set limitItem(e = C) {
+      r(e), y();
     },
     get translationUrl() {
-      return P();
+      return O();
     },
     set translationUrl(e) {
-      P(e), v();
+      O(e), y();
     }
-  }, W = yt(), Ie = E(W);
+  }, Z = bt(), Ce = de(Z);
   {
-    var Ce = (e) => {
-      dt(e, {
+    var Re = (e) => {
+      ut(e, {
         get itemId() {
-          return t(N).id;
+          return t(E).id;
         },
         get elevateReward() {
-          return t(N);
+          return t(E);
         },
         get apiEndpoint() {
           return c();
@@ -277,96 +284,88 @@ function fe(_, n) {
           return p();
         },
         get locale() {
-          return y();
+          return v();
         }
       });
-    }, 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);
+      var s = gt();
+      ue(s, 21, () => Array(t(q)), tt, (a, d, S, B) => {
+        var J = mt();
+        w(a, J);
+      }), D(s), w(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);
+      var s = ft(), a = T(s, !0);
+      ce((d) => j(a, d), [() => xe()]), w(e, s);
+    }, Te = (e) => {
+      var s = vt(), a = nt(s);
+      ue(a, 21, () => t(g), (m) => m.id, (m, u) => {
+        var I = ht();
+        let ee;
+        var A = de(I), Oe = re(() => Se(t(u))), te = T(A), ne = M(A, 2), ze = T(ne, !0), se = M(ne, 2), Pe = T(se), W = M(se, 2), Ue = T(W, !0);
+        D(I), ce(
+          (Y, Be, Ae, De, je, Ve, He) => {
+            ee = ot(I, 1, "loyalty-shop__item svelte-1f1q033", null, ee, { "loyalty-shop__item--unavailable": Y }), pe(te, "src", Be), pe(te, "alt", Ae), j(ze, De), j(Pe, `${t(u).points ?? ""}
+            ${je ?? ""}`), W.disabled = Ve, j(Ue, He);
           },
           [
-            () => ({
-              "loyalty-shop__item--unavailable": !J(t(u))
-            }),
-            () => be(t(u)),
-            () => F(t(u)),
-            () => F(t(u)),
+            () => !F(t(u)),
+            () => _e(t(u)),
+            () => K(t(u)),
+            () => K(t(u)),
             () => o()("tokens"),
-            () => !J(t(u)) || t(O) === t(u).id,
+            () => !F(t(u)) || t(L) === 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);
+        ), Q("click", A, () => $(t(u))), Q("keydown", A, function(...Y) {
+          t(Oe)?.apply(this, Y);
+        }), Q("click", W, () => ke(t(u))), w(m, I);
+      }), D(a);
+      var d = M(a, 2);
       {
-        var I = (m) => {
-          ot(m, {
+        var S = (m) => {
+          lt(m, {
             get offset() {
-              return t(k);
+              return t(_);
             },
             get limit() {
-              return t(S);
+              return t(q);
             },
             get total() {
-              return t(U);
+              return t(z);
             },
-            onPageChange: xe,
+            onPageChange: Ee,
             get locale() {
-              return y();
+              return v();
             }
           });
         };
-        X(d, (m) => {
-          t(w) || m(I);
+        G(d, (m) => {
+          t(k) || m(S);
         });
       }
-      var D = z(d, 2);
+      var B = M(d, 2);
       {
-        var Y = (m) => {
-          var u = ht();
-          it(u, (C) => r(B, C), () => t(B)), x(m, u);
+        var J = (m) => {
+          var u = yt();
+          it(u, (I) => i(P, I), () => t(P)), w(m, u);
         };
-        X(D, (m) => {
-          t(w) && t(g).length < t(U) && m(Y);
+        G(B, (m) => {
+          t(k) && t(g).length < t(z) && m(J);
         });
       }
-      x(e, s);
+      w(e, s);
     };
-    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);
+    G(Ce, (e) => {
+      t(E) ? e(Re) : t(V) && t(g).length === 0 ? e(Le, 1) : !t(g).length || t(H) ? e(Ne, 2) : e(Te, -1);
     });
   }
-  b(W), x(_, W);
-  var Oe = ge(Se);
-  return L(), Oe;
+  D(Z), w(b, Z);
+  var Me = fe(Ie);
+  return R(), Me;
 }
 Ke(["click", "keydown"]);
-pe(
-  fe,
+me(
+  he,
   {
     apiEndpoint: {},
     userSession: {},
@@ -378,50 +377,50 @@ pe(
   [],
   { mode: "open" }
 );
-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");
-  var y = {
+function ye(b, n) {
+  ge(n, !0);
+  let o = h(n, "apiEndpoint", 7, ""), l = h(n, "userSession", 7, ""), R = h(n, "locale", 7, ""), c = h(n, "limitItem", 7, C), p = h(n, "translationUrl");
+  var v = {
     get apiEndpoint() {
       return o();
     },
-    set apiEndpoint(l = "") {
-      o(l), v();
+    set apiEndpoint(r = "") {
+      o(r), y();
     },
     get userSession() {
-      return i();
+      return l();
     },
-    set userSession(l = "") {
-      i(l), v();
+    set userSession(r = "") {
+      l(r), y();
     },
     get locale() {
-      return L();
+      return R();
     },
-    set locale(l = "") {
-      L(l), v();
+    set locale(r = "") {
+      R(r), y();
     },
     get limitItem() {
       return c();
     },
-    set limitItem(l = R) {
-      c(l), v();
+    set limitItem(r = C) {
+      c(r), y();
     },
     get translationUrl() {
       return p();
     },
-    set translationUrl(l) {
-      p(l), v();
+    set translationUrl(r) {
+      p(r), y();
     }
   };
-  return fe(_, {
+  return he(b, {
     get apiEndpoint() {
       return o();
     },
     get userSession() {
-      return i();
+      return l();
     },
     get locale() {
-      return L();
+      return R();
     },
     get limitItem() {
       return c();
@@ -429,10 +428,10 @@ function he(_, n) {
     get translationUrl() {
       return p();
     }
-  }), ge(y);
+  }), fe(v);
 }
-customElements.define("loyalty-shop", pe(
-  he,
+customElements.define("loyalty-shop", me(
+  ye,
   {
     apiEndpoint: {},
     userSession: {},
@@ -443,11 +442,11 @@ customElements.define("loyalty-shop", pe(
   [],
   []
 ));
-const wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: he
+  default: ye
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  fe as L,
-  wt as a
+  he as L,
+  xt as a
 };

package/components/LoyaltyShop-CCeVtHJ7.cjs

@@ -0,0 +1,27 @@
+var B=(f,o,l)=>new Promise((r,y)=>{var d=a=>{try{c(l.next(a))}catch(_){y(_)}},p=a=>{try{c(l.throw(a))}catch(_){y(_)}},c=a=>a.done?r(a.value):Promise.resolve(a.value).then(d,p);c((l=l.apply(f,o)).next())});typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-B2XwqERr.cjs"),be=require("./LoyaltyShopItem-BvxV4bEm.cjs");if(typeof window!="undefined"){let f=function(o){return function(...l){try{return o.apply(this,l)}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;throw r}}};customElements.define=f(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPagination-B2XwqERr.cjs")).then(o=>o.LoyaltyPagination_ce).then(o=>{const l=o.default||o;customElements.get("loyalty-pagination")||customElements.define("loyalty-pagination",l.element||l)}).catch(o=>{console.error("BOOT ERROR:",o)})}if(typeof window!="undefined"){let f=function(o){return function(...l){try{return o.apply(this,l)}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;throw r}}};customElements.define=f(customElements.define),Promise.resolve().then(()=>require("./LoyaltyShopItem-BvxV4bEm.cjs")).then(o=>o.LoyaltyShopItem_ce).then(o=>{const l=o.default||o;customElements.get("loyalty-shop-item")||customElements.define("loyalty-shop-item",l.element||l)}).catch(o=>{console.error("BOOT ERROR:",o)})}const ke={en:{loading:"Loading…",noContent:"There are no bonus items available for redemption.",networkProblem:"Network problem. Please reload.",tokens:"Tokens",buyNow:"Buy Now",generalError:"Something went wrong... Please try again."},tr:{loading:"Yükleniyor…",noContent:"Kullanılabilir bonus öğesi bulunmamaktadır.",networkProblem:"Ağ sorunu. Lütfen yeniden yükleyin.",tokens:"Tokens",buyNow:"Satın Al",generalError:"Bir sorun oluştu, lütfen tekrar deneyin."},da:{loading:"Indlæser…",noContent:"Der er ingen bonusgenstande tilgængelige til indløsning.",networkProblem:"Netværksproblem. Genindlæs venligst siden.",tokens:"Tokens",buyNow:"Køb nu",generalError:"Noget gik galt. Prøv venligst igen."},de:{loading:"Wird geladen…",noContent:"Es sind keine Bonusartikel zum Einlösen verfügbar.",networkProblem:"Netzwerkproblem. Bitte lade die Seite neu.",tokens:"Token",buyNow:"Jetzt kaufen",generalError:"Etwas ist schiefgelaufen. Bitte versuche es erneut."},nl:{loading:"Laden…",noContent:"Er zijn geen bonusitems beschikbaar om in te wisselen.",networkProblem:"Netwerkprobleem. Laad de pagina opnieuw.",tokens:"Tokens",buyNow:"Nu kopen",generalError:"Er is iets misgegaan. Probeer het opnieuw."},fr:{loading:"Chargement…",noContent:"Aucun bonus n'est disponible pour être échangé.",networkProblem:"Problème de réseau. Veuillez recharger la page.",tokens:"Jetons",buyNow:"Acheter",generalError:"Une erreur s'est produite. Veuillez réessayer."},hu:{loading:"Betöltés…",noContent:"Nincsenek beváltható bónuszok.",networkProblem:"Hálózati probléma. Kérjük, töltsd újra az oldalt.",tokens:"Tokenek",buyNow:"Vásárlás",generalError:"Hiba történt. Kérjük, próbáld újra."}},we="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 Ee=e.from_html('<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>'),xe=e.from_html('<div class="loyalty-shop__grid loyalty-shop__grid--skeleton svelte-1f1q033"></div>'),Se=e.from_html('<div class="loyalty-shop__unavailable svelte-1f1q033"> </div>'),qe=e.from_html('<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>'),Ie=e.from_html('<div class="load-more-sentinel svelte-1f1q033" aria-hidden="true"></div>'),Le=e.from_html('<div class="loyalty-shop__grid svelte-1f1q033"></div> <!> <!>',1),Te=e.from_html('<div class="loyalty-shop svelte-1f1q033"><!></div>');const Me={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,
+      var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
+      color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
+      var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
+    );background-size:200% 100%;
+    animation: svelte-1f1q033-shimmer 3s linear infinite;border-radius:6px;}.skeleton-line.svelte-1f1q033 {height:14px;border-radius:6px;background:linear-gradient(
+      90deg,
+      var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 0%,
+      color-mix(in srgb, var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 80%, white) 50%,
+      var(--app-container-bg-subtle, rgba(251, 251, 251, 0.1)) 100%
+    );background-size:200% 100%;
+    animation: svelte-1f1q033-shimmer 3s linear infinite;}.skeleton-line--short.svelte-1f1q033 {width:40%;}.loyalty-shop__item--skeleton.svelte-1f1q033 {display:flex;flex-direction:column;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-image:where(.svelte-1f1q033) {width:100%;height:82px;border-radius:6px;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-title:where(.svelte-1f1q033) {width:90%;}.loyalty-shop__item--skeleton.svelte-1f1q033 .loyalty-shop__item-points:where(.svelte-1f1q033) {width:40%;}.loyalty-shop__item-button-skeleton.svelte-1f1q033 {margin-top:auto;width:100%;height:40px;border-radius:6px;}.loyalty-shop__item-image-container.svelte-1f1q033 {cursor:pointer;}
+
+  @keyframes svelte-1f1q033-shimmer {
+    0% {
+      background-position: 200% 0;
+    }
+
+    100% {
+      background-position: -200% 0;
+    }
+  }
+
+  @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 j(f,o){e.push(o,!0),e.append_styles(f,Me);const l=()=>e.store_get(e.$format,"$_",r),[r,y]=e.setup_stores(),d=e.prop(o,"apiEndpoint",7,""),p=e.prop(o,"userSession",7,""),c=e.prop(o,"locale",7,""),a=e.prop(o,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),_=e.prop(o,"translationUrl");e.setupI18n({withLocale:c(),translations:{}});const G=()=>B(this,null,function*(){try{const t=new URL(_(),window.location.href),n=yield fetch(t.href);if(!n.ok)throw new Error("Failed to fetch translations");const s=yield n.json();Object.entries(s).forEach(([i,h])=>{e.addNewMessages(i,h)})}catch(t){console.error("loyalty shop translation url err:",t)}});Object.entries(ke).forEach(([t,n])=>{e.addNewMessages(t,n)});let m=e.state(e.proxy([])),w=e.state(void 0),I=e.state(0),b=e.state(0),E=e.state(e.proxy(e.MOBILE_LOAD_ITEMS)),R=e.state(!1),N=e.state(!1),S=e.state(void 0),k=e.state(!1),L=e.state(void 0),T=0;const Q=e.user_derived(()=>typeof a()=="number"?a():parseInt(a(),e.ITEMS_LIMIT_DEFAULT)||e.ITEMS_LIMIT_DEFAULT),F=()=>{if(!d()||!p())return;e.set(R,!0),e.set(N,!1);const t=++T,n=e.get(k)&&e.get(b)>0;e.fetchShopRewards({apiEndpoint:d(),userSession:p(),locale:c()},e.get(b),e.get(E)).then(s=>{var h,v;if(t!==T)return;const i=(h=s.data)!=null?h:[];e.set(I,(v=s.total)!=null?v:0,!0),n?e.set(m,[...e.get(m),...i],!0):e.set(m,i,!0)}).catch(s=>{t===T&&(e.set(N,!0),console.error("Failed to load shop rewards:",s))}).finally(()=>{t===T&&e.set(R,!1)})};e.user_effect(()=>{d(),p(),c(),e.get(b),e.get(E),F()}),e.user_effect(()=>{const t=window.matchMedia("(max-width: 767px)"),n=s=>{e.set(k,s.matches,!0)};return e.set(k,t.matches,!0),t.addEventListener("change",n),()=>t.removeEventListener("change",n)}),e.user_effect(()=>{e.set(E,e.get(k)?e.MOBILE_LOAD_ITEMS:e.get(Q),!0)}),e.user_effect(()=>{if(!e.get(k)||!e.get(L))return;const t=new IntersectionObserver(n=>{n.some(s=>s.isIntersecting)&&e.get(m).length<e.get(I)&&e.set(b,e.get(b)+e.get(E))},{rootMargin:"200px"});return t.observe(e.get(L)),()=>t.disconnect()}),e.user_pre_effect(()=>{_()&&G()});const X=t=>{var n,s,i;return(i=(s=(n=t.presentation)==null?void 0:n.assets)==null?void 0:s[0])!=null?i:we},O=t=>{var n,s,i;return(i=(s=t.displayName)!=null?s:(n=t.presentation)==null?void 0:n.displayName)!=null?i:""},P=t=>t.available==="true",$=t=>{e.get(S)||!P(t)||e.sendRedeemRewardRequested(O(t),t.id)},ee=t=>B(this,null,function*(){if(!(!d()||e.get(S))){e.set(S,t,!0);try{yield e.redeemReward({apiEndpoint:d(),userSession:p()},t),e.sendRedeemRewardSuccess(t),e.dispatchRedeemRewardButton(),F()}catch(n){e.sendRedeemRewardFailed(t,n)}finally{e.set(S,void 0)}}});e.user_effect(()=>{const t=n=>{var v;const{type:s,id:i,source:h}=(v=n.data)!=null?v:{};switch(s){case e.EVENT_TYPES.REDEEM_REWARD_CONFIRMED:if(e.get(w))break;i&&e.get(m).some(q=>q.id===i)&&ee(i);break;case e.EVENT_TYPES.BACK_BUTTON_CLICKED:h===e.SOURCE&&e.set(w,void 0);break}};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});const te=()=>e.get(m).length?l()("generalError"):l()("noContent"),ne=t=>{e.set(b,t,!0)},oe=t=>{e.sendRewardItemClicked(t.displayName||t.presentation.displayName,t.id)},V=t=>{e.set(w,t,!0),oe(t)},se=t=>n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),V(t))};var le={get apiEndpoint(){return d()},set apiEndpoint(t=""){d(t),e.flushSync()},get userSession(){return p()},set userSession(t=""){p(t),e.flushSync()},get locale(){return c()},set locale(t=""){c(t),e.flushSync()},get limitItem(){return a()},set limitItem(t=e.ITEMS_LIMIT_DEFAULT){a(t),e.flushSync()},get translationUrl(){return _()},set translationUrl(t){_(t),e.flushSync()}},U=Te(),ae=e.child(U);{var ie=t=>{be.LoyaltyShopItem(t,{get itemId(){return e.get(w).id},get elevateReward(){return e.get(w)},get apiEndpoint(){return d()},get userSession(){return p()},get locale(){return c()}})},re=t=>{var n=xe();e.each(n,21,()=>Array(e.get(E)),e.index,(s,i,h,v)=>{var q=Ee();e.append(s,q)}),e.reset(n),e.append(t,n)},de=t=>{var n=Se(),s=e.only_child(n,!0);e.template_effect(i=>e.set_text(s,i),[()=>te()]),e.append(t,n)},pe=t=>{var n=Le(),s=e.first_child(n);e.each(s,21,()=>e.get(m),u=>u.id,(u,g)=>{var x=qe();let H;var M=e.child(x),ge=e.user_derived(()=>se(e.get(g))),K=e.only_child(M),Y=e.sibling(M,2),ue=e.only_child(Y,!0),Z=e.sibling(Y,2),fe=e.only_child(Z),D=e.sibling(Z,2),me=e.only_child(D,!0);e.reset(x),e.template_effect((A,C,he,ye,z,_e,ve)=>{var J;H=e.set_class(x,1,"loyalty-shop__item svelte-1f1q033",null,H,{"loyalty-shop__item--unavailable":A}),e.set_attribute(K,"src",C),e.set_attribute(K,"alt",he),e.set_text(ue,ye),e.set_text(fe,`${(J=e.get(g).points)!=null?J:""}
+            ${z!=null?z:""}`),D.disabled=_e,e.set_text(me,ve)},[()=>!P(e.get(g)),()=>X(e.get(g)),()=>O(e.get(g)),()=>O(e.get(g)),()=>l()("tokens"),()=>!P(e.get(g))||e.get(S)===e.get(g).id,()=>l()("buyNow")]),e.delegated("click",M,()=>V(e.get(g))),e.delegated("keydown",M,function(...A){var C;(C=e.get(ge))==null||C.apply(this,A)}),e.delegated("click",D,()=>$(e.get(g))),e.append(u,x)}),e.reset(s);var i=e.sibling(s,2);{var h=u=>{e.LoyaltyPagination(u,{get offset(){return e.get(b)},get limit(){return e.get(E)},get total(){return e.get(I)},onPageChange:ne,get locale(){return c()}})};e.if_block(i,u=>{e.get(k)||u(h)})}var v=e.sibling(i,2);{var q=u=>{var g=Ie();e.bind_this(g,x=>e.set(L,x),()=>e.get(L)),e.append(u,g)};e.if_block(v,u=>{e.get(k)&&e.get(m).length<e.get(I)&&u(q)})}e.append(t,n)};e.if_block(ae,t=>{e.get(w)?t(ie):e.get(R)&&e.get(m).length===0?t(re,1):!e.get(m).length||e.get(N)?t(de,2):t(pe,-1)})}e.reset(U),e.append(f,U);var ce=e.pop(le);return y(),ce}e.delegate(["click","keydown"]);e.create_custom_element(j,{apiEndpoint:{},userSession:{},locale:{},limitItem:{},translationUrl:{}},[],[],{mode:"open"});function W(f,o){e.push(o,!0);let l=e.prop(o,"apiEndpoint",7,""),r=e.prop(o,"userSession",7,""),y=e.prop(o,"locale",7,""),d=e.prop(o,"limitItem",7,e.ITEMS_LIMIT_DEFAULT),p=e.prop(o,"translationUrl");var c={get apiEndpoint(){return l()},set apiEndpoint(a=""){l(a),e.flushSync()},get userSession(){return r()},set userSession(a=""){r(a),e.flushSync()},get locale(){return y()},set locale(a=""){y(a),e.flushSync()},get limitItem(){return d()},set limitItem(a=e.ITEMS_LIMIT_DEFAULT){d(a),e.flushSync()},get translationUrl(){return p()},set translationUrl(a){p(a),e.flushSync()}};return j(f,{get apiEndpoint(){return l()},get userSession(){return r()},get locale(){return y()},get limitItem(){return d()},get translationUrl(){return p()}}),e.pop(c)}customElements.define("loyalty-shop",e.create_custom_element(W,{apiEndpoint:{},userSession:{},locale:{},limitItem:{},translationUrl:{}},[],[]));const Ce=Object.freeze(Object.defineProperty({__proto__:null,default:W},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyShop=j;exports.LoyaltyShop_ce=Ce;