@everymatrix/casino-header-controller-nd 1.67.1 → 1.67.3
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.
- package/components/CasinoHamburgerMenuNd-CZ6VNaW1.cjs +18 -0
- package/components/{CasinoHamburgerMenuNd-DvNE-Me3.js → CasinoHamburgerMenuNd-D_l-_9wt.js} +1025 -1060
- package/components/{CasinoHamburgerMenuNd-Bor1vGom.js → CasinoHamburgerMenuNd-GN2-xEq0.js} +1034 -1069
- package/components/{CasinoHeaderControllerNd-BmxsC3Fz.js → CasinoHeaderControllerNd-BEExk_ii.js} +90 -90
- package/components/{CasinoHeaderControllerNd-C-KH39NJ.cjs → CasinoHeaderControllerNd-BYwd8Sq_.cjs} +1 -1
- package/components/{CasinoHeaderControllerNd-DmVwXhoQ.js → CasinoHeaderControllerNd-DgEgJaZc.js} +88 -88
- package/components/{PlayerAccountBalanceModalNd-E77LJMl0.js → PlayerAccountBalanceModalNd-D9ROPGsf.js} +67 -67
- package/components/{PlayerAccountBalanceModalNd-DmtaugeG.js → PlayerAccountBalanceModalNd-DLZK_oxu.js} +71 -71
- package/components/{PlayerAccountBalanceModalNd-DZP0lOrn.cjs → PlayerAccountBalanceModalNd-DcwaBs_T.cjs} +1 -1
- package/components/{PlayerDeposit-BYDhJItO.js → PlayerDeposit-CH6X2HzT.js} +43 -43
- package/components/{PlayerDeposit-OEh7dNO5.cjs → PlayerDeposit-DP4_U-Vn.cjs} +1 -1
- package/components/{PlayerDeposit-DWubNJ88.js → PlayerDeposit-nAWT6R27.js} +43 -43
- package/es2015/casino-header-controller-nd.cjs +1 -1
- package/es2015/casino-header-controller-nd.js +1 -1
- package/esnext/casino-header-controller-nd.js +1 -1
- package/package.json +1 -1
- package/stencil/{gamification-dropdown-8eb8a896-BjUP17gj.cjs → gamification-dropdown-8eb8a896-DfTzIl57.cjs} +1 -1
- package/stencil/{gamification-dropdown-8eb8a896-ChHEAdln.js → gamification-dropdown-8eb8a896-DwjOP8LM.js} +7 -7
- package/stencil/{gamification-dropdown-8eb8a896-BIGhsjEp.js → gamification-dropdown-8eb8a896-OGii9GZC.js} +3 -3
- package/stencil/{gamification-dropdown-DVrl4zeL.js → gamification-dropdown-BXSymCVy.js} +1 -1
- package/stencil/{gamification-dropdown-V_PGfrv5.cjs → gamification-dropdown-DiHGIe59.cjs} +1 -1
- package/stencil/{gamification-dropdown-C_Nmb-hs.js → gamification-dropdown-_ZdATOHF.js} +1 -1
- package/stencil/{gamification-dropdown_4-DSQLLSbB.js → gamification-dropdown_4-B46ceyMH.js} +11 -11
- package/stencil/{gamification-dropdown_4-CIcYiW7L.js → gamification-dropdown_4-C8FoQ9bl.js} +11 -11
- package/stencil/{gamification-dropdown_4-BMWTb1Hi.cjs → gamification-dropdown_4-EqEecNER.cjs} +2 -2
- package/stencil/{index-71b1bdfa-CBlskF9r.js → index-71b1bdfa-C8dE0ofS.js} +226 -226
- package/stencil/index-71b1bdfa-MzSkzwf_.cjs +1 -0
- package/stencil/{index-71b1bdfa-DU4nTCMc.js → index-71b1bdfa-_-dhHLGN.js} +235 -235
- package/stencil/{player-elevate-card-IVb0Sf28.js → player-elevate-card-CESlrbxs.js} +2 -2
- package/stencil/{player-elevate-card-CU7Qildl.js → player-elevate-card-DAXoDLIH.js} +2 -2
- package/stencil/{player-elevate-card-5X5p1F8m.cjs → player-elevate-card-DORq6Wij.cjs} +1 -1
- package/stencil/player-elevate-card-items-5071deed-C6i7ZlHD.cjs +102 -0
- package/stencil/{player-elevate-card-items-5071deed-TVoEX2s0.js → player-elevate-card-items-5071deed-C9dANr1l.js} +81 -79
- package/stencil/{player-elevate-card-items-5071deed-CmKSIJsn.js → player-elevate-card-items-5071deed-DjG8kMBd.js} +81 -79
- package/stencil/{player-elevate-pointcard-DcbEs06G.cjs → player-elevate-pointcard-CjdTzOoF.cjs} +1 -1
- package/stencil/{player-elevate-pointcard-DkugTY8n.js → player-elevate-pointcard-DQXpvq40.js} +2 -2
- package/stencil/{player-elevate-pointcard-aaDwBSP6.js → player-elevate-pointcard-Do6iv014.js} +2 -2
- package/stencil/{player-rakeback-card-Cw4WnuMK.js → player-rakeback-card-BNSkyLB0.js} +1 -1
- package/stencil/{player-rakeback-card-CN46KEaP.cjs → player-rakeback-card-BoT6EgM7.cjs} +1 -1
- package/stencil/{player-rakeback-card-iG3S4W4O.js → player-rakeback-card-Bx_vN42o.js} +1 -1
- package/components/CasinoHamburgerMenuNd-BMOc3TVZ.cjs +0 -18
- package/stencil/index-71b1bdfa-0gP6xJac.cjs +0 -1
- package/stencil/player-elevate-card-items-5071deed-MX_MdgjK.cjs +0 -102
|
@@ -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-
|
|
17
|
+
import { r as m, h as r, g as y } from "./index-71b1bdfa-_-dhHLGN.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
|
|
39
|
+
const f = (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 g = (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
|
|
51
|
+
function g(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,
|
|
85
|
+
this.isLoading = !0, f(this.translationUrl).then(() => {
|
|
86
86
|
this.isLoading = !1;
|
|
87
87
|
});
|
|
88
88
|
}
|
|
89
89
|
handleClientStylingChange(i, n) {
|
|
90
|
-
i != n &&
|
|
90
|
+
i != n && g(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
|
|
97
|
+
if (this.translationUrl.length > 2 && (yield f(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 &&
|
|
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)));
|
|
103
103
|
}
|
|
104
104
|
disconnectedCallback() {
|
|
105
105
|
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as f, h as a, g } from "./index-71b1bdfa-C8dE0ofS.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
|
-
|
|
60
|
+
f(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
|
|
113
|
+
return g(this);
|
|
114
114
|
}
|
|
115
115
|
static get watchers() {
|
|
116
116
|
return {
|
|
@@ -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-
|
|
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-sCt45RkC.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-DiHGIe59.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)}));
|
|
@@ -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-
|
|
17
|
+
import { b as d, p as y } from "./index-71b1bdfa-_-dhHLGN.js";
|
|
18
18
|
import { g as c } from "./app-globals-0f993ce5-D-kw1sls.js";
|
|
19
19
|
var v = () => {
|
|
20
20
|
const n = import.meta.url, a = {};
|
|
@@ -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-
|
|
18
|
-
import { r as
|
|
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";
|
|
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,
|
|
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";
|
|
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
|
-
|
|
33
|
+
y(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
|
|
114
|
-
|
|
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";
|
|
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
|
-
|
|
309
|
+
y(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"),
|
|
368
|
-
(g ||
|
|
367
|
+
let g = this.calcuatePointsToBeExpired(d, "coinsToBeExpired"), u = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
|
|
368
|
+
(g || u) && this.playerElevateLeveLoaded.emit({
|
|
369
369
|
pointExpireString: g,
|
|
370
|
-
xpExpireString:
|
|
370
|
+
xpExpireString: u
|
|
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
|
-
|
|
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;
|
|
420
420
|
}
|
|
421
421
|
onSessionOrEndpointChange() {
|
|
422
422
|
this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { G as ve } from "./gamification-dropdown-8eb8a896-
|
|
2
|
-
import { r as
|
|
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";
|
|
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,
|
|
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";
|
|
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
|
-
|
|
17
|
+
y(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
|
|
96
|
-
|
|
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";
|
|
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
|
-
|
|
291
|
+
y(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"),
|
|
350
|
-
(g ||
|
|
349
|
+
let g = this.calcuatePointsToBeExpired(c, "coinsToBeExpired"), u = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
|
|
350
|
+
(g || u) && this.playerElevateLeveLoaded.emit({
|
|
351
351
|
pointExpireString: g,
|
|
352
|
-
xpExpireString:
|
|
352
|
+
xpExpireString: u
|
|
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
|
-
|
|
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;
|
|
402
402
|
}
|
|
403
403
|
onSessionOrEndpointChange() {
|
|
404
404
|
this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
|
package/stencil/{gamification-dropdown_4-BMWTb1Hi.cjs → gamification-dropdown_4-EqEecNER.cjs}
RENAMED
|
@@ -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-
|
|
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 {
|
|
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=
|
|
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;
|