@everymatrix/casino-header-controller 1.69.0 → 1.69.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/{CasinoHeaderController-3BLmbuuT.js → CasinoHeaderController-B1x--_Oq.js} +1 -1
- package/components/{CasinoHeaderController-CP9C9tGa.cjs → CasinoHeaderController-BRa3odIv.cjs} +1 -1
- package/components/{CasinoHeaderController-DSTFZ8Kb.js → CasinoHeaderController-BfAseLS8.js} +1 -1
- package/es2015/casino-header-controller.cjs +1 -1
- package/es2015/casino-header-controller.js +1 -1
- package/esnext/casino-header-controller.js +1 -1
- package/package.json +1 -1
- package/stencil/{gamification-dropdown-8eb8a896-BqA7JEtY.cjs → gamification-dropdown-343647b2-B50uewij.cjs} +1 -1
- package/stencil/{gamification-dropdown-8eb8a896-4sKWcJtH.js → gamification-dropdown-343647b2-BtKUznL8.js} +8 -5
- package/stencil/{gamification-dropdown-8eb8a896-BP2u_HU7.js → gamification-dropdown-343647b2-DuhB4qAC.js} +6 -3
- package/stencil/gamification-dropdown-BXoXmCVj.js +25 -0
- package/stencil/gamification-dropdown-BgQs3qHL.cjs +1 -0
- package/stencil/gamification-dropdown-CHDfyBlq.js +7 -0
- package/stencil/gamification-dropdown_4-BCIlNfU2.cjs +192 -0
- package/stencil/{gamification-dropdown_4-B0ji-X9m.js → gamification-dropdown_4-BMYGUc6f.js} +73 -64
- package/stencil/{gamification-dropdown_4-BKbYm0F4.js → gamification-dropdown_4-Bwo0uyQb.js} +75 -66
- package/stencil/{index-71b1bdfa-BZYfjyyu.js → index-71b1bdfa-Br04T1ks.js} +4 -4
- package/stencil/{index-71b1bdfa-BMawsq6K.js → index-71b1bdfa-CqHhm_K7.js} +4 -4
- package/stencil/{index-71b1bdfa-DqjJO9rg.cjs → index-71b1bdfa-DEOwV3WT.cjs} +1 -1
- package/stencil/player-elevate-card-CkeeX0Fc.cjs +64 -0
- package/stencil/{player-elevate-card-DYry-kuc.js → player-elevate-card-Csrn1cq3.js} +8 -8
- package/stencil/{player-elevate-card-BupHMU0C.js → player-elevate-card-Cyj2vrTT.js} +8 -8
- package/stencil/{player-elevate-card-items-5071deed-C5xbU-Hh.js → player-elevate-card-items-08c6fbd8-DvNcpL9M.js} +149 -148
- package/stencil/{player-elevate-card-items-5071deed-BUtyLOrj.js → player-elevate-card-items-08c6fbd8-GG7yo-HJ.js} +149 -148
- package/stencil/{player-elevate-card-items-5071deed-BXQrJn1S.cjs → player-elevate-card-items-08c6fbd8-swAJgFA-.cjs} +2 -2
- package/stencil/{player-elevate-pointcard-B2cW4cvo.js → player-elevate-pointcard-CDT1deRp.js} +6 -6
- package/stencil/{player-elevate-pointcard-BAOz9vT6.js → player-elevate-pointcard-CQ618787.js} +6 -6
- package/stencil/player-elevate-pointcard-D962b07c.cjs +1 -0
- package/stencil/{player-rakeback-card-DqDgl21L.js → player-rakeback-card-D-wGOAvr.js} +3 -3
- package/stencil/player-rakeback-card-DI8fIhnW.cjs +1 -0
- package/stencil/{player-rakeback-card-CmhmooCE.js → player-rakeback-card-r5qjxDTk.js} +3 -3
- package/stencil/gamification-dropdown-Bk5q3WKD.js +0 -25
- package/stencil/gamification-dropdown-DnZ5a8p_.cjs +0 -1
- package/stencil/gamification-dropdown-MVnEAzQz.js +0 -7
- package/stencil/gamification-dropdown_4-CFeI4Vdg.cjs +0 -192
- package/stencil/player-elevate-card-BMQXFNhf.cjs +0 -64
- package/stencil/player-elevate-pointcard-XJ0TKbja.cjs +0 -1
- package/stencil/player-rakeback-card-BE5M20hP.cjs +0 -1
@@ -1,8 +1,9 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
|
1
|
+
import { s as O, a as u, b as f } from "./gamification-dropdown-343647b2-DuhB4qAC.js";
|
2
|
+
import { G as ye } from "./gamification-dropdown-343647b2-DuhB4qAC.js";
|
3
|
+
import { r as x, h as i, g as S, c as N, a as L, F as U } from "./index-71b1bdfa-Br04T1ks.js";
|
4
|
+
import { t as C, T as W } from "./locale-TxlOHoKi.js";
|
5
|
+
import { P as z, a as E, b as q, L as F, r as p, t as h, g as w } from "./player-elevate-card-items-08c6fbd8-GG7yo-HJ.js";
|
6
|
+
const j = (e, t) => new Promise((a) => {
|
6
7
|
fetch(e).then((n) => n.json()).then((n) => {
|
7
8
|
Object.keys(n).forEach((r) => {
|
8
9
|
t[r] = t[r] || t.en, Object.keys(n[r]).forEach((l) => {
|
@@ -11,58 +12,66 @@ const U = (e, t) => new Promise((a) => {
|
|
11
12
|
}) : t[r][l] = n[r][l]);
|
12
13
|
});
|
13
14
|
}), a(!0);
|
15
|
+
}).catch((n) => {
|
16
|
+
console.error("Failed to load translations:", n), a(!1);
|
14
17
|
});
|
15
|
-
}),
|
18
|
+
}), H = ":host{display:block}", G = H, X = class {
|
16
19
|
constructor(e) {
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
}, this.
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
20
|
+
x(this, e), this.stylingAppends = !1, this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.targetTranslations = void 0;
|
21
|
+
}
|
22
|
+
componentDidLoad() {
|
23
|
+
this.el && (window.emMessageBus != null ? O(this.el, `${this.mbSource}.Style`) : (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0));
|
24
|
+
}
|
25
|
+
disconnectedCallback() {
|
26
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
27
|
+
}
|
28
|
+
handleClientStylingChange(e, t) {
|
29
|
+
e != t && u(this.el, this.clientStyling);
|
30
|
+
}
|
31
|
+
handleClientStylingUrlChange(e, t) {
|
32
|
+
e != t && this.clientStylingUrl && f(this.el, this.clientStylingUrl);
|
30
33
|
}
|
31
34
|
componentDidRender() {
|
32
|
-
this.stylingAppends || (this.clientStyling && this.
|
35
|
+
this.stylingAppends || (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0);
|
33
36
|
}
|
34
37
|
async componentWillLoad() {
|
35
38
|
const e = [];
|
36
39
|
if (this.translationUrl) {
|
37
|
-
const t =
|
40
|
+
const t = j(this.translationUrl, this.targetTranslations);
|
38
41
|
e.push(t);
|
39
42
|
}
|
40
43
|
return await Promise.all(e);
|
41
44
|
}
|
42
45
|
render() {
|
43
|
-
return i("div", { key: "
|
46
|
+
return i("div", { key: "09ad83748bbad518743c8671b986c541c52bf3f0", class: "StyleShell" }, i("slot", { key: "3b28b776d3944410c717b002b70946d274a4e8e7", name: "mainContent" }));
|
44
47
|
}
|
45
48
|
get el() {
|
46
|
-
return
|
49
|
+
return S(this);
|
50
|
+
}
|
51
|
+
static get watchers() {
|
52
|
+
return {
|
53
|
+
clientStyling: ["handleClientStylingChange"],
|
54
|
+
clientStylingUrl: ["handleClientStylingUrlChange"]
|
55
|
+
};
|
47
56
|
}
|
48
57
|
};
|
49
|
-
|
50
|
-
function
|
58
|
+
X.style = G;
|
59
|
+
function I(e) {
|
51
60
|
p(1, arguments);
|
52
61
|
var t = h(e);
|
53
62
|
return t.setHours(0, 0, 0, 0), t;
|
54
63
|
}
|
55
|
-
var
|
56
|
-
function
|
64
|
+
var Y = 864e5;
|
65
|
+
function J(e, t) {
|
57
66
|
p(2, arguments);
|
58
|
-
var a =
|
59
|
-
return Math.round((r - l) /
|
67
|
+
var a = I(e), n = I(t), r = a.getTime() - w(a), l = n.getTime() - w(n);
|
68
|
+
return Math.round((r - l) / Y);
|
60
69
|
}
|
61
|
-
var
|
62
|
-
function
|
70
|
+
var K = 6e4, Q = 36e5;
|
71
|
+
function k(e, t) {
|
63
72
|
return p(2, arguments), h(e).getTime() - h(t).getTime();
|
64
73
|
}
|
65
|
-
var
|
74
|
+
var P = {
|
66
75
|
ceil: Math.ceil,
|
67
76
|
round: Math.round,
|
68
77
|
floor: Math.floor,
|
@@ -70,32 +79,32 @@ var w = {
|
|
70
79
|
return t < 0 ? Math.ceil(t) : Math.floor(t);
|
71
80
|
}
|
72
81
|
// Math.trunc is not supported by IE
|
73
|
-
},
|
74
|
-
function
|
75
|
-
return e ?
|
82
|
+
}, V = "trunc";
|
83
|
+
function T(e) {
|
84
|
+
return e ? P[e] : P[V];
|
76
85
|
}
|
77
|
-
function
|
86
|
+
function Z(e, t, a) {
|
78
87
|
p(2, arguments);
|
79
|
-
var n =
|
80
|
-
return
|
88
|
+
var n = k(e, t) / Q;
|
89
|
+
return T(a?.roundingMethod)(n);
|
81
90
|
}
|
82
|
-
function
|
91
|
+
function ee(e, t, a) {
|
83
92
|
p(2, arguments);
|
84
|
-
var n =
|
85
|
-
return
|
93
|
+
var n = k(e, t) / K;
|
94
|
+
return T(a?.roundingMethod)(n);
|
86
95
|
}
|
87
|
-
function
|
96
|
+
function te(e, t) {
|
88
97
|
p(2, arguments);
|
89
98
|
var a = h(e), n = h(t);
|
90
99
|
return a.getTime() < n.getTime();
|
91
100
|
}
|
92
|
-
function
|
101
|
+
function ne(e, t) {
|
93
102
|
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
103
|
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 y = e.querySelector("#lock"),
|
96
|
-
y.setAttribute("cx", `${d}`),
|
104
|
+
const y = e.querySelector("#lock"), A = e.querySelector("#filter_heart_ball"), D = e.querySelector("#filter_ball"), _ = e.querySelector("#filter_heart"), B = e.querySelector("#filter_lock"), b = e.querySelector("#paint0_linear_ball"), m = e.querySelector("#paint1_linear_lock"), $ = e.querySelector("#lock_box"), R = e.querySelector("#heart_box"), M = 10, d = l - M;
|
105
|
+
y.setAttribute("cx", `${d}`), m.setAttribute("x1", `${d}`), m.setAttribute("x2", `${d}`), b.setAttribute("x1", `${d - 6}`), b.setAttribute("x2", `${d - 6 + 11.2}`), B.setAttribute("x", `${d - 6}`), _.setAttribute("x", `${d - 6 - 2}`), D.setAttribute("x", `${d - 6 - 2 - 2}`), A.setAttribute("x", `${d - 6 - 2 - 2 - 4}`), $.setAttribute("x", `${d - 6}`), R.setAttribute("x", `${d - 6}`), a.parentElement.style.opacity = "1";
|
97
106
|
}
|
98
|
-
const
|
107
|
+
const ae = `:host {
|
99
108
|
display: block;
|
100
109
|
width: 360px;
|
101
110
|
height: 230px;
|
@@ -286,9 +295,9 @@ const ee = `:host {
|
|
286
295
|
text-align: right;
|
287
296
|
font-weight: bold;
|
288
297
|
color: var(--emw--color-red, #9e595f);
|
289
|
-
}`,
|
298
|
+
}`, le = ae, re = class {
|
290
299
|
constructor(e) {
|
291
|
-
|
300
|
+
x(this, e), this.playerElevateLeveLoaded = N(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
|
292
301
|
}
|
293
302
|
handleWindowResizs() {
|
294
303
|
this.initLevelProgressbar();
|
@@ -316,10 +325,10 @@ const ee = `:host {
|
|
316
325
|
let a = "";
|
317
326
|
if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
|
318
327
|
return a;
|
319
|
-
e.aboutToExpire.sort((c, v) =>
|
320
|
-
const n = e.aboutToExpire[0], r =
|
328
|
+
e.aboutToExpire.sort((c, v) => te(new Date(c.expireTime), new Date(v.expireTime)) ? -1 : 1);
|
329
|
+
const n = e.aboutToExpire[0], r = J(new Date(n.expireTime), /* @__PURE__ */ new Date());
|
321
330
|
let l = 0, o = 0, s = r === 0 ? `${t}Day` : t;
|
322
|
-
return r <= 0 && (l =
|
331
|
+
return r <= 0 && (l = Z(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = l > 1 ? `${t}Hours` : `${t}Hour`, l <= 0 && (o = ee(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), s = o > 1 ? `${t}Minutes` : `${t}Minute`)), a = C(s, {
|
323
332
|
expirationPoints: n.points,
|
324
333
|
expireDay: Math.max(r, l, o),
|
325
334
|
lang: this.params.language
|
@@ -356,7 +365,7 @@ const ee = `:host {
|
|
356
365
|
}));
|
357
366
|
}
|
358
367
|
setLoyaltyProgress(e) {
|
359
|
-
|
368
|
+
ne(this.loyaltyProgressEle, e);
|
360
369
|
}
|
361
370
|
initLevelProgressbar() {
|
362
371
|
setTimeout(() => {
|
@@ -387,7 +396,7 @@ const ee = `:host {
|
|
387
396
|
this.loadElevateInfo();
|
388
397
|
}
|
389
398
|
get elevateCardRef() {
|
390
|
-
return
|
399
|
+
return S(this);
|
391
400
|
}
|
392
401
|
static get watchers() {
|
393
402
|
return {
|
@@ -395,10 +404,10 @@ const ee = `:host {
|
|
395
404
|
};
|
396
405
|
}
|
397
406
|
};
|
398
|
-
|
399
|
-
const
|
407
|
+
re.style = le;
|
408
|
+
const ie = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", oe = ie, se = class {
|
400
409
|
constructor(e) {
|
401
|
-
|
410
|
+
x(this, e), this.endpoint = void 0, this.theme = "Dark", this.session = void 0, this.playerAvatarUrl = void 0, this.language = "en", this.playerName = void 0, this.dateFormat = "yyyy-MM-dd", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.pointExpireString = void 0, this.playerElevateLevel = void 0, this.elevateWalletTotal = void 0;
|
402
411
|
}
|
403
412
|
onSessionOrEndpointChange() {
|
404
413
|
this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
|
@@ -425,7 +434,7 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
425
434
|
let t = (e = this.playerElevateLevel) === null || e === void 0 ? void 0 : e.nextLevel;
|
426
435
|
if (this.playerElevateLevel && t) {
|
427
436
|
const a = (t.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
|
428
|
-
return
|
437
|
+
return C("tipsForNextLevel", {
|
429
438
|
pointsToReach: a,
|
430
439
|
levelName: t.name,
|
431
440
|
lang: this.language
|
@@ -434,8 +443,8 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
434
443
|
return "";
|
435
444
|
}
|
436
445
|
render() {
|
437
|
-
const e =
|
438
|
-
return i("div", { key: "
|
446
|
+
const e = L("../static/card-ground.svg"), t = L("../static/card-ground-over.svg");
|
447
|
+
return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "3648821972ac115a1c33705463cdc2cdb427a95b", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: W, translationUrl: this.translationUrl, mbSource: this.mbSource }), i("player-elevate-card-data", { key: "7b36c46a869bd4b014d1f04dbb718445b23ec964", params: this.paramProxy }), i("div", { key: "f4e5aa453459f693e07c166028aec9b0b696c907", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "d5f1894120cba3e7cf3c54b838a025f469bc445e", class: "Content Row" }, this.playerElevateLevel && i(U, { key: "112ee04598b23dda6911f043101c0c1631454d7f" }, i("div", { key: "7af4b6e937bbe73cc00aae0f27f8c93da47bb626", class: "PlayerImg" }, i(z, { key: "1b5037bfa196063f56cccd947c988a3aca0781b0", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "7b714e446f4e01edd4f4aefcc035d070b7d6a47b", class: `LevelInfo ${this.playerElevateLevel.name}` }, i("div", { key: "37ad8ce5dae374685e74f6772d28e79d251932e3", class: "CardCell ElevateLevel" }, i("span", { key: "2d9dcf4b08fcecc927d3e8bdca74c75ff4336480", class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), i("div", { key: "cc89cbaa70d9583b9626da15e98f9fd61d82f81f", class: "PointsRange" }, i(E, { key: "32de4cac05a4fd5610af857b25e096a7cb9ba34d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(E, { key: "298f492c8991384547c31396fc930b5c21f41501", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(q, { key: "aca4f5642c41db1c4b7fa04411331a5c25c655dd" }), i("div", { key: "d841c5df319de105376c6eee24bc685757916aae", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "774279829f3f52ee5696550a855a833b39df8c81", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), this.playerElevateLevel.expireTime && i(F, { key: "3a4319e502e85b26cb220942492b161ad842be82", expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))));
|
439
448
|
}
|
440
449
|
static get watchers() {
|
441
450
|
return {
|
@@ -445,10 +454,10 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
445
454
|
};
|
446
455
|
}
|
447
456
|
};
|
448
|
-
|
457
|
+
se.style = oe;
|
449
458
|
export {
|
450
|
-
|
451
|
-
|
452
|
-
|
453
|
-
|
459
|
+
ye as gamification_dropdown,
|
460
|
+
X as general_styling_wrapper,
|
461
|
+
re as player_elevate_card_data,
|
462
|
+
se as player_elevate_loyaltycard
|
454
463
|
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
var
|
1
|
+
var L = (e, t, a) => new Promise((n, l) => {
|
2
2
|
var r = (d) => {
|
3
3
|
try {
|
4
4
|
o(a.next(d));
|
@@ -14,11 +14,12 @@ 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 {
|
18
|
-
import {
|
19
|
-
import {
|
20
|
-
import {
|
21
|
-
|
17
|
+
import { s as N, a as u, b as f } from "./gamification-dropdown-343647b2-BtKUznL8.js";
|
18
|
+
import { G as fe } from "./gamification-dropdown-343647b2-BtKUznL8.js";
|
19
|
+
import { r as x, h as i, g as C, c as U, a as E, F as W } from "./index-71b1bdfa-CqHhm_K7.js";
|
20
|
+
import { t as k, T as z } from "./locale-TxlOHoKi.js";
|
21
|
+
import { P as q, a as w, b as F, L as j, r as p, t as h, g as I } from "./player-elevate-card-items-08c6fbd8-DvNcpL9M.js";
|
22
|
+
const H = (e, t) => new Promise((a) => {
|
22
23
|
fetch(e).then((n) => n.json()).then((n) => {
|
23
24
|
Object.keys(n).forEach((l) => {
|
24
25
|
t[l] = t[l] || t.en, Object.keys(n[l]).forEach((r) => {
|
@@ -27,60 +28,68 @@ const q = (e, t) => new Promise((a) => {
|
|
27
28
|
}) : t[l][r] = n[l][r]);
|
28
29
|
});
|
29
30
|
}), a(!0);
|
31
|
+
}).catch((n) => {
|
32
|
+
console.error("Failed to load translations:", n), a(!1);
|
30
33
|
});
|
31
|
-
}),
|
34
|
+
}), G = ":host{display:block}", X = G, Y = class {
|
32
35
|
constructor(e) {
|
33
|
-
|
34
|
-
|
35
|
-
|
36
|
-
}, this.
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
36
|
+
x(this, e), this.stylingAppends = !1, this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.targetTranslations = void 0;
|
37
|
+
}
|
38
|
+
componentDidLoad() {
|
39
|
+
this.el && (window.emMessageBus != null ? N(this.el, `${this.mbSource}.Style`) : (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0));
|
40
|
+
}
|
41
|
+
disconnectedCallback() {
|
42
|
+
this.stylingSubscription && this.stylingSubscription.unsubscribe();
|
43
|
+
}
|
44
|
+
handleClientStylingChange(e, t) {
|
45
|
+
e != t && u(this.el, this.clientStyling);
|
46
|
+
}
|
47
|
+
handleClientStylingUrlChange(e, t) {
|
48
|
+
e != t && this.clientStylingUrl && f(this.el, this.clientStylingUrl);
|
46
49
|
}
|
47
50
|
componentDidRender() {
|
48
|
-
this.stylingAppends || (this.clientStyling && this.
|
51
|
+
this.stylingAppends || (this.clientStyling && u(this.el, this.clientStyling), this.clientStylingUrl && f(this.el, this.clientStylingUrl), this.stylingAppends = !0);
|
49
52
|
}
|
50
53
|
componentWillLoad() {
|
51
|
-
return
|
54
|
+
return L(this, null, function* () {
|
52
55
|
const e = [];
|
53
56
|
if (this.translationUrl) {
|
54
|
-
const t =
|
57
|
+
const t = H(this.translationUrl, this.targetTranslations);
|
55
58
|
e.push(t);
|
56
59
|
}
|
57
60
|
return yield Promise.all(e);
|
58
61
|
});
|
59
62
|
}
|
60
63
|
render() {
|
61
|
-
return i("div", { key: "
|
64
|
+
return i("div", { key: "09ad83748bbad518743c8671b986c541c52bf3f0", class: "StyleShell" }, i("slot", { key: "3b28b776d3944410c717b002b70946d274a4e8e7", name: "mainContent" }));
|
62
65
|
}
|
63
66
|
get el() {
|
64
|
-
return
|
67
|
+
return C(this);
|
68
|
+
}
|
69
|
+
static get watchers() {
|
70
|
+
return {
|
71
|
+
clientStyling: ["handleClientStylingChange"],
|
72
|
+
clientStylingUrl: ["handleClientStylingUrlChange"]
|
73
|
+
};
|
65
74
|
}
|
66
75
|
};
|
67
|
-
|
68
|
-
function
|
76
|
+
Y.style = X;
|
77
|
+
function P(e) {
|
69
78
|
p(1, arguments);
|
70
79
|
var t = h(e);
|
71
80
|
return t.setHours(0, 0, 0, 0), t;
|
72
81
|
}
|
73
|
-
var
|
74
|
-
function
|
82
|
+
var J = 864e5;
|
83
|
+
function K(e, t) {
|
75
84
|
p(2, arguments);
|
76
|
-
var a =
|
77
|
-
return Math.round((l - r) /
|
85
|
+
var a = P(e), n = P(t), l = a.getTime() - I(a), r = n.getTime() - I(n);
|
86
|
+
return Math.round((l - r) / J);
|
78
87
|
}
|
79
|
-
var
|
80
|
-
function
|
88
|
+
var Q = 6e4, V = 36e5;
|
89
|
+
function T(e, t) {
|
81
90
|
return p(2, arguments), h(e).getTime() - h(t).getTime();
|
82
91
|
}
|
83
|
-
var
|
92
|
+
var S = {
|
84
93
|
ceil: Math.ceil,
|
85
94
|
round: Math.round,
|
86
95
|
floor: Math.floor,
|
@@ -88,32 +97,32 @@ var I = {
|
|
88
97
|
return t < 0 ? Math.ceil(t) : Math.floor(t);
|
89
98
|
}
|
90
99
|
// Math.trunc is not supported by IE
|
91
|
-
},
|
92
|
-
function
|
93
|
-
return e ?
|
100
|
+
}, Z = "trunc";
|
101
|
+
function A(e) {
|
102
|
+
return e ? S[e] : S[Z];
|
94
103
|
}
|
95
|
-
function
|
104
|
+
function ee(e, t, a) {
|
96
105
|
p(2, arguments);
|
97
|
-
var n =
|
98
|
-
return
|
106
|
+
var n = T(e, t) / V;
|
107
|
+
return A(a == null ? void 0 : a.roundingMethod)(n);
|
99
108
|
}
|
100
|
-
function
|
109
|
+
function te(e, t, a) {
|
101
110
|
p(2, arguments);
|
102
|
-
var n =
|
103
|
-
return
|
111
|
+
var n = T(e, t) / Q;
|
112
|
+
return A(a == null ? void 0 : a.roundingMethod)(n);
|
104
113
|
}
|
105
|
-
function
|
114
|
+
function ne(e, t) {
|
106
115
|
p(2, arguments);
|
107
116
|
var a = h(e), n = h(t);
|
108
117
|
return a.getTime() < n.getTime();
|
109
118
|
}
|
110
|
-
function
|
119
|
+
function ae(e, t) {
|
111
120
|
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
121
|
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 y = e.querySelector("#lock"),
|
114
|
-
y.setAttribute("cx", `${c}`),
|
122
|
+
const y = e.querySelector("#lock"), D = e.querySelector("#filter_heart_ball"), _ = e.querySelector("#filter_ball"), B = e.querySelector("#filter_heart"), $ = e.querySelector("#filter_lock"), b = e.querySelector("#paint0_linear_ball"), m = e.querySelector("#paint1_linear_lock"), R = e.querySelector("#lock_box"), M = e.querySelector("#heart_box"), O = 10, c = r - O;
|
123
|
+
y.setAttribute("cx", `${c}`), m.setAttribute("x1", `${c}`), m.setAttribute("x2", `${c}`), b.setAttribute("x1", `${c - 6}`), b.setAttribute("x2", `${c - 6 + 11.2}`), $.setAttribute("x", `${c - 6}`), B.setAttribute("x", `${c - 6 - 2}`), _.setAttribute("x", `${c - 6 - 2 - 2}`), D.setAttribute("x", `${c - 6 - 2 - 2 - 4}`), R.setAttribute("x", `${c - 6}`), M.setAttribute("x", `${c - 6}`), a.parentElement.style.opacity = "1";
|
115
124
|
}
|
116
|
-
const
|
125
|
+
const le = `:host {
|
117
126
|
display: block;
|
118
127
|
width: 360px;
|
119
128
|
height: 230px;
|
@@ -304,9 +313,9 @@ const te = `:host {
|
|
304
313
|
text-align: right;
|
305
314
|
font-weight: bold;
|
306
315
|
color: var(--emw--color-red, #9e595f);
|
307
|
-
}`,
|
316
|
+
}`, re = le, ie = class {
|
308
317
|
constructor(e) {
|
309
|
-
|
318
|
+
x(this, e), this.playerElevateLeveLoaded = U(this, "playerElevateLeveLoaded"), this.params = void 0, this.playerElevateLevel = void 0, this.pointExpireString = void 0;
|
310
319
|
}
|
311
320
|
handleWindowResizs() {
|
312
321
|
this.initLevelProgressbar();
|
@@ -334,10 +343,10 @@ const te = `:host {
|
|
334
343
|
let a = "";
|
335
344
|
if (!e || !e.aboutToExpire || e.aboutToExpire.length == 0 || e.aboutToExpire[0].points <= 0)
|
336
345
|
return a;
|
337
|
-
e.aboutToExpire.sort((d, v) =>
|
338
|
-
const n = e.aboutToExpire[0], l =
|
346
|
+
e.aboutToExpire.sort((d, v) => ne(new Date(d.expireTime), new Date(v.expireTime)) ? -1 : 1);
|
347
|
+
const n = e.aboutToExpire[0], l = K(new Date(n.expireTime), /* @__PURE__ */ new Date());
|
339
348
|
let r = 0, s = 0, o = l === 0 ? `${t}Day` : t;
|
340
|
-
return l <= 0 && (r =
|
349
|
+
return l <= 0 && (r = ee(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = r > 1 ? `${t}Hours` : `${t}Hour`, r <= 0 && (s = te(new Date(n.expireTime), /* @__PURE__ */ new Date(), { roundingMethod: "floor" }), o = s > 1 ? `${t}Minutes` : `${t}Minute`)), a = k(o, {
|
341
350
|
expirationPoints: n.points,
|
342
351
|
expireDay: Math.max(l, r, s),
|
343
352
|
lang: this.params.language
|
@@ -374,7 +383,7 @@ const te = `:host {
|
|
374
383
|
}));
|
375
384
|
}
|
376
385
|
setLoyaltyProgress(e) {
|
377
|
-
|
386
|
+
ae(this.loyaltyProgressEle, e);
|
378
387
|
}
|
379
388
|
initLevelProgressbar() {
|
380
389
|
setTimeout(() => {
|
@@ -405,7 +414,7 @@ const te = `:host {
|
|
405
414
|
this.loadElevateInfo();
|
406
415
|
}
|
407
416
|
get elevateCardRef() {
|
408
|
-
return
|
417
|
+
return C(this);
|
409
418
|
}
|
410
419
|
static get watchers() {
|
411
420
|
return {
|
@@ -413,10 +422,10 @@ const te = `:host {
|
|
413
422
|
};
|
414
423
|
}
|
415
424
|
};
|
416
|
-
|
417
|
-
const
|
425
|
+
ie.style = re;
|
426
|
+
const oe = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:nowrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:6px;margin-left:0px}}@media screen and (max-width: 500px){.LoyaltyCard .Inner .LevelInfo .ElevateLevel{flex-wrap:wrap}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{padding-top:0px;margin-left:0px}}.LoyaltyCard .Inner .LevelProgress{margin-left:0px}.LoyaltyCard .Inner .Row .PointsInfo.ExpirationPoints{text-align:left;color:var(--emw--color-red-50, red)}.LoyaltyCard .Inner .PlayerAvatar .Avatar{display:none}.LoyaltyCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%}.LoyaltyCard .Inner .LevelInfo .ElevateLevel{display:flex;flex:1;align-items:center}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate{position:relative;padding-left:0px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .ExpirationDate .ExpireTime{margin-left:5px}.LoyaltyCard .Inner .LevelInfo .ElevateLevel .LevelName{padding-left:0;font-size:var(--emw--elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emw--elevate-color-levelname, #FFBD2B);font-weight:bold}.LoyaltyCard .PointsRange{display:flex;justify-content:space-between}.LoyaltyCard .PointsRange .PointsInfo{width:auto}.LoyaltyCard .NextLevelTip{text-align:right;font-size:11px;color:var(--emw--color-black, #000);opacity:0.8;font-weight:bold}", se = oe, de = class {
|
418
427
|
constructor(e) {
|
419
|
-
|
428
|
+
x(this, e), this.endpoint = void 0, this.theme = "Dark", this.session = void 0, this.playerAvatarUrl = void 0, this.language = "en", this.playerName = void 0, this.dateFormat = "yyyy-MM-dd", this.mbSource = void 0, this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.pointExpireString = void 0, this.playerElevateLevel = void 0, this.elevateWalletTotal = void 0;
|
420
429
|
}
|
421
430
|
onSessionOrEndpointChange() {
|
422
431
|
this.paramProxy = Object.assign(Object.assign({}, this.paramProxy), { session: this.session, endpoint: this.endpoint, language: this.language });
|
@@ -443,7 +452,7 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
443
452
|
let t = (e = this.playerElevateLevel) === null || e === void 0 ? void 0 : e.nextLevel;
|
444
453
|
if (this.playerElevateLevel && t) {
|
445
454
|
const a = (t.entryPoints - this.playerElevateLevel.loyaltyPoints).toFixed(2);
|
446
|
-
return
|
455
|
+
return k("tipsForNextLevel", {
|
447
456
|
pointsToReach: a,
|
448
457
|
levelName: t.name,
|
449
458
|
lang: this.language
|
@@ -452,8 +461,8 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
452
461
|
return "";
|
453
462
|
}
|
454
463
|
render() {
|
455
|
-
const e =
|
456
|
-
return i("div", { key: "
|
464
|
+
const e = E("../static/card-ground.svg"), t = E("../static/card-ground-over.svg");
|
465
|
+
return i("div", { key: "aa8f0d13a1e1d26ea7307d05fc50cda507172949", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "485075740ced316bf89f69359bdc8642dbb2af8f", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "3648821972ac115a1c33705463cdc2cdb427a95b", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: z, translationUrl: this.translationUrl, mbSource: this.mbSource }), i("player-elevate-card-data", { key: "7b36c46a869bd4b014d1f04dbb718445b23ec964", params: this.paramProxy }), i("div", { key: "f4e5aa453459f693e07c166028aec9b0b696c907", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "d5f1894120cba3e7cf3c54b838a025f469bc445e", class: "Content Row" }, this.playerElevateLevel && i(W, { key: "112ee04598b23dda6911f043101c0c1631454d7f" }, i("div", { key: "7af4b6e937bbe73cc00aae0f27f8c93da47bb626", class: "PlayerImg" }, i(q, { key: "1b5037bfa196063f56cccd947c988a3aca0781b0", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "7b714e446f4e01edd4f4aefcc035d070b7d6a47b", class: `LevelInfo ${this.playerElevateLevel.name}` }, i("div", { key: "37ad8ce5dae374685e74f6772d28e79d251932e3", class: "CardCell ElevateLevel" }, i("span", { key: "2d9dcf4b08fcecc927d3e8bdca74c75ff4336480", class: "LevelName", title: this.playerElevateLevel.name }, this.playerElevateLevel.name)), i("div", { key: "cc89cbaa70d9583b9626da15e98f9fd61d82f81f", class: "PointsRange" }, i(w, { key: "32de4cac05a4fd5610af857b25e096a7cb9ba34d", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(w, { key: "298f492c8991384547c31396fc930b5c21f41501", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(F, { key: "aca4f5642c41db1c4b7fa04411331a5c25c655dd" }), i("div", { key: "d841c5df319de105376c6eee24bc685757916aae", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "774279829f3f52ee5696550a855a833b39df8c81", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " "), this.playerElevateLevel.expireTime && i(j, { key: "3a4319e502e85b26cb220942492b161ad842be82", expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language })))))));
|
457
466
|
}
|
458
467
|
static get watchers() {
|
459
468
|
return {
|
@@ -463,10 +472,10 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
463
472
|
};
|
464
473
|
}
|
465
474
|
};
|
466
|
-
|
475
|
+
de.style = se;
|
467
476
|
export {
|
468
|
-
|
469
|
-
|
470
|
-
|
471
|
-
|
477
|
+
fe as gamification_dropdown,
|
478
|
+
Y as general_styling_wrapper,
|
479
|
+
ie as player_elevate_card_data,
|
480
|
+
de as player_elevate_loyaltycard
|
472
481
|
};
|
@@ -26,22 +26,22 @@ var Oe = Object.defineProperty, je = (e, t) => {
|
|
26
26
|
case "gamification-dropdown_4":
|
27
27
|
return import(
|
28
28
|
/* webpackMode: "lazy" */
|
29
|
-
"./gamification-dropdown_4-
|
29
|
+
"./gamification-dropdown_4-BMYGUc6f.js"
|
30
30
|
).then(a, b);
|
31
31
|
case "player-elevate-card":
|
32
32
|
return import(
|
33
33
|
/* webpackMode: "lazy" */
|
34
|
-
"./player-elevate-card-
|
34
|
+
"./player-elevate-card-Cyj2vrTT.js"
|
35
35
|
).then(a, b);
|
36
36
|
case "player-elevate-pointcard":
|
37
37
|
return import(
|
38
38
|
/* webpackMode: "lazy" */
|
39
|
-
"./player-elevate-pointcard-
|
39
|
+
"./player-elevate-pointcard-CDT1deRp.js"
|
40
40
|
).then(a, b);
|
41
41
|
case "player-rakeback-card":
|
42
42
|
return import(
|
43
43
|
/* webpackMode: "lazy" */
|
44
|
-
"./player-rakeback-card-
|
44
|
+
"./player-rakeback-card-r5qjxDTk.js"
|
45
45
|
).then(a, b);
|
46
46
|
}
|
47
47
|
}
|
@@ -53,22 +53,22 @@ var He = Object.defineProperty, qe = (e, t) => {
|
|
53
53
|
case "gamification-dropdown_4":
|
54
54
|
return import(
|
55
55
|
/* webpackMode: "lazy" */
|
56
|
-
"./gamification-dropdown_4-
|
56
|
+
"./gamification-dropdown_4-Bwo0uyQb.js"
|
57
57
|
).then(o, b);
|
58
58
|
case "player-elevate-card":
|
59
59
|
return import(
|
60
60
|
/* webpackMode: "lazy" */
|
61
|
-
"./player-elevate-card-
|
61
|
+
"./player-elevate-card-Csrn1cq3.js"
|
62
62
|
).then(o, b);
|
63
63
|
case "player-elevate-pointcard":
|
64
64
|
return import(
|
65
65
|
/* webpackMode: "lazy" */
|
66
|
-
"./player-elevate-pointcard-
|
66
|
+
"./player-elevate-pointcard-CQ618787.js"
|
67
67
|
).then(o, b);
|
68
68
|
case "player-rakeback-card":
|
69
69
|
return import(
|
70
70
|
/* webpackMode: "lazy" */
|
71
|
-
"./player-rakeback-card-
|
71
|
+
"./player-rakeback-card-D-wGOAvr.js"
|
72
72
|
).then(o, b);
|
73
73
|
}
|
74
74
|
}
|