@everymatrix/loyalty-shop 0.2.0 → 0.2.2

package/components/{LoyaltyShopItem-BF51hsPa.js → LoyaltyShopItem-DL7R43c_.js}

@@ -1,10 +1,15 @@
-import { y as ce, c as G, p as K, a as me, b as o, s as ve, d as Z, z as T, A as fe, B as he, C as J, E as w, F as ye, G as ge, m as a, f as _e, g as we, i as U, h as S, j as W, H as be, I as xe, J as Ee, K as Re, k as i, l as ke, n as f, o as x, r as h, t as O, q as I, L as Se, v as M, u as N, w as Ie, $ as Ne, M as Ce, N as q } from "./LoyaltyPagination-CvGlrsHL.js";
-import { L as Le } from "./LoyaltyPointsCard-4xMK1Yj3.js";
+import { z as me, c as G, p as K, a as ve, b as o, s as fe, d as Z, A as N, B as he, C as ye, E as J, F as g, G as ge, H as _e, m as t, f as we, g as be, i as T, h as E, j as W, I as xe, J as Ee, K as Re, L as ke, k as i, l as Se, n as L, q as b, o as R, r as C, t as U, v as k, M as Ie, w as M, u as S, x as Ne, $ as Te, N as Le, O as q } from "./LoyaltyPagination-BqHc2i2H.js";
+import { L as Ce } from "./LoyaltyPointsCard-DKq6yH_i.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
 if (typeof window < "u") {
-  let y = function(t) {
+  let f = function(a) {
     return function(...l) {
       try {
-        return t.apply(this, l);
+        return a.apply(this, l);
       } catch (d) {
         if (d instanceof DOMException && d.message.includes("has already been used with this registry") || d instanceof Error && d.message.includes("Cannot define multiple custom elements with the same tag name"))
           return !1;
@@ -12,14 +17,14 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = y(customElements.define), import("./LoyaltyPointsCard-4xMK1Yj3.js").then((t) => t.a).then((t) => {
-    const l = t.default || t;
+  customElements.define = f(customElements.define), import("./LoyaltyPointsCard-DKq6yH_i.js").then((a) => a.a).then((a) => {
+    const l = a.default || a;
     customElements.get("loyalty-points-card") || customElements.define("loyalty-points-card", l.element || l);
-  }).catch((t) => {
-    console.error("BOOT ERROR:", t);
+  }).catch((a) => {
+    console.error("BOOT ERROR:", a);
   });
 }
-const Te = {
+const Ue = {
   en: {
     tokens: "Tokens",
     buyNow: "Buy Now",
@@ -55,68 +60,73 @@ const Te = {
     buyNow: "Vásárlás",
     back: "Vissza"
   }
-}, Ue = "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 Oe = M('<img class="loyalty-shop-item__image svelte-ravnpu"/>'), Me = M('<div class="loyalty-shop-item__card loyalty-shop-item__card--description svelte-ravnpu"><p class="loyalty-shop-item__description svelte-ravnpu"> </p></div>'), ze = M('<div class="loyalty-shop-item svelte-ravnpu"><div class="loyalty-shop-item__card svelte-ravnpu"><!> <span class="loyalty-shop-item__title svelte-ravnpu"> </span> <span class="loyalty-shop-item__points svelte-ravnpu"> </span> <button class="loyalty-shop-item__button svelte-ravnpu" type="button"> </button></div> <!> <!></div>');
-const je = {
+}, Me = "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 Oe = M('<img class="loyalty-shop-item__image svelte-ravnpu"/>'), ze = M('<div class="loyalty-shop-item__card loyalty-shop-item__card--description svelte-ravnpu"><p class="loyalty-shop-item__description svelte-ravnpu"> </p></div>'), je = M('<div class="loyalty-shop-item svelte-ravnpu"><div class="loyalty-shop-item__card svelte-ravnpu"><!> <span class="loyalty-shop-item__title svelte-ravnpu"> </span> <span class="loyalty-shop-item__points svelte-ravnpu"> </span> <button class="loyalty-shop-item__button svelte-ravnpu" type="button"> </button></div> <!> <!></div>');
+const Ve = {
   hash: "svelte-ravnpu",
   code: `.loyalty-shop-item.svelte-ravnpu {display:flex;flex-direction:column;gap:12px;}.loyalty-shop-item__card.svelte-ravnpu {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-default, #022652);}.loyalty-shop-item__card--description.svelte-ravnpu {min-height:120px;}.loyalty-shop-item__image.svelte-ravnpu {width:100%;height:170px;border-radius:6px;}.loyalty-shop-item__title.svelte-ravnpu {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop-item__points.svelte-ravnpu {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop-item__button.svelte-ravnpu {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-ravnpu:disabled {opacity:0.4;cursor:default;}.loyalty-shop-item__description.svelte-ravnpu {color:var(--text-subtle, #dfe3e8);font-size:12px;line-height:1.4;margin:0;font-weight:500;min-height:120px;}
 
   @media (min-width: 768px) {.loyalty-shop-item__image.svelte-ravnpu {height:clamp(170px, 30vw, 400px);object-fit:cover;}
   }`
 };
-function Y(y, t) {
-  K(t, !0), me(y, je);
-  const l = () => Ie(Ne, "$_", d), [d, b] = ke(), u = o(t, "apiEndpoint", 7, ""), p = o(t, "userSession", 7, ""), c = o(t, "locale", 7, ""), g = o(t, "itemId", 7, ""), r = o(t, "elevateReward"), E = o(t, "translationUrl");
-  ve({ withLocale: c(), translations: {} }), Object.entries(Te).forEach(([e, s]) => {
+function Y(f, a) {
+  K(a, !0), ve(f, Ve);
+  const l = () => Ne(Te, "$_", d), [d, _] = Se(), u = o(a, "apiEndpoint", 7, ""), c = o(a, "userSession", 7, ""), p = o(a, "locale", 7, ""), h = o(a, "itemId", 7, ""), n = o(a, "elevateReward"), x = o(a, "translationUrl");
+  fe({ withLocale: p(), translations: {} }), Object.entries(Ue).forEach(([e, s]) => {
     Z(e, s);
   });
-  let n = T(fe(r())), R = T(!1), z = T("");
-  const j = N(() => a(n)?.presentation?.assets?.[0] ?? ""), V = N(() => a(n)?.presentation?.displayName ?? a(n)?.displayName ?? ""), A = N(() => a(n)?.presentation?.description ?? ""), B = N(() => a(n)?.available === "true"), X = () => {
-    let e = new URL(E(), window.location.href);
+  let r = N(he(n())), w = N(!1), O = N("");
+  const z = S(() => t(r)?.presentation?.assets?.[0] ?? ""), j = S(() => t(r)?.presentation?.displayName ?? t(r)?.displayName ?? ""), V = S(() => t(r)?.presentation?.description ?? ""), A = S(() => t(r)?.available === "true"), X = () => {
+    let e = new URL(x(), window.location.href);
     fetch(e.href).then((s) => s.json()).then((s) => {
-      Object.keys(s).forEach((_) => {
-        Z(_, s[_]);
+      Object.keys(s).forEach((y) => {
+        Z(y, s[y]);
       });
     }).catch((s) => {
       console.log("loyalty shop item translation url err:", s);
     });
   };
-  he(() => {
-    E() && X();
+  ye(() => {
+    x() && X();
   }), J(() => {
-    if (r()) {
-      w(n, r(), !0);
+    if (n()) {
+      g(r, n(), !0);
       return;
     }
-    !u() || !g() || ye(
+    if (!u() || !h())
+      return;
+    let e = !1;
+    return ge(
       {
         apiEndpoint: u(),
-        userSession: p(),
-        locale: c()
+        userSession: c(),
+        locale: p()
       },
-      g()
-    ).then((e) => {
-      w(n, e, !0);
-    }).catch((e) => console.error("Failed to load shop item:", e));
+      h()
+    ).then((s) => {
+      e || g(r, s, !0);
+    }).catch((s) => console.error("Failed to load shop item:", s)), () => {
+      e = !0;
+    };
   });
   const $ = () => {
-    a(R) || !a(B) || !a(n) || Ce(a(n).displayName || a(n).presentation.displayName, a(n).id);
+    t(w) || !t(A) || !t(r) || Le(t(r).displayName || t(r).presentation.displayName, t(r).id);
   }, ee = async () => {
-    if (!u() || !a(n))
+    if (!u() || !t(r) || t(w))
       return;
-    w(R, !0), w(z, "");
-    const e = a(n).id;
+    g(w, !0), g(O, "");
+    const e = t(r).id;
     try {
-      await be({ apiEndpoint: u(), userSession: p() }, e), xe(e), Ee();
+      await xe({ apiEndpoint: u(), userSession: c() }, e), Ee(e), Re();
     } catch (s) {
-      w(z, s?.message ?? "Redeem failed", !0), Re(e, s);
+      g(O, s?.message ?? "Redeem failed", !0), ke(e, s);
     } finally {
-      w(R, !1);
+      g(w, !1);
     }
   };
   J(() => {
     const e = (s) => {
-      s.data?.type === ge.REDEEM_REWARD_CONFIRMED && s.data?.id === a(n)?.id && ee();
+      s.data?.type === _e.REDEEM_REWARD_CONFIRMED && s.data?.id === t(r)?.id && ee();
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
   });
@@ -128,95 +138,91 @@ function Y(y, t) {
       u(e), i();
     },
     get userSession() {
-      return p();
+      return c();
     },
     set userSession(e = "") {
-      p(e), i();
+      c(e), i();
     },
     get locale() {
-      return c();
+      return p();
     },
     set locale(e = "") {
-      c(e), i();
+      p(e), i();
     },
     get itemId() {
-      return g();
+      return h();
     },
     set itemId(e = "") {
-      g(e), i();
+      h(e), i();
     },
     get elevateReward() {
-      return r();
+      return n();
     },
     set elevateReward(e) {
-      r(e), i();
+      n(e), i();
     },
     get translationUrl() {
-      return E();
+      return x();
     },
     set translationUrl(e) {
-      E(e), i();
+      x(e), i();
     }
-  }, D = _e(), ae = we(D);
+  }, B = we(), ae = be(B);
   {
     var se = (e) => {
-      var s = ze(), _ = f(s), F = f(_);
+      var s = je(), y = L(s), D = L(y);
       {
-        var ne = (m) => {
+        var re = (m) => {
           var v = Oe();
-          O(() => {
-            q(v, "src", a(j) || Ue), q(v, "alt", a(V));
-          }), S(m, v);
+          U(() => {
+            q(v, "src", t(z) || Me), q(v, "alt", t(j));
+          }), E(m, v);
         };
-        U(F, (m) => {
-          a(j) && m(ne);
+        T(D, (m) => {
+          t(z) && m(re);
         });
       }
-      var C = x(F, 2), oe = f(C, !0);
-      h(C);
-      var L = x(C, 2), ie = f(L);
-      h(L);
-      var k = x(L, 2), le = f(k, !0);
-      h(k), h(_);
-      var H = x(_, 2);
-      Le(H, {
+      var H = b(D, 2), oe = R(H, !0), F = b(H, 2), ie = R(F), I = b(F, 2), le = R(I, !0);
+      C(y);
+      var P = b(y, 2);
+      Ce(P, {
         get apiEndpoint() {
           return u();
         },
         get userSession() {
-          return p();
+          return c();
         },
         get locale() {
-          return c();
+          return p();
         }
       });
-      var de = x(H, 2);
+      var de = b(P, 2);
       {
         var ue = (m) => {
-          var v = Me(), P = f(v), pe = f(P, !0);
-          h(P), h(v), O(() => I(pe, a(A))), S(m, v);
+          var v = ze(), ce = L(v), pe = R(ce, !0);
+          C(v), U(() => k(pe, t(V))), E(m, v);
         };
-        U(de, (m) => {
-          a(A) && m(ue);
+        T(de, (m) => {
+          t(V) && m(ue);
         });
       }
-      h(s), O(
+      C(s), U(
         (m, v) => {
-          I(oe, a(V)), I(ie, `${a(n).points ?? ""}
-        ${m ?? ""}`), k.disabled = !a(B) || a(R), I(le, v);
+          k(oe, t(j)), k(ie, `${t(r).points ?? ""}
+        ${m ?? ""}`), I.disabled = !t(A) || t(w), k(le, v);
         },
         [() => l()("tokens"), () => l()("buyNow")]
-      ), Se("click", k, $), S(e, s);
+      ), Ie("click", I, $), E(e, s);
     };
-    U(ae, (e) => {
-      a(n) && e(se);
+    T(ae, (e) => {
+      t(r) && e(se);
     });
   }
-  S(y, D);
-  var re = W(te);
-  return b(), re;
+  E(f, B);
+  var ne = W(te);
+  return _(), ne;
 }
-ce(["click"]);
+me(["click"]);
 G(
   Y,
   {
@@ -231,48 +237,48 @@ G(
   [],
   { mode: "open" }
 );
-function Q(y, t) {
-  K(t, !0);
-  let l = o(t, "apiEndpoint", 7, ""), d = o(t, "userSession", 7, ""), b = o(t, "locale", 7, ""), u = o(t, "itemId", 7, ""), p = o(t, "elevateReward"), c = o(t, "translationUrl");
-  var g = {
+function Q(f, a) {
+  K(a, !0);
+  let l = o(a, "apiEndpoint", 7, ""), d = o(a, "userSession", 7, ""), _ = o(a, "locale", 7, ""), u = o(a, "itemId", 7, ""), c = o(a, "elevateReward"), p = o(a, "translationUrl");
+  var h = {
     get apiEndpoint() {
       return l();
     },
-    set apiEndpoint(r = "") {
-      l(r), i();
+    set apiEndpoint(n = "") {
+      l(n), i();
     },
     get userSession() {
       return d();
     },
-    set userSession(r = "") {
-      d(r), i();
+    set userSession(n = "") {
+      d(n), i();
     },
     get locale() {
-      return b();
+      return _();
     },
-    set locale(r = "") {
-      b(r), i();
+    set locale(n = "") {
+      _(n), i();
     },
     get itemId() {
       return u();
     },
-    set itemId(r = "") {
-      u(r), i();
+    set itemId(n = "") {
+      u(n), i();
     },
     get elevateReward() {
-      return p();
+      return c();
     },
-    set elevateReward(r) {
-      p(r), i();
+    set elevateReward(n) {
+      c(n), i();
     },
     get translationUrl() {
-      return c();
+      return p();
     },
-    set translationUrl(r) {
-      c(r), i();
+    set translationUrl(n) {
+      p(n), i();
     }
   };
-  return Y(y, {
+  return Y(f, {
     get apiEndpoint() {
       return l();
     },
@@ -280,18 +286,18 @@ function Q(y, t) {
       return d();
     },
     get locale() {
-      return b();
+      return _();
     },
     get itemId() {
       return u();
     },
     get elevateReward() {
-      return p();
+      return c();
     },
     get translationUrl() {
-      return c();
+      return p();
     }
-  }), W(g);
+  }), W(h);
 }
 customElements.define("loyalty-shop-item", G(
   Q,
@@ -306,11 +312,11 @@ customElements.define("loyalty-shop-item", G(
   [],
   []
 ));
-const Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const De = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Q
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Y as L,
-  Be as a
+  De as a
 };