@everymatrix/casino-header-controller 1.65.0 → 1.65.2

package/stencil/{gamification-dropdown_4-zImC9hF9.js → gamification-dropdown_4-BUCLkjbf.js}

@@ -1,32 +1,34 @@
-var m = (e, t, a) => new Promise((n, r) => {
-  var l = (s) => {
+var m = (e, t, a) => new Promise((n, l) => {
+  var r = (d) => {
     try {
-      o(a.next(s));
-    } catch (c) {
-      r(c);
+      o(a.next(d));
+    } catch (v) {
+      l(v);
     }
-  }, d = (s) => {
+  }, s = (d) => {
     try {
-      o(a.throw(s));
-    } catch (c) {
-      r(c);
+      o(a.throw(d));
+    } catch (v) {
+      l(v);
     }
-  }, o = (s) => s.done ? n(s.value) : Promise.resolve(s.value).then(l, d);
+  }, o = (d) => d.done ? n(d.value) : Promise.resolve(d.value).then(r, s);
   o((a = a.apply(e, t)).next());
 });
-import { G as he } from "./gamification-dropdown-8eb8a896-CxTBD8Oq.js";
-import { r as u, h as i, g as P, c as O, a as b, F as N } from "./index-71b1bdfa-Dm7yvsrK.js";
-import { t as k, T as $ } from "./locale-DuSXBQwH.js";
-import { P as W, a as z, b as L, c as U, r as p, g as E, t as h } from "./player-elevate-card-items-66be34fb-BUkxBwF8.js";
+import { G as he } from "./gamification-dropdown-8eb8a896-Bcdjx9jM.js";
+import { r as u, h as i, g as P, c as $, a as b, F as O } from "./index-71b1bdfa-DL3YG9Ud.js";
+import { t as k, T as N } from "./locale-TxlOHoKi.js";
+import { P as W, a as z, b as L, c as U, r as p, t as h, g as E } from "./player-elevate-card-items-5071deed-Ce0Sstbi.js";
 const q = (e, t) => new Promise((a) => {
   fetch(e).then((n) => n.json()).then((n) => {
-    Object.keys(n).forEach((r) => {
-      t[r] = t[r] ? t[r] : {};
-      for (let l in n[r])
-        t[r][l] = n[r][l];
+    Object.keys(n).forEach((l) => {
+      t[l] = t[l] ? t[l] : t.en;
+      for (let r in n[l])
+        typeof n[l][r] == "object" ? Object.keys(n[l][r]).forEach((s) => {
+          t[l][r][s] = n[l][r][s];
+        }) : t[l][r] = n[l][r];
     }), a(!0);
   });
-}), F = ":host{display:block}", H = F, j = class {
+}), F = ":host{display:block}", j = F, H = class {
   constructor(e) {
     u(this, e), this.stylingAppends = !1, this.setClientStyling = () => {
       let t = document.createElement("style");
@@ -62,7 +64,7 @@ const q = (e, t) => new Promise((a) => {
     return P(this);
   }
 };
-j.style = H;
+H.style = j;
 function w(e) {
   p(1, arguments);
   var t = h(e);
@@ -71,10 +73,10 @@ function w(e) {
 var G = 864e5;
 function X(e, t) {
   p(2, arguments);
-  var a = w(e), n = w(t), r = a.getTime() - E(a), l = n.getTime() - E(n);
-  return Math.round((r - l) / G);
+  var a = w(e), n = w(t), l = a.getTime() - E(a), r = n.getTime() - E(n);
+  return Math.round((l - r) / G);
 }
-var K = 6e4, Y = 36e5;
+var Y = 6e4, J = 36e5;
 function C(e, t) {
   return p(2, arguments), h(e).getTime() - h(t).getTime();
 }
@@ -86,18 +88,18 @@ var I = {
     return t < 0 ? Math.ceil(t) : Math.floor(t);
   }
   // Math.trunc is not supported by IE
-}, J = "trunc";
+}, K = "trunc";
 function S(e) {
-  return e ? I[e] : I[J];
+  return e ? I[e] : I[K];
 }
 function Q(e, t, a) {
   p(2, arguments);
-  var n = C(e, t) / Y;
+  var n = C(e, t) / J;
   return S(a == null ? void 0 : a.roundingMethod)(n);
 }
 function V(e, t, a) {
   p(2, arguments);
-  var n = C(e, t) / K;
+  var n = C(e, t) / Y;
   return S(a == null ? void 0 : a.roundingMethod)(n);
 }
 function Z(e, t) {
@@ -106,10 +108,10 @@ function Z(e, t) {
   return a.getTime() < n.getTime();
 }
 function ee(e, t) {
-  const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, d = t > 1 ? 1 : t, o = d * l - n < 0 ? 0 : d * l - n, s = e.querySelector("#current_level"), c = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
-  a.setAttribute("viewbox", `0 0 ${o} 28`), s.setAttribute("width", `${o}`), g.setAttribute("cx", `${o < r ? r : o}`), c.setAttribute("x", `${o - 8}`);
-  const y = e.querySelector("#lock"), T = e.querySelector("#filter_heart_ball"), A = e.querySelector("#filter_ball"), B = e.querySelector("#filter_heart"), D = e.querySelector("#filter_lock"), f = e.querySelector("#paint0_linear_ball"), x = e.querySelector("#paint1_linear_lock"), _ = e.querySelector("#lock_box"), R = e.querySelector("#heart_box"), M = 10, v = l - M;
-  y.setAttribute("cx", `${v}`), x.setAttribute("x1", `${v}`), x.setAttribute("x2", `${v}`), f.setAttribute("x1", `${v - 6}`), f.setAttribute("x2", `${v - 6 + 11.2}`), D.setAttribute("x", `${v - 6}`), B.setAttribute("x", `${v - 6 - 2}`), A.setAttribute("x", `${v - 6 - 2 - 2}`), T.setAttribute("x", `${v - 6 - 2 - 2 - 4}`), _.setAttribute("x", `${v - 6}`), R.setAttribute("x", `${v - 6}`), a.parentElement.style.opacity = "1";
+  const a = e.querySelector("#total_level"), n = 17, l = 6.5, r = a.getBBox().width, s = t > 1 ? 1 : t, o = s * r - n < 0 ? 0 : s * r - n, d = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
+  a.setAttribute("viewbox", `0 0 ${o} 28`), d.setAttribute("width", `${o}`), g.setAttribute("cx", `${o < l ? l : o}`), v.setAttribute("x", `${o - 8}`);
+  const y = e.querySelector("#lock"), T = e.querySelector("#filter_heart_ball"), A = e.querySelector("#filter_ball"), D = e.querySelector("#filter_heart"), _ = e.querySelector("#filter_lock"), f = e.querySelector("#paint0_linear_ball"), x = e.querySelector("#paint1_linear_lock"), B = e.querySelector("#lock_box"), R = e.querySelector("#heart_box"), M = 10, c = r - M;
+  y.setAttribute("cx", `${c}`), x.setAttribute("x1", `${c}`), x.setAttribute("x2", `${c}`), f.setAttribute("x1", `${c - 6}`), f.setAttribute("x2", `${c - 6 + 11.2}`), _.setAttribute("x", `${c - 6}`), D.setAttribute("x", `${c - 6 - 2}`), A.setAttribute("x", `${c - 6 - 2 - 2}`), T.setAttribute("x", `${c - 6 - 2 - 2 - 4}`), B.setAttribute("x", `${c - 6}`), R.setAttribute("x", `${c - 6}`), a.parentElement.style.opacity = "1";
 }
 const te = `:host {
   display: block;
@@ -304,7 +306,7 @@ const te = `:host {
   color: var(--emw--color-red, #9e595f);
 }`, ne = te, ae = class {
   constructor(e) {
-    u(this, e), this.playerElevateLeveLoaded = O(this, "playerElevateLeveLoaded", 7), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
+    u(this, e), this.playerElevateLeveLoaded = $(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
   }
   handleWindowResizs() {
     this.initLevelProgressbar();
@@ -328,17 +330,18 @@ const te = `:host {
       a(n);
     }));
   }
-  calcuatePointsToBeExpired(e) {
-    let t = "";
+  calcuatePointsToBeExpired(e, t) {
+    let a = "";
     if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
-      return t;
-    e.aboutToExpire.sort((o, s) => Z(new Date(o.expireTime), new Date(s.expireTime)) ? -1 : 1);
-    const a = e.aboutToExpire[0], n = X(new Date(a.expireTime), /* @__PURE__ */ new Date());
-    let r = 0, l = 0, d = n === 0 ? "pointsToBeExpiredDay" : "pointsToBeExpired";
-    return n <= 0 && (r = Q(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), d = r > 1 ? "pointsToBeExpiredHours" : "pointsToBeExpiredHour", r <= 0 && (l = V(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), d = l > 1 ? "pointsToBeExpiredMinutes" : "pointsToBeExpiredMinute")), t = k(d, {
-      expirationPoints: a.points,
-      expireDay: Math.max(n, r, l)
-    }), t;
+      return a;
+    e.aboutToExpire.sort((d, v) => Z(new Date(d.expireTime), new Date(v.expireTime)) ? -1 : 1);
+    const n = e.aboutToExpire[0], l = X(new Date(n.expireTime), /* @__PURE__ */ new Date());
+    let r = 0, s = 0, o = l === 0 ? `${t}Day` : t;
+    return l <= 0 && (r = Q(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = r > 1 ? `${t}Hours` : `${t}Hour`, r <= 0 && (s = V(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = s > 1 ? `${t}Minutes` : `${t}Minute`)), a = k(o, {
+      expirationPoints: n.points,
+      expireDay: Math.max(l, r, s),
+      lang: this.params.language
+    }), a;
   }
   loadPlayerLevelInfo() {
     let e = new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);
@@ -349,19 +352,19 @@ const te = `:host {
         "Content-Type": "application/json"
       }
     }).then((n) => n.json()).then((n) => {
-      var r, l, d;
+      var l, r, s;
       if (!n.success) {
         console.error("Exception when fetch user elevateinfo, ", n.errorCode, n.errorMessage), a(!0);
         return;
       }
       let o = n.data;
-      this.playerElevateLevel = o.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((r = o.spendableWallet) === null || r === void 0 ? void 0 : r.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
-      const s = (l = n.data.spendableWallet) === null || l === void 0 ? void 0 : l.total, c = (d = n.data.loyaltyWallet) === null || d === void 0 ? void 0 : d.total;
+      this.playerElevateLevel = o.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((l = o.spendableWallet) === null || l === void 0 ? void 0 : l.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
+      const d = (r = n.data.spendableWallet) === null || r === void 0 ? void 0 : r.total, v = (s = n.data.loyaltyWallet) === null || s === void 0 ? void 0 : s.total;
       this.playerElevateLeveLoaded.emit({
-        elevateLevelWalletTotal: s,
-        loyaltyWalletTotal: c
+        elevateLevelWalletTotal: d,
+        loyaltyWalletTotal: v
       });
-      let g = this.calcuatePointsToBeExpired(s), y = this.calcuatePointsToBeExpired(c);
+      let g = this.calcuatePointsToBeExpired(d, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
       (g || y) && this.playerElevateLeveLoaded.emit({
         pointExpireString: g,
         xpExpireString: y
@@ -388,11 +391,11 @@ const te = `:host {
     e.push(this.loadPlayerLevelInfo()), this.params.calculateLevelFlag && e.push(this.loadLevels()), Promise.all(e).then((t) => {
       if (console.log("elevate-init", t), this.initLevelProgressbar(), !this.levels)
         return;
-      this.levels.sort((r, l) => r.firstEntryPoints > l.firstEntryPoints ? 1 : -1);
+      this.levels.sort((l, r) => l.firstEntryPoints > r.firstEntryPoints ? 1 : -1);
       const a = this.playerElevateLevel.loyaltyPoints;
       let n = 0;
-      this.levels.forEach((r, l) => {
-        a > r.firstEntryPoints && (n = l);
+      this.levels.forEach((l, r) => {
+        a > l.firstEntryPoints && (n = r);
       }), this.playerElevateLeveLoaded.emit({
         calculatedLevelFlag: n
       });
@@ -411,7 +414,7 @@ const te = `:host {
   }
 };
 ae.style = ne;
-const re = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", le = re, ie = class {
+const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", re = le, ie = class {
   constructor(e) {
     u(this, e), this.endpoint = void 0, this.theme = "Dark", this.session = void 0, this.playerAvatarUrl = void 0, this.language = "en", this.playerName = void 0, this.dateFormat = "yyyy-MM-dd", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.pointExpireString = void 0, this.playerElevateLevel = void 0, this.elevateWalletTotal = void 0;
   }
@@ -450,7 +453,7 @@ const re = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
   }
   render() {
     const e = b("../static/card-ground.svg"), t = b("../static/card-ground-over.svg");
-    return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: $, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i(N, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(W, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(z, { key: "2684a177f4bb1053c4587fd4158666fb35ca23f4", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), i("div", { key: "173a37c63868f2d900c12af3ffc2d9a4a57550e4", class: "PointsRange" }, i(L, { key: "a7111154f7dc547e0b05c70d24508bdd75c5d882", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(L, { key: "ad31574e7db81a7ecb7a06b28b1d4968cbcab93e", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(U, { key: "88ddfdb326edfb1de9519da6b3d0e5b514725e27" }), i("div", { key: "b9c79555a8001bd2c754d7573df04016da235c84", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "02da725060c9db4a8c1c2e8bad3426894d7f8f2c", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
+    return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: N, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i(O, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(W, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(z, { key: "2684a177f4bb1053c4587fd4158666fb35ca23f4", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), i("div", { key: "173a37c63868f2d900c12af3ffc2d9a4a57550e4", class: "PointsRange" }, i(L, { key: "a7111154f7dc547e0b05c70d24508bdd75c5d882", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(L, { key: "ad31574e7db81a7ecb7a06b28b1d4968cbcab93e", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(U, { key: "88ddfdb326edfb1de9519da6b3d0e5b514725e27" }), i("div", { key: "b9c79555a8001bd2c754d7573df04016da235c84", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "02da725060c9db4a8c1c2e8bad3426894d7f8f2c", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
   }
   static get watchers() {
     return {
@@ -460,10 +463,10 @@ const re = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
     };
   }
 };
-ie.style = le;
+ie.style = re;
 export {
   he as gamification_dropdown,
-  j as general_styling_wrapper,
+  H as general_styling_wrapper,
   ae as player_elevate_card_data,
   ie as player_elevate_loyaltycard
 };

package/stencil/{gamification-dropdown_4-Be_N4EeF.js → gamification-dropdown_4-SROB8ZNq.js}

@@ -1,16 +1,18 @@
-import { G as ce } from "./gamification-dropdown-8eb8a896-DsjvIRRh.js";
-import { r as u, h as i, g as I, c as M, a as m, F as O } from "./index-71b1bdfa-DzyepuUf.js";
-import { t as P, T as N } from "./locale-DuSXBQwH.js";
-import { P as $, a as W, b, c as z, r as c, g as L, t as p } from "./player-elevate-card-items-66be34fb-BjQeJ-p9.js";
+import { G as ve } from "./gamification-dropdown-8eb8a896-zfRPKKB2.js";
+import { r as u, h as i, g as I, c as M, a as m, F as $ } from "./index-71b1bdfa-DdHPuS3A.js";
+import { t as P, T as O } from "./locale-TxlOHoKi.js";
+import { P as N, a as W, b, c as z, r as p, t as h, g as L } from "./player-elevate-card-items-5071deed-DG6rUxm1.js";
 const U = (e, t) => new Promise((a) => {
   fetch(e).then((n) => n.json()).then((n) => {
-    Object.keys(n).forEach((r) => {
-      t[r] = t[r] ? t[r] : {};
-      for (let l in n[r])
-        t[r][l] = n[r][l];
+    Object.keys(n).forEach((l) => {
+      t[l] = t[l] ? t[l] : t.en;
+      for (let r in n[l])
+        typeof n[l][r] == "object" ? Object.keys(n[l][r]).forEach((o) => {
+          t[l][r][o] = n[l][r][o];
+        }) : t[l][r] = n[l][r];
     }), a(!0);
   });
-}), q = ":host{display:block}", F = q, H = class {
+}), q = ":host{display:block}", F = q, j = class {
   constructor(e) {
     u(this, e), this.stylingAppends = !1, this.setClientStyling = () => {
       let t = document.createElement("style");
@@ -44,21 +46,21 @@ const U = (e, t) => new Promise((a) => {
     return I(this);
   }
 };
-H.style = F;
+j.style = F;
 function E(e) {
-  c(1, arguments);
-  var t = p(e);
+  p(1, arguments);
+  var t = h(e);
   return t.setHours(0, 0, 0, 0), t;
 }
-var j = 864e5;
+var H = 864e5;
 function G(e, t) {
-  c(2, arguments);
-  var a = E(e), n = E(t), r = a.getTime() - L(a), l = n.getTime() - L(n);
-  return Math.round((r - l) / j);
+  p(2, arguments);
+  var a = E(e), n = E(t), l = a.getTime() - L(a), r = n.getTime() - L(n);
+  return Math.round((l - r) / H);
 }
-var X = 6e4, K = 36e5;
+var X = 6e4, Y = 36e5;
 function k(e, t) {
-  return c(2, arguments), p(e).getTime() - p(t).getTime();
+  return p(2, arguments), h(e).getTime() - h(t).getTime();
 }
 var w = {
   ceil: Math.ceil,
@@ -68,30 +70,30 @@ var w = {
     return t < 0 ? Math.ceil(t) : Math.floor(t);
   }
   // Math.trunc is not supported by IE
-}, Y = "trunc";
+}, J = "trunc";
 function C(e) {
-  return e ? w[e] : w[Y];
+  return e ? w[e] : w[J];
 }
-function J(e, t, a) {
-  c(2, arguments);
-  var n = k(e, t) / K;
+function K(e, t, a) {
+  p(2, arguments);
+  var n = k(e, t) / Y;
   return C(a?.roundingMethod)(n);
 }
 function Q(e, t, a) {
-  c(2, arguments);
+  p(2, arguments);
   var n = k(e, t) / X;
   return C(a?.roundingMethod)(n);
 }
 function V(e, t) {
-  c(2, arguments);
-  var a = p(e), n = p(t);
+  p(2, arguments);
+  var a = h(e), n = h(t);
   return a.getTime() < n.getTime();
 }
 function Z(e, t) {
-  const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, s = t > 1 ? 1 : t, d = s * l - n < 0 ? 0 : s * l - n, v = e.querySelector("#current_level"), h = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
-  a.setAttribute("viewbox", `0 0 ${d} 28`), v.setAttribute("width", `${d}`), g.setAttribute("cx", `${d < r ? r : d}`), h.setAttribute("x", `${d - 8}`);
-  const y = e.querySelector("#lock"), S = e.querySelector("#filter_heart_ball"), T = e.querySelector("#filter_ball"), A = e.querySelector("#filter_heart"), B = e.querySelector("#filter_lock"), f = e.querySelector("#paint0_linear_ball"), x = e.querySelector("#paint1_linear_lock"), D = e.querySelector("#lock_box"), _ = e.querySelector("#heart_box"), R = 10, o = l - R;
-  y.setAttribute("cx", `${o}`), x.setAttribute("x1", `${o}`), x.setAttribute("x2", `${o}`), f.setAttribute("x1", `${o - 6}`), f.setAttribute("x2", `${o - 6 + 11.2}`), B.setAttribute("x", `${o - 6}`), A.setAttribute("x", `${o - 6 - 2}`), T.setAttribute("x", `${o - 6 - 2 - 2}`), S.setAttribute("x", `${o - 6 - 2 - 2 - 4}`), D.setAttribute("x", `${o - 6}`), _.setAttribute("x", `${o - 6}`), a.parentElement.style.opacity = "1";
+  const a = e.querySelector("#total_level"), n = 17, l = 6.5, r = a.getBBox().width, o = t > 1 ? 1 : t, s = o * r - n < 0 ? 0 : o * r - n, c = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
+  a.setAttribute("viewbox", `0 0 ${s} 28`), c.setAttribute("width", `${s}`), g.setAttribute("cx", `${s < l ? l : s}`), v.setAttribute("x", `${s - 8}`);
+  const y = e.querySelector("#lock"), S = e.querySelector("#filter_heart_ball"), T = e.querySelector("#filter_ball"), A = e.querySelector("#filter_heart"), D = e.querySelector("#filter_lock"), f = e.querySelector("#paint0_linear_ball"), x = e.querySelector("#paint1_linear_lock"), _ = e.querySelector("#lock_box"), B = e.querySelector("#heart_box"), R = 10, d = r - R;
+  y.setAttribute("cx", `${d}`), x.setAttribute("x1", `${d}`), x.setAttribute("x2", `${d}`), f.setAttribute("x1", `${d - 6}`), f.setAttribute("x2", `${d - 6 + 11.2}`), D.setAttribute("x", `${d - 6}`), A.setAttribute("x", `${d - 6 - 2}`), T.setAttribute("x", `${d - 6 - 2 - 2}`), S.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), _.setAttribute("x", `${d - 6}`), B.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
 }
 const ee = `:host {
   display: block;
@@ -286,7 +288,7 @@ const ee = `:host {
   color: var(--emw--color-red, #9e595f);
 }`, te = ee, ne = class {
   constructor(e) {
-    u(this, e), this.playerElevateLeveLoaded = M(this, "playerElevateLeveLoaded", 7), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
+    u(this, e), this.playerElevateLeveLoaded = M(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
   }
   handleWindowResizs() {
     this.initLevelProgressbar();
@@ -310,17 +312,18 @@ const ee = `:host {
       a(n);
     }));
   }
-  calcuatePointsToBeExpired(e) {
-    let t = "";
+  calcuatePointsToBeExpired(e, t) {
+    let a = "";
     if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
-      return t;
-    e.aboutToExpire.sort((d, v) => V(new Date(d.expireTime), new Date(v.expireTime)) ? -1 : 1);
-    const a = e.aboutToExpire[0], n = G(new Date(a.expireTime), /* @__PURE__ */ new Date());
-    let r = 0, l = 0, s = n === 0 ? "pointsToBeExpiredDay" : "pointsToBeExpired";
-    return n <= 0 && (r = J(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = r > 1 ? "pointsToBeExpiredHours" : "pointsToBeExpiredHour", r <= 0 && (l = Q(new Date(a.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = l > 1 ? "pointsToBeExpiredMinutes" : "pointsToBeExpiredMinute")), t = P(s, {
-      expirationPoints: a.points,
-      expireDay: Math.max(n, r, l)
-    }), t;
+      return a;
+    e.aboutToExpire.sort((c, v) => V(new Date(c.expireTime), new Date(v.expireTime)) ? -1 : 1);
+    const n = e.aboutToExpire[0], l = G(new Date(n.expireTime), /* @__PURE__ */ new Date());
+    let r = 0, o = 0, s = l === 0 ? `${t}Day` : t;
+    return l <= 0 && (r = K(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = r > 1 ? `${t}Hours` : `${t}Hour`, r <= 0 && (o = Q(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = o > 1 ? `${t}Minutes` : `${t}Minute`)), a = P(s, {
+      expirationPoints: n.points,
+      expireDay: Math.max(l, r, o),
+      lang: this.params.language
+    }), a;
   }
   loadPlayerLevelInfo() {
     let e = new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);
@@ -331,19 +334,19 @@ const ee = `:host {
         "Content-Type": "application/json"
       }
     }).then((n) => n.json()).then((n) => {
-      var r, l, s;
+      var l, r, o;
       if (!n.success) {
         console.error("Exception when fetch user elevateinfo, ", n.errorCode, n.errorMessage), a(!0);
         return;
       }
-      let d = n.data;
-      this.playerElevateLevel = d.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((r = d.spendableWallet) === null || r === void 0 ? void 0 : r.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
-      const v = (l = n.data.spendableWallet) === null || l === void 0 ? void 0 : l.total, h = (s = n.data.loyaltyWallet) === null || s === void 0 ? void 0 : s.total;
+      let s = n.data;
+      this.playerElevateLevel = s.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((l = s.spendableWallet) === null || l === void 0 ? void 0 : l.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
+      const c = (r = n.data.spendableWallet) === null || r === void 0 ? void 0 : r.total, v = (o = n.data.loyaltyWallet) === null || o === void 0 ? void 0 : o.total;
       this.playerElevateLeveLoaded.emit({
-        elevateLevelWalletTotal: v,
-        loyaltyWalletTotal: h
+        elevateLevelWalletTotal: c,
+        loyaltyWalletTotal: v
       });
-      let g = this.calcuatePointsToBeExpired(v), y = this.calcuatePointsToBeExpired(h);
+      let g = this.calcuatePointsToBeExpired(c, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
       (g || y) && this.playerElevateLeveLoaded.emit({
         pointExpireString: g,
         xpExpireString: y
@@ -370,11 +373,11 @@ const ee = `:host {
     e.push(this.loadPlayerLevelInfo()), this.params.calculateLevelFlag && e.push(this.loadLevels()), Promise.all(e).then((t) => {
       if (console.log("elevate-init", t), this.initLevelProgressbar(), !this.levels)
         return;
-      this.levels.sort((r, l) => r.firstEntryPoints > l.firstEntryPoints ? 1 : -1);
+      this.levels.sort((l, r) => l.firstEntryPoints > r.firstEntryPoints ? 1 : -1);
       const a = this.playerElevateLevel.loyaltyPoints;
       let n = 0;
-      this.levels.forEach((r, l) => {
-        a > r.firstEntryPoints && (n = l);
+      this.levels.forEach((l, r) => {
+        a > l.firstEntryPoints && (n = r);
       }), this.playerElevateLeveLoaded.emit({
         calculatedLevelFlag: n
       });
@@ -393,7 +396,7 @@ const ee = `:host {
   }
 };
 ne.style = te;
-const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", re = ae, le = class {
+const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:11px;margin-left:5px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", le = ae, re = class {
   constructor(e) {
     u(this, e), this.endpoint = void 0, this.theme = "Dark", this.session = void 0, this.playerAvatarUrl = void 0, this.language = "en", this.playerName = void 0, this.dateFormat = "yyyy-MM-dd", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.pointExpireString = void 0, this.playerElevateLevel = void 0, this.elevateWalletTotal = void 0;
   }
@@ -432,7 +435,7 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
   }
   render() {
     const e = m("../static/card-ground.svg"), t = m("../static/card-ground-over.svg");
-    return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: N, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i(O, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i($, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(W, { key: "2684a177f4bb1053c4587fd4158666fb35ca23f4", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), i("div", { key: "173a37c63868f2d900c12af3ffc2d9a4a57550e4", class: "PointsRange" }, i(b, { key: "a7111154f7dc547e0b05c70d24508bdd75c5d882", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(b, { key: "ad31574e7db81a7ecb7a06b28b1d4968cbcab93e", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(z, { key: "88ddfdb326edfb1de9519da6b3d0e5b514725e27" }), i("div", { key: "b9c79555a8001bd2c754d7573df04016da235c84", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "02da725060c9db4a8c1c2e8bad3426894d7f8f2c", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
+    return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: O, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i($, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(N, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(W, { key: "2684a177f4bb1053c4587fd4158666fb35ca23f4", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat }), i("div", { key: "173a37c63868f2d900c12af3ffc2d9a4a57550e4", class: "PointsRange" }, i(b, { key: "a7111154f7dc547e0b05c70d24508bdd75c5d882", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(b, { key: "ad31574e7db81a7ecb7a06b28b1d4968cbcab93e", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(z, { key: "88ddfdb326edfb1de9519da6b3d0e5b514725e27" }), i("div", { key: "b9c79555a8001bd2c754d7573df04016da235c84", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "02da725060c9db4a8c1c2e8bad3426894d7f8f2c", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
   }
   static get watchers() {
     return {
@@ -442,10 +445,10 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
     };
   }
 };
-le.style = re;
+re.style = le;
 export {
-  ce as gamification_dropdown,
-  H as general_styling_wrapper,
+  ve as gamification_dropdown,
+  j as general_styling_wrapper,
   ne as player_elevate_card_data,
-  le as player_elevate_loyaltycard
+  re as player_elevate_loyaltycard
 };