@everymatrix/casino-header-controller-nd 1.67.3 → 1.69.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.
- package/components/CasinoHamburgerMenuNd-BMOc3TVZ.cjs +18 -0
- package/components/{CasinoHamburgerMenuNd-GN2-xEq0.js → CasinoHamburgerMenuNd-Bor1vGom.js} +1069 -1034
- package/components/{CasinoHamburgerMenuNd-D_l-_9wt.js → CasinoHamburgerMenuNd-DvNE-Me3.js} +1060 -1025
- package/components/{CasinoHeaderControllerNd-BYwd8Sq_.cjs → CasinoHeaderControllerNd-BGWGX95z.cjs} +1 -1
- package/components/{CasinoHeaderControllerNd-BEExk_ii.js → CasinoHeaderControllerNd-DGaLQ6dj.js} +90 -90
- package/components/{CasinoHeaderControllerNd-DgEgJaZc.js → CasinoHeaderControllerNd-DgZLIlJt.js} +88 -88
- package/components/{PlayerAccountBalanceModalNd-DcwaBs_T.cjs → PlayerAccountBalanceModalNd-DZP0lOrn.cjs} +1 -1
- package/components/{PlayerAccountBalanceModalNd-DLZK_oxu.js → PlayerAccountBalanceModalNd-DmtaugeG.js} +71 -71
- package/components/{PlayerAccountBalanceModalNd-D9ROPGsf.js → PlayerAccountBalanceModalNd-E77LJMl0.js} +67 -67
- package/components/{PlayerDeposit-CH6X2HzT.js → PlayerDeposit-BYDhJItO.js} +43 -43
- package/components/{PlayerDeposit-nAWT6R27.js → PlayerDeposit-DWubNJ88.js} +43 -43
- package/components/{PlayerDeposit-DP4_U-Vn.cjs → PlayerDeposit-OEh7dNO5.cjs} +1 -1
- 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-DwjOP8LM.js → gamification-dropdown-8eb8a896-4sKWcJtH.js} +7 -7
- package/stencil/{gamification-dropdown-8eb8a896-OGii9GZC.js → gamification-dropdown-8eb8a896-BP2u_HU7.js} +3 -3
- package/stencil/{gamification-dropdown-8eb8a896-DfTzIl57.cjs → gamification-dropdown-8eb8a896-BqA7JEtY.cjs} +1 -1
- package/stencil/{gamification-dropdown-DiHGIe59.cjs → gamification-dropdown-B1ILTX0Y.cjs} +1 -1
- package/stencil/{gamification-dropdown-BXSymCVy.js → gamification-dropdown-DEeZBoN0.js} +1 -1
- package/stencil/{gamification-dropdown-_ZdATOHF.js → gamification-dropdown-aKSO2UeG.js} +1 -1
- package/stencil/{gamification-dropdown_4-C8FoQ9bl.js → gamification-dropdown_4-B0ji-X9m.js} +12 -12
- package/stencil/{gamification-dropdown_4-B46ceyMH.js → gamification-dropdown_4-BKbYm0F4.js} +12 -12
- package/stencil/{gamification-dropdown_4-EqEecNER.cjs → gamification-dropdown_4-CFeI4Vdg.cjs} +2 -2
- package/stencil/{index-71b1bdfa-_-dhHLGN.js → index-71b1bdfa-BMawsq6K.js} +235 -235
- package/stencil/{index-71b1bdfa-C8dE0ofS.js → index-71b1bdfa-BZYfjyyu.js} +226 -226
- package/stencil/index-71b1bdfa-DqjJO9rg.cjs +1 -0
- package/stencil/{player-elevate-card-DORq6Wij.cjs → player-elevate-card-BMQXFNhf.cjs} +1 -1
- package/stencil/{player-elevate-card-CESlrbxs.js → player-elevate-card-BupHMU0C.js} +2 -2
- package/stencil/{player-elevate-card-DAXoDLIH.js → player-elevate-card-DYry-kuc.js} +2 -2
- package/stencil/{player-elevate-card-items-5071deed-DjG8kMBd.js → player-elevate-card-items-5071deed-BUtyLOrj.js} +79 -81
- package/stencil/player-elevate-card-items-5071deed-BXQrJn1S.cjs +102 -0
- package/stencil/{player-elevate-card-items-5071deed-C9dANr1l.js → player-elevate-card-items-5071deed-C5xbU-Hh.js} +79 -81
- package/stencil/{player-elevate-pointcard-Do6iv014.js → player-elevate-pointcard-B2cW4cvo.js} +4 -4
- package/stencil/{player-elevate-pointcard-DQXpvq40.js → player-elevate-pointcard-BAOz9vT6.js} +4 -4
- package/stencil/{player-elevate-pointcard-CjdTzOoF.cjs → player-elevate-pointcard-XJ0TKbja.cjs} +1 -1
- package/stencil/{player-rakeback-card-BoT6EgM7.cjs → player-rakeback-card-BE5M20hP.cjs} +1 -1
- package/stencil/{player-rakeback-card-Bx_vN42o.js → player-rakeback-card-CmhmooCE.js} +1 -1
- package/stencil/{player-rakeback-card-BNSkyLB0.js → player-rakeback-card-DqDgl21L.js} +1 -1
- package/components/CasinoHamburgerMenuNd-CZ6VNaW1.cjs +0 -18
- package/stencil/index-71b1bdfa-MzSkzwf_.cjs +0 -1
- package/stencil/player-elevate-card-items-5071deed-C6i7ZlHD.cjs +0 -102
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r as
|
|
1
|
+
import { r as g, h as a, g as f } from "./index-71b1bdfa-BZYfjyyu.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
|
+
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
|
|
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-
|
|
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-DqjJO9rg.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;
|
|
@@ -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-DqjJO9rg.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-B1ILTX0Y.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-BMawsq6K.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 = {};
|
|
@@ -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-BP2u_HU7.js";
|
|
2
|
+
import { r as u, h as i, g as I, c as M, a as m, F as $ } from "./index-71b1bdfa-BZYfjyyu.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, t as h, g as L } from "./player-elevate-card-items-5071deed-BUtyLOrj.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
|
+
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
|
|
96
|
-
|
|
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
|
-
|
|
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"),
|
|
350
|
-
(g ||
|
|
349
|
+
let g = this.calcuatePointsToBeExpired(c, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
|
|
350
|
+
(g || y) && this.playerElevateLeveLoaded.emit({
|
|
351
351
|
pointExpireString: g,
|
|
352
|
-
xpExpireString:
|
|
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
|
-
|
|
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 });
|
|
@@ -435,7 +435,7 @@ const ae = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
|
435
435
|
}
|
|
436
436
|
render() {
|
|
437
437
|
const e = m("../static/card-ground.svg"), t = m("../static/card-ground-over.svg");
|
|
438
|
-
return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: O, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i($, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(N, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(W, { key: "
|
|
438
|
+
return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: O, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i($, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(N, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(W, { key: "2d1df152fa288291128259c3950ff84e7cb6d8f2", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language }), i("div", { key: "798167bf5a4525623008954bd91c241fb1fe6f59", class: "PointsRange" }, i(b, { key: "cb88a77677200b0b459900c34781857933e15c26", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(b, { key: "c7958718ca7b423842c7f88808ab69246388b75c", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(z, { key: "e66ef489cbaa28ac60019daa1eba0b0f04309181" }), i("div", { key: "e6ca3ffc781b37bc92be8a264ae44dcbc01d9024", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "9538973ab5c1d4bdd33f4d532f7041f94a1cb2d7", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
|
|
439
439
|
}
|
|
440
440
|
static get watchers() {
|
|
441
441
|
return {
|
|
@@ -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-4sKWcJtH.js";
|
|
18
|
+
import { r as u, h as i, g as P, c as $, a as b, F as O } from "./index-71b1bdfa-BMawsq6K.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, t as h, g as E } from "./player-elevate-card-items-5071deed-C5xbU-Hh.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
|
+
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
|
|
114
|
-
|
|
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
|
-
|
|
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"),
|
|
368
|
-
(g ||
|
|
367
|
+
let g = this.calcuatePointsToBeExpired(d, "coinsToBeExpired"), y = this.calcuatePointsToBeExpired(v, "pointsToBeExpired");
|
|
368
|
+
(g || y) && this.playerElevateLeveLoaded.emit({
|
|
369
369
|
pointExpireString: g,
|
|
370
|
-
xpExpireString:
|
|
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
|
-
|
|
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 });
|
|
@@ -453,7 +453,7 @@ const le = ":host{display:block}@media screen and (min-width: 501px){.LoyaltyCar
|
|
|
453
453
|
}
|
|
454
454
|
render() {
|
|
455
455
|
const e = b("../static/card-ground.svg"), t = b("../static/card-ground-over.svg");
|
|
456
|
-
return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: N, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i(O, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(W, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(z, { key: "
|
|
456
|
+
return i("div", { key: "39295a651da66747a20554699bba5f96b8ad5c35", class: `ElevateCardWrapper ${this.theme}` }, i("div", { key: "78c34fe054fc2459f8af3354116cd21a68ce01be", class: "LoyaltyCard Outer", style: { backgroundImage: `url(${e}` } }, i("general-styling-wrapper", { key: "be6efc6da4c3ccf4cc3ece8ecc73561bae75aa20", clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: N, translationUrl: this.translationUrl }), i("player-elevate-card-data", { key: "b53e4b59d4ee55a2f567efa09afab3d72969e6e4", params: this.paramProxy }), i("div", { key: "1f3e504440bab2df3a181058fad7149c85c48c14", class: "OuterCover Inner", style: { backgroundImage: `url(${t}` } }, i("div", { key: "a07c6cd95770dc1bfd3da78b1c7cc8e1367321b1", class: "Content Row" }, this.playerElevateLevel && i(O, { key: "5c104f5ba1a018219c6ed5f6e50af99b035a0344" }, i("div", { key: "bd94591e6ab9298ab7c769fa48efaf314dc1a63b", class: "PlayerImg" }, i(W, { key: "928849ce86d8c7a483eba7850efc83f8149bae43", onlyBadge: !0, loyaltyIconUrl: this.playerElevateLevel.presentation.asset })), i("div", { key: "37192c9b8502eb3c7d93914369df2d784c17e9f7", class: `LevelInfo ${this.playerElevateLevel.name}` }, i(z, { key: "2d1df152fa288291128259c3950ff84e7cb6d8f2", hideInfo: !0, level: this.playerElevateLevel.name, expireTime: this.playerElevateLevel.expireTime, dateFormat: this.dateFormat, language: this.language }), i("div", { key: "798167bf5a4525623008954bd91c241fb1fe6f59", class: "PointsRange" }, i(L, { key: "cb88a77677200b0b459900c34781857933e15c26", loyaltyPoints: this.playerElevateLevel.loyaltyPoints, language: this.language }), i(L, { key: "c7958718ca7b423842c7f88808ab69246388b75c", loyaltyPoints: this.getNextLevelPoints(), language: this.language })), i(U, { key: "e66ef489cbaa28ac60019daa1eba0b0f04309181" }), i("div", { key: "e6ca3ffc781b37bc92be8a264ae44dcbc01d9024", class: "NextLevelTip" }, this.getNextLevelTips()), this.pointExpireString && i("div", { key: "9538973ab5c1d4bdd33f4d532f7041f94a1cb2d7", class: "PointsInfo ExpirationPoints" }, this.pointExpireString, " ")))))));
|
|
457
457
|
}
|
|
458
458
|
static get watchers() {
|
|
459
459
|
return {
|
package/stencil/{gamification-dropdown_4-EqEecNER.cjs → gamification-dropdown_4-CFeI4Vdg.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-BqA7JEtY.cjs"),i=require("./index-71b1bdfa-DqjJO9rg.cjs"),y=require("./locale-B_6Rn5-v.cjs"),o=require("./player-elevate-card-items-5071deed-BXQrJn1S.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=
|
|
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:"2d1df152fa288291128259c3950ff84e7cb6d8f2",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat,language:this.language}),i.h("div",{key:"798167bf5a4525623008954bd91c241fb1fe6f59",class:"PointsRange"},i.h(o.PlayerPoints,{key:"cb88a77677200b0b459900c34781857933e15c26",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),i.h(o.PlayerPoints,{key:"c7958718ca7b423842c7f88808ab69246388b75c",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),i.h(o.PlayerLoyaltyProcess,{key:"e66ef489cbaa28ac60019daa1eba0b0f04309181"}),i.h("div",{key:"e6ca3ffc781b37bc92be8a264ae44dcbc01d9024",class:"NextLevelTip"},this.getNextLevelTips()),this.pointExpireString&&i.h("div",{key:"9538973ab5c1d4bdd33f4d532f7041f94a1cb2d7",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;
|