@everymatrix/loyalty-shop 0.2.0 → 0.2.1

package/components/LoyaltyPointsCard-BjF9SVWO.js

@@ -0,0 +1,249 @@
+import { c as O, p as P, a as ae, b as o, s as ne, d as se, e as oe, f as le, g as ie, i as z, h as x, j as C, D as f, k as l, l as re, m as s, u as v, n as L, o as E, q as A, r as S, t as M, v as F, w as R, x as de, $ as pe, y as ce } from "./LoyaltyPagination-DOu-qNFO.js";
+typeof globalThis.HTMLElement == "undefined" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+const ye = {
+  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 = R('<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>'), ue = R('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'), ke = R('<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 _e = {
+  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 N(_, a) {
+  P(a, !0), ae(_, _e);
+  const i = () => de(pe, "$_", u), [u, k] = re(), r = o(a, "apiEndpoint", 7, ""), d = o(a, "userSession", 7, ""), c = o(a, "locale", 7, ""), n = o(a, "dateFormat", 7, f), T = o(a, "onLevelLoaded", 7, (e) => {
+  });
+  ne({ withLocale: c(), translations: {} }), Object.entries(ye).forEach(([e, t]) => {
+    se(e, t);
+  });
+  const D = oe(() => ({
+    apiEndpoint: r(),
+    userSession: d(),
+    locale: c(),
+    loadLevels: !1,
+    onLevelLoaded: T()
+  })), w = v(() => D.spendableWalletTotal), I = v(() => {
+    var e, t;
+    return (t = (e = s(w)) == null ? void 0 : e.points) != null ? t : 0;
+  }), W = v(() => s(I).toLocaleString()), G = v(() => D.loading && s(w) === void 0), g = v(() => {
+    var e, t;
+    return [...(t = (e = s(w)) == null ? void 0 : e.aboutToExpire) != null ? t : []].filter((y) => y.points > 0).sort((y, b) => new Date(y.expireTime).getTime() - new Date(b.expireTime).getTime())[0];
+  }), J = v(() => s(g) ? ce(s(g).expireTime, n()) : "");
+  var K = {
+    get apiEndpoint() {
+      return r();
+    },
+    set apiEndpoint(e = "") {
+      r(e), l();
+    },
+    get userSession() {
+      return d();
+    },
+    set userSession(e = "") {
+      d(e), l();
+    },
+    get locale() {
+      return c();
+    },
+    set locale(e = "") {
+      c(e), l();
+    },
+    get dateFormat() {
+      return n();
+    },
+    set dateFormat(e = f) {
+      n(e), l();
+    },
+    get onLevelLoaded() {
+      return T();
+    },
+    set onLevelLoaded(e = (t) => {
+    }) {
+      T(e), l();
+    }
+  }, B = le(), Q = ie(B);
+  {
+    var U = (e) => {
+      var t = ve();
+      x(e, t);
+    }, V = (e) => {
+      var t = ke(), y = L(t), b = L(y), q = L(b), Y = E(q), j = A(q, 2), Z = E(j, !0), $ = A(j, 2);
+      {
+        var ee = (p) => {
+          var m = ue(), h = E(m, !0);
+          M((te) => F(h, te), [
+            () => i()("pointsToExpire", {
+              values: {
+                points: s(g).points.toLocaleString(),
+                date: s(J)
+              }
+            })
+          ]), x(p, m);
+        };
+        z($, (p) => {
+          s(g) && p(ee);
+        });
+      }
+      S(b), S(y), S(t), M(
+        (p, m) => {
+          var h;
+          F(Y, `${(h = s(W)) != null ? h : ""}
+          ${p != null ? p : ""}`), F(Z, m);
+        },
+        [() => i()("tokens"), () => i()("tokenBalance")]
+      ), x(e, t);
+    };
+    z(Q, (e) => {
+      s(G) ? e(U) : e(V, -1);
+    });
+  }
+  x(_, B);
+  var X = C(K);
+  return k(), X;
+}
+O(
+  N,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    dateFormat: {},
+    onLevelLoaded: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+function H(_, a) {
+  P(a, !0);
+  let i = o(a, "apiEndpoint", 7, ""), u = o(a, "userSession", 7, ""), k = o(a, "locale", 7, ""), r = o(a, "dateFormat", 7, f), d = o(a, "onLevelLoaded");
+  var c = {
+    get apiEndpoint() {
+      return i();
+    },
+    set apiEndpoint(n = "") {
+      i(n), l();
+    },
+    get userSession() {
+      return u();
+    },
+    set userSession(n = "") {
+      u(n), l();
+    },
+    get locale() {
+      return k();
+    },
+    set locale(n = "") {
+      k(n), l();
+    },
+    get dateFormat() {
+      return r();
+    },
+    set dateFormat(n = f) {
+      r(n), l();
+    },
+    get onLevelLoaded() {
+      return d();
+    },
+    set onLevelLoaded(n) {
+      d(n), l();
+    }
+  };
+  return N(_, {
+    get apiEndpoint() {
+      return i();
+    },
+    get userSession() {
+      return u();
+    },
+    get locale() {
+      return k();
+    },
+    get dateFormat() {
+      return r();
+    },
+    get onLevelLoaded() {
+      return d();
+    }
+  }), C(c);
+}
+customElements.define("loyalty-points-card", O(
+  H,
+  {
+    apiEndpoint: {},
+    userSession: {},
+    locale: {},
+    dateFormat: {},
+    onLevelLoaded: {}
+  },
+  [],
+  []
+));
+const be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: H
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  N as L,
+  be as a
+};

package/components/LoyaltyPointsCard-C2Xj_0zZ.cjs

@@ -0,0 +1,18 @@
+typeof globalThis.HTMLElement>"u"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-B8amLojn.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 H=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>'),I=e.from_html('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'),W=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 G={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 g(y,n){e.push(n,!0),e.append_styles(y,G);const a=()=>e.store_get(e.$format,"$_",d),[d,p]=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 h=e.createElevateData(()=>({apiEndpoint:l(),userSession:i(),locale:r(),loadLevels:!1,onLevelLoaded:_()})),k=e.user_derived(()=>h.spendableWalletTotal),w=e.user_derived(()=>e.get(k)?.points??0),E=e.user_derived(()=>e.get(w).toLocaleString()),S=e.user_derived(()=>h.loading&&e.get(k)===void 0),u=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(u)?e.formatDate(e.get(u).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()}},b=e.comment(),D=e.first_child(b);{var A=t=>{var s=H();e.append(t,s)},B=t=>{var s=W(),m=e.child(s),f=e.child(m),x=e.child(f),M=e.only_child(x),T=e.sibling(x,2),O=e.only_child(T,!0),P=e.sibling(T,2);{var j=c=>{var v=I(),z=e.only_child(v,!0);e.template_effect(C=>e.set_text(z,C),[()=>a()("pointsToExpire",{values:{points:e.get(u).points.toLocaleString(),date:e.get(F)}})]),e.append(c,v)};e.if_block(P,c=>{e.get(u)&&c(j)})}e.reset(f),e.reset(m),e.reset(s),e.template_effect((c,v)=>{e.set_text(M,`${e.get(E)??""}
+          ${c??""}`),e.set_text(O,v)},[()=>a()("tokens"),()=>a()("tokenBalance")]),e.append(t,s)};e.if_block(D,t=>{e.get(S)?t(A):t(B,-1)})}e.append(y,b);var q=e.pop(R);return p(),q}e.create_custom_element(g,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],{mode:"open"});function L(y,n){e.push(n,!0);let a=e.prop(n,"apiEndpoint",7,""),d=e.prop(n,"userSession",7,""),p=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 d()},set userSession(o=""){d(o),e.flushSync()},get locale(){return p()},set locale(o=""){p(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 g(y,{get apiEndpoint(){return a()},get userSession(){return d()},get locale(){return p()},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 J=Object.freeze(Object.defineProperty({__proto__:null,default:L},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyPointsCard=g;exports.LoyaltyPointsCard_ce=J;

package/components/{LoyaltyPointsCard-4xMK1Yj3.js → LoyaltyPointsCard-DKq6yH_i.js}

@@ -1,5 +1,10 @@
-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 = {
+import { c as M, p as O, a as ae, b as o, s as ne, d as se, e as oe, f as le, g as ie, i as j, h as b, j as P, D as m, k as l, l as re, m as n, u as c, n as f, o as T, q as z, r as w, t as A, v as L, w as E, x as de, $ as pe, y as ce } from "./LoyaltyPagination-BqHc2i2H.js";
+typeof globalThis.HTMLElement > "u" && (globalThis.HTMLElement = class {
+}, globalThis.customElements = { define() {
+}, get() {
+}, whenDefined() {
+} });
+const ye = {
   en: {
     tokens: "Tokens",
     tokenBalance: "Token Balance",
@@ -43,8 +48,8 @@ const ce = {
     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 = {
+var ve = E('<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>'), ue = E('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'), ke = E('<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 _e = {
   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,
@@ -64,20 +69,20 @@ const ke = {
     }
   }`
 };
-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) => {
+function C(k, t) {
+  O(t, !0), ae(k, _e);
+  const i = () => de(pe, "$_", y), [y, v] = re(), r = o(t, "apiEndpoint", 7, ""), d = o(t, "userSession", 7, ""), p = o(t, "locale", 7, ""), a = o(t, "dateFormat", 7, m), h = o(t, "onLevelLoaded", 7, (e) => {
   });
-  ae({ withLocale: p(), translations: {} }), Object.entries(ce).forEach(([e, o]) => {
-    ne(e, o);
+  ne({ withLocale: p(), translations: {} }), Object.entries(ye).forEach(([e, s]) => {
+    se(e, s);
   });
-  const F = oe(() => ({
+  const S = 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()) : "");
+    onLevelLoaded: h()
+  })), x = c(() => S.spendableWalletTotal), H = c(() => n(x)?.points ?? 0), I = c(() => n(H).toLocaleString()), W = c(() => S.loading && n(x) === void 0), _ = c(() => [...n(x)?.aboutToExpire ?? []].filter((e) => e.points > 0).sort((e, s) => new Date(e.expireTime).getTime() - new Date(s.expireTime).getTime())[0]), G = c(() => n(_) ? ce(n(_).expireTime, a()) : "");
   var J = {
     get apiEndpoint() {
       return r();
@@ -100,60 +105,56 @@ function C(b, t) {
     get dateFormat() {
       return a();
     },
-    set dateFormat(e = h) {
+    set dateFormat(e = m) {
       a(e), l();
     },
     get onLevelLoaded() {
-      return f();
+      return h();
     },
-    set onLevelLoaded(e = (o) => {
+    set onLevelLoaded(e = (s) => {
     }) {
-      f(e), l();
+      h(e), l();
     }
-  }, R = se(), H = le(R);
+  }, F = le(), K = ie(F);
   {
-    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 Q = (e) => {
+      var s = ve();
+      b(e, s);
+    }, U = (e) => {
+      var s = ke(), R = f(s), D = f(R), B = f(D), X = T(B), q = z(B, 2), Y = T(q, !0), Z = z(q, 2);
       {
-        var Z = (_) => {
-          var g = ye(), $ = v(g, !0);
-          y(g), z((ee) => E($, ee), [
+        var $ = (u) => {
+          var g = ue(), ee = T(g, !0);
+          A((te) => L(ee, te), [
             () => i()("pointsToExpire", {
               values: {
-                points: n(m).points.toLocaleString(),
+                points: n(_).points.toLocaleString(),
                 date: n(G)
               }
             })
-          ]), x(_, g);
+          ]), b(u, g);
         };
-        q(Y, (_) => {
-          n(m) && _(Z);
+        j(Z, (u) => {
+          n(_) && u($);
         });
       }
-      y(D), y(B), y(o), z(
-        (_, g) => {
-          E(V, `${n(I) ?? ""}
-          ${_ ?? ""}`), E(X, g);
+      w(D), w(R), w(s), A(
+        (u, g) => {
+          L(X, `${n(I) ?? ""}
+          ${u ?? ""}`), L(Y, g);
         },
         [() => i()("tokens"), () => i()("tokenBalance")]
-      ), x(e, o);
+      ), b(e, s);
     };
-    q(H, (e) => {
-      n(W) ? e(K) : e(Q, -1);
+    j(K, (e) => {
+      n(W) ? e(Q) : e(U, -1);
     });
   }
-  x(b, R);
-  var U = P(J);
-  return k(), U;
+  b(k, F);
+  var V = P(J);
+  return v(), V;
 }
-A(
+M(
   C,
   {
     apiEndpoint: {},
@@ -166,9 +167,9 @@ A(
   [],
   { mode: "open" }
 );
-function M(b, t) {
+function N(k, 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");
+  let i = o(t, "apiEndpoint", 7, ""), y = o(t, "userSession", 7, ""), v = o(t, "locale", 7, ""), r = o(t, "dateFormat", 7, m), d = o(t, "onLevelLoaded");
   var p = {
     get apiEndpoint() {
       return i();
@@ -177,21 +178,21 @@ function M(b, t) {
       i(a), l();
     },
     get userSession() {
-      return u();
+      return y();
     },
     set userSession(a = "") {
-      u(a), l();
+      y(a), l();
     },
     get locale() {
-      return k();
+      return v();
     },
     set locale(a = "") {
-      k(a), l();
+      v(a), l();
     },
     get dateFormat() {
       return r();
     },
-    set dateFormat(a = h) {
+    set dateFormat(a = m) {
       r(a), l();
     },
     get onLevelLoaded() {
@@ -201,15 +202,15 @@ function M(b, t) {
       d(a), l();
     }
   };
-  return C(b, {
+  return C(k, {
     get apiEndpoint() {
       return i();
     },
     get userSession() {
-      return u();
+      return y();
     },
     get locale() {
-      return k();
+      return v();
     },
     get dateFormat() {
       return r();
@@ -219,8 +220,8 @@ function M(b, t) {
     }
   }), P(p);
 }
-customElements.define("loyalty-points-card", A(
-  M,
+customElements.define("loyalty-points-card", M(
+  N,
   {
     apiEndpoint: {},
     userSession: {},
@@ -231,11 +232,11 @@ customElements.define("loyalty-points-card", A(
   [],
   []
 ));
-const ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: M
+  default: N
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   C as L,
-  ge as a
+  be as a
 };

package/components/LoyaltyPointsCard-DO9GoE9Q.cjs

@@ -0,0 +1,18 @@
+typeof globalThis.HTMLElement=="undefined"&&(globalThis.HTMLElement=class{},globalThis.customElements={define(){},get(){},whenDefined(){}});const e=require("./LoyaltyPagination-B2XwqERr.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 H=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>'),I=e.from_html('<span class="loyalty-points__expiry svelte-1hsy08w"> </span>'),W=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 G={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 m(u,o){e.push(o,!0),e.append_styles(u,G);const a=()=>e.store_get(e.$format,"$_",c),[c,y]=e.setup_stores(),l=e.prop(o,"apiEndpoint",7,""),i=e.prop(o,"userSession",7,""),d=e.prop(o,"locale",7,""),s=e.prop(o,"dateFormat",7,e.DATE_FORMATS),h=e.prop(o,"onLevelLoaded",7,t=>{});e.setupI18n({withLocale:d(),translations:{}}),Object.entries(N).forEach(([t,n])=>{e.addNewMessages(t,n)});const f=e.createElevateData(()=>({apiEndpoint:l(),userSession:i(),locale:d(),loadLevels:!1,onLevelLoaded:h()})),b=e.user_derived(()=>f.spendableWalletTotal),E=e.user_derived(()=>{var t,n;return(n=(t=e.get(b))==null?void 0:t.points)!=null?n:0}),S=e.user_derived(()=>e.get(E).toLocaleString()),F=e.user_derived(()=>f.loading&&e.get(b)===void 0),v=e.user_derived(()=>{var t,n;return[...(n=(t=e.get(b))==null?void 0:t.aboutToExpire)!=null?n:[]].filter(p=>p.points>0).sort((p,_)=>new Date(p.expireTime).getTime()-new Date(_.expireTime).getTime())[0]}),R=e.user_derived(()=>e.get(v)?e.formatDate(e.get(v).expireTime,s()):"");var D={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 d()},set locale(t=""){d(t),e.flushSync()},get dateFormat(){return s()},set dateFormat(t=e.DATE_FORMATS){s(t),e.flushSync()},get onLevelLoaded(){return h()},set onLevelLoaded(t=n=>{}){h(t),e.flushSync()}},x=e.comment(),A=e.first_child(x);{var B=t=>{var n=H();e.append(t,n)},q=t=>{var n=W(),p=e.child(n),_=e.child(p),T=e.child(_),O=e.only_child(T),L=e.sibling(T,2),P=e.only_child(L,!0),j=e.sibling(L,2);{var z=r=>{var k=I(),g=e.only_child(k,!0);e.template_effect(C=>e.set_text(g,C),[()=>a()("pointsToExpire",{values:{points:e.get(v).points.toLocaleString(),date:e.get(R)}})]),e.append(r,k)};e.if_block(j,r=>{e.get(v)&&r(z)})}e.reset(_),e.reset(p),e.reset(n),e.template_effect((r,k)=>{var g;e.set_text(O,`${(g=e.get(S))!=null?g:""}
+          ${r!=null?r:""}`),e.set_text(P,k)},[()=>a()("tokens"),()=>a()("tokenBalance")]),e.append(t,n)};e.if_block(A,t=>{e.get(F)?t(B):t(q,-1)})}e.append(u,x);var M=e.pop(D);return y(),M}e.create_custom_element(m,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[],{mode:"open"});function w(u,o){e.push(o,!0);let a=e.prop(o,"apiEndpoint",7,""),c=e.prop(o,"userSession",7,""),y=e.prop(o,"locale",7,""),l=e.prop(o,"dateFormat",7,e.DATE_FORMATS),i=e.prop(o,"onLevelLoaded");var d={get apiEndpoint(){return a()},set apiEndpoint(s=""){a(s),e.flushSync()},get userSession(){return c()},set userSession(s=""){c(s),e.flushSync()},get locale(){return y()},set locale(s=""){y(s),e.flushSync()},get dateFormat(){return l()},set dateFormat(s=e.DATE_FORMATS){l(s),e.flushSync()},get onLevelLoaded(){return i()},set onLevelLoaded(s){i(s),e.flushSync()}};return m(u,{get apiEndpoint(){return a()},get userSession(){return c()},get locale(){return y()},get dateFormat(){return l()},get onLevelLoaded(){return i()}}),e.pop(d)}customElements.define("loyalty-points-card",e.create_custom_element(w,{apiEndpoint:{},userSession:{},locale:{},dateFormat:{},onLevelLoaded:{}},[],[]));const J=Object.freeze(Object.defineProperty({__proto__:null,default:w},Symbol.toStringTag,{value:"Module"}));exports.LoyaltyPointsCard=m;exports.LoyaltyPointsCard_ce=J;