@everymatrix/loyalty-shop 0.1.8 → 0.2.0

package/components/{LoyaltyPagination-BFOXFDPJ.js → LoyaltyPagination-UwvULUW0.js}

@@ -1,5 +1,5 @@
-import { p as et, a as at, b as g, s as st, c as nt, u as S, d as lt, e as B, i as O, g as e, f, h as ot, j as it, k as M, l as rt, m as v, n as y, o as pt, t as z, q as x, r as G, v as ct, w as T, x as _t, y as dt, z as gt, $ as ft, A as m, B as vt, C as yt, D as mt } from "./LoyaltyShop-CXYYTheE.js";
-const ut = {
+import { a as at, p as _, s as st, b as nt, u as B, i as O, c as v, d as lt, e as ot, f as x, g as f, h as it, j as rt, k as z, l as pt, m as ct, n as dt, o as y, q as e, r as m, t as E, v as G, w as gt, x as _t, y as q, z as M, A as T, B as vt, $ as ft, C as yt, D as mt, E as ut } from "./LoyaltyShop-ChhuDPwH.js";
+const ht = {
   en: {
     prev: "Previous",
     next: "Next"
@@ -8,9 +8,9 @@ const ut = {
     prev: "Önceki",
     next: "Sonraki"
   }
-}, q = 10, ht = 7, xt = 4;
-var bt = x('<span class="loyalty-pagination__ellipsis svelte-lms3sp" aria-hidden="true">...</span>'), wt = x('<button type="button"> </button>'), It = x('<div class="loyalty-pagination__pages svelte-lms3sp"><button class="loyalty-pagination__btn loyalty-pagination__btn--prev svelte-lms3sp" type="button"> </button> <!> <button class="loyalty-pagination__btn loyalty-pagination__btn--next svelte-lms3sp" type="button"> </button></div>'), Pt = x('<div class="loyalty-pagination svelte-lms3sp"><!></div>');
-const kt = {
+}, D = 10, xt = 7, bt = 4;
+var wt = x('<span class="loyalty-pagination__ellipsis svelte-lms3sp" aria-hidden="true">...</span>'), It = x('<button type="button"> </button>'), Pt = x('<div class="loyalty-pagination__pages svelte-lms3sp"><button class="loyalty-pagination__btn loyalty-pagination__btn--prev svelte-lms3sp" type="button"> </button> <!> <button class="loyalty-pagination__btn loyalty-pagination__btn--next svelte-lms3sp" type="button"> </button></div>'), kt = x('<div class="loyalty-pagination svelte-lms3sp"><!></div>');
+const Et = {
   hash: "svelte-lms3sp",
   code: `
   @layer loyalty-pagination-component {.loyalty-pagination.svelte-lms3sp {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;box-sizing:border-box;width:100%;}
@@ -26,107 +26,101 @@ const kt = {
   }`
 };
 function Mt(A, o) {
-  et(o, !0), at(A, kt);
-  const E = () => gt(ft, "$_", D), [D, V] = it(), b = g(o, "offset", 7, 0), n = g(o, "limit", 7, q), w = g(o, "total", 7, 0), c = g(o, "onPageChange", 7, (t) => {
-  }), u = g(o, "locale", 7, "en");
-  st({ withLocale: u(), translations: {} }), Object.entries(ut).forEach(([t, a]) => {
+  it(o, !0), at(A, Et);
+  const L = () => vt(ft, "$_", V), [V, F] = ot(), b = _(o, "offset", 7, 0), n = _(o, "limit", 7, D), w = _(o, "total", 7, 0), c = _(o, "onPageChange", 7, (t) => {
+  }), u = _(o, "locale", 7, "en");
+  st({ withLocale: u(), translations: {} }), Object.entries(ht).forEach(([t, a]) => {
     nt(t, a);
-  }), S(() => {
-    var t;
-    lt((t = u()) != null ? t : "en");
+  }), B(() => {
+    rt(u() ?? "en");
   });
-  const h = M(() => Math.max(1, Math.ceil(w() / Math.max(1, n())))), i = M(() => n() > 0 ? Math.floor(b() / n()) : 0);
-  let I = rt(!1);
-  S(() => {
+  const h = E(() => Math.max(1, Math.ceil(w() / Math.max(1, n())))), i = E(() => n() > 0 ? Math.floor(b() / n()) : 0);
+  let I = dt(!1);
+  B(() => {
     const t = window.matchMedia("(max-width: 767px)"), a = (s) => {
-      B(I, s.matches, !0);
+      z(I, s.matches, !0);
     };
-    return B(I, t.matches, !0), t.addEventListener("change", a), () => t.removeEventListener("change", a);
+    return z(I, t.matches, !0), t.addEventListener("change", a), () => t.removeEventListener("change", a);
   });
-  const F = (t, a, s) => t <= (s ? xt : ht) ? Array.from({ length: t }, (N, d) => d) : a <= 1 || a >= t - 2 ? [0, 1, "ellipsis", t - 2, t - 1] : [0, "ellipsis", a, "ellipsis", t - 1], R = M(() => F(e(h), e(i), e(I))), U = (t) => c()(t * n()), H = () => c()(Math.max(0, e(i) - 1) * n()), J = () => c()(Math.min(e(h) - 1, e(i) + 1) * n());
-  var K = {
+  const R = (t, a, s) => t <= (s ? bt : xt) ? Array.from({ length: t }, (C, g) => g) : a <= 1 || a >= t - 2 ? [0, 1, "ellipsis", t - 2, t - 1] : [0, "ellipsis", a, "ellipsis", t - 1], U = E(() => R(e(h), e(i), e(I))), H = (t) => c()(t * n()), J = () => c()(Math.max(0, e(i) - 1) * n()), K = () => c()(Math.min(e(h) - 1, e(i) + 1) * n());
+  var Q = {
     get offset() {
       return b();
     },
     set offset(t = 0) {
-      b(t), v();
+      b(t), f();
     },
     get limit() {
       return n();
     },
-    set limit(t = q) {
-      n(t), v();
+    set limit(t = D) {
+      n(t), f();
     },
     get total() {
       return w();
     },
     set total(t = 0) {
-      w(t), v();
+      w(t), f();
     },
     get onPageChange() {
       return c();
     },
     set onPageChange(t = (a) => {
     }) {
-      c(t), v();
+      c(t), f();
     },
     get locale() {
       return u();
     },
     set locale(t = "en") {
-      u(t), v();
+      u(t), f();
     }
-  }, P = Pt(), Q = y(P);
+  }, P = kt(), W = y(P);
   {
-    var W = (t) => {
-      var a = It(), s = y(a);
-      s.__click = H;
-      var L = y(s, !0);
+    var X = (t) => {
+      var a = Pt(), s = y(a), N = y(s, !0);
       m(s);
       var k = G(s, 2);
-      pt(k, 17, () => e(R), ct, (d, r) => {
-        var C = vt(), Y = yt(C);
+      gt(k, 17, () => e(U), _t, (g, r) => {
+        var j = yt(), Z = mt(j);
         {
-          var Z = (p) => {
-            var l = bt();
-            f(p, l);
-          }, $ = (p) => {
+          var $ = (p) => {
             var l = wt();
-            let j;
-            l.__click = () => U(e(r));
-            var tt = y(l, !0);
-            m(l), z(() => {
-              j = mt(l, 1, "loyalty-pagination__btn svelte-lms3sp", null, j, {
+            v(p, l);
+          }, tt = (p) => {
+            var l = It();
+            let S;
+            var et = y(l, !0);
+            m(l), q(() => {
+              S = ut(l, 1, "loyalty-pagination__btn svelte-lms3sp", null, S, {
                 "loyalty-pagination__btn--active": e(r) === e(i)
-              }), T(tt, e(r) + 1);
-            }), f(p, l);
+              }), M(et, e(r) + 1);
+            }), T("click", l, () => H(e(r))), v(p, l);
           };
-          O(Y, (p) => {
-            e(r) === "ellipsis" ? p(Z) : p($, !1);
+          O(Z, (p) => {
+            e(r) === "ellipsis" ? p($) : p(tt, -1);
           });
         }
-        f(d, C);
+        v(g, j);
       });
-      var _ = G(k, 2);
-      _.__click = J;
-      var N = y(_, !0);
-      m(_), m(a), z(
-        (d, r) => {
-          s.disabled = e(i) <= 0, T(L, d), _.disabled = e(i) >= e(h) - 1, T(N, r);
+      var d = G(k, 2), C = y(d, !0);
+      m(d), m(a), q(
+        (g, r) => {
+          s.disabled = e(i) <= 0, M(N, g), d.disabled = e(i) >= e(h) - 1, M(C, r);
         },
-        [() => E()("prev"), () => E()("next")]
-      ), f(t, a);
+        [() => L()("prev"), () => L()("next")]
+      ), T("click", s, J), T("click", d, K), v(t, a);
     };
-    O(Q, (t) => {
-      e(h) > 1 && t(W);
+    O(W, (t) => {
+      e(h) > 1 && t(X);
     });
   }
-  m(P), f(A, P);
-  var X = ot(K);
-  return V(), X;
+  m(P), v(A, P);
+  var Y = lt(Q);
+  return F(), Y;
 }
-_t(["click"]);
-customElements.define("loyalty-pagination", dt(
+pt(["click"]);
+customElements.define("loyalty-pagination", ct(
   Mt,
   {
     offset: {},
@@ -136,8 +130,7 @@ customElements.define("loyalty-pagination", dt(
     locale: {}
   },
   [],
-  [],
-  !1
+  []
 ));
 export {
   Mt as default

package/components/LoyaltyPointsCard-4xMK1Yj3.js

@@ -0,0 +1,241 @@
+import { c as A, p as O, a as te, b as s, s as ae, d as ne, e as oe, f as se, g as le, i as q, h as x, j as P, D as h, k as l, l as ie, m as n, u as c, n as v, r as y, o as j, t as z, q as E, v as S, w as re, $ as de, x as pe } from "./LoyaltyPagination-CvGlrsHL.js";
+const ce = {
+  en: {
+    tokens: "Tokens",
+    tokenBalance: "Token Balance",
+    requestRakeback: "Request Rakeback",
+    pointsToExpire: "{points} Tokens to expire on {date}"
+  },
+  tr: {
+    tokens: "Tokens",
+    tokenBalance: "Token Bakiyesi",
+    requestRakeback: "Rakeback Talebi",
+    pointsToExpire: "{date} tarihinde {points} Tokens sona erecek"
+  },
+  da: {
+    tokens: "Tokens",
+    tokenBalance: "Tokenbalance",
+    requestRakeback: "Anmod om Rakeback",
+    pointsToExpire: "{points} Tokens udløber den {date}"
+  },
+  de: {
+    tokens: "Token",
+    tokenBalance: "Token-Guthaben",
+    requestRakeback: "Rakeback anfordern",
+    pointsToExpire: "{points} Token verfallen am {date}"
+  },
+  nl: {
+    tokens: "Tokens",
+    tokenBalance: "Tokensaldo",
+    requestRakeback: "Rakeback aanvragen",
+    pointsToExpire: "{points} Tokens verlopen op {date}"
+  },
+  fr: {
+    tokens: "Jetons",
+    tokenBalance: "Solde de jetons",
+    requestRakeback: "Demander un Rakeback",
+    pointsToExpire: "{points} jetons expirent le {date}"
+  },
+  hu: {
+    tokens: "Tokenek",
+    tokenBalance: "Token egyenleg",
+    requestRakeback: "Rakeback igénylése",
+    pointsToExpire: "{points} token lejár ekkor: {date}"
+  }
+};
+var ve = S('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__skeleton loyalty-points__skeleton--amount svelte-1hsy08w"></span> <span class="loyalty-points__skeleton loyalty-points__skeleton--description svelte-1hsy08w"></span></div></div></div>'), ye = S('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'), ue = S('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__amount svelte-1hsy08w"> </span> <span class="loyalty-points__description svelte-1hsy08w"> </span> <!></div></div></div>');
+const ke = {
+  hash: "svelte-1hsy08w",
+  code: `.loyalty-points.svelte-1hsy08w {padding:11px 16px;display:inline-flex;flex-direction:column;background-color:var(--app-container-bg-default, #022652);border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));width:100%;box-sizing:border-box;}.loyalty-points__content.svelte-1hsy08w {display:flex;align-items:center;justify-content:space-between;gap:12px;}.loyalty-points__value.svelte-1hsy08w {display:flex;flex-direction:column;gap:6px;}.loyalty-points__amount.svelte-1hsy08w {color:var(--text-default, #FFFFFF);font-size:16px;font-weight:700;line-height:140%;}.loyalty-points__description.svelte-1hsy08w {color:var(--text-subtle, #DFE3E8);font-size:14px;font-weight:400;}.loyalty-points__expiry.svelte-1hsy08w {color:var(--text-super-subtle, #DFE3E8);font-size:12px;font-weight:400;}.loyalty-points__skeleton.svelte-1hsy08w {display:block;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-1hsy08w-shimmer 3s linear infinite;}.loyalty-points__skeleton--amount.svelte-1hsy08w {width:120px;height:22px;}.loyalty-points__skeleton--description.svelte-1hsy08w {width:90px;height:20px;}
+
+  @keyframes svelte-1hsy08w-shimmer {
+    0% {
+      background-position: 200% 0;
+    }
+
+    100% {
+      background-position: -200% 0;
+    }
+  }`
+};
+function C(b, t) {
+  O(t, !0), te(b, ke);
+  const i = () => re(de, "$_", u), [u, k] = ie(), r = s(t, "apiEndpoint", 7, ""), d = s(t, "userSession", 7, ""), p = s(t, "locale", 7, ""), a = s(t, "dateFormat", 7, h), f = s(t, "onLevelLoaded", 7, (e) => {
+  });
+  ae({ withLocale: p(), translations: {} }), Object.entries(ce).forEach(([e, o]) => {
+    ne(e, o);
+  });
+  const F = oe(() => ({
+    apiEndpoint: r(),
+    userSession: d(),
+    locale: p(),
+    loadLevels: !1,
+    onLevelLoaded: f()
+  })), T = c(() => F.spendableWalletTotal), N = c(() => n(T)?.points ?? 0), I = c(() => n(N).toLocaleString()), W = c(() => F.loading && n(T) === void 0), m = c(() => [...n(T)?.aboutToExpire ?? []].filter((e) => e.points > 0).sort((e, o) => new Date(e.expireTime).getTime() - new Date(o.expireTime).getTime())[0]), G = c(() => n(m) ? pe(n(m).expireTime, a()) : "");
+  var J = {
+    get apiEndpoint() {
+      return r();
+    },
+    set apiEndpoint(e = "") {
+      r(e), l();
+    },
+    get userSession() {
+      return d();
+    },
+    set userSession(e = "") {
+      d(e), l();
+    },
+    get locale() {
+      return p();
+    },
+    set locale(e = "") {
+      p(e), l();
+    },
+    get dateFormat() {
+      return a();
+    },
+    set dateFormat(e = h) {
+      a(e), l();
+    },
+    get onLevelLoaded() {
+      return f();
+    },
+    set onLevelLoaded(e = (o) => {
+    }) {
+      f(e), l();
+    }
+  }, R = se(), H = le(R);
+  {
+    var K = (e) => {
+      var o = ve();
+      x(e, o);
+    }, Q = (e) => {
+      var o = ue(), B = v(o), D = v(B), w = v(D), V = v(w);
+      y(w);
+      var L = j(w, 2), X = v(L, !0);
+      y(L);
+      var Y = j(L, 2);
+      {
+        var Z = (_) => {
+          var g = ye(), $ = v(g, !0);
+          y(g), z((ee) => E($, ee), [
+            () => i()("pointsToExpire", {
+              values: {
+                points: n(m).points.toLocaleString(),
+                date: n(G)
+              }
+            })
+          ]), x(_, g);
+        };
+        q(Y, (_) => {
+          n(m) && _(Z);
+        });
+      }
+      y(D), y(B), y(o), z(
+        (_, g) => {
+          E(V, `${n(I) ?? ""}
+          ${_ ?? ""}`), E(X, g);
+        },
+        [() => i()("tokens"), () => i()("tokenBalance")]
+      ), x(e, o);
+    };
+    q(H, (e) => {
+      n(W) ? e(K) : e(Q, -1);
+    });
+  }
+  x(b, R);
+  var U = P(J);
+  return k(), U;
+}
+A(
+  C,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    dateFormat: {},
+    onLevelLoaded: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+function M(b, t) {
+  O(t, !0);
+  let i = s(t, "apiEndpoint", 7, ""), u = s(t, "userSession", 7, ""), k = s(t, "locale", 7, ""), r = s(t, "dateFormat", 7, h), d = s(t, "onLevelLoaded");
+  var p = {
+    get apiEndpoint() {
+      return i();
+    },
+    set apiEndpoint(a = "") {
+      i(a), l();
+    },
+    get userSession() {
+      return u();
+    },
+    set userSession(a = "") {
+      u(a), l();
+    },
+    get locale() {
+      return k();
+    },
+    set locale(a = "") {
+      k(a), l();
+    },
+    get dateFormat() {
+      return r();
+    },
+    set dateFormat(a = h) {
+      r(a), l();
+    },
+    get onLevelLoaded() {
+      return d();
+    },
+    set onLevelLoaded(a) {
+      d(a), l();
+    }
+  };
+  return C(b, {
+    get apiEndpoint() {
+      return i();
+    },
+    get userSession() {
+      return u();
+    },
+    get locale() {
+      return k();
+    },
+    get dateFormat() {
+      return r();
+    },
+    get onLevelLoaded() {
+      return d();
+    }
+  }), P(p);
+}
+customElements.define("loyalty-points-card", A(
+  M,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    dateFormat: {},
+    onLevelLoaded: {}
+  },
+  [],
+  []
+));
+const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: M
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  C as L,
+  ge as a
+};

package/components/LoyaltyPointsCard-Cqwkhg0M.cjs

@@ -0,0 +1,18 @@
+"use strict";const e=require("./LoyaltyPagination-BqAUwwMS.cjs"),N={en:{tokens:"Tokens",tokenBalance:"Token Balance",requestRakeback:"Request Rakeback",pointsToExpire:"{points} Tokens to expire on {date}"},tr:{tokens:"Tokens",tokenBalance:"Token Bakiyesi",requestRakeback:"Rakeback Talebi",pointsToExpire:"{date} tarihinde {points} Tokens sona erecek"},da:{tokens:"Tokens",tokenBalance:"Tokenbalance",requestRakeback:"Anmod om Rakeback",pointsToExpire:"{points} Tokens udløber den {date}"},de:{tokens:"Token",tokenBalance:"Token-Guthaben",requestRakeback:"Rakeback anfordern",pointsToExpire:"{points} Token verfallen am {date}"},nl:{tokens:"Tokens",tokenBalance:"Tokensaldo",requestRakeback:"Rakeback aanvragen",pointsToExpire:"{points} Tokens verlopen op {date}"},fr:{tokens:"Jetons",tokenBalance:"Solde de jetons",requestRakeback:"Demander un Rakeback",pointsToExpire:"{points} jetons expirent le {date}"},hu:{tokens:"Tokenek",tokenBalance:"Token egyenleg",requestRakeback:"Rakeback igénylése",pointsToExpire:"{points} token lejár ekkor: {date}"}};var I=e.from_html('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__skeleton loyalty-points__skeleton--amount svelte-1hsy08w"></span> <span class="loyalty-points__skeleton loyalty-points__skeleton--description svelte-1hsy08w"></span></div></div></div>'),W=e.from_html('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'),G=e.from_html('<div class="loyalty-points svelte-1hsy08w"><div class="loyalty-points__content svelte-1hsy08w"><div class="loyalty-points__value svelte-1hsy08w"><span class="loyalty-points__amount svelte-1hsy08w"> </span> <span class="loyalty-points__description svelte-1hsy08w"> </span> <!></div></div></div>');const J={hash:"svelte-1hsy08w",code:`.loyalty-points.svelte-1hsy08w {padding:11px 16px;display:inline-flex;flex-direction:column;background-color:var(--app-container-bg-default, #022652);border-radius:6px;border:1px solid var(--border-subtle, rgba(255, 255, 255, 0.1));width:100%;box-sizing:border-box;}.loyalty-points__content.svelte-1hsy08w {display:flex;align-items:center;justify-content:space-between;gap:12px;}.loyalty-points__value.svelte-1hsy08w {display:flex;flex-direction:column;gap:6px;}.loyalty-points__amount.svelte-1hsy08w {color:var(--text-default, #FFFFFF);font-size:16px;font-weight:700;line-height:140%;}.loyalty-points__description.svelte-1hsy08w {color:var(--text-subtle, #DFE3E8);font-size:14px;font-weight:400;}.loyalty-points__expiry.svelte-1hsy08w {color:var(--text-super-subtle, #DFE3E8);font-size:12px;font-weight:400;}.loyalty-points__skeleton.svelte-1hsy08w {display:block;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-1hsy08w-shimmer 3s linear infinite;}.loyalty-points__skeleton--amount.svelte-1hsy08w {width:120px;height:22px;}.loyalty-points__skeleton--description.svelte-1hsy08w {width:90px;height:20px;}
+
+  @keyframes svelte-1hsy08w-shimmer {
+    0% {
+      background-position: 200% 0;
+    }
+
+    100% {
+      background-position: -200% 0;
+    }
+  }`};function b(u,n){e.push(n,!0),e.append_styles(u,J);const a=()=>e.store_get(e.$format,"$_",p),[p,d]=e.setup_stores(),l=e.prop(n,"apiEndpoint",7,""),i=e.prop(n,"userSession",7,""),r=e.prop(n,"locale",7,""),o=e.prop(n,"dateFormat",7,e.DATE_FORMATS),_=e.prop(n,"onLevelLoaded",7,t=>{});e.setupI18n({withLocale:r(),translations:{}}),Object.entries(N).forEach(([t,s])=>{e.addNewMessages(t,s)});const m=e.createElevateData(()=>({apiEndpoint:l(),userSession:i(),locale:r(),loadLevels:!1,onLevelLoaded:_()})),k=e.user_derived(()=>m.spendableWalletTotal),w=e.user_derived(()=>e.get(k)?.points??0),S=e.user_derived(()=>e.get(w).toLocaleString()),E=e.user_derived(()=>m.loading&&e.get(k)===void 0),v=e.user_derived(()=>[...e.get(k)?.aboutToExpire??[]].filter(t=>t.points>0).sort((t,s)=>new Date(t.expireTime).getTime()-new Date(s.expireTime).getTime())[0]),F=e.user_derived(()=>e.get(v)?e.formatDate(e.get(v).expireTime,o()):"");var R={get apiEndpoint(){return l()},set apiEndpoint(t=""){l(t),e.flushSync()},get userSession(){return i()},set userSession(t=""){i(t),e.flushSync()},get locale(){return r()},set locale(t=""){r(t),e.flushSync()},get dateFormat(){return o()},set dateFormat(t=e.DATE_FORMATS){o(t),e.flushSync()},get onLevelLoaded(){return _()},set onLevelLoaded(t=s=>{}){_(t),e.flushSync()}},f=e.comment(),D=e.first_child(f);{var A=t=>{var s=I();e.append(t,s)},B=t=>{var s=G(),x=e.child(s),T=e.child(x),g=e.child(T),O=e.child(g);e.reset(g);var h=e.sibling(g,2),P=e.child(h,!0);e.reset(h);var j=e.sibling(h,2);{var z=c=>{var y=W(),M=e.child(y,!0);e.reset(y),e.template_effect(C=>e.set_text(M,C),[()=>a()("pointsToExpire",{values:{points:e.get(v).points.toLocaleString(),date:e.get(F)}})]),e.append(c,y)};e.if_block(j,c=>{e.get(v)&&c(z)})}e.reset(T),e.reset(x),e.reset(s),e.template_effect((c,y)=>{e.set_text(O,`${e.get(S)??""}
+          ${c??""}`),e.set_text(P,y)},[()=>a()("tokens"),()=>a()("tokenBalance")]),e.append(t,s)};e.if_block(D,t=>{e.get(E)?t(A):t(B,-1)})}e.append(u,f);var q=e.pop(R);return d(),q}e.create_custom_element(b,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],{mode:"open"});function L(u,n){e.push(n,!0);let a=e.prop(n,"apiEndpoint",7,""),p=e.prop(n,"userSession",7,""),d=e.prop(n,"locale",7,""),l=e.prop(n,"dateFormat",7,e.DATE_FORMATS),i=e.prop(n,"onLevelLoaded");var r={get apiEndpoint(){return a()},set apiEndpoint(o=""){a(o),e.flushSync()},get userSession(){return p()},set userSession(o=""){p(o),e.flushSync()},get locale(){return d()},set locale(o=""){d(o),e.flushSync()},get dateFormat(){return l()},set dateFormat(o=e.DATE_FORMATS){l(o),e.flushSync()},get onLevelLoaded(){return i()},set onLevelLoaded(o){i(o),e.flushSync()}};return b(u,{get apiEndpoint(){return a()},get userSession(){return p()},get locale(){return d()},get dateFormat(){return l()},get onLevelLoaded(){return i()}}),e.pop(r)}customElements.define("loyalty-points-card",e.create_custom_element(L,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[]));const H=Object.freeze(Object.defineProperty({__proto__:null,default:L},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyPointsCard=b;exports.LoyaltyPointsCard_ce=H;