@everymatrix/loyalty-shop 0.2.4 → 0.2.6

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

@@ -1,12 +1,12 @@
-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";
+import { z as me, c as G, p as K, a as fe, b as r, s as he, d as Z, A as N, B as ye, C as ge, E as J, F as _, G as _e, H as ve, 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-CyjgdUPo.js";
+import { L as Ce } from "./LoyaltyPointsCard-DTOQlcMH.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
 if (typeof window < "u") {
-  let f = function(a) {
+  let h = function(a) {
     return function(...l) {
       try {
         return a.apply(this, l);
@@ -17,7 +17,7 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = f(customElements.define), import("./LoyaltyPointsCard-DKq6yH_i.js").then((a) => a.a).then((a) => {
+  customElements.define = h(customElements.define), import("./LoyaltyPointsCard-DTOQlcMH.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((a) => {
@@ -61,87 +61,87 @@ const Ue = {
     back: "Vissza"
   }
 }, 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>');
+var Oe = M('<img class="loyalty-shop-item__image"/>'), ze = M('<div class="loyalty-shop-item__card loyalty-shop-item__card--description"><p class="loyalty-shop-item__description"> </p></div>'), je = M('<div class="loyalty-shop-item"><div class="loyalty-shop-item__card"><!> <span class="loyalty-shop-item__title"> </span> <span class="loyalty-shop-item__points"> </span> <button class="loyalty-shop-item__button" 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;}
+  code: `.loyalty-shop-item {display:flex;flex-direction:column;gap:12px;}.loyalty-shop-item__card {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 {min-height:120px;}.loyalty-shop-item__image {width:100%;height:170px;border-radius:6px;}.loyalty-shop-item__title {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop-item__points {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop-item__button {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:disabled {opacity:0.4;cursor:default;}.loyalty-shop-item__description {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;}
+  @media (min-width: 768px) {.loyalty-shop-item__image {height:clamp(170px, 30vw, 400px);object-fit:cover;}
   }`
 };
-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]) => {
+function Y(h, a) {
+  K(a, !0), fe(h, Ve);
+  const l = () => Ne(Te, "$_", d), [d, v] = Se(), c = r(a, "apiEndpoint", 7, ""), u = r(a, "userSession", 7, ""), p = r(a, "locale", 7, ""), y = r(a, "itemId", 7, ""), n = r(a, "elevateReward"), x = r(a, "translationUrl");
+  he({ withLocale: p(), translations: {} }), Object.entries(Ue).forEach(([e, s]) => {
     Z(e, s);
   });
-  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 o = N(ye(n())), w = N(!1), O = N("");
+  const z = S(() => t(o)?.presentation?.assets?.[0] ?? ""), j = S(() => t(o)?.presentation?.displayName ?? t(o)?.displayName ?? ""), V = S(() => t(o)?.presentation?.description ?? ""), A = S(() => t(o)?.available === "true"), X = () => {
     let e = new URL(x(), window.location.href);
     fetch(e.href).then((s) => s.json()).then((s) => {
-      Object.keys(s).forEach((y) => {
-        Z(y, s[y]);
+      Object.keys(s).forEach((g) => {
+        Z(g, s[g]);
       });
     }).catch((s) => {
       console.log("loyalty shop item translation url err:", s);
     });
   };
-  ye(() => {
+  ge(() => {
     x() && X();
   }), J(() => {
     if (n()) {
-      g(r, n(), !0);
+      _(o, n(), !0);
       return;
     }
-    if (!u() || !h())
+    if (!c() || !y())
       return;
     let e = !1;
-    return ge(
+    return _e(
       {
-        apiEndpoint: u(),
-        userSession: c(),
+        apiEndpoint: c(),
+        userSession: u(),
         locale: p()
       },
-      h()
+      y()
     ).then((s) => {
-      e || g(r, s, !0);
+      e || _(o, s, !0);
     }).catch((s) => console.error("Failed to load shop item:", s)), () => {
       e = !0;
     };
   });
   const $ = () => {
-    t(w) || !t(A) || !t(r) || Le(t(r).displayName || t(r).presentation.displayName, t(r).id);
+    t(w) || !t(A) || !t(o) || Le(t(o).displayName || t(o).presentation.displayName, t(o).id);
   }, ee = async () => {
-    if (!u() || !t(r) || t(w))
+    if (!c() || !t(o) || t(w))
       return;
-    g(w, !0), g(O, "");
-    const e = t(r).id;
+    _(w, !0), _(O, "");
+    const e = t(o).id;
     try {
-      await xe({ apiEndpoint: u(), userSession: c() }, e), Ee(e), Re();
+      await xe({ apiEndpoint: c(), userSession: u() }, e), Ee(e), Re();
     } catch (s) {
-      g(O, s?.message ?? "Redeem failed", !0), ke(e, s);
+      _(O, s?.message ?? "Redeem failed", !0), ke(e, s);
     } finally {
-      g(w, !1);
+      _(w, !1);
     }
   };
   J(() => {
     const e = (s) => {
-      s.data?.type === _e.REDEEM_REWARD_CONFIRMED && s.data?.id === t(r)?.id && ee();
+      s.data?.type === ve.REDEEM_REWARD_CONFIRMED && s.data?.id === t(o)?.id && ee();
     };
     return window.addEventListener("message", e), () => window.removeEventListener("message", e);
   });
   var te = {
     get apiEndpoint() {
-      return u();
+      return c();
     },
     set apiEndpoint(e = "") {
-      u(e), i();
+      c(e), i();
     },
     get userSession() {
-      return c();
+      return u();
     },
     set userSession(e = "") {
-      c(e), i();
+      u(e), i();
     },
     get locale() {
       return p();
@@ -150,10 +150,10 @@ function Y(f, a) {
       p(e), i();
     },
     get itemId() {
-      return h();
+      return y();
     },
     set itemId(e = "") {
-      h(e), i();
+      y(e), i();
     },
     get elevateReward() {
       return n();
@@ -170,27 +170,27 @@ function Y(f, a) {
   }, B = we(), ae = be(B);
   {
     var se = (e) => {
-      var s = je(), y = L(s), D = L(y);
+      var s = je(), g = L(s), D = L(g);
       {
-        var re = (m) => {
-          var v = Oe();
+        var oe = (m) => {
+          var f = Oe();
           U(() => {
-            q(v, "src", t(z) || Me), q(v, "alt", t(j));
-          }), E(m, v);
+            q(f, "src", t(z) || Me), q(f, "alt", t(j));
+          }), E(m, f);
         };
         T(D, (m) => {
-          t(z) && m(re);
+          t(z) && m(oe);
         });
       }
-      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);
+      var H = b(D, 2), re = R(H, !0), F = b(H, 2), ie = R(F), I = b(F, 2), le = R(I, !0);
+      C(g);
+      var P = b(g, 2);
       Ce(P, {
         get apiEndpoint() {
-          return u();
+          return c();
         },
         get userSession() {
-          return c();
+          return u();
         },
         get locale() {
           return p();
@@ -198,29 +198,29 @@ function Y(f, a) {
       });
       var de = b(P, 2);
       {
-        var ue = (m) => {
-          var v = ze(), ce = L(v), pe = R(ce, !0);
-          C(v), U(() => k(pe, t(V))), E(m, v);
+        var ce = (m) => {
+          var f = ze(), ue = L(f), pe = R(ue, !0);
+          C(f), U(() => k(pe, t(V))), E(m, f);
         };
         T(de, (m) => {
-          t(V) && m(ue);
+          t(V) && m(ce);
         });
       }
       C(s), U(
-        (m, v) => {
-          k(oe, t(j)), k(ie, `${t(r).points ?? ""}
-        ${m ?? ""}`), I.disabled = !t(A) || t(w), k(le, v);
+        (m, f) => {
+          k(re, t(j)), k(ie, `${t(o).points ?? ""}
+        ${m ?? ""}`), I.disabled = !t(A) || t(w), k(le, f);
         },
         [() => l()("tokens"), () => l()("buyNow")]
       ), Ie("click", I, $), E(e, s);
     };
     T(ae, (e) => {
-      t(r) && e(se);
+      t(o) && e(se);
     });
   }
-  E(f, B);
+  E(h, B);
   var ne = W(te);
-  return _(), ne;
+  return v(), ne;
 }
 me(["click"]);
 G(
@@ -237,10 +237,10 @@ G(
   [],
   { mode: "open" }
 );
-function Q(f, a) {
+function Q(h, 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 = {
+  let l = r(a, "apiEndpoint", 7, ""), d = r(a, "userSession", 7, ""), v = r(a, "locale", 7, ""), c = r(a, "itemId", 7, ""), u = r(a, "elevateReward"), p = r(a, "translationUrl");
+  var y = {
     get apiEndpoint() {
       return l();
     },
@@ -254,22 +254,22 @@ function Q(f, a) {
       d(n), i();
     },
     get locale() {
-      return _();
+      return v();
     },
     set locale(n = "") {
-      _(n), i();
+      v(n), i();
     },
     get itemId() {
-      return u();
+      return c();
     },
     set itemId(n = "") {
-      u(n), i();
+      c(n), i();
     },
     get elevateReward() {
-      return c();
+      return u();
     },
     set elevateReward(n) {
-      c(n), i();
+      u(n), i();
     },
     get translationUrl() {
       return p();
@@ -278,7 +278,7 @@ function Q(f, a) {
       p(n), i();
     }
   };
-  return Y(f, {
+  return Y(h, {
     get apiEndpoint() {
       return l();
     },
@@ -286,18 +286,18 @@ function Q(f, a) {
       return d();
     },
     get locale() {
-      return _();
+      return v();
     },
     get itemId() {
-      return u();
+      return c();
     },
     get elevateReward() {
-      return c();
+      return u();
     },
     get translationUrl() {
       return p();
     }
-  }), W(h);
+  }), W(y);
 }
 customElements.define("loyalty-shop-item", G(
   Q,

package/components/LoyaltyShopItem-CGOptttz.cjs

@@ -0,0 +1,5 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-B7JqsoUi.cjs"),G=require("./LoyaltyPointsCard-Xb627em8.cjs");if(typeof window<"u"){let m=function(n){return function(...s){try{return n.apply(this,s)}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!1;throw i}}};customElements.define=m(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPointsCard-Xb627em8.cjs")).then(n=>n.LoyaltyPointsCard_ce).then(n=>{const s=n.default||n;customElements.get("loyalty-points-card")||customElements.define("loyalty-points-card",s.element||s)}).catch(n=>{console.error("BOOT ERROR:",n)})}const K={en:{tokens:"Tokens",buyNow:"Buy Now",back:"Back"},tr:{tokens:"Tokens",buyNow:"Şimdi Satın Al",back:"Geri"},da:{tokens:"Tokens",buyNow:"Køb nu",back:"Tilbage"},de:{tokens:"Token",buyNow:"Jetzt kaufen",back:"Zurück"},nl:{tokens:"Tokens",buyNow:"Nu kopen",back:"Terug"},fr:{tokens:"Jetons",buyNow:"Acheter",back:"Retour"},hu:{tokens:"Tokenek",buyNow:"Vásárlás",back:"Vissza"}},W="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 Y=e.from_html('<img class="loyalty-shop-item__image"/>'),Q=e.from_html('<div class="loyalty-shop-item__card loyalty-shop-item__card--description"><p class="loyalty-shop-item__description"> </p></div>'),X=e.from_html('<div class="loyalty-shop-item"><div class="loyalty-shop-item__card"><!> <span class="loyalty-shop-item__title"> </span> <span class="loyalty-shop-item__points"> </span> <button class="loyalty-shop-item__button" type="button"> </button></div> <!> <!></div>');const $={hash:"svelte-ravnpu",code:`.loyalty-shop-item {display:flex;flex-direction:column;gap:12px;}.loyalty-shop-item__card {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 {min-height:120px;}.loyalty-shop-item__image {width:100%;height:170px;border-radius:6px;}.loyalty-shop-item__title {color:var(--text-default, #ffffff);font-size:12px;font-weight:400;}.loyalty-shop-item__points {color:var(--text-subtle, #dfe3e8);font-size:14px;font-weight:400;}.loyalty-shop-item__button {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:disabled {opacity:0.4;cursor:default;}.loyalty-shop-item__description {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 {height:clamp(170px, 30vw, 400px);object-fit:cover;}
+  }`};function b(m,n){e.push(n,!0),e.append_styles(m,$);const s=()=>e.store_get(e.$format,"$_",i),[i,y]=e.setup_stores(),l=e.prop(n,"apiEndpoint",7,""),d=e.prop(n,"userSession",7,""),c=e.prop(n,"locale",7,""),h=e.prop(n,"itemId",7,""),a=e.prop(n,"elevateReward"),_=e.prop(n,"translationUrl");e.setupI18n({withLocale:c(),translations:{}}),Object.entries(K).forEach(([t,o])=>{e.addNewMessages(t,o)});let r=e.state(e.proxy(a())),g=e.state(!1),w=e.state("");const x=e.user_derived(()=>e.get(r)?.presentation?.assets?.[0]??""),S=e.user_derived(()=>e.get(r)?.presentation?.displayName??e.get(r)?.displayName??""),E=e.user_derived(()=>e.get(r)?.presentation?.description??""),k=e.user_derived(()=>e.get(r)?.available==="true"),U=()=>{let t=new URL(_(),window.location.href);fetch(t.href).then(o=>o.json()).then(o=>{Object.keys(o).forEach(f=>{e.addNewMessages(f,o[f])})}).catch(o=>{console.log("loyalty shop item translation url err:",o)})};e.user_pre_effect(()=>{_()&&U()}),e.user_effect(()=>{if(a()){e.set(r,a(),!0);return}if(!l()||!h())return;let t=!1;return e.fetchShopItem({apiEndpoint:l(),userSession:d(),locale:c()},h()).then(o=>{t||e.set(r,o,!0)}).catch(o=>console.error("Failed to load shop item:",o)),()=>{t=!0}});const M=()=>{e.get(g)||!e.get(k)||!e.get(r)||e.sendRedeemRewardRequested(e.get(r).displayName||e.get(r).presentation.displayName,e.get(r).id)},O=async()=>{if(!l()||!e.get(r)||e.get(g))return;e.set(g,!0),e.set(w,"");const t=e.get(r).id;try{await e.redeemReward({apiEndpoint:l(),userSession:d()},t),e.sendRedeemRewardSuccess(t),e.dispatchRedeemRewardButton()}catch(o){e.set(w,o?.message??"Redeem failed",!0),e.sendRedeemRewardFailed(t,o)}finally{e.set(g,!1)}};e.user_effect(()=>{const t=o=>{o.data?.type===e.EVENT_TYPES.REDEEM_REWARD_CONFIRMED&&o.data?.id===e.get(r)?.id&&O()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var P={get apiEndpoint(){return l()},set apiEndpoint(t=""){l(t),e.flushSync()},get userSession(){return d()},set userSession(t=""){d(t),e.flushSync()},get locale(){return c()},set locale(t=""){c(t),e.flushSync()},get itemId(){return h()},set itemId(t=""){h(t),e.flushSync()},get elevateReward(){return a()},set elevateReward(t){a(t),e.flushSync()},get translationUrl(){return _()},set translationUrl(t){_(t),e.flushSync()}},R=e.comment(),z=e.first_child(R);{var V=t=>{var o=X(),f=e.child(o),I=e.child(f);{var D=p=>{var u=Y();e.template_effect(()=>{e.set_attribute(u,"src",e.get(x)||W),e.set_attribute(u,"alt",e.get(S))}),e.append(p,u)};e.if_block(I,p=>{e.get(x)&&p(D)})}var N=e.sibling(I,2),A=e.only_child(N,!0),T=e.sibling(N,2),B=e.only_child(T),v=e.sibling(T,2),H=e.only_child(v,!0);e.reset(f);var L=e.sibling(f,2);G.LoyaltyPointsCard(L,{get apiEndpoint(){return l()},get userSession(){return d()},get locale(){return c()}});var q=e.sibling(L,2);{var Z=p=>{var u=Q(),F=e.child(u),J=e.only_child(F,!0);e.reset(u),e.template_effect(()=>e.set_text(J,e.get(E))),e.append(p,u)};e.if_block(q,p=>{e.get(E)&&p(Z)})}e.reset(o),e.template_effect((p,u)=>{e.set_text(A,e.get(S)),e.set_text(B,`${e.get(r).points??""}
+        ${p??""}`),v.disabled=!e.get(k)||e.get(g),e.set_text(H,u)},[()=>s()("tokens"),()=>s()("buyNow")]),e.delegated("click",v,M),e.append(t,o)};e.if_block(z,t=>{e.get(r)&&t(V)})}e.append(m,R);var j=e.pop(P);return y(),j}e.delegate(["click"]);e.create_custom_element(b,{apiEndpoint:{},userSession:{},locale:{},itemId:{},elevateReward:{},translationUrl:{}},[],[],{mode:"open"});function C(m,n){e.push(n,!0);let s=e.prop(n,"apiEndpoint",7,""),i=e.prop(n,"userSession",7,""),y=e.prop(n,"locale",7,""),l=e.prop(n,"itemId",7,""),d=e.prop(n,"elevateReward"),c=e.prop(n,"translationUrl");var h={get apiEndpoint(){return s()},set apiEndpoint(a=""){s(a),e.flushSync()},get userSession(){return i()},set userSession(a=""){i(a),e.flushSync()},get locale(){return y()},set locale(a=""){y(a),e.flushSync()},get itemId(){return l()},set itemId(a=""){l(a),e.flushSync()},get elevateReward(){return d()},set elevateReward(a){d(a),e.flushSync()},get translationUrl(){return c()},set translationUrl(a){c(a),e.flushSync()}};return b(m,{get apiEndpoint(){return s()},get userSession(){return i()},get locale(){return y()},get itemId(){return l()},get elevateReward(){return d()},get translationUrl(){return c()}}),e.pop(h)}customElements.define("loyalty-shop-item",e.create_custom_element(C,{apiEndpoint:{},userSession:{},locale:{},itemId:{},elevateReward:{},translationUrl:{}},[],[]));const ee=Object.freeze(Object.defineProperty({__proto__:null,default:C},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyShopItem=b;exports.LoyaltyShopItem_ce=ee;