@everymatrix/loyalty-shop 0.1.22 → 0.1.24

package/components/{LoyaltyShopItem-CtZFkxzA.js → LoyaltyShopItem-DF8vUi7m.js}

@@ -1,15 +1,15 @@
-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 a, 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 w, 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-D7m97E0W.js";
-import { L as Ce } from "./LoyaltyPointsCard-SZEIZzo0.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-CfB2kCYx.js";
+import { L as Ce } from "./LoyaltyPointsCard-DgrWMn_V.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
 }, whenDefined() {
 } });
 if (typeof window < "u") {
-  let f = 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;
@@ -17,11 +17,11 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = f(customElements.define), import("./LoyaltyPointsCard-SZEIZzo0.js").then((t) => t.a).then((t) => {
-    const l = t.default || t;
+  customElements.define = f(customElements.define), import("./LoyaltyPointsCard-DgrWMn_V.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 Ue = {
@@ -69,15 +69,15 @@ const Ve = {
   @media (min-width: 768px) {.loyalty-shop-item__image.svelte-ravnpu {height:clamp(170px, 30vw, 400px);object-fit:cover;}
   }`
 };
-function Y(f, t) {
-  K(t, !0), ve(f, Ve);
-  const l = () => Ne(Te, "$_", d), [d, _] = Se(), u = o(t, "apiEndpoint", 7, ""), c = o(t, "userSession", 7, ""), p = o(t, "locale", 7, ""), h = o(t, "itemId", 7, ""), n = o(t, "elevateReward"), b = o(t, "translationUrl");
+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 r = N(he(n())), x = N(!1), O = N("");
-  const z = S(() => a(r)?.presentation?.assets?.[0] ?? ""), j = S(() => a(r)?.presentation?.displayName ?? a(r)?.displayName ?? ""), V = S(() => a(r)?.presentation?.description ?? ""), A = S(() => a(r)?.available === "true"), X = () => {
-    let e = new URL(b(), 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((y) => {
         Z(y, s[y]);
@@ -87,41 +87,46 @@ function Y(f, t) {
     });
   };
   ye(() => {
-    b() && X();
+    x() && X();
   }), J(() => {
     if (n()) {
       g(r, n(), !0);
       return;
     }
-    !u() || !h() || ge(
+    if (!u() || !h())
+      return;
+    let e = !1;
+    return ge(
       {
         apiEndpoint: u(),
         userSession: c(),
         locale: p()
       },
       h()
-    ).then((e) => {
-      g(r, e, !0);
-    }).catch((e) => console.error("Failed to load shop item:", e));
+    ).then((s) => {
+      e || g(r, s, !0);
+    }).catch((s) => console.error("Failed to load shop item:", s)), () => {
+      e = !0;
+    };
   });
   const $ = () => {
-    a(x) || !a(A) || !a(r) || Le(a(r).displayName || a(r).presentation.displayName, a(r).id);
+    t(w) || !t(A) || !t(r) || Le(t(r).displayName || t(r).presentation.displayName, t(r).id);
   }, ee = async () => {
-    if (!u() || !a(r))
+    if (!u() || !t(r) || t(w))
       return;
-    g(x, !0), g(O, "");
-    const e = a(r).id;
+    g(w, !0), g(O, "");
+    const e = t(r).id;
     try {
       await xe({ apiEndpoint: u(), userSession: c() }, e), Ee(e), Re();
     } catch (s) {
       g(O, s?.message ?? "Redeem failed", !0), ke(e, s);
     } finally {
-      g(x, !1);
+      g(w, !1);
     }
   };
   J(() => {
     const e = (s) => {
-      s.data?.type === _e.REDEEM_REWARD_CONFIRMED && s.data?.id === a(r)?.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);
   });
@@ -157,10 +162,10 @@ function Y(f, t) {
       n(e), i();
     },
     get translationUrl() {
-      return b();
+      return x();
     },
     set translationUrl(e) {
-      b(e), i();
+      x(e), i();
     }
   }, B = we(), ae = be(B);
   {
@@ -170,16 +175,16 @@ function Y(f, t) {
         var re = (m) => {
           var v = Oe();
           U(() => {
-            q(v, "src", a(z) || Me), q(v, "alt", a(j));
+            q(v, "src", t(z) || Me), q(v, "alt", t(j));
           }), E(m, v);
         };
         T(D, (m) => {
-          a(z) && m(re);
+          t(z) && m(re);
         });
       }
-      var H = w(D, 2), oe = R(H, !0), F = w(H, 2), ie = R(F), I = w(F, 2), le = R(I, !0);
+      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 = w(y, 2);
+      var P = b(y, 2);
       Ce(P, {
         get apiEndpoint() {
           return u();
@@ -191,26 +196,26 @@ function Y(f, t) {
           return p();
         }
       });
-      var de = w(P, 2);
+      var de = b(P, 2);
       {
         var ue = (m) => {
           var v = ze(), ce = L(v), pe = R(ce, !0);
-          C(v), U(() => k(pe, a(V))), E(m, v);
+          C(v), U(() => k(pe, t(V))), E(m, v);
         };
         T(de, (m) => {
-          a(V) && m(ue);
+          t(V) && m(ue);
         });
       }
       C(s), U(
         (m, v) => {
-          k(oe, a(j)), k(ie, `${a(r).points ?? ""}
-        ${m ?? ""}`), I.disabled = !a(A) || a(x), k(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")]
       ), Ie("click", I, $), E(e, s);
     };
     T(ae, (e) => {
-      a(r) && e(se);
+      t(r) && e(se);
     });
   }
   E(f, B);
@@ -232,9 +237,9 @@ G(
   [],
   { mode: "open" }
 );
-function Q(f, t) {
-  K(t, !0);
-  let l = o(t, "apiEndpoint", 7, ""), d = o(t, "userSession", 7, ""), _ = o(t, "locale", 7, ""), u = o(t, "itemId", 7, ""), c = o(t, "elevateReward"), p = o(t, "translationUrl");
+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();

package/components/{LoyaltyShopItem-PkfmBV5A.cjs → LoyaltyShopItem-WgDbYlQa.cjs}

@@ -1,5 +1,5 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-DzmuO9_8.cjs"),G=require("./LoyaltyPointsCard-46BqNZEK.cjs");if(typeof window<"u"){let m=function(n){return function(...o){try{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 l}}};customElements.define=m(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPointsCard-46BqNZEK.cjs")).then(n=>n.LoyaltyPointsCard_ce).then(n=>{const o=n.default||n;customElements.get("loyalty-points-card")||customElements.define("loyalty-points-card",o.element||o)}).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 svelte-ravnpu"/>'),Q=e.from_html('<div class="loyalty-shop-item__card loyalty-shop-item__card--description svelte-ravnpu"><p class="loyalty-shop-item__description svelte-ravnpu"> </p></div>'),X=e.from_html('<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 $={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;}
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-BISbknCY.cjs"),G=require("./LoyaltyPointsCard-C4TY5Odb.cjs");if(typeof window<"u"){let m=function(n){return function(...o){try{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 l}}};customElements.define=m(customElements.define),Promise.resolve().then(()=>require("./LoyaltyPointsCard-C4TY5Odb.cjs")).then(n=>n.LoyaltyPointsCard_ce).then(n=>{const o=n.default||n;customElements.get("loyalty-points-card")||customElements.define("loyalty-points-card",o.element||o)}).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 svelte-ravnpu"/>'),Q=e.from_html('<div class="loyalty-shop-item__card loyalty-shop-item__card--description svelte-ravnpu"><p class="loyalty-shop-item__description svelte-ravnpu"> </p></div>'),X=e.from_html('<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 $={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 b(m,n){e.push(n,!0),e.append_styles(m,$);const o=()=>e.store_get(e.$format,"$_",l),[l,f]=e.setup_stores(),i=e.prop(n,"apiEndpoint",7,""),d=e.prop(n,"userSession",7,""),p=e.prop(n,"locale",7,""),h=e.prop(n,"itemId",7,""),r=e.prop(n,"elevateReward"),g=e.prop(n,"translationUrl");e.setupI18n({withLocale:p(),translations:{}}),Object.entries(K).forEach(([t,a])=>{e.addNewMessages(t,a)});let s=e.state(e.proxy(r())),v=e.state(!1),w=e.state("");const x=e.user_derived(()=>e.get(s)?.presentation?.assets?.[0]??""),S=e.user_derived(()=>e.get(s)?.presentation?.displayName??e.get(s)?.displayName??""),E=e.user_derived(()=>e.get(s)?.presentation?.description??""),k=e.user_derived(()=>e.get(s)?.available==="true"),U=()=>{let t=new URL(g(),window.location.href);fetch(t.href).then(a=>a.json()).then(a=>{Object.keys(a).forEach(y=>{e.addNewMessages(y,a[y])})}).catch(a=>{console.log("loyalty shop item translation url err:",a)})};e.user_pre_effect(()=>{g()&&U()}),e.user_effect(()=>{if(r()){e.set(s,r(),!0);return}!i()||!h()||e.fetchShopItem({apiEndpoint:i(),userSession:d(),locale:p()},h()).then(t=>{e.set(s,t,!0)}).catch(t=>console.error("Failed to load shop item:",t))});const M=()=>{e.get(v)||!e.get(k)||!e.get(s)||e.sendRedeemRewardRequested(e.get(s).displayName||e.get(s).presentation.displayName,e.get(s).id)},O=async()=>{if(!i()||!e.get(s))return;e.set(v,!0),e.set(w,"");const t=e.get(s).id;try{await e.redeemReward({apiEndpoint:i(),userSession:d()},t),e.sendRedeemRewardSuccess(t),e.dispatchRedeemRewardButton()}catch(a){e.set(w,a?.message??"Redeem failed",!0),e.sendRedeemRewardFailed(t,a)}finally{e.set(v,!1)}};e.user_effect(()=>{const t=a=>{a.data?.type===e.EVENT_TYPES.REDEEM_REWARD_CONFIRMED&&a.data?.id===e.get(s)?.id&&O()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var P={get apiEndpoint(){return i()},set apiEndpoint(t=""){i(t),e.flushSync()},get userSession(){return d()},set userSession(t=""){d(t),e.flushSync()},get locale(){return p()},set locale(t=""){p(t),e.flushSync()},get itemId(){return h()},set itemId(t=""){h(t),e.flushSync()},get elevateReward(){return r()},set elevateReward(t){r(t),e.flushSync()},get translationUrl(){return g()},set translationUrl(t){g(t),e.flushSync()}},R=e.comment(),z=e.first_child(R);{var V=t=>{var a=X(),y=e.child(a),I=e.child(y);{var D=c=>{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(c,u)};e.if_block(I,c=>{e.get(x)&&c(D)})}var N=e.sibling(I,2),A=e.only_child(N,!0),T=e.sibling(N,2),B=e.only_child(T),_=e.sibling(T,2),H=e.only_child(_,!0);e.reset(y);var L=e.sibling(y,2);G.LoyaltyPointsCard(L,{get apiEndpoint(){return i()},get userSession(){return d()},get locale(){return p()}});var q=e.sibling(L,2);{var Z=c=>{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(c,u)};e.if_block(q,c=>{e.get(E)&&c(Z)})}e.reset(a),e.template_effect((c,u)=>{e.set_text(A,e.get(S)),e.set_text(B,`${e.get(s).points??""}
-        ${c??""}`),_.disabled=!e.get(k)||e.get(v),e.set_text(H,u)},[()=>o()("tokens"),()=>o()("buyNow")]),e.delegated("click",_,M),e.append(t,a)};e.if_block(z,t=>{e.get(s)&&t(V)})}e.append(m,R);var j=e.pop(P);return f(),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 o=e.prop(n,"apiEndpoint",7,""),l=e.prop(n,"userSession",7,""),f=e.prop(n,"locale",7,""),i=e.prop(n,"itemId",7,""),d=e.prop(n,"elevateReward"),p=e.prop(n,"translationUrl");var h={get apiEndpoint(){return o()},set apiEndpoint(r=""){o(r),e.flushSync()},get userSession(){return l()},set userSession(r=""){l(r),e.flushSync()},get locale(){return f()},set locale(r=""){f(r),e.flushSync()},get itemId(){return i()},set itemId(r=""){i(r),e.flushSync()},get elevateReward(){return d()},set elevateReward(r){d(r),e.flushSync()},get translationUrl(){return p()},set translationUrl(r){p(r),e.flushSync()}};return b(m,{get apiEndpoint(){return o()},get userSession(){return l()},get locale(){return f()},get itemId(){return i()},get elevateReward(){return d()},get translationUrl(){return p()}}),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;
+  }`};function b(m,n){e.push(n,!0),e.append_styles(m,$);const o=()=>e.store_get(e.$format,"$_",l),[l,y]=e.setup_stores(),i=e.prop(n,"apiEndpoint",7,""),d=e.prop(n,"userSession",7,""),c=e.prop(n,"locale",7,""),h=e.prop(n,"itemId",7,""),r=e.prop(n,"elevateReward"),v=e.prop(n,"translationUrl");e.setupI18n({withLocale:c(),translations:{}}),Object.entries(K).forEach(([t,a])=>{e.addNewMessages(t,a)});let s=e.state(e.proxy(r())),g=e.state(!1),w=e.state("");const x=e.user_derived(()=>e.get(s)?.presentation?.assets?.[0]??""),S=e.user_derived(()=>e.get(s)?.presentation?.displayName??e.get(s)?.displayName??""),E=e.user_derived(()=>e.get(s)?.presentation?.description??""),k=e.user_derived(()=>e.get(s)?.available==="true"),U=()=>{let t=new URL(v(),window.location.href);fetch(t.href).then(a=>a.json()).then(a=>{Object.keys(a).forEach(f=>{e.addNewMessages(f,a[f])})}).catch(a=>{console.log("loyalty shop item translation url err:",a)})};e.user_pre_effect(()=>{v()&&U()}),e.user_effect(()=>{if(r()){e.set(s,r(),!0);return}if(!i()||!h())return;let t=!1;return e.fetchShopItem({apiEndpoint:i(),userSession:d(),locale:c()},h()).then(a=>{t||e.set(s,a,!0)}).catch(a=>console.error("Failed to load shop item:",a)),()=>{t=!0}});const M=()=>{e.get(g)||!e.get(k)||!e.get(s)||e.sendRedeemRewardRequested(e.get(s).displayName||e.get(s).presentation.displayName,e.get(s).id)},O=async()=>{if(!i()||!e.get(s)||e.get(g))return;e.set(g,!0),e.set(w,"");const t=e.get(s).id;try{await e.redeemReward({apiEndpoint:i(),userSession:d()},t),e.sendRedeemRewardSuccess(t),e.dispatchRedeemRewardButton()}catch(a){e.set(w,a?.message??"Redeem failed",!0),e.sendRedeemRewardFailed(t,a)}finally{e.set(g,!1)}};e.user_effect(()=>{const t=a=>{a.data?.type===e.EVENT_TYPES.REDEEM_REWARD_CONFIRMED&&a.data?.id===e.get(s)?.id&&O()};return window.addEventListener("message",t),()=>window.removeEventListener("message",t)});var P={get apiEndpoint(){return i()},set apiEndpoint(t=""){i(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 r()},set elevateReward(t){r(t),e.flushSync()},get translationUrl(){return v()},set translationUrl(t){v(t),e.flushSync()}},R=e.comment(),z=e.first_child(R);{var V=t=>{var a=X(),f=e.child(a),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),_=e.sibling(T,2),H=e.only_child(_,!0);e.reset(f);var L=e.sibling(f,2);G.LoyaltyPointsCard(L,{get apiEndpoint(){return i()},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(a),e.template_effect((p,u)=>{e.set_text(A,e.get(S)),e.set_text(B,`${e.get(s).points??""}
+        ${p??""}`),_.disabled=!e.get(k)||e.get(g),e.set_text(H,u)},[()=>o()("tokens"),()=>o()("buyNow")]),e.delegated("click",_,M),e.append(t,a)};e.if_block(z,t=>{e.get(s)&&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 o=e.prop(n,"apiEndpoint",7,""),l=e.prop(n,"userSession",7,""),y=e.prop(n,"locale",7,""),i=e.prop(n,"itemId",7,""),d=e.prop(n,"elevateReward"),c=e.prop(n,"translationUrl");var h={get apiEndpoint(){return o()},set apiEndpoint(r=""){o(r),e.flushSync()},get userSession(){return l()},set userSession(r=""){l(r),e.flushSync()},get locale(){return y()},set locale(r=""){y(r),e.flushSync()},get itemId(){return i()},set itemId(r=""){i(r),e.flushSync()},get elevateReward(){return d()},set elevateReward(r){d(r),e.flushSync()},get translationUrl(){return c()},set translationUrl(r){c(r),e.flushSync()}};return b(m,{get apiEndpoint(){return o()},get userSession(){return l()},get locale(){return y()},get itemId(){return i()},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;

package/components/{LoyaltyShopItem-DxwkafBG.js → LoyaltyShopItem-bTc7oBXE.js}

@@ -14,8 +14,8 @@ var q = (g, a, o) => new Promise((d, _) => {
   }, c = (l) => l.done ? d(l.value) : Promise.resolve(l.value).then(u, v);
   c((o = o.apply(g, a)).next());
 });
-import { z as ve, c as Y, p as Q, a as fe, b as p, s as he, d as G, A as C, B as ye, C as ge, E as K, F as b, G as _e, H as we, m as s, f as be, g as xe, i as U, h as S, j as X, I as Ee, J as Re, K as ke, L as Se, k as m, l as Ie, n as M, q as x, o as I, r as O, t as z, v as N, M as Ne, w as j, u as T, x as Te, $ as Le, N as Ce, O as W } from "./LoyaltyPagination-o3rQCgms.js";
-import { L as Ue } from "./LoyaltyPointsCard-CdBEe40I.js";
+import { z as ve, c as Y, p as Q, a as fe, b as p, s as he, d as G, A as C, B as ye, C as ge, E as K, F as b, G as _e, H as we, m as s, f as be, g as xe, i as U, h as S, j as X, I as Ee, J as Re, K as ke, L as Se, k as m, l as Ie, n as M, q as E, o as I, r as O, t as z, v as N, M as Ne, w as j, u as T, x as Te, $ as Le, N as Ce, O as W } from "./LoyaltyPagination-BZk1S01e.js";
+import { L as Ue } from "./LoyaltyPointsCard-jP0P8jiI.js";
 typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -33,7 +33,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = g(customElements.define), import("./LoyaltyPointsCard-CdBEe40I.js").then((a) => a.a).then((a) => {
+  customElements.define = g(customElements.define), import("./LoyaltyPointsCard-jP0P8jiI.js").then((a) => a.a).then((a) => {
     const o = a.default || a;
     customElements.get("loyalty-points-card") || customElements.define("loyalty-points-card", o.element || o);
   }).catch((a) => {
@@ -87,11 +87,11 @@ const Ae = {
 };
 function $(g, a) {
   Q(a, !0), fe(g, Ae);
-  const o = () => Te(Le, "$_", d), [d, _] = Ie(), u = p(a, "apiEndpoint", 7, ""), v = p(a, "userSession", 7, ""), c = p(a, "locale", 7, ""), l = p(a, "itemId", 7, ""), r = p(a, "elevateReward"), E = p(a, "translationUrl");
+  const o = () => Te(Le, "$_", d), [d, _] = Ie(), u = p(a, "apiEndpoint", 7, ""), v = p(a, "userSession", 7, ""), c = p(a, "locale", 7, ""), l = p(a, "itemId", 7, ""), r = p(a, "elevateReward"), R = p(a, "translationUrl");
   he({ withLocale: c(), translations: {} }), Object.entries(Me).forEach(([e, t]) => {
     G(e, t);
   });
-  let i = C(ye(r())), R = C(!1), V = C("");
+  let i = C(ye(r())), x = C(!1), V = C("");
   const A = T(() => {
     var e, t, n, f;
     return (f = (n = (t = (e = s(i)) == null ? void 0 : e.presentation) == null ? void 0 : t.assets) == null ? void 0 : n[0]) != null ? f : "";
@@ -105,7 +105,7 @@ function $(g, a) {
     var e;
     return ((e = s(i)) == null ? void 0 : e.available) === "true";
   }), te = () => {
-    let e = new URL(E(), window.location.href);
+    let e = new URL(R(), window.location.href);
     fetch(e.href).then((t) => t.json()).then((t) => {
       Object.keys(t).forEach((n) => {
         G(n, t[n]);
@@ -115,37 +115,42 @@ function $(g, a) {
     });
   };
   ge(() => {
-    E() && te();
+    R() && te();
   }), K(() => {
     if (r()) {
       b(i, r(), !0);
       return;
     }
-    !u() || !l() || _e(
+    if (!u() || !l())
+      return;
+    let e = !1;
+    return _e(
       {
         apiEndpoint: u(),
         userSession: v(),
         locale: c()
       },
       l()
-    ).then((e) => {
-      b(i, e, !0);
-    }).catch((e) => console.error("Failed to load shop item:", e));
+    ).then((t) => {
+      e || b(i, t, !0);
+    }).catch((t) => console.error("Failed to load shop item:", t)), () => {
+      e = !0;
+    };
   });
   const ae = () => {
-    s(R) || !s(H) || !s(i) || Ce(s(i).displayName || s(i).presentation.displayName, s(i).id);
+    s(x) || !s(H) || !s(i) || Ce(s(i).displayName || s(i).presentation.displayName, s(i).id);
   }, se = () => q(this, null, function* () {
     var t;
-    if (!u() || !s(i))
+    if (!u() || !s(i) || s(x))
       return;
-    b(R, !0), b(V, "");
+    b(x, !0), b(V, "");
     const e = s(i).id;
     try {
       yield Ee({ apiEndpoint: u(), userSession: v() }, e), Re(e), ke();
     } catch (n) {
       b(V, (t = n == null ? void 0 : n.message) != null ? t : "Redeem failed", !0), Se(e, n);
     } finally {
-      b(R, !1);
+      b(x, !1);
     }
   });
   K(() => {
@@ -187,10 +192,10 @@ function $(g, a) {
       r(e), m();
     },
     get translationUrl() {
-      return E();
+      return R();
     },
     set translationUrl(e) {
-      E(e), m();
+      R(e), m();
     }
   }, F = be(), re = xe(F);
   {
@@ -207,9 +212,9 @@ function $(g, a) {
           s(A) && h(w);
         });
       }
-      var P = x(f, 2), le = I(P, !0), Z = x(P, 2), de = I(Z), L = x(Z, 2), ue = I(L, !0);
+      var P = E(f, 2), le = I(P, !0), Z = E(P, 2), de = I(Z), L = E(Z, 2), ue = I(L, !0);
       O(n);
-      var J = x(n, 2);
+      var J = E(n, 2);
       Ue(J, {
         get apiEndpoint() {
           return u();
@@ -221,7 +226,7 @@ function $(g, a) {
           return c();
         }
       });
-      var ce = x(J, 2);
+      var ce = E(J, 2);
       {
         var pe = (h) => {
           var y = je(), k = M(y), me = I(k, !0);
@@ -235,7 +240,7 @@ function $(g, a) {
         (h, y) => {
           var k;
           N(le, s(B)), N(de, `${(k = s(i).points) != null ? k : ""}
-        ${h != null ? h : ""}`), L.disabled = !s(H) || s(R), N(ue, y);
+        ${h != null ? h : ""}`), L.disabled = !s(H) || s(x), N(ue, y);
         },
         [() => o()("tokens"), () => o()("buyNow")]
       ), Ne("click", L, ae), S(e, t);

package/es2015/loyalty-shop.cjs

@@ -1 +1 @@
-typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const s=require("../components/LoyaltyShop-B2lSw5jy.cjs");if(typeof window!="undefined"){let o=function(e){return function(...n){try{return e.apply(this,n)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t instanceof Error&&t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=o(customElements.define),Promise.resolve().then(()=>require("../components/LoyaltyShop-B2lSw5jy.cjs")).then(e=>e.LoyaltyShop_ce).then(e=>{const n=e.default||e;customElements.get("loyalty-shop")||customElements.define("loyalty-shop",n.element||n)}).catch(e=>{console.error("BOOT ERROR:",e)})}module.exports=s.LoyaltyShop;
+typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const s=require("../components/LoyaltyShop-BYXBV-P0.cjs");if(typeof window!="undefined"){let o=function(e){return function(...n){try{return e.apply(this,n)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t instanceof Error&&t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=o(customElements.define),Promise.resolve().then(()=>require("../components/LoyaltyShop-BYXBV-P0.cjs")).then(e=>e.LoyaltyShop_ce).then(e=>{const n=e.default||e;customElements.get("loyalty-shop")||customElements.define("loyalty-shop",n.element||n)}).catch(e=>{console.error("BOOT ERROR:",e)})}module.exports=s.LoyaltyShop;

package/es2015/loyalty-shop.js

@@ -1,4 +1,4 @@
-import { L as a } from "../components/LoyaltyShop-DGAZjo_P.js";
+import { L as a } from "../components/LoyaltyShop-CUN0MKDN.js";
 typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -16,7 +16,7 @@ if (typeof window != "undefined") {
       }
     };
   };
-  customElements.define = s(customElements.define), import("../components/LoyaltyShop-DGAZjo_P.js").then((e) => e.a).then((e) => {
+  customElements.define = s(customElements.define), import("../components/LoyaltyShop-CUN0MKDN.js").then((e) => e.a).then((e) => {
     const n = e.default || e;
     customElements.get("loyalty-shop") || customElements.define("loyalty-shop", n.element || n);
   }).catch((e) => {

package/esnext/loyalty-shop.cjs

@@ -1 +1 @@
-typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const s=require("../components/LoyaltyShop-DGLy6Hu5.cjs");if(typeof window<"u"){let o=function(e){return function(...n){try{return e.apply(this,n)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t instanceof Error&&t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=o(customElements.define),Promise.resolve().then(()=>require("../components/LoyaltyShop-DGLy6Hu5.cjs")).then(e=>e.LoyaltyShop_ce).then(e=>{const n=e.default||e;customElements.get("loyalty-shop")||customElements.define("loyalty-shop",n.element||n)}).catch(e=>{console.error("BOOT ERROR:",e)})}module.exports=s.LoyaltyShop;
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const s=require("../components/LoyaltyShop-9D4_2iLM.cjs");if(typeof window<"u"){let o=function(e){return function(...n){try{return e.apply(this,n)}catch(t){if(t instanceof DOMException&&t.message.includes("has already been used with this registry")||t instanceof Error&&t.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw t}}};customElements.define=o(customElements.define),Promise.resolve().then(()=>require("../components/LoyaltyShop-9D4_2iLM.cjs")).then(e=>e.LoyaltyShop_ce).then(e=>{const n=e.default||e;customElements.get("loyalty-shop")||customElements.define("loyalty-shop",n.element||n)}).catch(e=>{console.error("BOOT ERROR:",e)})}module.exports=s.LoyaltyShop;

package/esnext/loyalty-shop.js

@@ -1,4 +1,4 @@
-import { L as a } from "../components/LoyaltyShop-_bWN39Rn.js";
+import { L as a } from "../components/LoyaltyShop-D-Gsl4ZM.js";
 typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
 }, globalThis.customElements = { define() {
 }, get() {
@@ -16,7 +16,7 @@ if (typeof window < "u") {
       }
     };
   };
-  customElements.define = s(customElements.define), import("../components/LoyaltyShop-_bWN39Rn.js").then((e) => e.a).then((e) => {
+  customElements.define = s(customElements.define), import("../components/LoyaltyShop-D-Gsl4ZM.js").then((e) => e.a).then((e) => {
     const n = e.default || e;
     customElements.get("loyalty-shop") || customElements.define("loyalty-shop", n.element || n);
   }).catch((e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/loyalty-shop",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "type": "module",
   "main": "./esnext/loyalty-shop.cjs",
   "module": "./esnext/loyalty-shop.js",