@everymatrix/casino-header-controller 1.67.3 → 1.68.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/components/{CasinoHamburgerMenu-qJFMD0lY.js → CasinoHamburgerMenu-BMkeLxFw.js} +1091 -1056
  2. package/components/{CasinoHamburgerMenu-F30AIdQa.js → CasinoHamburgerMenu-CTVc2-UF.js} +1085 -1050
  3. package/components/CasinoHamburgerMenu-CrZ5l9tM.cjs +21 -0
  4. package/components/{CasinoHeaderController-DBUFDWMM.cjs → CasinoHeaderController-D9Zd6DdD.cjs} +1 -1
  5. package/components/{CasinoHeaderController-s3bKI18l.js → CasinoHeaderController-DvJ2fbVP.js} +90 -90
  6. package/components/{CasinoHeaderController-pekvzXc8.js → CasinoHeaderController-nGmOBYH5.js} +88 -88
  7. package/components/{CasinoSlider-xtEu7BaK.js → CasinoSlider-CTcAOyCp.js} +49 -49
  8. package/components/{CasinoSlider-CEn9AAOB.js → CasinoSlider-Deb0x84t.js} +81 -81
  9. package/components/{CasinoSlider-C8ldNewd.cjs → CasinoSlider-DqTtsMWh.cjs} +1 -1
  10. package/components/{PlayerAccountBalanceModal-DAI5HzZi.cjs → PlayerAccountBalanceModal-BFDpI9Sy.cjs} +1 -1
  11. package/components/{PlayerAccountBalanceModal-Bonu08VK.js → PlayerAccountBalanceModal-CNXuqjqU.js} +61 -61
  12. package/components/{PlayerAccountBalanceModal-CJNc-yX5.js → PlayerAccountBalanceModal-DbULiu-f.js} +61 -61
  13. package/components/{PlayerDeposit-DmuFu2rX.cjs → PlayerDeposit-BXwT7NVp.cjs} +1 -1
  14. package/components/{PlayerDeposit-BsOgrGtE.js → PlayerDeposit-BZuTQSyp.js} +28 -28
  15. package/components/{PlayerDeposit-Cs0q3VJJ.js → PlayerDeposit-eY_YGhMJ.js} +28 -28
  16. package/es2015/casino-header-controller.cjs +1 -1
  17. package/es2015/casino-header-controller.js +1 -1
  18. package/esnext/casino-header-controller.js +1 -1
  19. package/package.json +1 -1
  20. package/stencil/{gamification-dropdown-8eb8a896-OGii9GZC.js → gamification-dropdown-8eb8a896-BIGhsjEp.js} +3 -3
  21. package/stencil/{gamification-dropdown-8eb8a896-DfTzIl57.cjs → gamification-dropdown-8eb8a896-BjUP17gj.cjs} +1 -1
  22. package/stencil/{gamification-dropdown-8eb8a896-DwjOP8LM.js → gamification-dropdown-8eb8a896-ChHEAdln.js} +7 -7
  23. package/stencil/{gamification-dropdown-Bl2Q7k92.cjs → gamification-dropdown-B8Psyzeb.cjs} +1 -1
  24. package/stencil/{gamification-dropdown-DTjKmeqH.js → gamification-dropdown-BWsuiPe-.js} +1 -1
  25. package/stencil/{gamification-dropdown-eYU0kMX0.js → gamification-dropdown-C54YsY6O.js} +1 -1
  26. package/stencil/{gamification-dropdown_4-EqEecNER.cjs → gamification-dropdown_4-BMWTb1Hi.cjs} +2 -2
  27. package/stencil/{gamification-dropdown_4-C8FoQ9bl.js → gamification-dropdown_4-CIcYiW7L.js} +11 -11
  28. package/stencil/{gamification-dropdown_4-B46ceyMH.js → gamification-dropdown_4-DSQLLSbB.js} +11 -11
  29. package/stencil/{index-1ef3a64c-Y2S-mzZE.js → index-1ef3a64c-83J-RXdm.js} +192 -192
  30. package/stencil/index-1ef3a64c-Bi7BfDjU.cjs +1 -0
  31. package/stencil/{index-1ef3a64c-DfFwTbOB.js → index-1ef3a64c-hYuFvrwc.js} +185 -185
  32. package/stencil/index-71b1bdfa-0gP6xJac.cjs +1 -0
  33. package/stencil/{index-71b1bdfa-C8dE0ofS.js → index-71b1bdfa-CBlskF9r.js} +226 -226
  34. package/stencil/{index-71b1bdfa-_-dhHLGN.js → index-71b1bdfa-DU4nTCMc.js} +235 -235
  35. package/stencil/{player-elevate-card-DORq6Wij.cjs → player-elevate-card-5X5p1F8m.cjs} +1 -1
  36. package/stencil/{player-elevate-card-CESlrbxs.js → player-elevate-card-CU7Qildl.js} +2 -2
  37. package/stencil/{player-elevate-card-DAXoDLIH.js → player-elevate-card-IVb0Sf28.js} +2 -2
  38. package/stencil/{player-elevate-card-items-5071deed-DjG8kMBd.js → player-elevate-card-items-5071deed-CmKSIJsn.js} +79 -81
  39. package/stencil/player-elevate-card-items-5071deed-MX_MdgjK.cjs +102 -0
  40. package/stencil/{player-elevate-card-items-5071deed-C9dANr1l.js → player-elevate-card-items-5071deed-TVoEX2s0.js} +79 -81
  41. package/stencil/{player-elevate-pointcard-CjdTzOoF.cjs → player-elevate-pointcard-DcbEs06G.cjs} +1 -1
  42. package/stencil/{player-elevate-pointcard-Do6iv014.js → player-elevate-pointcard-DkugTY8n.js} +2 -2
  43. package/stencil/{player-elevate-pointcard-DQXpvq40.js → player-elevate-pointcard-aaDwBSP6.js} +2 -2
  44. package/stencil/{player-rakeback-card-BoT6EgM7.cjs → player-rakeback-card-CN46KEaP.cjs} +1 -1
  45. package/stencil/{player-rakeback-card-BNSkyLB0.js → player-rakeback-card-Cw4WnuMK.js} +1 -1
  46. package/stencil/{player-rakeback-card-Bx_vN42o.js → player-rakeback-card-iG3S4W4O.js} +1 -1
  47. package/stencil/{user-deposit-withdrawal-BJyawJS_.js → user-deposit-withdrawal-BvYavTHs.js} +46 -46
  48. package/stencil/{user-deposit-withdrawal-CC0ZAC_k.cjs → user-deposit-withdrawal-CrFUxhuF.cjs} +2 -2
  49. package/stencil/{user-deposit-withdrawal-DKTq5kc3.js → user-deposit-withdrawal-TfRJdSfc.js} +46 -46
  50. package/components/CasinoHamburgerMenu-B3SEVofS.cjs +0 -21
  51. package/stencil/index-1ef3a64c-eLYHaH-f.cjs +0 -1
  52. package/stencil/index-71b1bdfa-MzSkzwf_.cjs +0 -1
  53. package/stencil/player-elevate-card-items-5071deed-C6i7ZlHD.cjs +0 -102
@@ -1,11 +1,11 @@
1
- import { b as V, $ as X, S as Z, i as J, f as y, c as K, s as $, d as ee, g as M, e as E, w as C, x as d, P as A, j as S, y as h, A as L, n as U, k as x, l as te, H as ie, o as se, D as k, z as ae, p as re, r as ne, t as oe, u as le, I as F, G as ce } from "./CasinoHamburgerMenu-F30AIdQa.js";
2
- function H(s, e) {
3
- V(s, e);
1
+ import { b as J, $ as K, S as V, i as X, s as Z, f as y, d as $, n as U, e as S, u as L, P as A, h as x, v as h, k as M, j as E, y as C, z as d, l as ee, C as te, o as ie, w as se, x as k, p as ae, E as F, J as re, K as ne, L as oe, c as le, I as ce } from "./CasinoHamburgerMenu-BMkeLxFw.js";
2
+ function W(s, e) {
3
+ J(s, e);
4
4
  }
5
5
  function de(s) {
6
- X.set(s);
6
+ K.set(s);
7
7
  }
8
- const W = {
8
+ const H = {
9
9
  en: {
10
10
  titleDeposit: "Deposit",
11
11
  loading: "Loading, please wait ..."
@@ -48,7 +48,7 @@ const W = {
48
48
  }
49
49
  };
50
50
  function ue(s) {
51
- ee(s, "svelte-1hczjj2", "button{font-family:var(--emw--button-typography)}input,select,option{font-family:inherit}.DepositWrapper{background-color:var(--emw--color-pale, var(--emw--color-gray-50, #F1F1F1));border-radius:var(--emw--border-radius-large, 10px);color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));padding:50px 50px 30px 50px;max-width:100%;height:var(--dynamic-height)}.DepositWrapper.DepositWrapperMobile{padding:20px 15px;max-width:unset;height:var(--dynamic-height)}.MenuReturnButton{color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));display:inline-flex;align-items:center;column-gap:10px;margin-bottom:10px}.MenuReturnButton svg{fill:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))}.DepositTitle{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));font-weight:var(--emw--font-weigh-normal, 400)}.DepositTitleMobile{font-size:var(--emw--size-standard, 16px)}.DepositTitleNone{display:none}.DepositIframeWrapper iframe{border:none;width:100%;height:85vh;border-radius:var(--emw--border-radius-large, 10px)}");
51
+ $(s, "svelte-1hczjj2", "button{font-family:var(--emw--button-typography)}input,select,option{font-family:inherit}.DepositWrapper{background-color:var(--emw--color-pale, var(--emw--color-gray-50, #F1F1F1));border-radius:var(--emw--border-radius-large, 10px);color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));padding:50px 50px 30px 50px;max-width:100%;height:var(--dynamic-height)}.DepositWrapper.DepositWrapperMobile{padding:20px 15px;max-width:unset;height:var(--dynamic-height)}.MenuReturnButton{color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));display:inline-flex;align-items:center;column-gap:10px;margin-bottom:10px}.MenuReturnButton svg{fill:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))}.DepositTitle{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));font-weight:var(--emw--font-weigh-normal, 400)}.DepositTitleMobile{font-size:var(--emw--size-standard, 16px)}.DepositTitleNone{display:none}.DepositIframeWrapper iframe{border:none;width:100%;height:85vh;border-radius:var(--emw--border-radius-large, 10px)}");
52
52
  }
53
53
  function he(s) {
54
54
  let e, i, n, a, l, m, c, p, w, o, r = (
@@ -60,7 +60,7 @@ function he(s) {
60
60
  e = M("div"), i = k("svg"), n = k("defs"), a = k("style"), l = C(".aaa{fill:var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));}"), m = k("g"), c = k("g"), p = k("path"), w = E(), o = M("h2"), u = C(r), d(p, "class", "aaa"), d(p, "d", "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z"), d(p, "transform", "translate(15 15) rotate(180)"), d(c, "transform", "translate(20 158)"), d(m, "transform", "translate(-20 -158)"), d(i, "xmlns", "http://www.w3.org/2000/svg"), d(i, "width", "15"), d(i, "height", "15"), d(i, "viewBox", "0 0 15 15"), d(o, "class", "DepositTitleMobile"), d(e, "class", "MenuReturnButton");
61
61
  },
62
62
  m(f, g) {
63
- S(f, e, g), h(e, i), h(i, n), h(n, a), h(a, l), h(i, m), h(m, c), h(c, p), h(e, w), h(e, o), h(o, u), b || (_ = ae(
63
+ x(f, e, g), h(e, i), h(i, n), h(n, a), h(a, l), h(i, m), h(m, c), h(c, p), h(e, w), h(e, o), h(o, u), b || (_ = se(
64
64
  e,
65
65
  "click",
66
66
  /*click_handler*/
@@ -73,7 +73,7 @@ function he(s) {
73
73
  f[4]("titleDeposit") + "") && L(u, r);
74
74
  },
75
75
  d(f) {
76
- f && x(e), b = !1, _();
76
+ f && S(e), b = !1, _();
77
77
  }
78
78
  };
79
79
  }
@@ -85,7 +85,7 @@ function pe(s) {
85
85
  s[3]) || d(i, "src", n), d(i, "title", "Deposit Iframe"), d(e, "class", "DepositIframeWrapper");
86
86
  },
87
87
  m(a, l) {
88
- S(a, e, l), h(e, i);
88
+ x(a, e, l), h(e, i);
89
89
  },
90
90
  p(a, l) {
91
91
  l & /*iframeUrl*/
@@ -93,7 +93,7 @@ function pe(s) {
93
93
  a[3]) && d(i, "src", n);
94
94
  },
95
95
  d(a) {
96
- a && x(e);
96
+ a && S(e);
97
97
  }
98
98
  };
99
99
  }
@@ -107,7 +107,7 @@ function ge(s) {
107
107
  e = M("p"), n = C(i);
108
108
  },
109
109
  m(a, l) {
110
- S(a, e, l), h(e, n);
110
+ x(a, e, l), h(e, n);
111
111
  },
112
112
  p(a, l) {
113
113
  l & /*$_*/
@@ -115,7 +115,7 @@ function ge(s) {
115
115
  a[4]("loading") + "") && L(n, i);
116
116
  },
117
117
  d(a) {
118
- a && x(e);
118
+ a && S(e);
119
119
  }
120
120
  };
121
121
  }
@@ -146,7 +146,7 @@ function me(s) {
146
146
  );
147
147
  },
148
148
  m(r, u) {
149
- S(r, e, u), c && c.m(e, null), h(e, i), h(e, n), h(n, l), h(e, m), o.m(e, null), s[19](e);
149
+ x(r, e, u), c && c.m(e, null), h(e, i), h(e, n), h(n, l), h(e, m), o.m(e, null), s[19](e);
150
150
  },
151
151
  p(r, [u]) {
152
152
  /*isMobile*/
@@ -163,25 +163,25 @@ function me(s) {
163
163
  i: U,
164
164
  o: U,
165
165
  d(r) {
166
- r && x(e), c && c.d(), o.d(), s[19](null);
166
+ r && S(e), c && c.d(), o.d(), s[19](null);
167
167
  }
168
168
  };
169
169
  }
170
170
  function fe(s, e, i) {
171
171
  let n, a;
172
- te(s, ce, (t) => i(4, a = t));
173
- let { endpoint: l = "" } = e, { session: m = "" } = e, { playerid: c = "" } = e, { lang: p = "en" } = e, { hasdefaultamount: w = "" } = e, { clientstyling: o = "" } = e, { clientstylingurl: r = "" } = e, { translationurl: u = "" } = e, { currency: b = "" } = e, { mbsource: _ } = e, { shortcashierenabled: f = "false" } = e, g, G = window.navigator.userAgent, R = ie(G) !== "PC", B = !0, I, T = 0, P = "";
172
+ ee(s, ce, (t) => i(4, a = t));
173
+ let { endpoint: l = "" } = e, { session: m = "" } = e, { playerid: c = "" } = e, { lang: p = "en" } = e, { hasdefaultamount: w = "" } = e, { clientstyling: o = "" } = e, { clientstylingurl: r = "" } = e, { translationurl: u = "" } = e, { currency: b = "" } = e, { mbsource: _ } = e, { shortcashierenabled: f = "false" } = e, g, G = window.navigator.userAgent, R = te(G) !== "PC", B = !0, I, T = 0, P = "";
174
174
  const N = () => {
175
175
  fetch(u).then((D) => D.json()).then((D) => {
176
176
  Object.keys(D).forEach((v) => {
177
- H(v, D[v]);
177
+ W(v, D[v]);
178
178
  });
179
179
  }).catch((D) => {
180
180
  console.log(D);
181
181
  });
182
182
  };
183
- Object.keys(W).forEach((t) => {
184
- H(t, W[t]);
183
+ Object.keys(H).forEach((t) => {
184
+ W(t, H[t]);
185
185
  });
186
186
  const j = () => {
187
187
  window.postMessage({ type: "GoToPreviousRoute", isMobile: R }, window.location.href);
@@ -251,12 +251,12 @@ function fe(s, e, i) {
251
251
  }, q = () => {
252
252
  de(p);
253
253
  };
254
- se(() => (window.addEventListener("message", z, !1), () => {
254
+ ie(() => (window.addEventListener("message", z, !1), () => {
255
255
  window.removeEventListener("message", z);
256
256
  }));
257
257
  const Q = () => j();
258
258
  function Y(t) {
259
- re[t ? "unshift" : "push"](() => {
259
+ ae[t ? "unshift" : "push"](() => {
260
260
  g = t, i(0, g);
261
261
  });
262
262
  }
@@ -266,9 +266,9 @@ function fe(s, e, i) {
266
266
  s.$$.dirty & /*lang*/
267
267
  2048 && p && q(), s.$$.dirty & /*shortcashierenabled*/
268
268
  131072 && (n = f.toLocaleLowerCase() === "true"), s.$$.dirty & /*clientstyling, customStylingContainer*/
269
- 8193 && o && g && ne(g, o), s.$$.dirty & /*clientstylingurl, customStylingContainer*/
270
- 16385 && r && g && oe(g, r), s.$$.dirty & /*mbsource, customStylingContainer*/
271
- 65537 && _ && g && le(g, `${_}.Style`), s.$$.dirty & /*translationurl*/
269
+ 8193 && o && g && re(g, o), s.$$.dirty & /*clientstylingurl, customStylingContainer*/
270
+ 16385 && r && g && ne(g, r), s.$$.dirty & /*mbsource, customStylingContainer*/
271
+ 65537 && _ && g && oe(g, `${_}.Style`), s.$$.dirty & /*translationurl*/
272
272
  32768 && u && N(), s.$$.dirty & /*session, playerid, endpoint, currency, lang, shortcashierenabled*/
273
273
  135040 && m && c && l && b && p && f && O();
274
274
  }, [
@@ -294,14 +294,14 @@ function fe(s, e, i) {
294
294
  Y
295
295
  ];
296
296
  }
297
- class we extends Z {
297
+ class we extends V {
298
298
  constructor(e) {
299
- super(), J(
299
+ super(), X(
300
300
  this,
301
301
  e,
302
302
  fe,
303
303
  me,
304
- $,
304
+ Z,
305
305
  {
306
306
  endpoint: 8,
307
307
  session: 9,
@@ -385,7 +385,7 @@ class we extends Z {
385
385
  this.$$set({ shortcashierenabled: e }), y();
386
386
  }
387
387
  }
388
- K(we, { endpoint: {}, session: {}, playerid: {}, lang: {}, hasdefaultamount: {}, clientstyling: {}, clientstylingurl: {}, translationurl: {}, currency: {}, mbsource: {}, shortcashierenabled: {} }, [], [], !0);
388
+ le(we, { endpoint: {}, session: {}, playerid: {}, lang: {}, hasdefaultamount: {}, clientstyling: {}, clientstylingurl: {}, translationurl: {}, currency: {}, mbsource: {}, shortcashierenabled: {} }, [], [], !0);
389
389
  export {
390
390
  we as default
391
391
  };
@@ -1 +1 @@
1
- "use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoHeaderController-DBUFDWMM.cjs")).then(({default:t})=>{!customElements.get("casino-header-controller")&&customElements.define("casino-header-controller",t.element)})}
1
+ "use strict";if(typeof window!="undefined"){let n=function(t){return function(...s){try{return t.apply(this,s)}catch(e){if(e instanceof DOMException&&e.message.includes("has already been used with this registry")||e.message.includes("Cannot define multiple custom elements with the same tag name"))return!1;throw e}}};customElements.define=n(customElements.define),Promise.resolve().then(()=>require("../components/CasinoHeaderController-D9Zd6DdD.cjs")).then(({default:t})=>{!customElements.get("casino-header-controller")&&customElements.define("casino-header-controller",t.element)})}
@@ -10,7 +10,7 @@ if (typeof window != "undefined") {
10
10
  }
11
11
  };
12
12
  };
13
- customElements.define = n(customElements.define), import("../components/CasinoHeaderController-s3bKI18l.js").then(({ default: t }) => {
13
+ customElements.define = n(customElements.define), import("../components/CasinoHeaderController-DvJ2fbVP.js").then(({ default: t }) => {
14
14
  !customElements.get("casino-header-controller") && customElements.define("casino-header-controller", t.element);
15
15
  });
16
16
  }
@@ -1,4 +1,4 @@
1
- import { C as s } from "../components/CasinoHeaderController-pekvzXc8.js";
1
+ import { C as s } from "../components/CasinoHeaderController-nGmOBYH5.js";
2
2
  function r(t) {
3
3
  return function(...n) {
4
4
  try {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/casino-header-controller",
3
- "version": "1.67.3",
3
+ "version": "1.68.0",
4
4
  "type": "module",
5
5
  "main": "es2015/casino-header-controller.cjs",
6
6
  "module": "esnext/casino-header-controller.js",
@@ -1,4 +1,4 @@
1
- import { r as f, h as a, g } from "./index-71b1bdfa-C8dE0ofS.js";
1
+ import { r as g, h as a, g as f } from "./index-71b1bdfa-CBlskF9r.js";
2
2
  const u = "en";
3
3
  let l = {
4
4
  en: {
@@ -57,7 +57,7 @@ function y(i, t, n) {
57
57
  }
58
58
  const w = ":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:200;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}", v = w, S = class {
59
59
  constructor(i) {
60
- f(this, i), this.navigateToGamification = () => {
60
+ g(this, i), this.navigateToGamification = () => {
61
61
  window.postMessage({ type: "NavigateToGamification" }, window.location.href), this.isOpen = !1;
62
62
  }, this.handleOutsideClick = (t) => {
63
63
  t.composedPath().includes(this.el) || (this.isOpen = !1, document.removeEventListener("click", this.handleOutsideClick));
@@ -110,7 +110,7 @@ const w = ":host{display:block}.GamificationDropdownContainer{position:relative}
110
110
  return this.isLoading ? null : a("div", { ref: (i) => this.stylingContainer = i, class: "GamificationDropdownContainer" }, a("button", { class: `GamificationDropdownButton ${this.isOpen ? "IsOpen" : ""}`, type: "button", onClick: (i) => this.handleDropdownClick(i), title: typeof this.loyaltyPoints == "number" ? String(this.loyaltyPoints) : m("gamificationNoPoints", this.language) }, typeof this.loyaltyPoints == "number" ? `${this.loyaltyPoints} XP` : "...", a("span", { class: this.isOpen ? "TriangleActive" : "TriangleInactive" }, a("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "6.835", viewBox: "0 0 14 6.835" }, a("path", { id: "arrow", d: "M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z", transform: "translate(-274.511 -441.088)" })))), this.isOpen && a("div", { class: "GamificationDropdown", onClick: this.navigateToGamification }, a("player-elevate-loyaltycard", { endpoint: this.endpoint, session: this.session, language: this.language, "client-styling-url": this.clientStylingUrl, "client-styling": this.clientStyling })));
111
111
  }
112
112
  get el() {
113
- return g(this);
113
+ return f(this);
114
114
  }
115
115
  static get watchers() {
116
116
  return {
@@ -1 +1 @@
1
- "use strict";var p=(i,n,t)=>new Promise((e,o)=>{var s=r=>{try{l(t.next(r))}catch(d){o(d)}},c=r=>{try{l(t.throw(r))}catch(d){o(d)}},l=r=>r.done?e(r.value):Promise.resolve(r.value).then(s,c);l((t=t.apply(i,n)).next())});const a=require("./index-71b1bdfa-MzSkzwf_.cjs"),y="en";let h={en:{gamificationNoPoints:"No points"},de:{gamificationNoPoints:"No points"},ro:{gamificationNoPoints:"No points"},fr:{gamificationNoPoints:"No points"},ar:{gamificationNoPoints:"No points"},hr:{gamificationNoPoints:"No points"}};const f=i=>new Promise(n=>{fetch(i).then(t=>t.json()).then(t=>{Object.keys(t).forEach(e=>{h[e]||(h[e]={});for(let o in t[e])h[e][o]=t[e][o]}),n(!0)})}),w=(i,n)=>{const t=n;return h[t!==void 0&&t in h?t:y][i]};function g(i,n){if(i){const t=document.createElement("style");t.innerHTML=n,i.appendChild(t)}}function u(i,n){const t=new URL(n);fetch(t.href).then(e=>e.text()).then(e=>{const o=document.createElement("style");o.innerHTML=e,i&&i.appendChild(o)}).catch(e=>{console.error("There was an error while trying to load client styling from URL",e)})}function v(i,n,t){if(window.emMessageBus){const e=document.createElement("style");window.emMessageBus.subscribe(n,o=>{e.innerHTML=o,i&&i.appendChild(e)})}}const S=":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:200;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}",C=S,m=class{constructor(i){a.registerInstance(this,i),this.navigateToGamification=()=>{window.postMessage({type:"NavigateToGamification"},window.location.href),this.isOpen=!1},this.handleOutsideClick=n=>{n.composedPath().includes(this.el)||(this.isOpen=!1,document.removeEventListener("click",this.handleOutsideClick))},this.handleDropdownClick=n=>{n.stopPropagation(),this.isOpen=!this.isOpen,this.isOpen?document.addEventListener("click",this.handleOutsideClick):document.removeEventListener("click",this.handleOutsideClick)},this.endpoint=void 0,this.language="en",this.session="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.isOpen=!1,this.isLoading=!1,this.loyaltyPoints=void 0}handleNewTranslations(){this.isLoading=!0,f(this.translationUrl).then(()=>{this.isLoading=!1})}handleClientStylingChange(i,n){i!=n&&g(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(i,n){i!=n&&this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)}componentWillLoad(){return p(this,null,function*(){if(this.translationUrl.length>2&&(yield f(this.translationUrl)),this.endpoint&&this.language)return this.fetchPointsData()})}componentDidLoad(){this.stylingContainer&&(window.emMessageBus!=null?v(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&g(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchPointsData(){let i=new URL(`${this.endpoint}/v1/elevate/playerInfo`);i.searchParams.append("language",this.language);const n=new Headers;n.append("X-SessionId",this.session);const t={method:"GET",headers:n};return new Promise((e,o)=>{this.isLoading=!0,fetch(i.href,t).then(s=>s.json()).then(s=>{var c,l;this.loyaltyPoints=(l=(c=s==null?void 0:s.data)===null||c===void 0?void 0:c.level)===null||l===void 0?void 0:l.loyaltyPoints,e(!0)}).catch(s=>{console.error(s),o(s)}).finally(()=>{this.isLoading=!1})})}render(){return this.isLoading?null:a.h("div",{ref:i=>this.stylingContainer=i,class:"GamificationDropdownContainer"},a.h("button",{class:`GamificationDropdownButton ${this.isOpen?"IsOpen":""}`,type:"button",onClick:i=>this.handleDropdownClick(i),title:typeof this.loyaltyPoints=="number"?String(this.loyaltyPoints):w("gamificationNoPoints",this.language)},typeof this.loyaltyPoints=="number"?`${this.loyaltyPoints} XP`:"...",a.h("span",{class:this.isOpen?"TriangleActive":"TriangleInactive"},a.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},a.h("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),this.isOpen&&a.h("div",{class:"GamificationDropdown",onClick:this.navigateToGamification},a.h("player-elevate-loyaltycard",{endpoint:this.endpoint,session:this.session,language:this.language,"client-styling-url":this.clientStylingUrl,"client-styling":this.clientStyling})))}get el(){return a.getElement(this)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};m.style=C;exports.GamificationDropdown=m;
1
+ "use strict";var p=(i,n,t)=>new Promise((e,o)=>{var s=r=>{try{l(t.next(r))}catch(d){o(d)}},c=r=>{try{l(t.throw(r))}catch(d){o(d)}},l=r=>r.done?e(r.value):Promise.resolve(r.value).then(s,c);l((t=t.apply(i,n)).next())});const a=require("./index-71b1bdfa-0gP6xJac.cjs"),y="en";let h={en:{gamificationNoPoints:"No points"},de:{gamificationNoPoints:"No points"},ro:{gamificationNoPoints:"No points"},fr:{gamificationNoPoints:"No points"},ar:{gamificationNoPoints:"No points"},hr:{gamificationNoPoints:"No points"}};const g=i=>new Promise(n=>{fetch(i).then(t=>t.json()).then(t=>{Object.keys(t).forEach(e=>{h[e]||(h[e]={});for(let o in t[e])h[e][o]=t[e][o]}),n(!0)})}),w=(i,n)=>{const t=n;return h[t!==void 0&&t in h?t:y][i]};function f(i,n){if(i){const t=document.createElement("style");t.innerHTML=n,i.appendChild(t)}}function u(i,n){const t=new URL(n);fetch(t.href).then(e=>e.text()).then(e=>{const o=document.createElement("style");o.innerHTML=e,i&&i.appendChild(o)}).catch(e=>{console.error("There was an error while trying to load client styling from URL",e)})}function v(i,n,t){if(window.emMessageBus){const e=document.createElement("style");window.emMessageBus.subscribe(n,o=>{e.innerHTML=o,i&&i.appendChild(e)})}}const S=":host{display:block}.GamificationDropdownContainer{position:relative}.GamificationDropdownContainer .GamificationDropdown{position:absolute;left:0;z-index:200;overflow:hidden;cursor:pointer}.GamificationDropdownButton{cursor:pointer;font-size:14px;height:20px;background-color:unset;color:var(--emw--color-typography, #FFFFFF);padding:0;border:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:flex;align-items:center;justify-content:center;line-height:0}.GamificationDropdownButton:hover{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton:hover svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen{color:var(--emw--color-primary, #52d004)}.GamificationDropdownButton.IsOpen svg{fill:var(--emw--color-primary, #52d004)}.GamificationDropdownButton .TriangleActive,.GamificationDropdownButton .TriangleInactive{display:block;transition:all 0.2s}.GamificationDropdownButton .TriangleActive{transform:scale(1.1) rotateX(180deg) translateY(3px);fill:var(--emw--color-primary, #52d004);margin-top:4px}.GamificationDropdownButton svg{fill:var(--emw--color-typography, #FFFFFF);margin-left:8px;width:16px}",C=S,m=class{constructor(i){a.registerInstance(this,i),this.navigateToGamification=()=>{window.postMessage({type:"NavigateToGamification"},window.location.href),this.isOpen=!1},this.handleOutsideClick=n=>{n.composedPath().includes(this.el)||(this.isOpen=!1,document.removeEventListener("click",this.handleOutsideClick))},this.handleDropdownClick=n=>{n.stopPropagation(),this.isOpen=!this.isOpen,this.isOpen?document.addEventListener("click",this.handleOutsideClick):document.removeEventListener("click",this.handleOutsideClick)},this.endpoint=void 0,this.language="en",this.session="",this.mbSource=void 0,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.isOpen=!1,this.isLoading=!1,this.loyaltyPoints=void 0}handleNewTranslations(){this.isLoading=!0,g(this.translationUrl).then(()=>{this.isLoading=!1})}handleClientStylingChange(i,n){i!=n&&f(this.stylingContainer,this.clientStyling)}handleClientStylingChangeURL(i,n){i!=n&&this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)}componentWillLoad(){return p(this,null,function*(){if(this.translationUrl.length>2&&(yield g(this.translationUrl)),this.endpoint&&this.language)return this.fetchPointsData()})}componentDidLoad(){this.stylingContainer&&(window.emMessageBus!=null?v(this.stylingContainer,`${this.mbSource}.Style`):(this.clientStyling&&f(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&u(this.stylingContainer,this.clientStylingUrl)))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}fetchPointsData(){let i=new URL(`${this.endpoint}/v1/elevate/playerInfo`);i.searchParams.append("language",this.language);const n=new Headers;n.append("X-SessionId",this.session);const t={method:"GET",headers:n};return new Promise((e,o)=>{this.isLoading=!0,fetch(i.href,t).then(s=>s.json()).then(s=>{var c,l;this.loyaltyPoints=(l=(c=s==null?void 0:s.data)===null||c===void 0?void 0:c.level)===null||l===void 0?void 0:l.loyaltyPoints,e(!0)}).catch(s=>{console.error(s),o(s)}).finally(()=>{this.isLoading=!1})})}render(){return this.isLoading?null:a.h("div",{ref:i=>this.stylingContainer=i,class:"GamificationDropdownContainer"},a.h("button",{class:`GamificationDropdownButton ${this.isOpen?"IsOpen":""}`,type:"button",onClick:i=>this.handleDropdownClick(i),title:typeof this.loyaltyPoints=="number"?String(this.loyaltyPoints):w("gamificationNoPoints",this.language)},typeof this.loyaltyPoints=="number"?`${this.loyaltyPoints} XP`:"...",a.h("span",{class:this.isOpen?"TriangleActive":"TriangleInactive"},a.h("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"6.835",viewBox:"0 0 14 6.835"},a.h("path",{id:"arrow",d:"M281.541,447.921a.488.488,0,0,0,.295-.122l6.5-5.851a.488.488,0,1,0-.65-.726l-6.176,5.556-6.176-5.556h0a.488.488,0,1,0-.65.726l6.5,5.851a.488.488,0,0,0,.355.122Z",transform:"translate(-274.511 -441.088)"})))),this.isOpen&&a.h("div",{class:"GamificationDropdown",onClick:this.navigateToGamification},a.h("player-elevate-loyaltycard",{endpoint:this.endpoint,session:this.session,language:this.language,"client-styling-url":this.clientStylingUrl,"client-styling":this.clientStyling})))}get el(){return a.getElement(this)}static get watchers(){return{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}}};m.style=C;exports.GamificationDropdown=m;
@@ -14,7 +14,7 @@ var p = (i, n, t) => new Promise((e, o) => {
14
14
  }, a = (l) => l.done ? e(l.value) : Promise.resolve(l.value).then(s, c);
15
15
  a((t = t.apply(i, n)).next());
16
16
  });
17
- import { r as m, h as r, g as y } from "./index-71b1bdfa-_-dhHLGN.js";
17
+ import { r as m, h as r, g as y } from "./index-71b1bdfa-DU4nTCMc.js";
18
18
  const w = "en";
19
19
  let h = {
20
20
  en: {
@@ -36,7 +36,7 @@ let h = {
36
36
  gamificationNoPoints: "No points"
37
37
  }
38
38
  };
39
- const f = (i) => new Promise((n) => {
39
+ const g = (i) => new Promise((n) => {
40
40
  fetch(i).then((t) => t.json()).then((t) => {
41
41
  Object.keys(t).forEach((e) => {
42
42
  h[e] || (h[e] = {});
@@ -48,7 +48,7 @@ const f = (i) => new Promise((n) => {
48
48
  const t = n;
49
49
  return h[t !== void 0 && t in h ? t : w][i];
50
50
  };
51
- function g(i, n) {
51
+ function f(i, n) {
52
52
  if (i) {
53
53
  const t = document.createElement("style");
54
54
  t.innerHTML = n, i.appendChild(t);
@@ -82,24 +82,24 @@ const C = ":host{display:block}.GamificationDropdownContainer{position:relative}
82
82
  }, this.endpoint = void 0, this.language = "en", this.session = "", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.isOpen = !1, this.isLoading = !1, this.loyaltyPoints = void 0;
83
83
  }
84
84
  handleNewTranslations() {
85
- this.isLoading = !0, f(this.translationUrl).then(() => {
85
+ this.isLoading = !0, g(this.translationUrl).then(() => {
86
86
  this.isLoading = !1;
87
87
  });
88
88
  }
89
89
  handleClientStylingChange(i, n) {
90
- i != n && g(this.stylingContainer, this.clientStyling);
90
+ i != n && f(this.stylingContainer, this.clientStyling);
91
91
  }
92
92
  handleClientStylingChangeURL(i, n) {
93
93
  i != n && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
94
94
  }
95
95
  componentWillLoad() {
96
96
  return p(this, null, function* () {
97
- if (this.translationUrl.length > 2 && (yield f(this.translationUrl)), this.endpoint && this.language)
97
+ if (this.translationUrl.length > 2 && (yield g(this.translationUrl)), this.endpoint && this.language)
98
98
  return this.fetchPointsData();
99
99
  });
100
100
  }
101
101
  componentDidLoad() {
102
- this.stylingContainer && (window.emMessageBus != null ? S(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && g(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
102
+ this.stylingContainer && (window.emMessageBus != null ? S(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && f(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
103
103
  }
104
104
  disconnectedCallback() {
105
105
  this.stylingSubscription && this.stylingSubscription.unsubscribe();
@@ -1 +1 @@
1
- "use strict";var s=(n,a,t)=>new Promise((d,o)=>{var g=e=>{try{l(t.next(e))}catch(r){o(r)}},c=e=>{try{l(t.throw(e))}catch(r){o(r)}},l=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,c);l((t=t.apply(n,a)).next())});const p=require("./index-71b1bdfa-MzSkzwf_.cjs"),y=require("./app-globals-0f993ce5-DgOnOgxM.cjs");var i=typeof document!="undefined"?document.currentScript:null,u=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:i&&i.tagName.toUpperCase()==="SCRIPT"&&i.src||new URL("stencil/gamification-dropdown-Bl2Q7k92.cjs",document.baseURI).href,a={};return n!==""&&(a.resourcesUrl=new URL(".",n).href),p.promiseResolve(a)};u().then(n=>s(exports,null,function*(){return yield y.globalScripts(),p.bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{endpoint:[513],language:[513],session:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isOpen:[32],isLoading:[32],loyaltyPoints:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[1,"player-elevate-loyaltycard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[0,"player-elevate-card-data",{params:[8],playerElevateLevel:[32],pointExpireString:[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{params:["onParamsChanged"]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}]]],["player-elevate-card",[[1,"player-elevate-card",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerLevelFlag:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],cardTitle:[513,"card-title"],buttonType:[513,"button-type"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32],elevateSPTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]],["player-rakeback-card",[[1,"player-rakeback-card",{endpoint:[513],theme:[513],session:[513],language:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],show:[516],rakebackInfo:[32],isLoading:[32],coolingOffPeriod:[32],showTheWidget:[32]},[[8,"message","handleMessage"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"],show:["onShowOrHasRakebackWalletChange"],rakebackInfo:["onShowOrHasRakebackWalletChange"]}]]]],n)}));
1
+ "use strict";var s=(n,a,t)=>new Promise((d,o)=>{var g=e=>{try{l(t.next(e))}catch(r){o(r)}},c=e=>{try{l(t.throw(e))}catch(r){o(r)}},l=e=>e.done?d(e.value):Promise.resolve(e.value).then(g,c);l((t=t.apply(n,a)).next())});const p=require("./index-71b1bdfa-0gP6xJac.cjs"),y=require("./app-globals-0f993ce5-DgOnOgxM.cjs");var i=typeof document!="undefined"?document.currentScript:null,u=()=>{const n=typeof document=="undefined"?require("url").pathToFileURL(__filename).href:i&&i.tagName.toUpperCase()==="SCRIPT"&&i.src||new URL("stencil/gamification-dropdown-B8Psyzeb.cjs",document.baseURI).href,a={};return n!==""&&(a.resourcesUrl=new URL(".",n).href),p.promiseResolve(a)};u().then(n=>s(exports,null,function*(){return yield y.globalScripts(),p.bootstrapLazy([["gamification-dropdown_4",[[1,"gamification-dropdown",{endpoint:[513],language:[513],session:[513],mbSource:[513,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],isOpen:[32],isLoading:[32],loyaltyPoints:[32]},null,{translationUrl:["handleNewTranslations"],clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingChangeURL"]}],[1,"player-elevate-loyaltycard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],mbSource:[1,"mb-source"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}],[0,"player-elevate-card-data",{params:[8],playerElevateLevel:[32],pointExpireString:[32]},[[9,"resize","handleWindowResizs"],[8,"redeemGiftButton","redeemGiftButtonHandler"]],{params:["onParamsChanged"]}],[4,"general-styling-wrapper",{clientStyling:[1,"client-styling"],clientStylingUrl:[1,"client-styling-url"],translationUrl:[1,"translation-url"],targetTranslations:[16]}]]],["player-elevate-card",[[1,"player-elevate-card",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerLevelFlag:[32],playerElevateLevel:[32],elevateWalletTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]],["player-elevate-pointcard",[[1,"player-elevate-pointcard",{endpoint:[513],theme:[513],session:[513],playerAvatarUrl:[513,"player-avatar-url"],language:[513],playerName:[513,"player-name"],cardTitle:[513,"card-title"],buttonType:[513,"button-type"],dateFormat:[513,"date-format"],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],pointExpireString:[32],playerElevateLevel:[32],elevateWalletTotal:[32],elevateSPTotal:[32]},[[0,"playerElevateLeveLoaded","playerElevateLeveLoadedHandler"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}]]],["player-rakeback-card",[[1,"player-rakeback-card",{endpoint:[513],theme:[513],session:[513],language:[513],clientStyling:[513,"client-styling"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],show:[516],rakebackInfo:[32],isLoading:[32],coolingOffPeriod:[32],showTheWidget:[32]},[[8,"message","handleMessage"]],{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"],show:["onShowOrHasRakebackWalletChange"],rakebackInfo:["onShowOrHasRakebackWalletChange"]}]]]],n)}));
@@ -1,4 +1,4 @@
1
- import { b as a, p as l } from "./index-71b1bdfa-C8dE0ofS.js";
1
+ import { b as a, p as l } from "./index-71b1bdfa-CBlskF9r.js";
2
2
  import { g as t } from "./app-globals-0f993ce5-B6nNHmA4.js";
3
3
  var r = () => {
4
4
  const e = import.meta.url, n = {};
@@ -14,7 +14,7 @@ var o = (n, a, l) => new Promise((s, i) => {
14
14
  }, t = (e) => e.done ? s(e.value) : Promise.resolve(e.value).then(g, p);
15
15
  t((l = l.apply(n, a)).next());
16
16
  });
17
- import { b as d, p as y } from "./index-71b1bdfa-_-dhHLGN.js";
17
+ import { b as d, p as y } from "./index-71b1bdfa-DU4nTCMc.js";
18
18
  import { g as c } from "./app-globals-0f993ce5-B6nNHmA4.js";
19
19
  var v = () => {
20
20
  const n = import.meta.url, a = {};
@@ -1,4 +1,4 @@
1
- "use strict";var x=(e,t,a)=>new Promise((n,r)=>{var l=c=>{try{s(a.next(c))}catch(h){r(h)}},d=c=>{try{s(a.throw(c))}catch(h){r(h)}},s=c=>c.done?n(c.value):Promise.resolve(c.value).then(l,d);s((a=a.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("./gamification-dropdown-8eb8a896-DfTzIl57.cjs"),i=require("./index-71b1bdfa-MzSkzwf_.cjs"),u=require("./locale-B_6Rn5-v.cjs"),o=require("./player-elevate-card-items-5071deed-C6i7ZlHD.cjs"),M=(e,t)=>new Promise(a=>{fetch(e).then(n=>n.json()).then(n=>{Object.keys(n).forEach(r=>{t[r]=t[r]||t.en,Object.keys(n[r]).forEach(l=>{t.en[l]&&(t[r][l]=t[r][l]||t.en[l],typeof n[r][l]=="object"?Object.keys(n[r][l]).forEach(d=>{t[r][l][d]=n[r][l][d]}):t[r][l]=n[r][l])})}),a(!0)})}),R=":host{display:block}",O=R,L=class{constructor(e){i.registerInstance(this,e),this.stylingAppends=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.el.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),a=document.createElement("style");fetch(t.href).then(n=>n.text()).then(n=>{a.innerHTML=n,setTimeout(()=>{this.el.prepend(a)},1)}).catch(n=>{console.log("error ",n)})},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}componentWillLoad(){return x(this,null,function*(){const e=[];if(this.translationUrl){const t=M(this.translationUrl,this.targetTranslations);e.push(t)}return yield Promise.all(e)})}render(){return i.h("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},i.h("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return i.getElement(this)}};L.style=O;function b(e){o.requiredArgs(1,arguments);var t=o.toDate(e);return t.setHours(0,0,0,0),t}var $=864e5;function q(e,t){o.requiredArgs(2,arguments);var a=b(e),n=b(t),r=a.getTime()-o.getTimezoneOffsetInMilliseconds(a),l=n.getTime()-o.getTimezoneOffsetInMilliseconds(n);return Math.round((r-l)/$)}var N=6e4,W=36e5;function E(e,t){return o.requiredArgs(2,arguments),o.toDate(e).getTime()-o.toDate(t).getTime()}var m={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(t){return t<0?Math.ceil(t):Math.floor(t)}},z="trunc";function w(e){return e?m[e]:m[z]}function U(e,t,a){o.requiredArgs(2,arguments);var n=E(e,t)/W;return w(a==null?void 0:a.roundingMethod)(n)}function F(e,t,a){o.requiredArgs(2,arguments);var n=E(e,t)/N;return w(a==null?void 0:a.roundingMethod)(n)}function j(e,t){o.requiredArgs(2,arguments);var a=o.toDate(e),n=o.toDate(t);return a.getTime()<n.getTime()}function H(e,t){const a=e.querySelector("#total_level"),n=17,r=6.5,l=a.getBBox().width,d=t>1?1:t,s=d*l-n<0?0:d*l-n,c=e.querySelector("#current_level"),h=e.querySelector("#filter_current_level"),p=e.querySelector("#circle_current_level");a.setAttribute("viewbox",`0 0 ${s} 28`),c.setAttribute("width",`${s}`),p.setAttribute("cx",`${s<r?r:s}`),h.setAttribute("x",`${s-8}`);const g=e.querySelector("#lock"),S=e.querySelector("#filter_heart_ball"),C=e.querySelector("#filter_ball"),k=e.querySelector("#filter_heart"),T=e.querySelector("#filter_lock"),y=e.querySelector("#paint0_linear_ball"),f=e.querySelector("#paint1_linear_lock"),A=e.querySelector("#lock_box"),D=e.querySelector("#heart_box"),_=10,v=l-_;g.setAttribute("cx",`${v}`),f.setAttribute("x1",`${v}`),f.setAttribute("x2",`${v}`),y.setAttribute("x1",`${v-6}`),y.setAttribute("x2",`${v-6+11.2}`),T.setAttribute("x",`${v-6}`),k.setAttribute("x",`${v-6-2}`),C.setAttribute("x",`${v-6-2-2}`),S.setAttribute("x",`${v-6-2-2-4}`),A.setAttribute("x",`${v-6}`),D.setAttribute("x",`${v-6}`),a.parentElement.style.opacity="1"}const G=`:host {
1
+ "use strict";var x=(e,t,a)=>new Promise((n,r)=>{var l=c=>{try{s(a.next(c))}catch(h){r(h)}},d=c=>{try{s(a.throw(c))}catch(h){r(h)}},s=c=>c.done?n(c.value):Promise.resolve(c.value).then(l,d);s((a=a.apply(e,t)).next())});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("./gamification-dropdown-8eb8a896-BjUP17gj.cjs"),i=require("./index-71b1bdfa-0gP6xJac.cjs"),y=require("./locale-B_6Rn5-v.cjs"),o=require("./player-elevate-card-items-5071deed-MX_MdgjK.cjs"),M=(e,t)=>new Promise(a=>{fetch(e).then(n=>n.json()).then(n=>{Object.keys(n).forEach(r=>{t[r]=t[r]||t.en,Object.keys(n[r]).forEach(l=>{t.en[l]&&(t[r][l]=t[r][l]||t.en[l],typeof n[r][l]=="object"?Object.keys(n[r][l]).forEach(d=>{t[r][l][d]=n[r][l][d]}):t[r][l]=n[r][l])})}),a(!0)})}),R=":host{display:block}",O=R,L=class{constructor(e){i.registerInstance(this,e),this.stylingAppends=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.el.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),a=document.createElement("style");fetch(t.href).then(n=>n.text()).then(n=>{a.innerHTML=n,setTimeout(()=>{this.el.prepend(a)},1)}).catch(n=>{console.log("error ",n)})},this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.targetTranslations=void 0}componentDidRender(){this.stylingAppends||(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.stylingAppends=!0)}componentWillLoad(){return x(this,null,function*(){const e=[];if(this.translationUrl){const t=M(this.translationUrl,this.targetTranslations);e.push(t)}return yield Promise.all(e)})}render(){return i.h("div",{key:"4d3414408c7662f88331dbe655966237f74d6958",class:"StyleShell"},i.h("slot",{key:"1d004644d84602c4314bdf5dfc26b55b160f57df",name:"mainContent"}))}get el(){return i.getElement(this)}};L.style=O;function b(e){o.requiredArgs(1,arguments);var t=o.toDate(e);return t.setHours(0,0,0,0),t}var $=864e5;function q(e,t){o.requiredArgs(2,arguments);var a=b(e),n=b(t),r=a.getTime()-o.getTimezoneOffsetInMilliseconds(a),l=n.getTime()-o.getTimezoneOffsetInMilliseconds(n);return Math.round((r-l)/$)}var N=6e4,W=36e5;function E(e,t){return o.requiredArgs(2,arguments),o.toDate(e).getTime()-o.toDate(t).getTime()}var m={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(t){return t<0?Math.ceil(t):Math.floor(t)}},z="trunc";function w(e){return e?m[e]:m[z]}function U(e,t,a){o.requiredArgs(2,arguments);var n=E(e,t)/W;return w(a==null?void 0:a.roundingMethod)(n)}function F(e,t,a){o.requiredArgs(2,arguments);var n=E(e,t)/N;return w(a==null?void 0:a.roundingMethod)(n)}function j(e,t){o.requiredArgs(2,arguments);var a=o.toDate(e),n=o.toDate(t);return a.getTime()<n.getTime()}function H(e,t){const a=e.querySelector("#total_level"),n=17,r=6.5,l=a.getBBox().width,d=t>1?1:t,s=d*l-n<0?0:d*l-n,c=e.querySelector("#current_level"),h=e.querySelector("#filter_current_level"),p=e.querySelector("#circle_current_level");a.setAttribute("viewbox",`0 0 ${s} 28`),c.setAttribute("width",`${s}`),p.setAttribute("cx",`${s<r?r:s}`),h.setAttribute("x",`${s-8}`);const g=e.querySelector("#lock"),S=e.querySelector("#filter_heart_ball"),C=e.querySelector("#filter_ball"),k=e.querySelector("#filter_heart"),T=e.querySelector("#filter_lock"),u=e.querySelector("#paint0_linear_ball"),f=e.querySelector("#paint1_linear_lock"),A=e.querySelector("#lock_box"),D=e.querySelector("#heart_box"),_=10,v=l-_;g.setAttribute("cx",`${v}`),f.setAttribute("x1",`${v}`),f.setAttribute("x2",`${v}`),u.setAttribute("x1",`${v-6}`),u.setAttribute("x2",`${v-6+11.2}`),T.setAttribute("x",`${v-6}`),k.setAttribute("x",`${v-6-2}`),C.setAttribute("x",`${v-6-2-2}`),S.setAttribute("x",`${v-6-2-2-4}`),A.setAttribute("x",`${v-6}`),D.setAttribute("x",`${v-6}`),a.parentElement.style.opacity="1"}const G=`:host {
2
2
  display: block;
3
3
  width: 360px;
4
4
  height: 230px;
@@ -189,4 +189,4 @@
189
189
  text-align: right;
190
190
  font-weight: bold;
191
191
  color: var(--emw--color-red, #9e595f);
192
- }`,X=G,I=class{constructor(e){i.registerInstance(this,e),this.playerElevateLeveLoaded=i.createEvent(this,"playerElevateLeveLoaded"),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise((t,a)=>fetch(e.href,{method:"GET"}).then(n=>n.json()).then(n=>{this.levels=n.data,t(!0)}).catch(n=>{a(n)}))}calcuatePointsToBeExpired(e,t){let a="";if(!e||!e.aboutToExpire||e.aboutToExpire.length==0||e.aboutToExpire[0].points<=0)return a;e.aboutToExpire.sort((c,h)=>j(new Date(c.expireTime),new Date(h.expireTime))?-1:1);const n=e.aboutToExpire[0],r=q(new Date(n.expireTime),new Date);let l=0,d=0,s=r===0?`${t}Day`:t;return r<=0&&(l=U(new Date(n.expireTime),new Date,{roundingMethod:"floor"}),s=l>1?`${t}Hours`:`${t}Hour`,l<=0&&(d=F(new Date(n.expireTime),new Date,{roundingMethod:"floor"}),s=d>1?`${t}Minutes`:`${t}Minute`)),a=u.translateWithParams(s,{expirationPoints:n.points,expireDay:Math.max(r,l,d),lang:this.params.language}),a}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise((t,a)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then(n=>n.json()).then(n=>{var r,l,d;if(!n.success){console.error("Exception when fetch user elevateinfo, ",n.errorCode,n.errorMessage),a(!0);return}let s=n.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=((r=s.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,h=(d=n.data.loyaltyWallet)===null||d===void 0?void 0:d.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:c,loyaltyWalletTotal:h});let p=this.calcuatePointsToBeExpired(c,"coinsToBeExpired"),g=this.calcuatePointsToBeExpired(h,"pointsToBeExpired");(p||g)&&this.playerElevateLeveLoaded.emit({pointExpireString:p,xpExpireString:g}),t(this.playerElevateLevel)}).catch(n=>{console.log("error ",n),a(!0)}))}setLoyaltyProgress(e){H(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout(()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)},80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];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);const a=this.playerElevateLevel.loyaltyPoints;let n=0;this.levels.forEach((r,l)=>{a>r.firstEntryPoints&&(n=l)}),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:n})})}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return i.getElement(this)}static get watchers(){return{params:["onParamsChanged"]}}};I.style=X;const Y=":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}",J=Y,P=class{constructor(e){i.registerInstance(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})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,t;return!((e=this.playerElevateLevel)===null||e===void 0)&&e.nextLevel?(t=this.playerElevateLevel)===null||t===void 0?void 0:t.nextLevel.entryPoints:-1}getNextLevelTips(){var e;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 u.translateWithParams("tipsForNextLevel",{pointsToReach:a,levelName:t.name,lang:this.language})}return""}render(){const e=i.getAssetPath("../static/card-ground.svg"),t=i.getAssetPath("../static/card-ground-over.svg");return i.h("div",{key:"39295a651da66747a20554699bba5f96b8ad5c35",class:`ElevateCardWrapper ${this.theme}`},i.h("div",{key:"78c34fe054fc2459f8af3354116cd21a68ce01be",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},i.h("general-styling-wrapper",{key:"be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:u.TRANSLATIONS,translationUrl:this.translationUrl}),i.h("player-elevate-card-data",{key:"b53e4b59d4ee55a2f567efa09afab3d72969e6e4",params:this.paramProxy}),i.h("div",{key:"1f3e504440bab2df3a181058fad7149c85c48c14",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},i.h("div",{key:"a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1",class:"Content Row"},this.playerElevateLevel&&i.h(i.Fragment,{key:"5c104f5ba1a018219c6ed5f6e50af99b035a0344"},i.h("div",{key:"bd94591e6ab9298ab7c769fa48efaf314dc1a63b",class:"PlayerImg"},i.h(o.PlayerAvatar,{key:"928849ce86d8c7a483eba7850efc83f8149bae43",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),i.h("div",{key:"37192c9b8502eb3c7d93914369df2d784c17e9f7",class:`LevelInfo ${this.playerElevateLevel.name}`},i.h(o.PlayerElevateLoyaltyLevel,{key:"2684a177f4bb1053c4587fd4158666fb35ca23f4",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),i.h("div",{key:"173a37c63868f2d900c12af3ffc2d9a4a57550e4",class:"PointsRange"},i.h(o.PlayerPoints,{key:"a7111154f7dc547e0b05c70d24508bdd75c5d882",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),i.h(o.PlayerPoints,{key:"ad31574e7db81a7ecb7a06b28b1d4968cbcab93e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),i.h(o.PlayerLoyaltyProcess,{key:"88ddfdb326edfb1de9519da6b3d0e5b514725e27"}),i.h("div",{key:"b9c79555a8001bd2c754d7573df04016da235c84",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&i.h("div",{key:"02da725060c9db4a8c1c2e8bad3426894d7f8f2c",class:"PointsInfo ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};P.style=J;exports.gamification_dropdown=B.GamificationDropdown;exports.general_styling_wrapper=L;exports.player_elevate_card_data=I;exports.player_elevate_loyaltycard=P;
192
+ }`,X=G,I=class{constructor(e){i.registerInstance(this,e),this.playerElevateLeveLoaded=i.createEvent(this,"playerElevateLeveLoaded"),this.params=void 0,this.playerElevateLevel=void 0,this.pointExpireString=void 0}handleWindowResizs(){this.initLevelProgressbar()}onParamsChanged(){this.loadElevateInfo()}redeemGiftButtonHandler(){this.loadElevateInfo()}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}loadLevels(){let e=new URL(`${this.params.endpoint}/v1/elevate/levels?language=${this.params.language}`);return new Promise((t,a)=>fetch(e.href,{method:"GET"}).then(n=>n.json()).then(n=>{this.levels=n.data,t(!0)}).catch(n=>{a(n)}))}calcuatePointsToBeExpired(e,t){let a="";if(!e||!e.aboutToExpire||e.aboutToExpire.length==0||e.aboutToExpire[0].points<=0)return a;e.aboutToExpire.sort((c,h)=>j(new Date(c.expireTime),new Date(h.expireTime))?-1:1);const n=e.aboutToExpire[0],r=q(new Date(n.expireTime),new Date);let l=0,d=0,s=r===0?`${t}Day`:t;return r<=0&&(l=U(new Date(n.expireTime),new Date,{roundingMethod:"floor"}),s=l>1?`${t}Hours`:`${t}Hour`,l<=0&&(d=F(new Date(n.expireTime),new Date,{roundingMethod:"floor"}),s=d>1?`${t}Minutes`:`${t}Minute`)),a=y.translateWithParams(s,{expirationPoints:n.points,expireDay:Math.max(r,l,d),lang:this.params.language}),a}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise((t,a)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then(n=>n.json()).then(n=>{var r,l,d;if(!n.success){console.error("Exception when fetch user elevateinfo, ",n.errorCode,n.errorMessage),a(!0);return}let s=n.data;this.playerElevateLevel=s.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=((r=s.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,h=(d=n.data.loyaltyWallet)===null||d===void 0?void 0:d.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:c,loyaltyWalletTotal:h});let p=this.calcuatePointsToBeExpired(c,"coinsToBeExpired"),g=this.calcuatePointsToBeExpired(h,"pointsToBeExpired");(p||g)&&this.playerElevateLeveLoaded.emit({pointExpireString:p,xpExpireString:g}),t(this.playerElevateLevel)}).catch(n=>{console.log("error ",n),a(!0)}))}setLoyaltyProgress(e){H(this.loyaltyProgressEle,e)}initLevelProgressbar(){setTimeout(()=>{this.loyaltyProgressEle=this.elevateCardRef.parentElement.querySelector("#LevelProgress"),this.loyaltyProgressEle&&(this.setLoyaltyProgress(this.playerElevateLevel.nextLevel?this.playerElevateLevel.loyaltyPoints/this.playerElevateLevel.nextLevel.entryPoints:1),this.params.playerElevateLevel=this.playerElevateLevel)},80)}componentDidRender(){this.initLevelProgressbar()}loadElevateInfo(){if(!this.params.endpoint||!this.params.session)return;const e=[];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);const a=this.playerElevateLevel.loyaltyPoints;let n=0;this.levels.forEach((r,l)=>{a>r.firstEntryPoints&&(n=l)}),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:n})})}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return i.getElement(this)}static get watchers(){return{params:["onParamsChanged"]}}};I.style=X;const Y=":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}",J=Y,P=class{constructor(e){i.registerInstance(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})}playerElevateLeveLoadedHandler(e){e.detail&&(e.detail.elevateLevelWalletTotal&&(this.elevateWalletTotal=e.detail.elevateLevelWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.xpExpireString))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}getNextLevelPoints(){var e,t;return!((e=this.playerElevateLevel)===null||e===void 0)&&e.nextLevel?(t=this.playerElevateLevel)===null||t===void 0?void 0:t.nextLevel.entryPoints:-1}getNextLevelTips(){var e;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 y.translateWithParams("tipsForNextLevel",{pointsToReach:a,levelName:t.name,lang:this.language})}return""}render(){const e=i.getAssetPath("../static/card-ground.svg"),t=i.getAssetPath("../static/card-ground-over.svg");return i.h("div",{key:"39295a651da66747a20554699bba5f96b8ad5c35",class:`ElevateCardWrapper ${this.theme}`},i.h("div",{key:"78c34fe054fc2459f8af3354116cd21a68ce01be",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},i.h("general-styling-wrapper",{key:"be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:y.TRANSLATIONS,translationUrl:this.translationUrl}),i.h("player-elevate-card-data",{key:"b53e4b59d4ee55a2f567efa09afab3d72969e6e4",params:this.paramProxy}),i.h("div",{key:"1f3e504440bab2df3a181058fad7149c85c48c14",class:"OuterCover Inner",style:{backgroundImage:`url(${t}`}},i.h("div",{key:"a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1",class:"Content Row"},this.playerElevateLevel&&i.h(i.Fragment,{key:"5c104f5ba1a018219c6ed5f6e50af99b035a0344"},i.h("div",{key:"bd94591e6ab9298ab7c769fa48efaf314dc1a63b",class:"PlayerImg"},i.h(o.PlayerAvatar,{key:"928849ce86d8c7a483eba7850efc83f8149bae43",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),i.h("div",{key:"37192c9b8502eb3c7d93914369df2d784c17e9f7",class:`LevelInfo ${this.playerElevateLevel.name}`},i.h(o.PlayerElevateLoyaltyLevel,{key:"2684a177f4bb1053c4587fd4158666fb35ca23f4",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),i.h("div",{key:"173a37c63868f2d900c12af3ffc2d9a4a57550e4",class:"PointsRange"},i.h(o.PlayerPoints,{key:"a7111154f7dc547e0b05c70d24508bdd75c5d882",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),i.h(o.PlayerPoints,{key:"ad31574e7db81a7ecb7a06b28b1d4968cbcab93e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),i.h(o.PlayerLoyaltyProcess,{key:"88ddfdb326edfb1de9519da6b3d0e5b514725e27"}),i.h("div",{key:"b9c79555a8001bd2c754d7573df04016da235c84",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&i.h("div",{key:"02da725060c9db4a8c1c2e8bad3426894d7f8f2c",class:"PointsInfo ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};P.style=J;exports.gamification_dropdown=B.GamificationDropdown;exports.general_styling_wrapper=L;exports.player_elevate_card_data=I;exports.player_elevate_loyaltycard=P;
@@ -1,7 +1,7 @@
1
- import { G as ve } from "./gamification-dropdown-8eb8a896-OGii9GZC.js";
2
- import { r as y, h as i, g as I, c as M, a as m, F as $ } from "./index-71b1bdfa-C8dE0ofS.js";
1
+ import { G as ve } from "./gamification-dropdown-8eb8a896-BIGhsjEp.js";
2
+ import { r as u, h as i, g as I, c as M, a as m, F as $ } from "./index-71b1bdfa-CBlskF9r.js";
3
3
  import { t as P, T as O } from "./locale-TxlOHoKi.js";
4
- import { P as N, a as W, b, c as z, r as p, g as L, t as h } from "./player-elevate-card-items-5071deed-DjG8kMBd.js";
4
+ 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-CmKSIJsn.js";
5
5
  const U = (e, t) => new Promise((a) => {
6
6
  fetch(e).then((n) => n.json()).then((n) => {
7
7
  Object.keys(n).forEach((r) => {
@@ -14,7 +14,7 @@ const U = (e, t) => new Promise((a) => {
14
14
  });
15
15
  }), q = ":host{display:block}", F = q, j = class {
16
16
  constructor(e) {
17
- y(this, e), this.stylingAppends = !1, this.setClientStyling = () => {
17
+ u(this, e), this.stylingAppends = !1, this.setClientStyling = () => {
18
18
  let t = document.createElement("style");
19
19
  t.innerHTML = this.clientStyling, this.el.prepend(t);
20
20
  }, this.setClientStylingURL = () => {
@@ -92,8 +92,8 @@ function V(e, t) {
92
92
  function Z(e, t) {
93
93
  const a = e.querySelector("#total_level"), n = 17, r = 6.5, l = a.getBBox().width, o = t > 1 ? 1 : t, s = o * l - n < 0 ? 0 : o * l - n, c = e.querySelector("#current_level"), v = e.querySelector("#filter_current_level"), g = e.querySelector("#circle_current_level");
94
94
  a.setAttribute("viewbox", `0 0 ${s} 28`), c.setAttribute("width", `${s}`), g.setAttribute("cx", `${s < r ? r : s}`), v.setAttribute("x", `${s - 8}`);
95
- const u = e.querySelector("#lock"), k = 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 = l - R;
96
- u.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}`), k.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), _.setAttribute("x", `${d - 6}`), B.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
95
+ const y = e.querySelector("#lock"), k = 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 = l - R;
96
+ 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}`), k.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), _.setAttribute("x", `${d - 6}`), B.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
97
97
  }
98
98
  const ee = `:host {
99
99
  display: block;
@@ -288,7 +288,7 @@ const ee = `:host {
288
288
  color: var(--emw--color-red, #9e595f);
289
289
  }`, te = ee, ne = class {
290
290
  constructor(e) {
291
- y(this, e), this.playerElevateLeveLoaded = M(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
291
+ u(this, e), this.playerElevateLeveLoaded = M(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
292
292
  }
293
293
  handleWindowResizs() {
294
294
  this.initLevelProgressbar();
@@ -346,10 +346,10 @@ const ee = `:host {
346
346
  elevateLevelWalletTotal: c,
347
347
  loyaltyWalletTotal: v
348
348
  });
349
- let g = this.calcuatePointsToBeExpired(c, "coinsToBeExpired"), u = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
350
- (g || u) && this.playerElevateLeveLoaded.emit({
349
+ let g = this.calcuatePointsToBeExpired(c, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
350
+ (g || y) && this.playerElevateLeveLoaded.emit({
351
351
  pointExpireString: g,
352
- xpExpireString: u
352
+ xpExpireString: y
353
353
  }), t(this.playerElevateLevel);
354
354
  }).catch((n) => {
355
355
  console.log("error ", n), a(!0);
@@ -398,7 +398,7 @@ const ee = `:host {
398
398
  ne.style = te;
399
399
  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 {
400
400
  constructor(e) {
401
- y(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;
401
+ 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;
402
402
  }
403
403
  onSessionOrEndpointChange() {
404
404
  this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
@@ -14,10 +14,10 @@ var m = (e, t, a) => new Promise((n, l) => {
14
14
  }, o = (d) => d.done ? n(d.value) : Promise.resolve(d.value).then(r, s);
15
15
  o((a = a.apply(e, t)).next());
16
16
  });
17
- import { G as he } from "./gamification-dropdown-8eb8a896-DwjOP8LM.js";
18
- import { r as y, h as i, g as P, c as $, a as b, F as O } from "./index-71b1bdfa-_-dhHLGN.js";
17
+ import { G as he } from "./gamification-dropdown-8eb8a896-ChHEAdln.js";
18
+ import { r as u, h as i, g as P, c as $, a as b, F as O } from "./index-71b1bdfa-DU4nTCMc.js";
19
19
  import { t as C, T as N } from "./locale-TxlOHoKi.js";
20
- 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-5071deed-C9dANr1l.js";
20
+ 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-TVoEX2s0.js";
21
21
  const q = (e, t) => new Promise((a) => {
22
22
  fetch(e).then((n) => n.json()).then((n) => {
23
23
  Object.keys(n).forEach((l) => {
@@ -30,7 +30,7 @@ const q = (e, t) => new Promise((a) => {
30
30
  });
31
31
  }), F = ":host{display:block}", j = F, H = class {
32
32
  constructor(e) {
33
- y(this, e), this.stylingAppends = !1, this.setClientStyling = () => {
33
+ u(this, e), this.stylingAppends = !1, this.setClientStyling = () => {
34
34
  let t = document.createElement("style");
35
35
  t.innerHTML = this.clientStyling, this.el.prepend(t);
36
36
  }, this.setClientStylingURL = () => {
@@ -110,8 +110,8 @@ function Z(e, t) {
110
110
  function ee(e, t) {
111
111
  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");
112
112
  a.setAttribute("viewbox", `0 0 ${o} 28`), d.setAttribute("width", `${o}`), g.setAttribute("cx", `${o < l ? l : o}`), v.setAttribute("x", `${o - 8}`);
113
- const u = 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;
114
- u.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";
113
+ 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;
114
+ 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";
115
115
  }
116
116
  const te = `:host {
117
117
  display: block;
@@ -306,7 +306,7 @@ const te = `:host {
306
306
  color: var(--emw--color-red, #9e595f);
307
307
  }`, ne = te, ae = class {
308
308
  constructor(e) {
309
- y(this, e), this.playerElevateLeveLoaded = $(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
309
+ u(this, e), this.playerElevateLeveLoaded = $(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
310
310
  }
311
311
  handleWindowResizs() {
312
312
  this.initLevelProgressbar();
@@ -364,10 +364,10 @@ const te = `:host {
364
364
  elevateLevelWalletTotal: d,
365
365
  loyaltyWalletTotal: v
366
366
  });
367
- let g = this.calcuatePointsToBeExpired(d, "coinsToBeExpired"), u = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
368
- (g || u) && this.playerElevateLeveLoaded.emit({
367
+ let g = this.calcuatePointsToBeExpired(d, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
368
+ (g || y) && this.playerElevateLeveLoaded.emit({
369
369
  pointExpireString: g,
370
- xpExpireString: u
370
+ xpExpireString: y
371
371
  }), t(this.playerElevateLevel);
372
372
  }).catch((n) => {
373
373
  console.log("error ", n), a(!0);
@@ -416,7 +416,7 @@ const te = `:host {
416
416
  ae.style = ne;
417
417
  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 {
418
418
  constructor(e) {
419
- y(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;
419
+ 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;
420
420
  }
421
421
  onSessionOrEndpointChange() {
422
422
  this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });