@everymatrix/player-elevate-points-history-jojogroup 1.86.27 → 1.86.28
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.
|
@@ -233,16 +233,16 @@ const BonusPaginationNav = class {
|
|
|
233
233
|
}
|
|
234
234
|
}
|
|
235
235
|
else {
|
|
236
|
-
if (this.currentPage
|
|
236
|
+
if (this.currentPage <= (maxNavItemsCount - halfOfMaxPageCount)) { // when current page is in first half of nav
|
|
237
237
|
pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => i + 1);
|
|
238
238
|
pageArray.push('...');
|
|
239
239
|
}
|
|
240
|
-
else if (
|
|
241
|
-
pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) =>
|
|
240
|
+
else if (this.currentPage > (lastPageNo - (maxNavItemsCount - halfOfMaxPageCount))) { // when current page is in last half of nav
|
|
241
|
+
pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => lastPageNo - (maxNavItemsCount - 2) + i);
|
|
242
242
|
pageArray.unshift('...');
|
|
243
243
|
}
|
|
244
244
|
else {
|
|
245
|
-
pageArray = Array.from({ length: (
|
|
245
|
+
pageArray = Array.from({ length: (maxNavItemsCount - 2) }, (_, i) => this.currentPage + i - halfOfMaxPageCount + 1);
|
|
246
246
|
pageArray.push('...');
|
|
247
247
|
pageArray.unshift('...');
|
|
248
248
|
}
|
|
@@ -261,23 +261,23 @@ const BonusPaginationNav = class {
|
|
|
261
261
|
render() {
|
|
262
262
|
const startOffset = (this.currentPage - 1) * this.limit + 1;
|
|
263
263
|
const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
|
|
264
|
-
return index.h("div", { key: '
|
|
264
|
+
return index.h("div", { key: '77610598f3ce40796b8d486fd27725fc68b61878', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && index.h("span", { key: '879bd2f268a18ea3c9cb2bb706d23c8db0634592', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
|
|
265
265
|
values: {
|
|
266
266
|
start: startOffset,
|
|
267
267
|
end: endOffset,
|
|
268
268
|
total: this.total
|
|
269
269
|
}
|
|
270
|
-
})), index.h("div", { key: '
|
|
271
|
-
index.h("div", { key: '
|
|
270
|
+
})), index.h("div", { key: '590af1c2fcb70d782b318c505deb507a8376e13b', class: 'PageNavigation' }, this.arrowsActive &&
|
|
271
|
+
index.h("div", { key: '2d4746e889a43d6199ad7f305676d79bdbaa4f04', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
272
272
|
this.goTo(1);
|
|
273
273
|
} }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
|
|
274
|
-
index.h("span", { key: '
|
|
274
|
+
index.h("span", { key: '89b588abdf7b77e3cdc00f44bbad27c432146f97', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
275
275
|
this.goTo(this.currentPage - 1);
|
|
276
276
|
} }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
|
|
277
|
-
index.h("span", { key: '
|
|
277
|
+
index.h("span", { key: '097710df72de15cd1b0c03dfb2ac7870c99e12c0', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
|
|
278
278
|
this.goTo(this.currentPage + 1);
|
|
279
279
|
} }, translate('nextPage', this.language)), this.arrowsActive &&
|
|
280
|
-
index.h("div", { key: '
|
|
280
|
+
index.h("div", { key: 'a61296f3e627bc012545618c0fda239a1356da1f', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
281
281
|
this.goTo(this.endPageIndex + 1);
|
|
282
282
|
} }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
|
|
283
283
|
}
|
|
@@ -229,16 +229,16 @@ const BonusPaginationNav = class {
|
|
|
229
229
|
}
|
|
230
230
|
}
|
|
231
231
|
else {
|
|
232
|
-
if (this.currentPage
|
|
232
|
+
if (this.currentPage <= (maxNavItemsCount - halfOfMaxPageCount)) { // when current page is in first half of nav
|
|
233
233
|
pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => i + 1);
|
|
234
234
|
pageArray.push('...');
|
|
235
235
|
}
|
|
236
|
-
else if (
|
|
237
|
-
pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) =>
|
|
236
|
+
else if (this.currentPage > (lastPageNo - (maxNavItemsCount - halfOfMaxPageCount))) { // when current page is in last half of nav
|
|
237
|
+
pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => lastPageNo - (maxNavItemsCount - 2) + i);
|
|
238
238
|
pageArray.unshift('...');
|
|
239
239
|
}
|
|
240
240
|
else {
|
|
241
|
-
pageArray = Array.from({ length: (
|
|
241
|
+
pageArray = Array.from({ length: (maxNavItemsCount - 2) }, (_, i) => this.currentPage + i - halfOfMaxPageCount + 1);
|
|
242
242
|
pageArray.push('...');
|
|
243
243
|
pageArray.unshift('...');
|
|
244
244
|
}
|
|
@@ -257,23 +257,23 @@ const BonusPaginationNav = class {
|
|
|
257
257
|
render() {
|
|
258
258
|
const startOffset = (this.currentPage - 1) * this.limit + 1;
|
|
259
259
|
const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
|
|
260
|
-
return h("div", { key: '
|
|
260
|
+
return h("div", { key: '77610598f3ce40796b8d486fd27725fc68b61878', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: '879bd2f268a18ea3c9cb2bb706d23c8db0634592', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
|
|
261
261
|
values: {
|
|
262
262
|
start: startOffset,
|
|
263
263
|
end: endOffset,
|
|
264
264
|
total: this.total
|
|
265
265
|
}
|
|
266
|
-
})), h("div", { key: '
|
|
267
|
-
h("div", { key: '
|
|
266
|
+
})), h("div", { key: '590af1c2fcb70d782b318c505deb507a8376e13b', class: 'PageNavigation' }, this.arrowsActive &&
|
|
267
|
+
h("div", { key: '2d4746e889a43d6199ad7f305676d79bdbaa4f04', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
268
268
|
this.goTo(1);
|
|
269
269
|
} }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
|
|
270
|
-
h("span", { key: '
|
|
270
|
+
h("span", { key: '89b588abdf7b77e3cdc00f44bbad27c432146f97', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
271
271
|
this.goTo(this.currentPage - 1);
|
|
272
272
|
} }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
|
|
273
|
-
h("span", { key: '
|
|
273
|
+
h("span", { key: '097710df72de15cd1b0c03dfb2ac7870c99e12c0', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
|
|
274
274
|
this.goTo(this.currentPage + 1);
|
|
275
275
|
} }, translate('nextPage', this.language)), this.arrowsActive &&
|
|
276
|
-
h("div", { key: '
|
|
276
|
+
h("div", { key: 'a61296f3e627bc012545618c0fda239a1356da1f', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
|
|
277
277
|
this.goTo(this.endPageIndex + 1);
|
|
278
278
|
} }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
|
|
279
279
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as e,c as n,h as t,g as i,a as r,F as a}from"./index-028fbb06.js";import{t as o,T as s,a as l}from"./locale.utils-471ae737.js";import{r as h,t as c,g as d,P as f,a as u}from"./player-elevate-card-items-71e1f162.js";const g=["pt-br","en","es-mx","hu","hr","tr"],p={en:{pageLimitLabel:"Show"},tr:{pageLimitLabel:"Göster"},hu:{pageLimitLabel:"Show"},hr:{pageLimitLabel:"Show"},"pt-br":{pageLimitLabel:"Show"},"es-mx":{pageLimitLabel:"Show"}},v=class{constructor(t){e(this,t),this.pageLimitChanged=n(this,"pageLimitChanged",7),this.language="en",this.translationUrl="",this.pageLimitOptions=void 0,this.limit=10,this.pageLimits=[10,25,50]}onPageLimitClicked(e){this.limit=e,this.pageLimitChanged.emit({limit:this.limit})}componentWillLoad(){if(this.pageLimitOptions)try{this.pageLimits=this.pageLimitOptions.split(",").map((e=>parseInt(e))),this.pageLimits.includes(this.limit)||(this.limit=this.pageLimits[0])}catch(e){console.error("Error when parse PageLimitOptions",e)}}renderStylingWrapper(){return t("general-styling-wrapper",{targetTranslations:p,translationUrl:this.translationUrl})}render(){return t("div",{key:"57f5e61ee287f72d0427a2e4f646e37c6b9358b9",class:"PaginationWrapper"},t("span",{key:"5f82b19fcf269086659b3faa475d9967b2af57fa",class:"NoOfItemsToDisplayMessage"},(()=>{const e=this.language;return p[void 0!==e&&g.includes(e)?e:"en"].pageLimitLabel})()),t("ul",{key:"559c2d5378a352691583567579a8e681d092ddd3",class:"PaginationArea"},this.pageLimits.map((e=>t("li",{class:(this.limit==e?"Active":"")+" PageSize Item",onClick:()=>{this.onPageLimitClicked(e)}},e)))),t("general-styling-wrapper",{key:"a8b9632e7421318e330f33b9c1cc9eb7121e35e9",targetTranslations:p,translationUrl:this.translationUrl}),this.renderStylingWrapper())}};v.style=":host{display:block}.NoOfItemsToDisplayMessage{display:inline-block;margin:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--emw--color-primary, #191a19);line-height:1.8}.PaginationWrapper{display:flex;flex-direction:row}ul.PaginationArea{margin-block:5px;display:flex;flex-direction:row;padding:0px}ul.PaginationArea li.Item.Active:hover{color:var(--emw--color-primary, #eaefea);background-color:var(--emw--color-secondary, #191a19)}ul.PaginationArea li.Item.Active,ul.PaginationArea li.Item:hover{background-color:var(--emw--color-primary, rgba(169, 171, 169, 0.7));font-weight:bold;border-radius:0.3rem}ul.PaginationArea li.Item{padding-inline-start:0px;list-style:none;padding:5px 6px;margin:2px;cursor:pointer;display:inline-block}";const w=["pt-br","en","es-mx","hu","hr"],b={en:{firstPage:"|<",lastPage:">|",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},hu:{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},hr:{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},"pt-br":{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},"es-mx":{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"}},y=(e,n,t)=>{const i=n;let r=b[void 0!==i&&w.includes(i)?i:"en"][e];if(void 0!==t)for(const[e,n]of Object.entries(t.values)){const t=new RegExp(`{${e}}`,"g");r=r.replace(t,n)}return r},x=class{constructor(t){e(this,t),this.reloadPageEmitter=n(this,"reloadPageByType",7),this.total=1,this.limit=10,this.offset=0,this.tableId="default",this.language="en",this.translationUrl="",this.arrowsActive=!0,this.secondaryArrowsActive=!0,this.displayPageNumbers=!0,this.displayRangeOfTotal=void 0,this.navItemAccount=5,this.endPageIndex=0,this.pagesArray=void 0,this.currentPage=1,this.showAsEllipsisMid=!this.arrowsActive}pageLimitChangedHandler(e){this.limit=e.detail.limit?e.detail.limit:this.limit,this.currentPage=1,this.offset=0,this.updatePageStatus(),"pageLimitChanged"==e.type&&this.reloadPageEmitter.emit({offset:0,limit:this.limit,tableId:this.tableId})}goTo(e){"..."==e||0==e||parseInt(e.toString(),10)>this.endPageIndex+1||(this.currentPage=e,this.reloadPageEmitter.emit({offset:(this.currentPage-1)*this.limit,limit:this.limit,tableId:this.tableId}))}renderPageList(){return t("ul",{class:"PaginationArea"},this.pagesArray.map((e=>t("li",{class:"PageItem "+(this.currentPage==e?"Active":""),onClick:()=>{this.goTo(e)}},e))))}renderStylingWrapper(){return t("general-styling-wrapper",{targetTranslations:b,translationUrl:this.translationUrl})}generateNavItemsByType(e,n){if(this.endPageIndex<e)return Array.from({length:this.endPageIndex+1},((e,n)=>n+1));let t=[],i=Math.floor(e/2);const r=this.endPageIndex+1;return n?this.currentPage<i||this.currentPage>r-i+1?(t=Array.from({length:i},((e,n)=>n+1)),t.push("..."),t=t.concat(Array.from({length:i},((e,n)=>this.endPageIndex-1+n)))):this.currentPage==i?(t=Array.from({length:i+1},((e,n)=>n+1)),t.push("..."),t=t.concat(Array.from({length:i-1},((e,n)=>this.endPageIndex+n)))):this.currentPage==r-i+1?(t=Array.from({length:i-1},((e,n)=>n+1)),t.push("..."),t=t.concat(Array.from({length:i+1},((e,n)=>this.endPageIndex-2+n)))):(t=[1,"..."],t=t.concat([this.currentPage-1],[this.currentPage],[this.currentPage+1]),t=t.concat(["...",r])):this.currentPage<i-1?(t=Array.from({length:e-1},((e,n)=>n+1)),t.push("...")):this.endPageIndex-this.currentPage<i+1?(t=Array.from({length:e-1},((e,n)=>this.endPageIndex-i+n)),t.unshift("...")):(t=Array.from({length:i+1},((e,n)=>this.currentPage+n-1)),t.push("..."),t.unshift("...")),t}updatePageStatus(){this.endPageIndex=Math.ceil(this.total/this.limit)-1,this.endPageIndex=this.endPageIndex<0?this.endPageIndex=0:this.endPageIndex,this.pagesArray=this.generateNavItemsByType(this.navItemAccount,this.showAsEllipsisMid)}componentWillRender(){this.currentPage=Math.floor(this.offset/this.limit)+1,this.updatePageStatus()}render(){return t("div",{key:"aa8d14788833b1b0e13ea20943935b03a3b043ac",class:"PageNavigationWrapper"},this.displayRangeOfTotal&&this.total>0&&t("span",{key:"a018261b6c598116829d878b8120aee7ae2576c4",class:"PageOfMessage"},y("pageOfTotal",this.language,{values:{start:(this.currentPage-1)*this.limit+1,end:this.currentPage*this.limit>this.total?this.total:this.currentPage*this.limit,total:this.total}})),t("div",{key:"64fc17d0b992b30a4b8d712e47442ee6a2d44b82",class:"PageNavigation"},this.arrowsActive&&t("div",{key:"f5f3b562fbdfb9e4b39ffd9755e5dba41e6231ba",class:"PageArrow FirstPage "+(1==this.currentPage?"Disabled":""),onClick:()=>{this.goTo(1)}},y("firstPage",this.language)),this.secondaryArrowsActive&&t("span",{key:"39222e258f6c63502bfd3914c673d804edc96b53",class:"PageArrow PrePage "+(1==this.currentPage?"Disabled":""),onClick:()=>{this.goTo(this.currentPage-1)}},y("prePage",this.language)),this.displayPageNumbers&&this.renderPageList(),this.secondaryArrowsActive&&t("span",{key:"d6f9a1394debdae49702713ccc59bea710ccd7ae",class:"PageArrow NextPage "+(this.currentPage==this.endPageIndex+1?"Disabled":""),onClick:()=>{this.goTo(this.currentPage+1)}},y("nextPage",this.language)),this.arrowsActive&&t("div",{key:"d2bb76f9d40fcfc3dbc6bb5fbfe6d237e77f0ee6",class:"PageArrow LastPage "+(this.currentPage==this.endPageIndex+1?"Disabled":""),onClick:()=>{this.goTo(this.endPageIndex+1)}}," ",y("lastPage",this.language)," "),this.renderStylingWrapper()))}};function m(e,n){if(e){const t=document.createElement("style");t.innerHTML=n,e.appendChild(t)}}function P(e,n){if(!e||!n)return;const t=new URL(n);fetch(t.href).then((e=>e.text())).then((n=>{const t=document.createElement("style");t.innerHTML=n,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}x.style=":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row;height:100%;align-content:center}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emw--color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emw--color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emw--color-primary, #f5f1f1);background-color:var(--emw--color-secondary, #8c8989);border-radius:0.3rem}";const k=class{constructor(n){e(this,n),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(null!=window.emMessageBus?function(e,n){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(n,(n=>{t.innerHTML=n,e&&e.appendChild(t)}))}}(this.el,`${this.mbSource}.Style`):(this.clientStyling&&m(this.el,this.clientStyling),this.clientStylingUrl&&P(this.el,this.clientStylingUrl),this.stylingAppends=!0))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStylingChange(e,n){e!=n&&m(this.el,this.clientStyling)}handleClientStylingUrlChange(e,n){e!=n&&this.clientStylingUrl&&P(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&m(this.el,this.clientStyling),this.clientStylingUrl&&P(this.el,this.clientStylingUrl),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]||{},Object.keys(n[e]).forEach((i=>{if(!t.en[i])return;const r=t.en[i];"object"==typeof n[e][i]?(t[e][i]=t[e][i]||Object.assign({},r),Object.keys(n[e][i]).forEach((r=>{t[e][i][r]=n[e][i][r]}))):t[e][i]=n[e][i]||Object.assign({},r)}))})),e(!0)})).catch((n=>{console.error("Failed to load translations:",n),e(!1)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return t("div",{key:"09ad83748bbad518743c8671b986c541c52bf3f0",class:"StyleShell"},t("slot",{key:"3b28b776d3944410c717b002b70946d274a4e8e7",name:"mainContent"}))}get el(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};function C(e){h(1,arguments);var n=c(e);return n.setHours(0,0,0,0),n}function M(e,n){return h(2,arguments),c(e).getTime()-c(n).getTime()}k.style=":host{display:block}";var R={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function B(e){return e?R[e]:R.trunc}const E=class{constructor(t){e(this,t),this.playerElevateLeveLoaded=n(this,"playerElevateLeveLoaded",7),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(((n,t)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,n(!0)})).catch((e=>{t(e)}))))}calcuatePointsToBeExpired(e,n){let t="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return t;e.aboutToExpire.sort(((e,n)=>function(e,n){h(2,arguments);var t=c(e),i=c(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const i=e.aboutToExpire[0],r=function(e,n){h(2,arguments);var t=C(e),i=C(n),r=t.getTime()-d(t),a=i.getTime()-d(i);return Math.round((r-a)/864e5)}(new Date(i.expireTime),new Date);let a=0,s=0,l=0===r?`${n}Day`:n;return r<=0&&(a=function(e,n,t){h(2,arguments);var i=M(e,n)/36e5;return B(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),l=a>1?`${n}Hours`:`${n}Hour`,a<=0&&(s=function(e,n,t){h(2,arguments);var i=M(e,n)/6e4;return B(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),l=s>1?`${n}Minutes`:`${n}Minute`)),t=o(l,{expirationPoints:i.points,expireDay:Math.max(r,a,s),lang:this.params.language}),t}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,r,a,o,s;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);window.postMessage({type:"UpdateGamificationXp",points:null===(r=null===(i=e.data)||void 0===i?void 0:i.level)||void 0===r?void 0:r.loyaltyPoints},window.location.href);let l=e.data;this.playerElevateLevel=l.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(a=l.spendableWallet)||void 0===a?void 0:a.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const h=null===(o=e.data.spendableWallet)||void 0===o?void 0:o.total,c=null===(s=e.data.loyaltyWallet)||void 0===s?void 0:s.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:h,loyaltyWalletTotal:c});let d=this.calcuatePointsToBeExpired(h,"coinsToBeExpired"),f=this.calcuatePointsToBeExpired(c,"pointsToBeExpired");(d||f)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:f}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,r=n>1?1:n,a=r*i-17<0?0:r*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),o.setAttribute("width",`${a}`),l.setAttribute("cx",`${a<6.5?6.5:a}`),s.setAttribute("x",""+(a-8));const h=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),d=e.querySelector("#filter_ball"),f=e.querySelector("#filter_heart"),u=e.querySelector("#filter_lock"),g=e.querySelector("#paint0_linear_ball"),p=e.querySelector("#paint1_linear_lock"),v=e.querySelector("#lock_box"),w=e.querySelector("#heart_box"),b=i-10;h.setAttribute("cx",`${b}`),p.setAttribute("x1",`${b}`),p.setAttribute("x2",`${b}`),g.setAttribute("x1",""+(b-6)),g.setAttribute("x2",""+(b-6+11.2)),u.setAttribute("x",""+(b-6)),f.setAttribute("x",""+(b-6-2)),d.setAttribute("x",""+(b-6-2-2)),c.setAttribute("x",""+(b-6-2-2-4)),v.setAttribute("x",""+(b-6)),w.setAttribute("x",""+(b-6)),t.parentElement.style.opacity="1"}(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((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return i(this)}static get watchers(){return{params:["onParamsChanged"]}}};E.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emw--color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emw--color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n .Outer {\n background-size: cover;\n }\n .Outer .OuterCover {\n min-height: 190px;\n }\n}\n@container (min-width: 260px) {\n .Outer {\n background-size: contain;\n }\n}\n.OuterCover {\n width: 100%;\n height: 100%;\n content: "";\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 15px;\n}\n\n.Inner {\n display: flex;\n flex-direction: column;\n min-height: 158px;\n}\n.Inner .Content {\n padding: 15px;\n flex-wrap: wrap;\n gap: 8px;\n}\n.Inner .Row {\n display: flex;\n flex-direction: row;\n}\n.Inner .CardCell {\n display: flex;\n}\n.Inner .LevelProgress svg {\n transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n display: flex;\n flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n height: 28px;\n border-radius: 5px;\n line-height: 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n display: flex;\n}\n.Inner .LevelInfo {\n flex: 1;\n flex-grow: 1;\n min-width: 150px;\n}\n.Inner .PlayerImg {\n width: 29%;\n margin: auto;\n max-width: 100px;\n min-width: 30px;\n order: 0;\n}\n.Inner .PlayerAvatar {\n max-width: 100px;\n flex-basis: 100px;\n height: auto;\n margin: auto;\n padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n width: 100%;\n height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n border-radius: 50%;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n max-width: 138px;\n min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n text-transform: capitalize;\n width: 100%;\n}\n.Inner .PlayerName {\n font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n display: table;\n font-weight: 600;\n}\n.Inner .Row .Redeem {\n justify-content: flex-end;\n margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n color: var(--emw--elevate-color-redeem-hover, #00ABA4);\n cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n width: 95px;\n height: 35px;\n display: flex;\n align-items: center;\n border-radius: var(--emw--border-radius-medium, 10px);\n background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n color: var(--emw--color-white, #fff);\n line-height: 18px;\n font-size: 15px;\n text-align: center;\n width: 100%;\n}\n.Inner .Row .Points {\n font-size: large;\n vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n font-size: small;\n text-align: right;\n font-weight: bold;\n color: var(--emw--color-red, #9e595f);\n}';const T=class{constructor(n){e(this,n),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.mbSource=void 0,this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=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,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=r("../static/card-ground.svg"),n=r("../static/card-ground-over.svg");return t("div",{key:"45aa5be359b46d5503a8310daa4db2029a8c59b8",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"0d1773bd9eb0913ede4eeedfc93f22967aa133d6",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"cfb35c5220633e39e25b11f0be5b6fc5cc73df5c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:s,translationUrl:this.translationUrl,mbSource:this.mbSource}),t("player-elevate-card-data",{key:"25206c4deb6e51e3ea60259d4fee3452df8253d6",params:this.paramProxy}),t("div",{key:"c14ee3498a1a584b7f484fe2ef6a204c337d2b27",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},t("div",{key:"dd7e0528034013d889f1f9bfbacf7928d2b4d1e9",class:"Content Row"},this.playerElevateLevel&&t(a,{key:"20b36f112f735446a6219b61e012e4568f199717"},t("div",{key:"3705136c1ee509484f43b7268b23cfbe273f727c",class:"PlayerImg"},t(f,{key:"b81cbcff0528acd3253a676e0a64141c6414fc2a",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"311b3ffcdf8a3ffe4b609fd0f1d9dee83424ca58",class:`LevelInfo ${this.playerElevateLevel.name}`},t("div",{key:"ba1744b3b9cee03a424093df96454ff68d04aec1",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:l("spendablePoints",this.language)),t("div",{key:"6b554d17a0f74684e23549365fb06f6079ba7239",class:"PointsTxt SPPoints"},t(u,{key:"6c9f812eccea99cd94095c252ba552816f800447",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),t("a",{key:"eb79d25c2ccce8c542a192c1ca07265649dbd1bc",class:"TC",onClick:()=>{this.onDetailsClick()}},l("termAndConditions",this.language))),this.pointExpireString&&t("div",{key:"e64127c87c4c4a3e5253606e2c4c472e9b728103",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};var N;T.style=":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}",function(e){e.spendable="spendable",e.loyalty="loyalty",e.history="history",e.rakeback="rakeback"}(N||(N={}));const I={en:{tabTitle:{spendable:"Coins",loyalty:"XP",history:"Shop Purchases",rakeback:"Rakeback"},barTitle:{spendable:"Coins History",loyalty:"Experience Points History",history:"Shop Purchases",rakeback:"Rakebake History"},bonus:"Bonus",coins:"Coins",noContent:"No Content",loading:"Loading",redeem:"Redeem",reload:"Reload",reloadMsgWhenError:"Network Problem, please ",rakebackPointType:{wageringByRealMoney:"Rakeback Casino Real Wager",bonus:"Rakeback Claim",vendor2User:"Rakeback Claim",cancelledWageringByRealMoney:"Cancelled Rakeback Casino Real Wager"},pointType:{registration:"Registration",cancelledRegistration:"Cancelled Registration",expiredRegistration:"Expired Registration",manual:"Manual",cancelledManual:"Cancelled Manual",expiredManual:"Expired Manual",wageringByRealMoney:"Real Money Wager",wageringByBonusMoney:"Bonus Money Wager",cancelledWageringByRealMoney:"Cancelled Real Money Wager",cancelledWageringByBonusMoney:"Cancelled Bonus Money Wager",expiredWageringByRealMoney:"Expired Real Money Wager",expiredWageringByBonusMoney:"Expired Bonus Money Wager",levelExpired:"Level Expiration",bonus:"Bonus Redeem",manualByTournament:"Reward from Tournaments",manualByPrizeEngine:"Reward from PrizeEngine",manualByMission:"Reward from Mission",manualByChallenge:"Reward from Challenge",cancelledManualByTournament:"Cancelled Reward from Tournaments",cancelledManualByMission:"Cancelled Reward from Mission",cancelledManualByChallenge:"Cancelled Reward from Challenge",expiredManualByTournament:"Expired Reward from Tournaments",expiredManualByMission:"Expired Reward from Mission",expiredManualByChallenge:"Expired Reward from Challenge",cancelledManualByPrizeEngine:"Cancelled Reward from PrizeEngine",expiredManualByPrizeEngine:"Expired Reward from PrizeEngine",prizeEngine:"PrizeEngine Redeem",tournamentTicket:"Tournament Ticket Redeem",physicalItem:"Custom Reward Redeem",role:"Role Assignment Redeem"}},tr:{tabTitle:{spendable:"Coin",loyalty:"XP",history:"Mağaza Alımları",rakeback:"Rakeback"},barTitle:{spendable:"Coin Geçmişi",loyalty:"Deneyim Puanı Geçmişi",history:"Mağaza Alımları",rakeback:"Rakeback Geçmişi"},bonus:"Bonus",coins:"Coin",noContent:"İçerik Yok",loading:"Yükleniyor",redeem:"Kullan",reload:"Yenile",reloadMsgWhenError:"Ağ Sorunu, lütfen ",rakebackPointType:{wageringByRealMoney:"Rakeback Casino Gerçek Bahis",bonus:"Rakeback Talebi",vendor2User:"Rakeback Talebi",cancelledWageringByRealMoney:"İptal Edilen Rakeback Casino Gerçek Bahis"},pointType:{registration:"Kayıt",cancelledRegistration:"İptal Edilen Kayıt",expiredRegistration:"Süresi Dolan Kayıt",manual:"Manuel",cancelledManual:"İptal Edilen Manuel",expiredManual:"Süresi Dolan Manuel",wageringByRealMoney:"Gerçek Para Bahsi",wageringByBonusMoney:"Bonus Para Bahsi",cancelledWageringByRealMoney:"İptal Edilen Gerçek Para Bahsi",cancelledWageringByBonusMoney:"İptal Edilen Bonus Para Bahsi",expiredWageringByRealMoney:"Süresi Dolan Gerçek Para Bahsi",expiredWageringByBonusMoney:"Süresi Dolan Bonus Para Bahsi",levelExpired:"Seviye Süresi Doldu",bonus:"Bonus Kullanımı",manualByTournament:"Turnuvadan Ödül",manualByPrizeEngine:"PrizeEngine'den Ödül",manualByMission:"Görevden Ödül",manualByChallenge:"Meydan Okumadan Ödül",cancelledManualByTournament:"İptal Edilen Turnuva Ödülü",cancelledManualByMission:"İptal Edilen Görev Ödülü",cancelledManualByChallenge:"İptal Edilen Meydan Okuma Ödülü",expiredManualByTournament:"Süresi Dolan Turnuva Ödülü",expiredManualByMission:"Süresi Dolan Görev Ödülü",expiredManualByChallenge:"Süresi Dolan Meydan Okuma Ödülü",cancelledManualByPrizeEngine:"İptal Edilen PrizeEngine Ödülü",expiredManualByPrizeEngine:"Süresi Dolan PrizeEngine Ödülü",prizeEngine:"PrizeEngine Kullanımı",tournamentTicket:"Turnuva Bileti Kullanımı",physicalItem:"Özel Ödül Kullanımı",role:"Rol Ataması Kullanımı"}}},L=e=>"/v1/elevate/"+(e==N.history?"redeemHistory":"pointsHistory"),A=({locale:e,wallet:n,walletType:i,isRakeback:r})=>i===N.history?t("div",{class:"RecordContainer"},n.payload&&t("div",{class:"Row"},t("div",{class:"Title"},n.payload.displayName),t("div",{class:`Amount ${S(n.points).class}`},t("span",{class:"HistoryPoints"},Math.abs(n.points)," ",e.coins))),t("div",{class:"Row"},t("div",{class:n.payload?"PointType":"Title"},e.pointType[n.pointType]||n.pointType),!n.payload&&t("div",{class:`Amount ${S(n.points).class}`},t("span",{class:"HistoryPoints"},Math.abs(n.points)," ",e.coins))),t("div",{class:"Row"},t("div",{class:"DateTime"},O(new Date(n.modified))))):t("div",{class:"RecordContainer"},t("div",{class:`Row ${n.pointType}`},t("div",{class:"Title"},(r?e.rakebackPointType[n.pointType]:e.pointType[n.pointType])||n.pointType),t("div",{class:`Amount ${S(n.points).class}`},t("span",{class:"Points"},S(n.points).symbol," ",r?n.pointAsString:n.points," "),r&&t("span",null," ",n.currency))),t("div",{class:"Row"},t("div",{class:"DateTime"},O(new Date(n.modified))))),D=(e,n,i)=>n&&t(a,null,t("div",{class:"Records"},n.map((n=>t(A,{locale:e,wallet:n,walletType:i.tableId,isRakeback:i.tableId===N.rakeback})))),t("div",{class:"PaginationContainer"},t("bonus-pagination-nav",{offset:i.offset,limit:i.limit,tableId:i.tableId,secondaryArrowsActive:i.secondaryArrowsActive,total:i.total}))),S=e=>e>0?{class:"Positive",symbol:"+"}:{class:"Negative",symbol:""},z=e=>e.toString().padStart(2,"0"),O=e=>[e.getFullYear(),z(e.getMonth()+1),z(e.getDate())].join("-")+" "+[z(e.getHours()),z(e.getMinutes()),z(e.getSeconds())].join(":"),W=(e,n,i,r="en")=>t("div",{class:"TopBarContainer"},t("div",{class:"BackImageContainer"},t("span",{class:"BackImage",innerHTML:'<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.75 1L1.25 7.5L7.75 14" stroke="#242424" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n'})),t("div",{class:"TitleContainer"},t("div",{class:"Title",title:e.barTitle[n]},e.barTitle[n]),t("div",{class:"Limits"},t("bonus-pagination-limits",{pageLimitOptions:i.pageLimitOptions,limit:i.limit,language:r}))),t("div",null,t("span",{class:"MenuImage",innerHTML:'<svg width="30" height="8" viewBox="0 0 30 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="4" cy="4" r="4" fill="black"/>\n<circle cx="15" cy="4" r="4" fill="black"/>\n<circle cx="26" cy="4" r="4" fill="black"/>\n</svg>\n'})));var $,_="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},j={exports:{}};$=j,function(e){
|
|
1
|
+
import{r as e,c as n,h as t,g as i,a as r,F as a}from"./index-028fbb06.js";import{t as o,T as s,a as l}from"./locale.utils-471ae737.js";import{r as h,t as c,g as d,P as f,a as u}from"./player-elevate-card-items-71e1f162.js";const g=["pt-br","en","es-mx","hu","hr","tr"],p={en:{pageLimitLabel:"Show"},tr:{pageLimitLabel:"Göster"},hu:{pageLimitLabel:"Show"},hr:{pageLimitLabel:"Show"},"pt-br":{pageLimitLabel:"Show"},"es-mx":{pageLimitLabel:"Show"}},v=class{constructor(t){e(this,t),this.pageLimitChanged=n(this,"pageLimitChanged",7),this.language="en",this.translationUrl="",this.pageLimitOptions=void 0,this.limit=10,this.pageLimits=[10,25,50]}onPageLimitClicked(e){this.limit=e,this.pageLimitChanged.emit({limit:this.limit})}componentWillLoad(){if(this.pageLimitOptions)try{this.pageLimits=this.pageLimitOptions.split(",").map((e=>parseInt(e))),this.pageLimits.includes(this.limit)||(this.limit=this.pageLimits[0])}catch(e){console.error("Error when parse PageLimitOptions",e)}}renderStylingWrapper(){return t("general-styling-wrapper",{targetTranslations:p,translationUrl:this.translationUrl})}render(){return t("div",{key:"57f5e61ee287f72d0427a2e4f646e37c6b9358b9",class:"PaginationWrapper"},t("span",{key:"5f82b19fcf269086659b3faa475d9967b2af57fa",class:"NoOfItemsToDisplayMessage"},(()=>{const e=this.language;return p[void 0!==e&&g.includes(e)?e:"en"].pageLimitLabel})()),t("ul",{key:"559c2d5378a352691583567579a8e681d092ddd3",class:"PaginationArea"},this.pageLimits.map((e=>t("li",{class:(this.limit==e?"Active":"")+" PageSize Item",onClick:()=>{this.onPageLimitClicked(e)}},e)))),t("general-styling-wrapper",{key:"a8b9632e7421318e330f33b9c1cc9eb7121e35e9",targetTranslations:p,translationUrl:this.translationUrl}),this.renderStylingWrapper())}};v.style=":host{display:block}.NoOfItemsToDisplayMessage{display:inline-block;margin:0.1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--emw--color-primary, #191a19);line-height:1.8}.PaginationWrapper{display:flex;flex-direction:row}ul.PaginationArea{margin-block:5px;display:flex;flex-direction:row;padding:0px}ul.PaginationArea li.Item.Active:hover{color:var(--emw--color-primary, #eaefea);background-color:var(--emw--color-secondary, #191a19)}ul.PaginationArea li.Item.Active,ul.PaginationArea li.Item:hover{background-color:var(--emw--color-primary, rgba(169, 171, 169, 0.7));font-weight:bold;border-radius:0.3rem}ul.PaginationArea li.Item{padding-inline-start:0px;list-style:none;padding:5px 6px;margin:2px;cursor:pointer;display:inline-block}";const w=["pt-br","en","es-mx","hu","hr"],b={en:{firstPage:"|<",lastPage:">|",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},hu:{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},hr:{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},"pt-br":{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"},"es-mx":{firstPage:"First",lastPage:"Last",prePage:"<",nextPage:">",pageOfTotal:"{start}-{end} of {total}"}},y=(e,n,t)=>{const i=n;let r=b[void 0!==i&&w.includes(i)?i:"en"][e];if(void 0!==t)for(const[e,n]of Object.entries(t.values)){const t=new RegExp(`{${e}}`,"g");r=r.replace(t,n)}return r},x=class{constructor(t){e(this,t),this.reloadPageEmitter=n(this,"reloadPageByType",7),this.total=1,this.limit=10,this.offset=0,this.tableId="default",this.language="en",this.translationUrl="",this.arrowsActive=!0,this.secondaryArrowsActive=!0,this.displayPageNumbers=!0,this.displayRangeOfTotal=void 0,this.navItemAccount=5,this.endPageIndex=0,this.pagesArray=void 0,this.currentPage=1,this.showAsEllipsisMid=!this.arrowsActive}pageLimitChangedHandler(e){this.limit=e.detail.limit?e.detail.limit:this.limit,this.currentPage=1,this.offset=0,this.updatePageStatus(),"pageLimitChanged"==e.type&&this.reloadPageEmitter.emit({offset:0,limit:this.limit,tableId:this.tableId})}goTo(e){"..."==e||0==e||parseInt(e.toString(),10)>this.endPageIndex+1||(this.currentPage=e,this.reloadPageEmitter.emit({offset:(this.currentPage-1)*this.limit,limit:this.limit,tableId:this.tableId}))}renderPageList(){return t("ul",{class:"PaginationArea"},this.pagesArray.map((e=>t("li",{class:"PageItem "+(this.currentPage==e?"Active":""),onClick:()=>{this.goTo(e)}},e))))}renderStylingWrapper(){return t("general-styling-wrapper",{targetTranslations:b,translationUrl:this.translationUrl})}generateNavItemsByType(e,n){if(this.endPageIndex<e)return Array.from({length:this.endPageIndex+1},((e,n)=>n+1));let t=[],i=Math.floor(e/2);const r=this.endPageIndex+1;return n?this.currentPage<i||this.currentPage>r-i+1?(t=Array.from({length:i},((e,n)=>n+1)),t.push("..."),t=t.concat(Array.from({length:i},((e,n)=>this.endPageIndex-1+n)))):this.currentPage==i?(t=Array.from({length:i+1},((e,n)=>n+1)),t.push("..."),t=t.concat(Array.from({length:i-1},((e,n)=>this.endPageIndex+n)))):this.currentPage==r-i+1?(t=Array.from({length:i-1},((e,n)=>n+1)),t.push("..."),t=t.concat(Array.from({length:i+1},((e,n)=>this.endPageIndex-2+n)))):(t=[1,"..."],t=t.concat([this.currentPage-1],[this.currentPage],[this.currentPage+1]),t=t.concat(["...",r])):this.currentPage<=e-i?(t=Array.from({length:e-1},((e,n)=>n+1)),t.push("...")):this.currentPage>r-(e-i)?(t=Array.from({length:e-1},((n,t)=>r-(e-2)+t)),t.unshift("...")):(t=Array.from({length:e-2},((e,n)=>this.currentPage+n-i+1)),t.push("..."),t.unshift("...")),t}updatePageStatus(){this.endPageIndex=Math.ceil(this.total/this.limit)-1,this.endPageIndex=this.endPageIndex<0?this.endPageIndex=0:this.endPageIndex,this.pagesArray=this.generateNavItemsByType(this.navItemAccount,this.showAsEllipsisMid)}componentWillRender(){this.currentPage=Math.floor(this.offset/this.limit)+1,this.updatePageStatus()}render(){return t("div",{key:"77610598f3ce40796b8d486fd27725fc68b61878",class:"PageNavigationWrapper"},this.displayRangeOfTotal&&this.total>0&&t("span",{key:"879bd2f268a18ea3c9cb2bb706d23c8db0634592",class:"PageOfMessage"},y("pageOfTotal",this.language,{values:{start:(this.currentPage-1)*this.limit+1,end:this.currentPage*this.limit>this.total?this.total:this.currentPage*this.limit,total:this.total}})),t("div",{key:"590af1c2fcb70d782b318c505deb507a8376e13b",class:"PageNavigation"},this.arrowsActive&&t("div",{key:"2d4746e889a43d6199ad7f305676d79bdbaa4f04",class:"PageArrow FirstPage "+(1==this.currentPage?"Disabled":""),onClick:()=>{this.goTo(1)}},y("firstPage",this.language)),this.secondaryArrowsActive&&t("span",{key:"89b588abdf7b77e3cdc00f44bbad27c432146f97",class:"PageArrow PrePage "+(1==this.currentPage?"Disabled":""),onClick:()=>{this.goTo(this.currentPage-1)}},y("prePage",this.language)),this.displayPageNumbers&&this.renderPageList(),this.secondaryArrowsActive&&t("span",{key:"097710df72de15cd1b0c03dfb2ac7870c99e12c0",class:"PageArrow NextPage "+(this.currentPage==this.endPageIndex+1?"Disabled":""),onClick:()=>{this.goTo(this.currentPage+1)}},y("nextPage",this.language)),this.arrowsActive&&t("div",{key:"a61296f3e627bc012545618c0fda239a1356da1f",class:"PageArrow LastPage "+(this.currentPage==this.endPageIndex+1?"Disabled":""),onClick:()=>{this.goTo(this.endPageIndex+1)}}," ",y("lastPage",this.language)," "),this.renderStylingWrapper()))}};function m(e,n){if(e){const t=document.createElement("style");t.innerHTML=n,e.appendChild(t)}}function P(e,n){if(!e||!n)return;const t=new URL(n);fetch(t.href).then((e=>e.text())).then((n=>{const t=document.createElement("style");t.innerHTML=n,e&&e.appendChild(t)})).catch((e=>{console.error("There was an error while trying to load client styling from URL",e)}))}x.style=":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row;height:100%;align-content:center}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emw--color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emw--color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emw--color-primary, #f5f1f1);background-color:var(--emw--color-secondary, #8c8989);border-radius:0.3rem}";const k=class{constructor(n){e(this,n),this.stylingAppends=!1,this.clientStyling="",this.clientStylingUrl="",this.mbSource=void 0,this.translationUrl="",this.targetTranslations=void 0}componentDidLoad(){this.el&&(null!=window.emMessageBus?function(e,n){if(window.emMessageBus){const t=document.createElement("style");window.emMessageBus.subscribe(n,(n=>{t.innerHTML=n,e&&e.appendChild(t)}))}}(this.el,`${this.mbSource}.Style`):(this.clientStyling&&m(this.el,this.clientStyling),this.clientStylingUrl&&P(this.el,this.clientStylingUrl),this.stylingAppends=!0))}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}handleClientStylingChange(e,n){e!=n&&m(this.el,this.clientStyling)}handleClientStylingUrlChange(e,n){e!=n&&this.clientStylingUrl&&P(this.el,this.clientStylingUrl)}componentDidRender(){this.stylingAppends||(this.clientStyling&&m(this.el,this.clientStyling),this.clientStylingUrl&&P(this.el,this.clientStylingUrl),this.stylingAppends=!0)}async componentWillLoad(){const e=[];if(this.translationUrl){const i=(n=this.translationUrl,t=this.targetTranslations,new Promise((e=>{fetch(n).then((e=>e.json())).then((n=>{Object.keys(n).forEach((e=>{t[e]=t[e]||{},Object.keys(n[e]).forEach((i=>{if(!t.en[i])return;const r=t.en[i];"object"==typeof n[e][i]?(t[e][i]=t[e][i]||Object.assign({},r),Object.keys(n[e][i]).forEach((r=>{t[e][i][r]=n[e][i][r]}))):t[e][i]=n[e][i]||Object.assign({},r)}))})),e(!0)})).catch((n=>{console.error("Failed to load translations:",n),e(!1)}))})));e.push(i)}var n,t;return await Promise.all(e)}render(){return t("div",{key:"09ad83748bbad518743c8671b986c541c52bf3f0",class:"StyleShell"},t("slot",{key:"3b28b776d3944410c717b002b70946d274a4e8e7",name:"mainContent"}))}get el(){return i(this)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"]}}};function C(e){h(1,arguments);var n=c(e);return n.setHours(0,0,0,0),n}function M(e,n){return h(2,arguments),c(e).getTime()-c(n).getTime()}k.style=":host{display:block}";var R={ceil:Math.ceil,round:Math.round,floor:Math.floor,trunc:function(e){return e<0?Math.ceil(e):Math.floor(e)}};function B(e){return e?R[e]:R.trunc}const E=class{constructor(t){e(this,t),this.playerElevateLeveLoaded=n(this,"playerElevateLeveLoaded",7),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(((n,t)=>fetch(e.href,{method:"GET"}).then((e=>e.json())).then((e=>{this.levels=e.data,n(!0)})).catch((e=>{t(e)}))))}calcuatePointsToBeExpired(e,n){let t="";if(!e||!e.aboutToExpire||0==e.aboutToExpire.length||e.aboutToExpire[0].points<=0)return t;e.aboutToExpire.sort(((e,n)=>function(e,n){h(2,arguments);var t=c(e),i=c(n);return t.getTime()<i.getTime()}(new Date(e.expireTime),new Date(n.expireTime))?-1:1));const i=e.aboutToExpire[0],r=function(e,n){h(2,arguments);var t=C(e),i=C(n),r=t.getTime()-d(t),a=i.getTime()-d(i);return Math.round((r-a)/864e5)}(new Date(i.expireTime),new Date);let a=0,s=0,l=0===r?`${n}Day`:n;return r<=0&&(a=function(e,n,t){h(2,arguments);var i=M(e,n)/36e5;return B(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),l=a>1?`${n}Hours`:`${n}Hour`,a<=0&&(s=function(e,n,t){h(2,arguments);var i=M(e,n)/6e4;return B(null==t?void 0:t.roundingMethod)(i)}(new Date(i.expireTime),new Date,{roundingMethod:"floor"}),l=s>1?`${n}Minutes`:`${n}Minute`)),t=o(l,{expirationPoints:i.points,expireDay:Math.max(r,a,s),lang:this.params.language}),t}loadPlayerLevelInfo(){let e=new URL(`${this.params.endpoint}/v1/elevate/playerInfo?language=${this.params.language}`);return new Promise(((n,t)=>fetch(e.href,{method:"GET",headers:{"X-Sessionid":this.params.session,"Content-Type":"application/json"}}).then((e=>e.json())).then((e=>{var i,r,a,o,s;if(!e.success)return console.error("Exception when fetch user elevateinfo, ",e.errorCode,e.errorMessage),void t(!0);window.postMessage({type:"UpdateGamificationXp",points:null===(r=null===(i=e.data)||void 0===i?void 0:i.level)||void 0===r?void 0:r.loyaltyPoints},window.location.href);let l=e.data;this.playerElevateLevel=l.level,this.playerElevateLevel.name=this.playerElevateLevel.presentation.displayName||this.playerElevateLevel.name,this.playerElevateLevel.spendablePoints=(null===(a=l.spendableWallet)||void 0===a?void 0:a.total.points)||0,this.playerElevateLeveLoaded.emit({elevateLevel:this.playerElevateLevel});const h=null===(o=e.data.spendableWallet)||void 0===o?void 0:o.total,c=null===(s=e.data.loyaltyWallet)||void 0===s?void 0:s.total;this.playerElevateLeveLoaded.emit({elevateLevelWalletTotal:h,loyaltyWalletTotal:c});let d=this.calcuatePointsToBeExpired(h,"coinsToBeExpired"),f=this.calcuatePointsToBeExpired(c,"pointsToBeExpired");(d||f)&&this.playerElevateLeveLoaded.emit({pointExpireString:d,xpExpireString:f}),n(this.playerElevateLevel)})).catch((e=>{console.log("error ",e),t(!0)}))))}setLoyaltyProgress(e){!function(e,n){const t=e.querySelector("#total_level"),i=t.getBBox().width,r=n>1?1:n,a=r*i-17<0?0:r*i-17,o=e.querySelector("#current_level"),s=e.querySelector("#filter_current_level"),l=e.querySelector("#circle_current_level");t.setAttribute("viewbox",`0 0 ${a} 28`),o.setAttribute("width",`${a}`),l.setAttribute("cx",`${a<6.5?6.5:a}`),s.setAttribute("x",""+(a-8));const h=e.querySelector("#lock"),c=e.querySelector("#filter_heart_ball"),d=e.querySelector("#filter_ball"),f=e.querySelector("#filter_heart"),u=e.querySelector("#filter_lock"),g=e.querySelector("#paint0_linear_ball"),p=e.querySelector("#paint1_linear_lock"),v=e.querySelector("#lock_box"),w=e.querySelector("#heart_box"),b=i-10;h.setAttribute("cx",`${b}`),p.setAttribute("x1",`${b}`),p.setAttribute("x2",`${b}`),g.setAttribute("x1",""+(b-6)),g.setAttribute("x2",""+(b-6+11.2)),u.setAttribute("x",""+(b-6)),f.setAttribute("x",""+(b-6-2)),d.setAttribute("x",""+(b-6-2-2)),c.setAttribute("x",""+(b-6-2-2-4)),v.setAttribute("x",""+(b-6)),w.setAttribute("x",""+(b-6)),t.parentElement.style.opacity="1"}(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((e=>{if(console.log("elevate-init",e),this.initLevelProgressbar(),!this.levels)return;this.levels.sort(((e,n)=>e.firstEntryPoints>n.firstEntryPoints?1:-1));const n=this.playerElevateLevel.loyaltyPoints;let t=0;this.levels.forEach(((e,i)=>{n>e.firstEntryPoints&&(t=i)})),this.playerElevateLeveLoaded.emit({calculatedLevelFlag:t})}))}componentWillLoad(){this.loadElevateInfo()}get elevateCardRef(){return i(this)}static get watchers(){return{params:["onParamsChanged"]}}};E.style=':host {\n display: block;\n width: 360px;\n height: 230px;\n}\n\n.ElevateCardWrapper {\n contain: layout inline-size;\n width: 100%;\n height: fit-content;\n min-height: 218px;\n}\n\n.Outer {\n container-type: inline-size;\n font-size: 12px;\n background-size: cover;\n background-repeat: no-repeat;\n line-height: initial;\n width: 100%;\n height: 100%;\n}\n\n.Dark {\n color: var(--emw--color-gray150, #efefef);\n}\n\n.Light {\n color: var(--emw--color-black, #0e0e0e);\n}\n\n@container (min-width: 381px) {\n .Outer {\n background-size: cover;\n }\n .Outer .OuterCover {\n min-height: 190px;\n }\n}\n@container (min-width: 260px) {\n .Outer {\n background-size: contain;\n }\n}\n.OuterCover {\n width: 100%;\n height: 100%;\n content: "";\n background-repeat: no-repeat;\n background-size: cover;\n border-radius: 15px;\n}\n\n.Inner {\n display: flex;\n flex-direction: column;\n min-height: 158px;\n}\n.Inner .Content {\n padding: 15px;\n flex-wrap: wrap;\n gap: 8px;\n}\n.Inner .Row {\n display: flex;\n flex-direction: row;\n}\n.Inner .CardCell {\n display: flex;\n}\n.Inner .LevelProgress svg {\n transition: opacity 0.4s;\n}\n.Inner .LevelInfo {\n display: flex;\n flex-direction: column;\n}\n.Inner .LevelInfo .ElevateLevel .LevelName {\n height: 28px;\n border-radius: 5px;\n line-height: 28px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.Inner .LevelInfo.Level0 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level0button-shadow, rgba(191, 84, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level0-bg0, #E2792C) 0%, var(--emw--elevate-color-level0-bg1, rgba(242, 151, 99, 0)) 100%);\n}\n.Inner .LevelInfo.Level1 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level1button-shadow, rgba(151, 151, 151, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level1-bg0, #BEBFED) 0%, var(--emw--elevate-color-level1-bg1, rgba(216, 217, 233, 0)) 100%);\n}\n.Inner .LevelInfo.Level2 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level2button-shadow, rgba(191, 120, 6, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level2-bg0, #FCC410) 0%, var(--emw--elevate-color-level2-bg1, rgba(255, 189, 43, 0)) 100%);\n}\n.Inner .LevelInfo.Level3 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level3button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level3-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level3-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo.Level4 .ElevateLevel .LevelName {\n box-shadow: -2px -2px 7px 0px var(--emw--elevate-color-level4button-shadow, rgba(65, 6, 191, 0.75));\n background: linear-gradient(180deg, var(--emw--elevate-color-level4-bg0, #B1A2DB) 0%, var(--emw--elevate-color-level4-bg1, rgba(203, 202, 245, 0)) 100%);\n}\n.Inner .LevelInfo .ElevateLevel {\n display: flex;\n}\n.Inner .LevelInfo {\n flex: 1;\n flex-grow: 1;\n min-width: 150px;\n}\n.Inner .PlayerImg {\n width: 29%;\n margin: auto;\n max-width: 100px;\n min-width: 30px;\n order: 0;\n}\n.Inner .PlayerAvatar {\n max-width: 100px;\n flex-basis: 100px;\n height: auto;\n margin: auto;\n padding-top: 10px;\n}\n.Inner .PlayerAvatar .Avatar, .Inner .PlayerAvatar .Badge {\n width: 100%;\n height: 100%;\n}\n.Inner .PlayerAvatar .Avatar {\n border-radius: 50%;\n background-size: contain;\n background-repeat: no-repeat;\n}\n.Inner .ElevateLevel .ExpirationDate {\n max-width: 138px;\n min-width: 118px;\n}\n.Inner .PlayerName, .Inner .RedeemButton, .Inner .ElevateLevel {\n text-transform: capitalize;\n width: 100%;\n}\n.Inner .PlayerName {\n font-size: 16px;\n}\n.Inner .Row .PointsInfo {\n display: table;\n font-weight: 600;\n}\n.Inner .Row .Redeem {\n justify-content: flex-end;\n margin-left: auto;\n}\n.Inner .Row .Redeem:hover {\n color: var(--emw--elevate-color-redeem-hover, #00ABA4);\n cursor: pointer;\n}\n.Inner .Row .RedeemButton:hover span {\n color: var(emfe-w-elevate-color-redeem-text-hover, #f1f1f1);\n font-weight: bold;\n}\n.Inner .Row .RedeemButton {\n width: 95px;\n height: 35px;\n display: flex;\n align-items: center;\n border-radius: var(--emw--border-radius-medium, 10px);\n background: var(--emw--elevate-color-redeem-bg, linear-gradient(0deg, #26CC37, #26CC37)), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n}\n.Inner .Row .RedeemButton span {\n color: var(--emw--color-white, #fff);\n line-height: 18px;\n font-size: 15px;\n text-align: center;\n width: 100%;\n}\n.Inner .Row .Points {\n font-size: large;\n vertical-align: middle;\n}\n.Inner .Row .Points .XP {\n font-size: x-small;\n}\n.Inner .Row .ExpirationPoints {\n font-size: small;\n text-align: right;\n font-weight: bold;\n color: var(--emw--color-red, #9e595f);\n}';const T=class{constructor(n){e(this,n),this.isPointDetailCard="earningRule"===this.buttonType,this.endpoint=void 0,this.theme="Dark",this.session=void 0,this.playerAvatarUrl=void 0,this.language="en",this.mbSource=void 0,this.playerName=void 0,this.cardTitle=void 0,this.buttonType="earningRule",this.dateFormat="yyyy-MM-dd",this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerElevateLevel=void 0,this.elevateWalletTotal=void 0,this.elevateSPTotal=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,this.elevateSPTotal=e.detail.loyaltyWalletTotal),e.detail.elevateLevel&&(this.playerElevateLevel=e.detail.elevateLevel),e.detail.pointExpireString&&(this.pointExpireString=e.detail.pointExpireString))}onDetailsClick(){window.postMessage({type:this.isPointDetailCard?"BEEPointRulesClicked":"BEEDetailsClicked",path:this.isPointDetailCard?"player-elevate-level":"player-elevate-point-details"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language}}render(){const e=r("../static/card-ground.svg"),n=r("../static/card-ground-over.svg");return t("div",{key:"45aa5be359b46d5503a8310daa4db2029a8c59b8",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"0d1773bd9eb0913ede4eeedfc93f22967aa133d6",class:"PointsCard Outer ",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"cfb35c5220633e39e25b11f0be5b6fc5cc73df5c",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:s,translationUrl:this.translationUrl,mbSource:this.mbSource}),t("player-elevate-card-data",{key:"25206c4deb6e51e3ea60259d4fee3452df8253d6",params:this.paramProxy}),t("div",{key:"c14ee3498a1a584b7f484fe2ef6a204c337d2b27",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},t("div",{key:"dd7e0528034013d889f1f9bfbacf7928d2b4d1e9",class:"Content Row"},this.playerElevateLevel&&t(a,{key:"20b36f112f735446a6219b61e012e4568f199717"},t("div",{key:"3705136c1ee509484f43b7268b23cfbe273f727c",class:"PlayerImg"},t(f,{key:"b81cbcff0528acd3253a676e0a64141c6414fc2a",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"311b3ffcdf8a3ffe4b609fd0f1d9dee83424ca58",class:`LevelInfo ${this.playerElevateLevel.name}`},t("div",{key:"ba1744b3b9cee03a424093df96454ff68d04aec1",class:"PointsTxt Label"},this.cardTitle?this.cardTitle:l("spendablePoints",this.language)),t("div",{key:"6b554d17a0f74684e23549365fb06f6079ba7239",class:"PointsTxt SPPoints"},t(u,{key:"6c9f812eccea99cd94095c252ba552816f800447",spendablePoints:this.playerElevateLevel.spendablePoints,language:this.language}),t("a",{key:"eb79d25c2ccce8c542a192c1ca07265649dbd1bc",class:"TC",onClick:()=>{this.onDetailsClick()}},l("termAndConditions",this.language))),this.pointExpireString&&t("div",{key:"e64127c87c4c4a3e5253606e2c4c472e9b728103",class:"ExpirationPoints"},this.pointExpireString," ")))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};var N;T.style=":host{display:block}.PointsCard .Inner .Row .ExpirationPoints{text-align:left}.PointsCard .Inner .PlayerAvatar .Avatar{display:none}.PointsCard .Inner .PlayerAvatar .Badge{border-radius:50%;background-size:contain;width:100%;height:100%;position:inherit}.PointsCard .Inner .PointsTxt{display:flex;flex-direction:row;justify-content:space-between}.PointsCard .Inner .DetailButton{background:linear-gradient(283.85deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.47%), linear-gradient(117.99deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 33.89%), linear-gradient(268.18deg, rgba(255, 255, 255, 0.6) -17.36%, rgba(239, 239, 239, 0) 15.78%), linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6));border-radius:5px;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);border:2px solid;font-size:11px;width:108px;padding:4px;cursor:pointer;margin-top:5px;height:16px;min-width:45px;text-align:center}.PointsCard .Inner .DetailButton span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .DetailButton span{display:inline-block;vertical-align:middle}.PointsCard .Inner .DetailButton:hover span{color:var(--emw--color-gray-150, #6D6D6D)}.PointsCard .Inner .LevelInfo{gap:15px;width:70%}.PointsCard .Inner .LevelInfo .PointsTxt{font-size:15px}.PointsCard .Inner .LevelInfo .PointsTxt.Label{display:none}.PointsCard .Inner .LevelInfo .PointsTxt.SPPoints{padding-top:15px}.PointsCard .Inner .LevelInfo .PointsTxt .TC{font-size:x-small;color:var(--emw--color-gray-300, #58586B);display:flex;align-content:center;height:100%;flex-wrap:wrap;text-decoration:underline;cursor:pointer;display:none}",function(e){e.spendable="spendable",e.loyalty="loyalty",e.history="history",e.rakeback="rakeback"}(N||(N={}));const I={en:{tabTitle:{spendable:"Coins",loyalty:"XP",history:"Shop Purchases",rakeback:"Rakeback"},barTitle:{spendable:"Coins History",loyalty:"Experience Points History",history:"Shop Purchases",rakeback:"Rakebake History"},bonus:"Bonus",coins:"Coins",noContent:"No Content",loading:"Loading",redeem:"Redeem",reload:"Reload",reloadMsgWhenError:"Network Problem, please ",rakebackPointType:{wageringByRealMoney:"Rakeback Casino Real Wager",bonus:"Rakeback Claim",vendor2User:"Rakeback Claim",cancelledWageringByRealMoney:"Cancelled Rakeback Casino Real Wager"},pointType:{registration:"Registration",cancelledRegistration:"Cancelled Registration",expiredRegistration:"Expired Registration",manual:"Manual",cancelledManual:"Cancelled Manual",expiredManual:"Expired Manual",wageringByRealMoney:"Real Money Wager",wageringByBonusMoney:"Bonus Money Wager",cancelledWageringByRealMoney:"Cancelled Real Money Wager",cancelledWageringByBonusMoney:"Cancelled Bonus Money Wager",expiredWageringByRealMoney:"Expired Real Money Wager",expiredWageringByBonusMoney:"Expired Bonus Money Wager",levelExpired:"Level Expiration",bonus:"Bonus Redeem",manualByTournament:"Reward from Tournaments",manualByPrizeEngine:"Reward from PrizeEngine",manualByMission:"Reward from Mission",manualByChallenge:"Reward from Challenge",cancelledManualByTournament:"Cancelled Reward from Tournaments",cancelledManualByMission:"Cancelled Reward from Mission",cancelledManualByChallenge:"Cancelled Reward from Challenge",expiredManualByTournament:"Expired Reward from Tournaments",expiredManualByMission:"Expired Reward from Mission",expiredManualByChallenge:"Expired Reward from Challenge",cancelledManualByPrizeEngine:"Cancelled Reward from PrizeEngine",expiredManualByPrizeEngine:"Expired Reward from PrizeEngine",prizeEngine:"PrizeEngine Redeem",tournamentTicket:"Tournament Ticket Redeem",physicalItem:"Custom Reward Redeem",role:"Role Assignment Redeem"}},tr:{tabTitle:{spendable:"Coin",loyalty:"XP",history:"Mağaza Alımları",rakeback:"Rakeback"},barTitle:{spendable:"Coin Geçmişi",loyalty:"Deneyim Puanı Geçmişi",history:"Mağaza Alımları",rakeback:"Rakeback Geçmişi"},bonus:"Bonus",coins:"Coin",noContent:"İçerik Yok",loading:"Yükleniyor",redeem:"Kullan",reload:"Yenile",reloadMsgWhenError:"Ağ Sorunu, lütfen ",rakebackPointType:{wageringByRealMoney:"Rakeback Casino Gerçek Bahis",bonus:"Rakeback Talebi",vendor2User:"Rakeback Talebi",cancelledWageringByRealMoney:"İptal Edilen Rakeback Casino Gerçek Bahis"},pointType:{registration:"Kayıt",cancelledRegistration:"İptal Edilen Kayıt",expiredRegistration:"Süresi Dolan Kayıt",manual:"Manuel",cancelledManual:"İptal Edilen Manuel",expiredManual:"Süresi Dolan Manuel",wageringByRealMoney:"Gerçek Para Bahsi",wageringByBonusMoney:"Bonus Para Bahsi",cancelledWageringByRealMoney:"İptal Edilen Gerçek Para Bahsi",cancelledWageringByBonusMoney:"İptal Edilen Bonus Para Bahsi",expiredWageringByRealMoney:"Süresi Dolan Gerçek Para Bahsi",expiredWageringByBonusMoney:"Süresi Dolan Bonus Para Bahsi",levelExpired:"Seviye Süresi Doldu",bonus:"Bonus Kullanımı",manualByTournament:"Turnuvadan Ödül",manualByPrizeEngine:"PrizeEngine'den Ödül",manualByMission:"Görevden Ödül",manualByChallenge:"Meydan Okumadan Ödül",cancelledManualByTournament:"İptal Edilen Turnuva Ödülü",cancelledManualByMission:"İptal Edilen Görev Ödülü",cancelledManualByChallenge:"İptal Edilen Meydan Okuma Ödülü",expiredManualByTournament:"Süresi Dolan Turnuva Ödülü",expiredManualByMission:"Süresi Dolan Görev Ödülü",expiredManualByChallenge:"Süresi Dolan Meydan Okuma Ödülü",cancelledManualByPrizeEngine:"İptal Edilen PrizeEngine Ödülü",expiredManualByPrizeEngine:"Süresi Dolan PrizeEngine Ödülü",prizeEngine:"PrizeEngine Kullanımı",tournamentTicket:"Turnuva Bileti Kullanımı",physicalItem:"Özel Ödül Kullanımı",role:"Rol Ataması Kullanımı"}}},L=e=>"/v1/elevate/"+(e==N.history?"redeemHistory":"pointsHistory"),A=({locale:e,wallet:n,walletType:i,isRakeback:r})=>i===N.history?t("div",{class:"RecordContainer"},n.payload&&t("div",{class:"Row"},t("div",{class:"Title"},n.payload.displayName),t("div",{class:`Amount ${S(n.points).class}`},t("span",{class:"HistoryPoints"},Math.abs(n.points)," ",e.coins))),t("div",{class:"Row"},t("div",{class:n.payload?"PointType":"Title"},e.pointType[n.pointType]||n.pointType),!n.payload&&t("div",{class:`Amount ${S(n.points).class}`},t("span",{class:"HistoryPoints"},Math.abs(n.points)," ",e.coins))),t("div",{class:"Row"},t("div",{class:"DateTime"},O(new Date(n.modified))))):t("div",{class:"RecordContainer"},t("div",{class:`Row ${n.pointType}`},t("div",{class:"Title"},(r?e.rakebackPointType[n.pointType]:e.pointType[n.pointType])||n.pointType),t("div",{class:`Amount ${S(n.points).class}`},t("span",{class:"Points"},S(n.points).symbol," ",r?n.pointAsString:n.points," "),r&&t("span",null," ",n.currency))),t("div",{class:"Row"},t("div",{class:"DateTime"},O(new Date(n.modified))))),D=(e,n,i)=>n&&t(a,null,t("div",{class:"Records"},n.map((n=>t(A,{locale:e,wallet:n,walletType:i.tableId,isRakeback:i.tableId===N.rakeback})))),t("div",{class:"PaginationContainer"},t("bonus-pagination-nav",{offset:i.offset,limit:i.limit,tableId:i.tableId,secondaryArrowsActive:i.secondaryArrowsActive,total:i.total}))),S=e=>e>0?{class:"Positive",symbol:"+"}:{class:"Negative",symbol:""},z=e=>e.toString().padStart(2,"0"),O=e=>[e.getFullYear(),z(e.getMonth()+1),z(e.getDate())].join("-")+" "+[z(e.getHours()),z(e.getMinutes()),z(e.getSeconds())].join(":"),W=(e,n,i,r="en")=>t("div",{class:"TopBarContainer"},t("div",{class:"BackImageContainer"},t("span",{class:"BackImage",innerHTML:'<svg width="9" height="15" viewBox="0 0 9 15" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.75 1L1.25 7.5L7.75 14" stroke="#242424" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>\n</svg>\n'})),t("div",{class:"TitleContainer"},t("div",{class:"Title",title:e.barTitle[n]},e.barTitle[n]),t("div",{class:"Limits"},t("bonus-pagination-limits",{pageLimitOptions:i.pageLimitOptions,limit:i.limit,language:r}))),t("div",null,t("span",{class:"MenuImage",innerHTML:'<svg width="30" height="8" viewBox="0 0 30 8" fill="none" xmlns="http://www.w3.org/2000/svg">\n<circle cx="4" cy="4" r="4" fill="black"/>\n<circle cx="15" cy="4" r="4" fill="black"/>\n<circle cx="26" cy="4" r="4" fill="black"/>\n</svg>\n'})));var $,_="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},j={exports:{}};$=j,function(e){
|
|
2
2
|
/*!
|
|
3
3
|
* decimal.js v10.6.0
|
|
4
4
|
* An arbitrary-precision Decimal type for JavaScript.
|