@everymatrix/casino-header-controller 1.74.3 → 1.74.5

package/stencil/{gamification-dropdown_4-DL1cnnR5.js → gamification-dropdown_4-vZb_TDYi.js}

@@ -1,41 +1,41 @@
-import { s as M, a as u, b as f } from "./gamification-dropdown-343647b2-CzD-SLIz.js";
-import { G as ye } from "./gamification-dropdown-343647b2-CzD-SLIz.js";
-import { r as x, h as i, g as S, c as N, a as L, F as U } from "./index-71b1bdfa-udB106Ku.js";
-import { t as C, T as W } from "./locale-TxlOHoKi.js";
-import { P as z, a as E, b as q, L as F, r as p, g as w, t as h } from "./player-elevate-card-items-08c6fbd8-D4NYTRjn.js";
+import { s as R, a as x, b } from "./gamification-dropdown-60536faa-b2-gKj-C.js";
+import { G as ye } from "./gamification-dropdown-60536faa-b2-gKj-C.js";
+import { r as m, h as i, g as k, c as N, a as E, F as U } from "./index-71b1bdfa-3q2dUmkJ.js";
+import { t as T, T as W } from "./locale-TxlOHoKi.js";
+import { P as z, a as I, b as q, L as F, r as p, g as P, t as h } from "./player-elevate-card-items-08c6fbd8-Xsq6w4LE.js";
 const j = (e, t) => new Promise((a) => {
   fetch(e).then((n) => n.json()).then((n) => {
     Object.keys(n).forEach((r) => {
-      t[r] = t[r] || Object.assign({}, t.en), Object.keys(n[r]).forEach((l) => {
+      t[r] = t[r] || {}, Object.keys(n[r]).forEach((l) => {
         if (!t.en[l])
           return;
         const s = t.en[l];
         typeof n[r][l] == "object" ? (t[r][l] = t[r][l] || Object.assign({}, s), Object.keys(n[r][l]).forEach((o) => {
           t[r][l][o] = n[r][l][o];
-        })) : t[r][l] = n[r][l] || s;
+        })) : t[r][l] = n[r][l] || Object.assign({}, s);
       });
     }), a(!0);
   }).catch((n) => {
     console.error("Failed to load translations:", n), a(!1);
   });
-}), H = ":host{display:block}", G = H, X = class {
+}), G = ":host{display:block}", H = G, X = class {
   constructor(e) {
-    x(this, e), this.stylingAppends = !1, this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.targetTranslations = void 0;
+    m(this, e), this.stylingAppends = !1, this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.targetTranslations = void 0;
   }
   componentDidLoad() {
-    this.el && (window.emMessageBus != null ? M(this.el, `${this.mbSource}.Style`) : (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0));
+    this.el && (window.emMessageBus != null ? R(this.el, `${this.mbSource}.Style`) : (this.clientStyling && x(this.el, this.clientStyling), this.clientStylingUrl && b(this.el, this.clientStylingUrl), this.stylingAppends = !0));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   handleClientStylingChange(e, t) {
-    e != t && u(this.el, this.clientStyling);
+    e != t && x(this.el, this.clientStyling);
   }
   handleClientStylingUrlChange(e, t) {
-    e != t && this.clientStylingUrl && f(this.el, this.clientStylingUrl);
+    e != t && this.clientStylingUrl && b(this.el, this.clientStylingUrl);
   }
   componentDidRender() {
-    this.stylingAppends || (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0);
+    this.stylingAppends || (this.clientStyling && x(this.el, this.clientStyling), this.clientStylingUrl && b(this.el, this.clientStylingUrl), this.stylingAppends = !0);
   }
   async componentWillLoad() {
     const e = [];
@@ -49,7 +49,7 @@ const j = (e, t) => new Promise((a) => {
     return i("div", { key: "09ad83748bbad518743c8671b986c541c52bf3f0", class: "StyleShell" }, i("slot", { key: "3b28b776d3944410c717b002b70946d274a4e8e7", name: "mainContent" }));
   }
   get el() {
-    return S(this);
+    return k(this);
   }
   static get watchers() {
     return {
@@ -58,8 +58,8 @@ const j = (e, t) => new Promise((a) => {
     };
   }
 };
-X.style = G;
-function I(e) {
+X.style = H;
+function S(e) {
   p(1, arguments);
   var t = h(e);
   return t.setHours(0, 0, 0, 0), t;
@@ -67,14 +67,14 @@ function I(e) {
 var Y = 864e5;
 function J(e, t) {
   p(2, arguments);
-  var a = I(e), n = I(t), r = a.getTime() - w(a), l = n.getTime() - w(n);
+  var a = S(e), n = S(t), r = a.getTime() - P(a), l = n.getTime() - P(n);
   return Math.round((r - l) / Y);
 }
 var K = 6e4, Q = 36e5;
-function k(e, t) {
+function A(e, t) {
   return p(2, arguments), h(e).getTime() - h(t).getTime();
 }
-var P = {
+var C = {
   ceil: Math.ceil,
   round: Math.round,
   floor: Math.floor,
@@ -83,18 +83,18 @@ var P = {
   }
   // Math.trunc is not supported by IE
 }, V = "trunc";
-function T(e) {
-  return e ? P[e] : P[V];
+function D(e) {
+  return e ? C[e] : C[V];
 }
 function Z(e, t, a) {
   p(2, arguments);
-  var n = k(e, t) / Q;
-  return T(a?.roundingMethod)(n);
+  var n = A(e, t) / Q;
+  return D(a?.roundingMethod)(n);
 }
 function ee(e, t, a) {
   p(2, arguments);
-  var n = k(e, t) / K;
-  return T(a?.roundingMethod)(n);
+  var n = A(e, t) / K;
+  return D(a?.roundingMethod)(n);
 }
 function te(e, t) {
   p(2, arguments);
@@ -104,8 +104,8 @@ function te(e, t) {
 function ne(e, t) {
   const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, s = t > 1 ? 1 : t, o = s * l - n < 0 ? 0 : s * l - n, c = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
   a.setAttribute("viewbox", `0 0 ${o} 28`), c.setAttribute("width", `${o}`), g.setAttribute("cx", `${o < r ? r : o}`), v.setAttribute("x", `${o - 8}`);
-  const y = e.querySelector("#lock"), A = e.querySelector("#filter_heart_ball"), D = e.querySelector("#filter_ball"), _ = e.querySelector("#filter_heart"), B = e.querySelector("#filter_lock"), b = e.querySelector("#paint0_linear_ball"), m = e.querySelector("#paint1_linear_lock"), O = e.querySelector("#lock_box"), $ = e.querySelector("#heart_box"), R = 10, d = l - R;
-  y.setAttribute("cx", `${d}`), m.setAttribute("x1", `${d}`), m.setAttribute("x2", `${d}`), b.setAttribute("x1", `${d - 6}`), b.setAttribute("x2", `${d - 6 + 11.2}`), B.setAttribute("x", `${d - 6}`), _.setAttribute("x", `${d - 6 - 2}`), D.setAttribute("x", `${d - 6 - 2 - 2}`), A.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), O.setAttribute("x", `${d - 6}`), $.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
+  const y = e.querySelector("#lock"), u = e.querySelector("#filter_heart_ball"), f = e.querySelector("#filter_ball"), _ = e.querySelector("#filter_heart"), B = e.querySelector("#filter_lock"), L = e.querySelector("#paint0_linear_ball"), w = e.querySelector("#paint1_linear_lock"), O = e.querySelector("#lock_box"), $ = e.querySelector("#heart_box"), M = 10, d = l - M;
+  y.setAttribute("cx", `${d}`), w.setAttribute("x1", `${d}`), w.setAttribute("x2", `${d}`), L.setAttribute("x1", `${d - 6}`), L.setAttribute("x2", `${d - 6 + 11.2}`), B.setAttribute("x", `${d - 6}`), _.setAttribute("x", `${d - 6 - 2}`), f.setAttribute("x", `${d - 6 - 2 - 2}`), u.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), O.setAttribute("x", `${d - 6}`), $.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
 }
 const ae = `:host {
   display: block;
@@ -300,7 +300,7 @@ const ae = `:host {
   color: var(--emw--color-red, #9e595f);
 }`, le = ae, re = class {
   constructor(e) {
-    x(this, e), this.playerElevateLeveLoaded = N(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
+    m(this, e), this.playerElevateLeveLoaded = N(this, "playerElevateLeveLoaded", 7), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
   }
   handleWindowResizs() {
     this.initLevelProgressbar();
@@ -331,7 +331,7 @@ const ae = `:host {
     e.aboutToExpire.sort((c, v) => te(new Date(c.expireTime), new Date(v.expireTime)) ? -1 : 1);
     const n = e.aboutToExpire[0], r = J(new Date(n.expireTime), /* @__PURE__ */ new Date());
     let l = 0, s = 0, o = r === 0 ? `${t}Day` : t;
-    return r <= 0 && (l = Z(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = l > 1 ? `${t}Hours` : `${t}Hour`, l <= 0 && (s = ee(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = s > 1 ? `${t}Minutes` : `${t}Minute`)), a = C(o, {
+    return r <= 0 && (l = Z(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = l > 1 ? `${t}Hours` : `${t}Hour`, l <= 0 && (s = ee(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = s > 1 ? `${t}Minutes` : `${t}Minute`)), a = T(o, {
       expirationPoints: n.points,
       expireDay: Math.max(r, l, s),
       lang: this.params.language
@@ -346,22 +346,23 @@ const ae = `:host {
         "Content-Type": "application/json"
       }
     }).then((n) => n.json()).then((n) => {
-      var r, l, s;
+      var r, l, s, o, c;
       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 c = (l = n.data.spendableWallet) === null || l === void 0 ? void 0 : l.total, v = (s = n.data.loyaltyWallet) === null || s === void 0 ? void 0 : s.total;
+      window.postMessage({ type: "UpdateGamificationXp", points: (l = (r = n.data) === null || r === void 0 ? void 0 : r.level) === null || l === void 0 ? void 0 : l.loyaltyPoints }, window.location.href);
+      let v = n.data;
+      this.playerElevateLevel = v.level, this.playerElevateLevel.name = this.playerElevateLevel.presentation.displayName || this.playerElevateLevel.name, this.playerElevateLevel.spendablePoints = ((s = v.spendableWallet) === null || s === void 0 ? void 0 : s.total.points) || 0, this.playerElevateLeveLoaded.emit({ elevateLevel: this.playerElevateLevel });
+      const g = (o = n.data.spendableWallet) === null || o === void 0 ? void 0 : o.total, y = (c = n.data.loyaltyWallet) === null || c === void 0 ? void 0 : c.total;
       this.playerElevateLeveLoaded.emit({
-        elevateLevelWalletTotal: c,
-        loyaltyWalletTotal: v
+        elevateLevelWalletTotal: g,
+        loyaltyWalletTotal: y
       });
-      let g = this.calcuatePointsToBeExpired(c, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
-      (g || y) && this.playerElevateLeveLoaded.emit({
-        pointExpireString: g,
-        xpExpireString: y
+      let u = this.calcuatePointsToBeExpired(g, "coinsToBeExpired"), f = this.calcuatePointsToBeExpired(y, "pointsToBeExpired");
+      (u || f) && this.playerElevateLeveLoaded.emit({
+        pointExpireString: u,
+        xpExpireString: f
       }), t(this.playerElevateLevel);
     }).catch((n) => {
       console.log("error ", n), a(!0);
@@ -399,7 +400,7 @@ const ae = `:host {
     this.loadElevateInfo();
   }
   get elevateCardRef() {
-    return S(this);
+    return k(this);
   }
   static get watchers() {
     return {
@@ -410,7 +411,7 @@ const ae = `:host {
 re.style = le;
 const ie = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@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:0px}.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}", oe = ie, se = class {
   constructor(e) {
-    x(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;
+    m(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;
   }
   onSessionOrEndpointChange() {
     this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
@@ -437,7 +438,7 @@ const ie = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
     let t = (e = this.playerElevateLevel) === null || e === void 0 ? void 0 : e.nextLevel;
     if (this.playerElevateLevel && t) {
       const a = (t.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
-      return C("tipsForNextLevel", {
+      return T("tipsForNextLevel", {
         pointsToReach: a,
         levelName: t.name,
         lang: this.language
@@ -446,8 +447,8 @@ const ie = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
     return "";
   }
   render() {
-    const e = L("../static/card-ground.svg"), t = L("../static/card-ground-over.svg");
-    return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "3648821972ac115a1c33705463cdc2cdb427a95b", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: W, translationUrl: this.translationUrl, mbSource: this.mbSource }), i("player-elevate-card-data", { key: "7b36c46a869bd4b014d1f04dbb718445b23ec964", params: this.paramProxy }), i("div", { key: "f4e5aa453459f693e07c166028aec9b0b696c907", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "d5f1894120cba3e7cf3c54b838a025f469bc445e", class: "Content Row" }, this.playerElevateLevel && i(U, { key: "112ee04598b23dda6911f043101c0c1631454d7f" }, i("div", { key: "7af4b6e937bbe73cc00aae0f27f8c93da47bb626", class: "PlayerImg" }, i(z, { key: "1b5037bfa196063f56cccd947c988a3aca0781b0", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "7b714e446f4e01edd4f4aefcc035d070b7d6a47b", class: `LevelInfo ${this.playerElevateLevel.name}` }, i("div", { key: "37ad8ce5dae374685e74f6772d28e79d251932e3", class: "CardCell ElevateLevel" }, i("span", { key: "2d9dcf4b08fcecc927d3e8bdca74c75ff4336480", class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), i("div", { key: "cc89cbaa70d9583b9626da15e98f9fd61d82f81f", class: "PointsRange" }, i(E, { key: "32de4cac05a4fd5610af857b25e096a7cb9ba34d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(E, { key: "298f492c8991384547c31396fc930b5c21f41501", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(q, { key: "aca4f5642c41db1c4b7fa04411331a5c25c655dd" }), i("div", { key: "d841c5df319de105376c6eee24bc685757916aae", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "774279829f3f52ee5696550a855a833b39df8c81", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), this.playerElevateLevel.expireTime && i(F, { key: "3a4319e502e85b26cb220942492b161ad842be82", expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))));
+    const e = E("../static/card-ground.svg"), t = E("../static/card-ground-over.svg");
+    return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "3648821972ac115a1c33705463cdc2cdb427a95b", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: W, translationUrl: this.translationUrl, mbSource: this.mbSource }), i("player-elevate-card-data", { key: "7b36c46a869bd4b014d1f04dbb718445b23ec964", params: this.paramProxy }), i("div", { key: "f4e5aa453459f693e07c166028aec9b0b696c907", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "d5f1894120cba3e7cf3c54b838a025f469bc445e", class: "Content Row" }, this.playerElevateLevel && i(U, { key: "112ee04598b23dda6911f043101c0c1631454d7f" }, i("div", { key: "7af4b6e937bbe73cc00aae0f27f8c93da47bb626", class: "PlayerImg" }, i(z, { key: "1b5037bfa196063f56cccd947c988a3aca0781b0", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "7b714e446f4e01edd4f4aefcc035d070b7d6a47b", class: `LevelInfo ${this.playerElevateLevel.name}` }, i("div", { key: "37ad8ce5dae374685e74f6772d28e79d251932e3", class: "CardCell ElevateLevel" }, i("span", { key: "2d9dcf4b08fcecc927d3e8bdca74c75ff4336480", class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), i("div", { key: "cc89cbaa70d9583b9626da15e98f9fd61d82f81f", class: "PointsRange" }, i(I, { key: "32de4cac05a4fd5610af857b25e096a7cb9ba34d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(I, { key: "298f492c8991384547c31396fc930b5c21f41501", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(q, { key: "aca4f5642c41db1c4b7fa04411331a5c25c655dd" }), i("div", { key: "d841c5df319de105376c6eee24bc685757916aae", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "774279829f3f52ee5696550a855a833b39df8c81", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), this.playerElevateLevel.expireTime && i(F, { key: "3a4319e502e85b26cb220942492b161ad842be82", expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))));
   }
   static get watchers() {
     return {