@everymatrix/bonus-elevate-shop 1.48.0 → 1.48.2
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/dist/bonus-elevate-shop/bonus-elevate-shop.esm.js +1 -1
- package/dist/bonus-elevate-shop/{p-cfc8ddec.js → p-a63058b5.js} +1 -1
- package/dist/bonus-elevate-shop/{p-eaad379c.entry.js → p-b75b3f39.entry.js} +39 -39
- package/dist/bonus-elevate-shop/{p-2c8cdf05.entry.js → p-bd27fb68.entry.js} +1 -1
- package/dist/bonus-elevate-shop/{p-135a1cfb.entry.js → p-f1b70ec1.entry.js} +1 -1
- package/dist/cjs/bonus-elevate-shop_17.cjs.entry.js +27 -12
- package/dist/cjs/{player-elevate-card-items-0d4d7d6e.js → player-elevate-card-items-8be6d034.js} +1 -1
- package/dist/cjs/player-elevate-card.cjs.entry.js +1 -1
- package/dist/cjs/player-elevate-loyaltycard.cjs.entry.js +1 -1
- package/dist/collection/components/bonus-elevate-shop/bonus-elevate-shop.js +2 -3
- package/dist/esm/bonus-elevate-shop_17.entry.js +27 -12
- package/dist/esm/{player-elevate-card-items-f80657b8.js → player-elevate-card-items-dce72e86.js} +1 -1
- package/dist/esm/player-elevate-card.entry.js +1 -1
- package/dist/esm/player-elevate-loyaltycard.entry.js +1 -1
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/bonus-elevate-shop/.stencil/packages/stencil/bonus-elevate-shop/stencil.config.d.ts +2 -0
- package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/bonus-elevate-shop/.stencil/packages/stencil/bonus-elevate-shop/stencil.config.dev.d.ts +2 -0
- package/package.json +1 -1
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/bonus-elevate-shop/.stencil/packages/stencil/bonus-elevate-shop/stencil.config.d.ts +0 -2
- package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/bonus-elevate-shop/.stencil/packages/stencil/bonus-elevate-shop/stencil.config.dev.d.ts +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a,h as t,F as i}from"./p-67465a46.js";import{o as n,T as o,P as l,v as s,q as d,w as r}from"./p-
|
|
1
|
+
import{r as e,a,h as t,F as i}from"./p-67465a46.js";import{o as n,T as o,P as l,v as s,q as d,w as r}from"./p-a63058b5.js";const c=class{constructor(a){e(this,a),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.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,a;return(null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel)?null===(a=this.playerElevateLevel)||void 0===a?void 0:a.nextLevel.entryPoints:-1}getNextLevelTips(){var e;let a=null===(e=this.playerElevateLevel)||void 0===e?void 0:e.nextLevel;if(this.playerElevateLevel&&a){const e=(a.entryPoints-this.playerElevateLevel.loyaltyPoints).toFixed(2);return n("tipsForNextLevel",{pointsToReach:e,levelName:a.name,lang:this.language})}return""}render(){const e=a("../static/card-ground.svg"),n=a("../static/card-ground-over.svg");return t("div",{key:"2b0944f8317a94621e1bc65bbbb3726654b8963b",class:`ElevateCardWrapper ${this.theme}`},t("div",{key:"c6d4dbba143435b4485d7fde91ab0a48a2f6688b",class:"LoyaltyCard Outer",style:{backgroundImage:`url(${e}`}},t("general-styling-wrapper",{key:"e47a4efe925eb35d4449c6ff33a0afef9d284e55",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:o,translationUrl:this.translationUrl}),t("player-elevate-card-data",{key:"a560991893305894ddd41756cd7b3c32d0ef9e03",params:this.paramProxy}),t("div",{key:"ceb8b71386f84f54518a3694535aa16c2c3d3951",class:"OuterCover Inner",style:{backgroundImage:`url(${n}`}},t("div",{key:"1df9647c3de42e74adee0f8895511442118ae381",class:"Content Row"},this.playerElevateLevel&&t(i,{key:"569bcd5fc3c578d2e6cc7442d28444e29688660c"},t("div",{key:"aa40032bff99c5462b906e4427232ca2d4019017",class:"PlayerImg"},t(l,{key:"7a2d535b0c2029c90b9f1c123f9feebafca6bdde",onlyBadge:!0,loyaltyIconUrl:this.playerElevateLevel.presentation.asset})),t("div",{key:"90999da8fc2a3102eac235fcbc8afbec2a2bbdf8",class:`LevelInfo ${this.playerElevateLevel.name}`},t(s,{key:"67e8bf370b1b77e776fb6d955ae63928fd1338d8",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),t("div",{key:"1e0fefc6a23f4aeeef5e19828399fe1229a3fc81",class:"PointsRange"},t(d,{key:"dd176e624cde3b6f517101d7702a15465305174d",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language}),t(d,{key:"6cddb64c92545803d08fbbc513cc951b2691a42e",loyaltyPoints:this.getNextLevelPoints(),language:this.language})),this.pointExpireString&&t("div",{key:"6ead0fa321a73f2f4ae69e1c424037b739c85994",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),t(r,{key:"53c623e1852fd47fddec758159c4bf6e82be1aaa"}),t("div",{key:"99894852a3f1751e80010fff0c1a841562963f6e",class:"NextLevelTip"},this.getNextLevelTips())))))))}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};c.style=":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(--emfe-w-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(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-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(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";export{c as player_elevate_loyaltycard}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,a as n,h as a,F as t}from"./p-67465a46.js";import{T as i,P as s,q as r,u as d,v as
|
|
1
|
+
import{r as e,a as n,h as a,F as t}from"./p-67465a46.js";import{T as i,P as s,q as r,u as d,v as o,w as c,x as l}from"./p-a63058b5.js";const h=class{constructor(n){e(this,n),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.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.pointExpireString=void 0,this.playerLevelFlag=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),e.detail.calculatedLevelFlag&&(this.playerLevelFlag=e.detail.calculatedLevelFlag))}onRedeemClick(){window.postMessage({type:"BEERedeemClicked"},window.location.href)}componentWillLoad(){this.paramProxy={endpoint:this.endpoint,session:this.session,language:this.language,calculateLevelFlag:!0}}render(){const e=n("../static/card-ground.svg"),h=n("../static/card-ground-over.svg");return a("div",{key:"278a328dd084ee73b2707b93a57bccae64a2c9c7",class:`ElevateCardWrapper ${this.theme}`},a("div",{key:"68c885baf533447a7c77fd887bbec11e53768277",class:"Card Outer",style:{backgroundImage:`url(${e}`}},a("general-styling-wrapper",{key:"4066253a70cdd5e712ca244a708e7c1600c83071",clientStyling:this.clientStyling,clientStylingUrl:this.clientStylingUrl,targetTranslations:i,translationUrl:this.translationUrl}),a("player-elevate-card-data",{key:"64cda2a267c752056b3c7e3134cc324fa96bc261",params:this.paramProxy}),a("div",{key:"c63ae83b401a35f5a78acd83dc3d7296c25141d7",class:"OuterCover Inner",style:{backgroundImage:`url(${h}`}},this.playerElevateLevel&&a(t,{key:"ba16e5bb54259c17fd9e5aa0e3c03c2ec5d4263c"},a("div",{key:"fa1bf74f45e28318c95266cc42c54541bde92718",class:"Content Row"},a("div",{key:"7ede46f91bcc0d894b2b633627a4ca97d15fbe90",class:"PlayerImg"},a(s,{key:"b6d0bac085e0178512b8a63ba8fccae7d4cc8399",playerAvatarUrl:this.playerAvatarUrl,loyaltyIconUrl:this.playerElevateLevel.presentation.asset}),a(r,{key:"88c445dbcd7dbe426a8de18beea02aecc03e26f3",loyaltyPoints:this.playerElevateLevel.loyaltyPoints,language:this.language})),this.pointExpireString&&a("div",{key:"4d985e486ecb74a6c916b28e619de83cb3d77ac1",class:"PointsInfo ExpirationPoints"},this.pointExpireString," "),a("div",{key:"34e051ee1ff79b825fca57db958e1e5684a0aca1",class:`LevelInfo Level${this.playerLevelFlag} ${this.playerElevateLevel.presentation.displayName}`},a(d,{key:"fa1b1f16e0b25c6adfba4c215e4ed377e05699b2",playerName:this.playerName}),a(o,{key:"6d18b1422db202363ebcd56cc56946e0e071937b",hideInfo:!0,level:this.playerElevateLevel.name,expireTime:this.playerElevateLevel.expireTime,dateFormat:this.dateFormat}),a(c,{key:"7dae355c4a5a9e28c70dced0ac061608f1753020"}),a(l,{key:"7e5f830b612c962a828c58f20a88dc97d315c910",onRedeemClick:this.onRedeemClick,language:this.language})))))))}static get assetsDirs(){return["../static"]}static get watchers(){return{session:["onSessionOrEndpointChange"],endpoint:["onSessionOrEndpointChange"],language:["onSessionOrEndpointChange"]}}};h.style="@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";export{h as player_elevate_card}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-69a0dfb7.js');
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-8be6d034.js');
|
|
7
7
|
|
|
8
8
|
const getUrl = (path, params = {}) => {
|
|
9
9
|
return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
|
|
@@ -119,8 +119,7 @@ const BonusElevateShop = class {
|
|
|
119
119
|
this.isLoading = true;
|
|
120
120
|
if (this.session) {
|
|
121
121
|
const { data, total } = await fetchNorwayApi.bind(this, '/v1/elevate/shop', {
|
|
122
|
-
|
|
123
|
-
limit: this.limit
|
|
122
|
+
pagination: `offset=${this.offset},limit=${this.limit}`
|
|
124
123
|
}).call();
|
|
125
124
|
this.gifts = data || [];
|
|
126
125
|
this.total = total;
|
|
@@ -210,7 +209,7 @@ const BonusElevateShop = class {
|
|
|
210
209
|
}));
|
|
211
210
|
}
|
|
212
211
|
render() {
|
|
213
|
-
return (index.h("main", { key: '
|
|
212
|
+
return (index.h("main", { key: '135d01ccaa1105641aa2345bd2af27b13f5f1b04', class: "MainContainer" }, index.h("general-styling-wrapper", { key: 'c317cb2b2effefe469c799ae3242c1f20d4d8753', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl }), index.h("player-elevate-pointcard", { key: 'bee27d1c5d0a6d62c201cad906367e43eceaa9b1', endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this))), index.h("div", { key: '72642c0a3022a878a2411d0af1c7d65fd0488e0e', class: "ShopBottom" }, index.h("bonus-pagination-nav", { key: '259d3b002d552db990cfe1780650080f1400aaba', total: this.total, offset: this.offset, limit: this.limit, tableId: this.shopListId, "nav-item-account": 7, arrowsActive: false, "display-page-numbers": "true" }), index.h("general-input", { key: '15bd9af43ef59a0c606ab90b5ac0f967507b9edd', type: "dropdown", name: "pageLimits", displayName: this.locale.perPage, defaultValue: this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language }))));
|
|
214
213
|
}
|
|
215
214
|
handleMessage(message) {
|
|
216
215
|
if (message.data.type === 'bee-redeem-confirmed' && message.data.id) {
|
|
@@ -450,7 +449,8 @@ const TRANSLATIONS = {
|
|
|
450
449
|
"MustIncludeNumber": "Password must include a number",
|
|
451
450
|
"MustContainCapital": "Password must include a capital letter",
|
|
452
451
|
"MustIncludePunctation": "Password must include punctuation",
|
|
453
|
-
"OnlyNumbers": "Should contains only numbers."
|
|
452
|
+
"OnlyNumbers": "Should contains only numbers.",
|
|
453
|
+
"InvalidFieldSize": "The length must be exactly 11 digits."
|
|
454
454
|
},
|
|
455
455
|
"hu": {
|
|
456
456
|
"dateError": "A választott dátumnak {min} és {max} között kell lennie",
|
|
@@ -468,7 +468,8 @@ const TRANSLATIONS = {
|
|
|
468
468
|
"MustIncludeNumber": "A jelszónak tartalmaznia kell egy számot",
|
|
469
469
|
"MustContainCapital": "A jelszónak tartalmaznia kell egy nagybetűt",
|
|
470
470
|
"MustIncludePunctation": "A jelszónak tartalmaznia kell írásjelet",
|
|
471
|
-
"OnlyNumbers": "Csak számokat kell tartalmaznia."
|
|
471
|
+
"OnlyNumbers": "Csak számokat kell tartalmaznia.",
|
|
472
|
+
"InvalidFieldSize": "A hosszúságnak pontosan 11 számjegynek kell lennie."
|
|
472
473
|
},
|
|
473
474
|
"hr": {
|
|
474
475
|
"dateError": "Odabrani datum treba biti između {min} i {max}",
|
|
@@ -487,7 +488,8 @@ const TRANSLATIONS = {
|
|
|
487
488
|
"MustIncludeNumber": "Lozinka mora sadržavati broj",
|
|
488
489
|
"MustContainCapital": "Lozinka mora sadržavati veliko slovo",
|
|
489
490
|
"MustIncludePunctation": "Lozinka mora sadržavati barem jedan znak",
|
|
490
|
-
"OnlyNumbers": "Treba sadržavati samo brojeve."
|
|
491
|
+
"OnlyNumbers": "Treba sadržavati samo brojeve.",
|
|
492
|
+
"InvalidFieldSize": "Dužina mora biti točno 11 znamenki."
|
|
491
493
|
},
|
|
492
494
|
"tr": {
|
|
493
495
|
"dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
|
|
@@ -506,7 +508,8 @@ const TRANSLATIONS = {
|
|
|
506
508
|
"MustIncludeNumber": "bir sayı içermelidir",
|
|
507
509
|
"MustContainCapital": "büyük harf içermelidir",
|
|
508
510
|
"MustIncludePunctation": "noktalama işareti içermelidir",
|
|
509
|
-
"OnlyNumbers": "Sadece sayılar içermelidir."
|
|
511
|
+
"OnlyNumbers": "Sadece sayılar içermelidir.",
|
|
512
|
+
"InvalidFieldSize": "Uzunluk tam olarak 11 rakam olmalıdır."
|
|
510
513
|
},
|
|
511
514
|
"pt-br": {
|
|
512
515
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -525,7 +528,8 @@ const TRANSLATIONS = {
|
|
|
525
528
|
"MustIncludeNumber": "A senha deve incluir um número",
|
|
526
529
|
"MustContainCapital": "A senha deve incluir uma letra maiúscula",
|
|
527
530
|
"MustIncludePunctation": "A senha deve incluir um sinal de pontuação",
|
|
528
|
-
"OnlyNumbers": "Deve conter apenas números"
|
|
531
|
+
"OnlyNumbers": "Deve conter apenas números",
|
|
532
|
+
"InvalidFieldSize": "O comprimento deve ser exatamente 11 dígitos."
|
|
529
533
|
},
|
|
530
534
|
"es-mx": {
|
|
531
535
|
"dateError": "La fecha seleccionada debe ser entre {min} y {max}",
|
|
@@ -544,7 +548,8 @@ const TRANSLATIONS = {
|
|
|
544
548
|
"MustIncludeNumber": "La contraseña debe incluir un número",
|
|
545
549
|
"MustContainCapital": "La contraseña debe incluir una letra mayúscula",
|
|
546
550
|
"MustIncludePunctation": "La contraseña debe incluir un signo de puntuación",
|
|
547
|
-
"OnlyNumbers": "Solo debe contener números"
|
|
551
|
+
"OnlyNumbers": "Solo debe contener números",
|
|
552
|
+
"InvalidFieldSize": "La longitud debe ser exactamente de 11 dígitos."
|
|
548
553
|
}
|
|
549
554
|
};
|
|
550
555
|
const translate$1 = (key, customLang, values) => {
|
|
@@ -31281,6 +31286,10 @@ const PasswordInput = class {
|
|
|
31281
31286
|
this.emitValueHandler(true);
|
|
31282
31287
|
}, 500);
|
|
31283
31288
|
};
|
|
31289
|
+
this.handleRevealField = (event) => {
|
|
31290
|
+
event.stopPropagation();
|
|
31291
|
+
window.postMessage({ type: `registrationShow${this.name}` }, window.location.href);
|
|
31292
|
+
};
|
|
31284
31293
|
this.handleBlur = (event) => {
|
|
31285
31294
|
this.value = event.target.value;
|
|
31286
31295
|
this.showPopup = false;
|
|
@@ -31388,6 +31397,9 @@ const PasswordInput = class {
|
|
|
31388
31397
|
this.inputReference = this.element.shadowRoot.querySelector('input');
|
|
31389
31398
|
this.passwordButton = this.element.shadowRoot.querySelector('vaadin-password-field-button');
|
|
31390
31399
|
this.passwordButton.tabIndex = -1;
|
|
31400
|
+
this.passwordButton.addEventListener('click', (e) => {
|
|
31401
|
+
this.handleRevealField(e);
|
|
31402
|
+
});
|
|
31391
31403
|
if (this.defaultValue) {
|
|
31392
31404
|
this.value = this.defaultValue;
|
|
31393
31405
|
this.calculateComplexity(this.value);
|
|
@@ -31399,6 +31411,9 @@ const PasswordInput = class {
|
|
|
31399
31411
|
}
|
|
31400
31412
|
this.isValid = this.setValidity();
|
|
31401
31413
|
}
|
|
31414
|
+
disconnectedCallback() {
|
|
31415
|
+
this.passwordButton.removeEventListener('click', this.handleRevealField);
|
|
31416
|
+
}
|
|
31402
31417
|
calculateComplexity(password) {
|
|
31403
31418
|
this.passwordComplexity = this.validation.custom
|
|
31404
31419
|
.filter(rule => rule.rule === 'regex')
|
|
@@ -31468,8 +31483,8 @@ const PasswordInput = class {
|
|
|
31468
31483
|
if (this.touched) {
|
|
31469
31484
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
31470
31485
|
}
|
|
31471
|
-
return index.h("div", { key: '
|
|
31472
|
-
index.h("img", { key: '
|
|
31486
|
+
return index.h("div", { key: 'c704b51efdf53817beb1541b4794e0b11b490a24', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, index.h("div", { key: 'e590afa403084ff95a8735ade400ab81ad16937f', class: 'password__wrapper--flex' }, index.h("label", { key: '9d8db00b59c4b9594538aeacee3ef5a0e678c0e9', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), index.h("div", { key: 'bb39f6018cf688fafcd0b5bef91ba079edf09daf', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
31487
|
+
index.h("img", { key: 'd8dbd086da34a8c7db9b5826654530bdb888c927', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), index.h("vaadin-password-field", { key: 'ae1c212d663fe379561b1c514087629409196ac3', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), index.h("small", { key: '2fa1e25239a7314399c16b2f897873b7a31e9f77', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
31473
31488
|
}
|
|
31474
31489
|
get element() { return index.getElement(this); }
|
|
31475
31490
|
static get watchers() { return {
|
package/dist/cjs/{player-elevate-card-items-0d4d7d6e.js → player-elevate-card-items-8be6d034.js}
RENAMED
|
@@ -2447,7 +2447,7 @@ const TipsInfo = `<svg width="126" height="92" viewBox="0 0 126 92" fill="none"
|
|
|
2447
2447
|
`;
|
|
2448
2448
|
|
|
2449
2449
|
const PlayerLoyaltyProcess = () => (index.h("span", { class: "LevelProgress", id: 'LevelProgress', innerHTML: LoyaltyProgress }));
|
|
2450
|
-
const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (index.h("div", { class: "PointsInfo" }, (loyaltyPoints
|
|
2450
|
+
const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (index.h("div", { class: "PointsInfo" }, (loyaltyPoints && loyaltyPoints >= 0) &&
|
|
2451
2451
|
index.h("div", { class: 'Points' }, loyaltyPoints, " ", index.h("sub", { class: "XP" }, translate('xp', language))), spendablePoints &&
|
|
2452
2452
|
index.h("div", { class: 'Points' }, spendablePoints, " ", index.h("sub", { class: "XP" }, translate('sp', language))), pointExpireString && (index.h("div", { class: 'ExpirationPoints' }, pointExpireString, " "))));
|
|
2453
2453
|
const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (index.h("div", { class: "CardCell Redeem" }, index.h("div", { class: "RedeemButton", onClick: () => {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-69a0dfb7.js');
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-8be6d034.js');
|
|
7
7
|
|
|
8
8
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
9
9
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-69a0dfb7.js');
|
|
6
|
-
const playerElevateCardItems = require('./player-elevate-card-items-
|
|
6
|
+
const playerElevateCardItems = require('./player-elevate-card-items-8be6d034.js');
|
|
7
7
|
|
|
8
8
|
const playerElevateLoyaltycardCss = ":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(--emfe-w-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(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-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(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
|
|
9
9
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
|
@@ -31,8 +31,7 @@ export class BonusElevateShop {
|
|
|
31
31
|
this.isLoading = true;
|
|
32
32
|
if (this.session) {
|
|
33
33
|
const { data, total } = await fetchNorwayApi.bind(this, '/v1/elevate/shop', {
|
|
34
|
-
|
|
35
|
-
limit: this.limit
|
|
34
|
+
pagination: `offset=${this.offset},limit=${this.limit}`
|
|
36
35
|
}).call();
|
|
37
36
|
this.gifts = data || [];
|
|
38
37
|
this.total = total;
|
|
@@ -122,7 +121,7 @@ export class BonusElevateShop {
|
|
|
122
121
|
}));
|
|
123
122
|
}
|
|
124
123
|
render() {
|
|
125
|
-
return (h("main", { key: '
|
|
124
|
+
return (h("main", { key: '135d01ccaa1105641aa2345bd2af27b13f5f1b04', class: "MainContainer" }, h("general-styling-wrapper", { key: 'c317cb2b2effefe469c799ae3242c1f20d4d8753', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl }), h("player-elevate-pointcard", { key: 'bee27d1c5d0a6d62c201cad906367e43eceaa9b1', endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this))), h("div", { key: '72642c0a3022a878a2411d0af1c7d65fd0488e0e', class: "ShopBottom" }, h("bonus-pagination-nav", { key: '259d3b002d552db990cfe1780650080f1400aaba', total: this.total, offset: this.offset, limit: this.limit, tableId: this.shopListId, "nav-item-account": 7, arrowsActive: false, "display-page-numbers": "true" }), h("general-input", { key: '15bd9af43ef59a0c606ab90b5ac0f967507b9edd', type: "dropdown", name: "pageLimits", displayName: this.locale.perPage, defaultValue: this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language }))));
|
|
126
125
|
}
|
|
127
126
|
handleMessage(message) {
|
|
128
127
|
if (message.data.type === 'bee-redeem-confirmed' && message.data.id) {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h as h$2, r as registerInstance, c as createEvent, g as getElement, H as Host, a as getAssetPath, F as Fragment } from './index-73211e60.js';
|
|
2
|
-
import { _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, r as requiredArgs, t as toDate, b as getUTCWeek, c as toInteger, d as getUTCISOWeek, e as getDefaultOptions, l as longFormatters, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, i as defaultLocale, j as isProtectedWeekYearToken, k as throwProtectedError, m as isProtectedDayOfYearToken, n as format, o as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, p as translate$3, q as PlayerPoints } from './player-elevate-card-items-
|
|
2
|
+
import { _ as _typeof, g as getUTCWeekYear, s as startOfUTCWeek, a as startOfUTCISOWeek, r as requiredArgs, t as toDate, b as getUTCWeek, c as toInteger, d as getUTCISOWeek, e as getDefaultOptions, l as longFormatters, f as subMilliseconds, h as getTimezoneOffsetInMilliseconds, i as defaultLocale, j as isProtectedWeekYearToken, k as throwProtectedError, m as isProtectedDayOfYearToken, n as format, o as translateWithParams, T as TRANSLATIONS$2, P as PlayerAvatar, p as translate$3, q as PlayerPoints } from './player-elevate-card-items-dce72e86.js';
|
|
3
3
|
|
|
4
4
|
const getUrl = (path, params = {}) => {
|
|
5
5
|
return path + '?' + Object.keys(params).map(key => `${key}=${params[key]}`).join('&');
|
|
@@ -115,8 +115,7 @@ const BonusElevateShop = class {
|
|
|
115
115
|
this.isLoading = true;
|
|
116
116
|
if (this.session) {
|
|
117
117
|
const { data, total } = await fetchNorwayApi.bind(this, '/v1/elevate/shop', {
|
|
118
|
-
|
|
119
|
-
limit: this.limit
|
|
118
|
+
pagination: `offset=${this.offset},limit=${this.limit}`
|
|
120
119
|
}).call();
|
|
121
120
|
this.gifts = data || [];
|
|
122
121
|
this.total = total;
|
|
@@ -206,7 +205,7 @@ const BonusElevateShop = class {
|
|
|
206
205
|
}));
|
|
207
206
|
}
|
|
208
207
|
render() {
|
|
209
|
-
return (h$2("main", { key: '
|
|
208
|
+
return (h$2("main", { key: '135d01ccaa1105641aa2345bd2af27b13f5f1b04', class: "MainContainer" }, h$2("general-styling-wrapper", { key: 'c317cb2b2effefe469c799ae3242c1f20d4d8753', clientStyling: this.clientStyling, clientStylingUrl: this.clientStylingUrl, targetTranslations: translation, translationUrl: this.translationUrl }), h$2("player-elevate-pointcard", { key: 'bee27d1c5d0a6d62c201cad906367e43eceaa9b1', endpoint: this.endpoint, session: this.session, language: this.language, clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling, translationUrl: this.translationUrl }), this.loadGifts(renderGifts.bind(this, this.gifts, this.locale, this.redeemGiftConfirm.bind(this))), h$2("div", { key: '72642c0a3022a878a2411d0af1c7d65fd0488e0e', class: "ShopBottom" }, h$2("bonus-pagination-nav", { key: '259d3b002d552db990cfe1780650080f1400aaba', total: this.total, offset: this.offset, limit: this.limit, tableId: this.shopListId, "nav-item-account": 7, arrowsActive: false, "display-page-numbers": "true" }), h$2("general-input", { key: '15bd9af43ef59a0c606ab90b5ac0f967507b9edd', type: "dropdown", name: "pageLimits", displayName: this.locale.perPage, defaultValue: this.limit, validation: { mandatory: false }, options: this.pageLimitSelectOptions, emitValue: true, language: this.language }))));
|
|
210
209
|
}
|
|
211
210
|
handleMessage(message) {
|
|
212
211
|
if (message.data.type === 'bee-redeem-confirmed' && message.data.id) {
|
|
@@ -446,7 +445,8 @@ const TRANSLATIONS = {
|
|
|
446
445
|
"MustIncludeNumber": "Password must include a number",
|
|
447
446
|
"MustContainCapital": "Password must include a capital letter",
|
|
448
447
|
"MustIncludePunctation": "Password must include punctuation",
|
|
449
|
-
"OnlyNumbers": "Should contains only numbers."
|
|
448
|
+
"OnlyNumbers": "Should contains only numbers.",
|
|
449
|
+
"InvalidFieldSize": "The length must be exactly 11 digits."
|
|
450
450
|
},
|
|
451
451
|
"hu": {
|
|
452
452
|
"dateError": "A választott dátumnak {min} és {max} között kell lennie",
|
|
@@ -464,7 +464,8 @@ const TRANSLATIONS = {
|
|
|
464
464
|
"MustIncludeNumber": "A jelszónak tartalmaznia kell egy számot",
|
|
465
465
|
"MustContainCapital": "A jelszónak tartalmaznia kell egy nagybetűt",
|
|
466
466
|
"MustIncludePunctation": "A jelszónak tartalmaznia kell írásjelet",
|
|
467
|
-
"OnlyNumbers": "Csak számokat kell tartalmaznia."
|
|
467
|
+
"OnlyNumbers": "Csak számokat kell tartalmaznia.",
|
|
468
|
+
"InvalidFieldSize": "A hosszúságnak pontosan 11 számjegynek kell lennie."
|
|
468
469
|
},
|
|
469
470
|
"hr": {
|
|
470
471
|
"dateError": "Odabrani datum treba biti između {min} i {max}",
|
|
@@ -483,7 +484,8 @@ const TRANSLATIONS = {
|
|
|
483
484
|
"MustIncludeNumber": "Lozinka mora sadržavati broj",
|
|
484
485
|
"MustContainCapital": "Lozinka mora sadržavati veliko slovo",
|
|
485
486
|
"MustIncludePunctation": "Lozinka mora sadržavati barem jedan znak",
|
|
486
|
-
"OnlyNumbers": "Treba sadržavati samo brojeve."
|
|
487
|
+
"OnlyNumbers": "Treba sadržavati samo brojeve.",
|
|
488
|
+
"InvalidFieldSize": "Dužina mora biti točno 11 znamenki."
|
|
487
489
|
},
|
|
488
490
|
"tr": {
|
|
489
491
|
"dateError": "Seçilen tarih {min} ve {max} arasında olmalıdır",
|
|
@@ -502,7 +504,8 @@ const TRANSLATIONS = {
|
|
|
502
504
|
"MustIncludeNumber": "bir sayı içermelidir",
|
|
503
505
|
"MustContainCapital": "büyük harf içermelidir",
|
|
504
506
|
"MustIncludePunctation": "noktalama işareti içermelidir",
|
|
505
|
-
"OnlyNumbers": "Sadece sayılar içermelidir."
|
|
507
|
+
"OnlyNumbers": "Sadece sayılar içermelidir.",
|
|
508
|
+
"InvalidFieldSize": "Uzunluk tam olarak 11 rakam olmalıdır."
|
|
506
509
|
},
|
|
507
510
|
"pt-br": {
|
|
508
511
|
"dateError": "A data selecionada deve estar entre {min} e {max}",
|
|
@@ -521,7 +524,8 @@ const TRANSLATIONS = {
|
|
|
521
524
|
"MustIncludeNumber": "A senha deve incluir um número",
|
|
522
525
|
"MustContainCapital": "A senha deve incluir uma letra maiúscula",
|
|
523
526
|
"MustIncludePunctation": "A senha deve incluir um sinal de pontuação",
|
|
524
|
-
"OnlyNumbers": "Deve conter apenas números"
|
|
527
|
+
"OnlyNumbers": "Deve conter apenas números",
|
|
528
|
+
"InvalidFieldSize": "O comprimento deve ser exatamente 11 dígitos."
|
|
525
529
|
},
|
|
526
530
|
"es-mx": {
|
|
527
531
|
"dateError": "La fecha seleccionada debe ser entre {min} y {max}",
|
|
@@ -540,7 +544,8 @@ const TRANSLATIONS = {
|
|
|
540
544
|
"MustIncludeNumber": "La contraseña debe incluir un número",
|
|
541
545
|
"MustContainCapital": "La contraseña debe incluir una letra mayúscula",
|
|
542
546
|
"MustIncludePunctation": "La contraseña debe incluir un signo de puntuación",
|
|
543
|
-
"OnlyNumbers": "Solo debe contener números"
|
|
547
|
+
"OnlyNumbers": "Solo debe contener números",
|
|
548
|
+
"InvalidFieldSize": "La longitud debe ser exactamente de 11 dígitos."
|
|
544
549
|
}
|
|
545
550
|
};
|
|
546
551
|
const translate$1 = (key, customLang, values) => {
|
|
@@ -31277,6 +31282,10 @@ const PasswordInput = class {
|
|
|
31277
31282
|
this.emitValueHandler(true);
|
|
31278
31283
|
}, 500);
|
|
31279
31284
|
};
|
|
31285
|
+
this.handleRevealField = (event) => {
|
|
31286
|
+
event.stopPropagation();
|
|
31287
|
+
window.postMessage({ type: `registrationShow${this.name}` }, window.location.href);
|
|
31288
|
+
};
|
|
31280
31289
|
this.handleBlur = (event) => {
|
|
31281
31290
|
this.value = event.target.value;
|
|
31282
31291
|
this.showPopup = false;
|
|
@@ -31384,6 +31393,9 @@ const PasswordInput = class {
|
|
|
31384
31393
|
this.inputReference = this.element.shadowRoot.querySelector('input');
|
|
31385
31394
|
this.passwordButton = this.element.shadowRoot.querySelector('vaadin-password-field-button');
|
|
31386
31395
|
this.passwordButton.tabIndex = -1;
|
|
31396
|
+
this.passwordButton.addEventListener('click', (e) => {
|
|
31397
|
+
this.handleRevealField(e);
|
|
31398
|
+
});
|
|
31387
31399
|
if (this.defaultValue) {
|
|
31388
31400
|
this.value = this.defaultValue;
|
|
31389
31401
|
this.calculateComplexity(this.value);
|
|
@@ -31395,6 +31407,9 @@ const PasswordInput = class {
|
|
|
31395
31407
|
}
|
|
31396
31408
|
this.isValid = this.setValidity();
|
|
31397
31409
|
}
|
|
31410
|
+
disconnectedCallback() {
|
|
31411
|
+
this.passwordButton.removeEventListener('click', this.handleRevealField);
|
|
31412
|
+
}
|
|
31398
31413
|
calculateComplexity(password) {
|
|
31399
31414
|
this.passwordComplexity = this.validation.custom
|
|
31400
31415
|
.filter(rule => rule.rule === 'regex')
|
|
@@ -31464,8 +31479,8 @@ const PasswordInput = class {
|
|
|
31464
31479
|
if (this.touched) {
|
|
31465
31480
|
invalidClass = this.isValid == true || this.isValid == undefined ? '' : 'text__input--invalid';
|
|
31466
31481
|
}
|
|
31467
|
-
return h$2("div", { key: '
|
|
31468
|
-
h$2("img", { key: '
|
|
31482
|
+
return h$2("div", { key: 'c704b51efdf53817beb1541b4794e0b11b490a24', class: `password__wrapper ${this.autofilled ? 'password__wrapper--autofilled' : ''} ${this.name}__input`, ref: el => this.stylingContainer = el }, h$2("div", { key: 'e590afa403084ff95a8735ade400ab81ad16937f', class: 'password__wrapper--flex' }, h$2("label", { key: '9d8db00b59c4b9594538aeacee3ef5a0e678c0e9', class: `password__label ${this.validation.mandatory ? 'password__label--required' : ''}`, htmlFor: `${this.name}__input` }, this.displayName), h$2("div", { key: 'bb39f6018cf688fafcd0b5bef91ba079edf09daf', class: 'password__wrapper--relative' }, this.tooltip &&
|
|
31483
|
+
h$2("img", { key: 'd8dbd086da34a8c7db9b5826654530bdb888c927', class: 'password__tooltip-icon', src: tooltipIcon, alt: "", ref: (el) => this.tooltipIconReference = el, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip())), h$2("vaadin-password-field", { key: 'ae1c212d663fe379561b1c514087629409196ac3', type: "password", id: `${this.name}__input`, class: `password__input ${invalidClass}`, name: this.name, readOnly: this.autofilled, value: this.defaultValue, required: this.validation.mandatory, maxlength: this.validation.maxLength, minlength: this.validation.minLength, pattern: this.validationPattern, placeholder: `${this.placeholder}`, onInput: this.handleInput, onBlur: this.handleBlur, onFocus: this.handleFocus }), h$2("small", { key: '2fa1e25239a7314399c16b2f897873b7a31e9f77', class: 'password__error-message' }, this.errorMessage), this.passwordComplexity && this.showPopup && !this.isDuplicateInput && this.renderComplexityPopup());
|
|
31469
31484
|
}
|
|
31470
31485
|
get element() { return getElement(this); }
|
|
31471
31486
|
static get watchers() { return {
|
package/dist/esm/{player-elevate-card-items-f80657b8.js → player-elevate-card-items-dce72e86.js}
RENAMED
|
@@ -2445,7 +2445,7 @@ const TipsInfo = `<svg width="126" height="92" viewBox="0 0 126 92" fill="none"
|
|
|
2445
2445
|
`;
|
|
2446
2446
|
|
|
2447
2447
|
const PlayerLoyaltyProcess = () => (h("span", { class: "LevelProgress", id: 'LevelProgress', innerHTML: LoyaltyProgress }));
|
|
2448
|
-
const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (h("div", { class: "PointsInfo" }, (loyaltyPoints
|
|
2448
|
+
const PlayerPoints = ({ loyaltyPoints, spendablePoints, pointExpireString, language, }) => (h("div", { class: "PointsInfo" }, (loyaltyPoints && loyaltyPoints >= 0) &&
|
|
2449
2449
|
h("div", { class: 'Points' }, loyaltyPoints, " ", h("sub", { class: "XP" }, translate('xp', language))), spendablePoints &&
|
|
2450
2450
|
h("div", { class: 'Points' }, spendablePoints, " ", h("sub", { class: "XP" }, translate('sp', language))), pointExpireString && (h("div", { class: 'ExpirationPoints' }, pointExpireString, " "))));
|
|
2451
2451
|
const PlayerElevateCardRedeem = ({ language, onRedeemClick }) => (h("div", { class: "CardCell Redeem" }, h("div", { class: "RedeemButton", onClick: () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-73211e60.js';
|
|
2
|
-
import { T as TRANSLATIONS, P as PlayerAvatar, q as PlayerPoints, u as PlayerNameDiv, v as PlayerElevateLoyaltyLevel, w as PlayerLoyaltyProcess, x as PlayerElevateCardRedeem } from './player-elevate-card-items-
|
|
2
|
+
import { T as TRANSLATIONS, P as PlayerAvatar, q as PlayerPoints, u as PlayerNameDiv, v as PlayerElevateLoyaltyLevel, w as PlayerLoyaltyProcess, x as PlayerElevateCardRedeem } from './player-elevate-card-items-dce72e86.js';
|
|
3
3
|
|
|
4
4
|
const playerElevateCardCss = "@container (max-width: 270px) {\n .Card .Inner {\n flex-direction: column;\n }\n .Card .Inner .Content {\n padding: 9px;\n }\n .Inner .Row .ExpirationPoints {\n order: 1;\n }\n}\n.Card .PlayerImg {\n order: 0;\n}\n.Card .ExpirationPoints {\n order: 3;\n}\n.Card .LevelInfo {\n order: 2;\n}\n.Card .Inner .Row .PlayerImg {\n flex-direction: column;\n}\n.Card .Inner .Row .PointsInfo {\n width: 100%;\n text-align: center;\n display: flex;\n flex-direction: column;\n max-height: 50%;\n}\n.Card .Inner .PlayerAvatar .Badge {\n background-size: contain;\n background-repeat: no-repeat;\n position: absolute;\n right: 5px;\n bottom: -5px;\n width: 40%;\n height: 40%;\n overflow: visible;\n}\n.Card .Inner .Row .ExpirationPoints {\n text-align: left;\n color: var(--emfe-w-color-red, red);\n}\n.Card .Inner .Row .Points {\n text-wrap: nowrap;\n}\n.Card .Inner .LevelInfo .ElevateLevel {\n flex-direction: column;\n}\n.Card .Inner .LevelInfo .ElevateLevel .LevelName {\n width: calc(100% - 20px);\n text-align: left;\n font-size: 13px;\n padding-left: 20px;\n margin: 10px 0;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpirationDate {\n text-align: center;\n font-size: smaller;\n}\n.Card .Inner .LevelInfo .ElevateLevel .ExpireTime {\n margin-left: 5px;\n}";
|
|
5
5
|
const PlayerElevateCardStyle0 = playerElevateCardCss;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, a as getAssetPath, h, F as Fragment } from './index-73211e60.js';
|
|
2
|
-
import { o as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, v as PlayerElevateLoyaltyLevel, q as PlayerPoints, w as PlayerLoyaltyProcess } from './player-elevate-card-items-
|
|
2
|
+
import { o as translateWithParams, T as TRANSLATIONS, P as PlayerAvatar, v as PlayerElevateLoyaltyLevel, q as PlayerPoints, w as PlayerLoyaltyProcess } from './player-elevate-card-items-dce72e86.js';
|
|
3
3
|
|
|
4
4
|
const playerElevateLoyaltycardCss = ":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(--emfe-w-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(--emfe-w-elevate-fontsize-2xlarge, 21px);position:relative;width:auto;color:var(--emfe-w-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(--emfe-w-color-black, #000);opacity:0.8;font-weight:bold}";
|
|
5
5
|
const PlayerElevateLoyaltycardStyle0 = playerElevateLoyaltycardCss;
|
package/package.json
CHANGED