@everymatrix/bonus-elevate-powerups-lobby 0.0.16 → 0.0.18
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-powerups-lobby/bonus-elevate-powerups-lobby-b04a9da7.js +1 -0
- package/dist/bonus-elevate-powerups-lobby/bonus-elevate-powerups-lobby.esm.js +1 -1
- package/dist/bonus-elevate-powerups-lobby/bonus-elevate-powerups_7.entry.js +3 -3
- package/dist/bonus-elevate-powerups-lobby/index.esm.js +1 -1
- package/dist/cjs/{bonus-elevate-powerups-lobby-a19b84c9.js → bonus-elevate-powerups-lobby-c38947f9.js} +12 -12
- package/dist/cjs/bonus-elevate-powerups-lobby.cjs.js +1 -1
- package/dist/cjs/bonus-elevate-powerups_7.cjs.entry.js +59 -22
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/bonus-elevate-powerups-lobby/bonus-elevate-powerups-lobby.js +10 -10
- package/dist/esm/{bonus-elevate-powerups-lobby-09c95672.js → bonus-elevate-powerups-lobby-b04a9da7.js} +11 -11
- package/dist/esm/bonus-elevate-powerups-lobby.js +1 -1
- package/dist/esm/bonus-elevate-powerups_7.entry.js +60 -23
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/bonus-elevate-powerups-lobby/.stencil/libs/common/src/types/casino/powerups.d.ts +7 -6
- package/dist/types/components/bonus-elevate-powerups-lobby/bonus-elevate-powerups-lobby.d.ts +1 -1
- package/dist/types/components.d.ts +2 -2
- package/package.json +1 -1
- package/dist/bonus-elevate-powerups-lobby/bonus-elevate-powerups-lobby-09c95672.js +0 -1
|
@@ -156,15 +156,15 @@ const translate = (key, customLang, values) => {
|
|
|
156
156
|
return translation;
|
|
157
157
|
};
|
|
158
158
|
|
|
159
|
-
|
|
159
|
+
var MultiplierMode;
|
|
160
160
|
(function (MultiplierMode) {
|
|
161
|
-
MultiplierMode[
|
|
162
|
-
MultiplierMode[
|
|
163
|
-
})(
|
|
161
|
+
MultiplierMode["COINS"] = "coins";
|
|
162
|
+
MultiplierMode["XP"] = "xp";
|
|
163
|
+
})(MultiplierMode || (MultiplierMode = {}));
|
|
164
164
|
exports.BoostingPeriodMode = void 0;
|
|
165
165
|
(function (BoostingPeriodMode) {
|
|
166
|
-
BoostingPeriodMode[
|
|
167
|
-
BoostingPeriodMode[
|
|
166
|
+
BoostingPeriodMode["TIME_PERIOD"] = "timePeriod";
|
|
167
|
+
BoostingPeriodMode["NUMBER_OF_ROUNDS"] = "numberOfRounds";
|
|
168
168
|
})(exports.BoostingPeriodMode || (exports.BoostingPeriodMode = {}));
|
|
169
169
|
exports.PowerUpStatus = void 0;
|
|
170
170
|
(function (PowerUpStatus) {
|
|
@@ -183,8 +183,8 @@ const BonusElevatePowerupsLobby = class {
|
|
|
183
183
|
constructor(hostRef) {
|
|
184
184
|
index.registerInstance(this, hostRef);
|
|
185
185
|
this.tabsInfo = {
|
|
186
|
-
'available': { tabId: 'available', offset: 0, limit: this.
|
|
187
|
-
'history': { tabId: 'history', offset: 0, limit: this.
|
|
186
|
+
'available': { tabId: 'available', offset: 0, limit: this.limit },
|
|
187
|
+
'history': { tabId: 'history', offset: 0, limit: this.limit
|
|
188
188
|
}
|
|
189
189
|
};
|
|
190
190
|
this.mbSource = undefined;
|
|
@@ -194,16 +194,16 @@ const BonusElevatePowerupsLobby = class {
|
|
|
194
194
|
this.language = 'en';
|
|
195
195
|
this.endpoint = undefined;
|
|
196
196
|
this.session = undefined;
|
|
197
|
-
this.
|
|
197
|
+
this.limit = 10;
|
|
198
198
|
this.activeTab = this.tabsInfo.available.tabId;
|
|
199
199
|
}
|
|
200
200
|
onTabClick(tab) {
|
|
201
201
|
this.activeTab = tab;
|
|
202
202
|
}
|
|
203
203
|
render() {
|
|
204
|
-
return index.h("div", { key: '
|
|
205
|
-
index.h("bonus-elevate-powerups", { key: '
|
|
206
|
-
index.h("bonus-elevate-powerups-history", { key: '
|
|
204
|
+
return index.h("div", { key: 'd02a197df9729b803c63fc618d2ce6acefca9237', class: 'PowerUpsLobby', ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'e6a44cfe64a887aca6d23ad6cc57462639ee3631', class: 'TabTitle' }, index.h("span", { key: '09644cd28e50adbaf43347f01c08a6f6a8874c89', class: `Tab TabItem ${this.activeTab === 'available' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'available') }, translate('available', this.language)), index.h("span", { key: '6fc8efd978827391122130b5ea899071634003a8', class: `Tab TabItem ${this.activeTab === 'history' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'history') }, translate('history', this.language))), index.h("div", { key: '48a5e6a3291904f3113fa4903d3231ff59be3dd0', class: 'Desc' }, " ", MultiplierMode.XP, " "), index.h("div", { key: 'b918a55f179d1f64cf605df4ca47d93e3a6dba17', class: 'TabContent' }, this.activeTab === 'available' &&
|
|
205
|
+
index.h("bonus-elevate-powerups", { key: 'f0d346fcafb0d6451fca43ec566b519173791e32', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, limit: this.limit }), this.activeTab === 'history' &&
|
|
206
|
+
index.h("bonus-elevate-powerups-history", { key: 'f01b6a1fed3455735bab4fe406fa05ae6c84ac00', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, limit: this.limit })));
|
|
207
207
|
}
|
|
208
208
|
handleClientStylingChange(newValue, oldValue) {
|
|
209
209
|
if (newValue != oldValue) {
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["bonus-elevate-powerups_7.cjs",[[1,"bonus-elevate-powerups-lobby",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"
|
|
22
|
+
return index.bootstrapLazy([["bonus-elevate-powerups_7.cjs",[[1,"bonus-elevate-powerups-lobby",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[1538],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[1,"bonus-elevate-powerups",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[1538],"openTermsPage":[4,"open-terms-page"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData","handleDataConfigChange"],"endpoint":["loadData","handleDataConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[1,"bonus-elevate-powerups-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"translationUrl":[513,"translation-url"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData"],"endpoint":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"time-count",{"expireTime":[1,"expire-time"],"language":[1],"displayTime":[32],"isExpireInDay1":[32]},null,{"expireTime":["startTimeChanged"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-d5c2977d.js');
|
|
6
|
-
const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-
|
|
6
|
+
const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-c38947f9.js');
|
|
7
7
|
|
|
8
8
|
const DEFAULT_LANGUAGE$2 = 'en';
|
|
9
9
|
const TRANSLATIONS$2 = {
|
|
@@ -12,14 +12,33 @@ const TRANSLATIONS$2 = {
|
|
|
12
12
|
rounds: 'Rounds',
|
|
13
13
|
coins: 'Coins',
|
|
14
14
|
xp: 'XP',
|
|
15
|
+
expiresIn: 'EXPIRES IN ',
|
|
15
16
|
nothingHere: 'Nothing here -- yet!',
|
|
16
17
|
noPowerUps: 'No power-ups have been used at the moment.',
|
|
17
18
|
gotoShop: 'Go to shop to check power-ups availability.',
|
|
18
19
|
termsCon: 'Read full Terms & Conditions',
|
|
19
20
|
games: 'Games',
|
|
20
21
|
selectGameToActive: 'Select the game to activate power-up',
|
|
22
|
+
days: 'days'
|
|
21
23
|
}
|
|
22
24
|
};
|
|
25
|
+
const getTranslations$1 = (url) => {
|
|
26
|
+
return new Promise((resolve) => {
|
|
27
|
+
fetch(url)
|
|
28
|
+
.then((res) => res.json())
|
|
29
|
+
.then((data) => {
|
|
30
|
+
Object.keys(data).forEach((lang) => {
|
|
31
|
+
if (!TRANSLATIONS$2[lang]) {
|
|
32
|
+
TRANSLATIONS$2[lang] = {};
|
|
33
|
+
}
|
|
34
|
+
for (let key in data[lang]) {
|
|
35
|
+
TRANSLATIONS$2[lang][key] = data[lang][key];
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
resolve(true);
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
};
|
|
23
42
|
const translate$2 = (key, customLang, values) => {
|
|
24
43
|
const lang = customLang;
|
|
25
44
|
let translation = TRANSLATIONS$2[(lang !== undefined) && (lang in TRANSLATIONS$2) ? lang : DEFAULT_LANGUAGE$2][key];
|
|
@@ -45,15 +64,15 @@ const ClearSearch$1 = `<svg width="52" height="52" viewBox="0 0 52 52" fill="non
|
|
|
45
64
|
|
|
46
65
|
const powerUpSearchConditions = {
|
|
47
66
|
expand: "games",
|
|
48
|
-
fields: "id,powerUpID,displayName,termsUrl,description,status,multiplier,boostingPeriod,currentTime,expireTime,games(id,gameId,name,thumbnail
|
|
67
|
+
fields: "id,powerUpID,displayName,termsUrl,description,status,multiplier,boostingPeriod,currentTime,expireTime,games(id,gameId,name,slug,thumbnail)",
|
|
49
68
|
status: `${bonusElevatePowerupsLobby.PowerUpStatus.ACTIVE},${bonusElevatePowerupsLobby.PowerUpStatus.ACTIVATED}`
|
|
50
69
|
};
|
|
51
70
|
const powerUpGameSearchConditions = {
|
|
52
71
|
expand: "games",
|
|
53
|
-
fields: "id,powerUpID,games(id,gameId,name,thumbnail
|
|
72
|
+
fields: "id,powerUpID,games(id,gameId,slug,name,thumbnail)"
|
|
54
73
|
};
|
|
55
74
|
|
|
56
|
-
const bonusElevatePowerupsCss = ":host{display:block;font-family:inherit;--game-amount-line:4}@media screen and (max-width: 768px){.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:32%}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{padding:8px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{margin:8px}}@media screen and (max-width: 470px){.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:45%}.PowerUpsContainer .PowerUps .PowerUpItem.Card{max-height:600px;height:fit-content;flex-direction:column}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft{gap:10px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{height:51%;overflow:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{width:auto;margin:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .Game,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .Game{width:45%}}.PowerUpsContainer{font-size:0.95rem;display:flex;flex-direction:column;min-height:300px}.PowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2em;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.PowerUpsContainer .EmptyPowerups .Icon,.PowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.PowerUpsContainer .EmptyPowerups .Icon svg,.PowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.PowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2em;font-weight:bold;margin:10px}.PowerUpsContainer .PowerUps{width:100%;gap:12px;display:flex;flex-direction:column}.PowerUpsContainer .PowerUps .Card{width:100%;height:307px;gap:12px;border-radius:12px;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));display:flex;flex-direction:row}.PowerUpsContainer .PowerUps .Card .CardLeft,.PowerUpsContainer .PowerUps .Card .CardRight{display:flex;flex-direction:column}.PowerUpsContainer .PowerUps .Card .CardLeft{padding:20px;width:35%;display:flex;flex-direction:column;justify-content:space-between}.PowerUpsContainer .PowerUps .Card .CardLeft .MainInfo{display:flex;flex-direction:column;gap:12px}.PowerUpsContainer .PowerUps .Card .CardRight{padding:10px}.PowerUpsContainer .PowerUps .Card .Description{color
|
|
75
|
+
const bonusElevatePowerupsCss = ":host{display:block;font-family:inherit;--game-amount-line:4}@media screen and (max-width: 768px){.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:32%}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{padding:8px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{margin:8px}}@media screen and (max-width: 470px){.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:45%}.PowerUpsContainer .PowerUps .PowerUpItem.Card{max-height:600px;height:fit-content;flex-direction:column}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft{gap:10px;min-width:320px}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{height:51%;overflow:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight{width:auto;margin:auto}.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .Game,.PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .Game{width:45%}}.PowerUpsContainer{font-size:0.95rem;display:flex;flex-direction:column;min-height:300px}.PowerUpsContainer .EmptyPowerups{align-items:center;justify-content:center;font-weight:400;font-size:1.2em;line-height:24px;text-align:center;vertical-align:middle;width:max-content;margin:auto;display:flex;flex-direction:column;padding:50px}.PowerUpsContainer .EmptyPowerups .Icon,.PowerUpsContainer .EmptyPowerups .NoPowerTitle{text-align:center}.PowerUpsContainer .EmptyPowerups .Icon svg,.PowerUpsContainer .EmptyPowerups .NoPowerTitle svg{width:40px}.PowerUpsContainer .EmptyPowerups .NoPowerTitle{font-size:1.2em;font-weight:bold;margin:10px}.PowerUpsContainer .PowerUps{width:100%;gap:12px;display:flex;flex-direction:column}.PowerUpsContainer .PowerUps time-count{margin-left:3px}.PowerUpsContainer .PowerUps .Card{width:100%;max-height:307px;gap:12px;border-radius:12px;border:2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));display:flex;flex-direction:row}.PowerUpsContainer .PowerUps .Card .CardLeft,.PowerUpsContainer .PowerUps .Card .CardRight{display:flex;flex-direction:column}.PowerUpsContainer .PowerUps .Card .CardLeft{padding:20px;width:35%;display:flex;min-width:339px;flex-direction:column;justify-content:space-between}.PowerUpsContainer .PowerUps .Card .CardLeft .MainInfo{display:flex;flex-direction:column;gap:12px}.PowerUpsContainer .PowerUps .Card .CardRight{padding:10px}.PowerUpsContainer .PowerUps .Card .Description{color:var(--emw--color-gray-150, #c8d6ce);line-height:1.2rem;flex:1}.PowerUpsContainer .PowerUps .Card .CardLeft .DisplayName{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;height:22px;gap:12px}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier{text-transform:uppercase;font-size:0.85em;color:var(--emw--color-gray-dark, #727672)}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount{background-image:linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange2, #E0A84E) 100%)}.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount .Label{text-transform:uppercase}.PowerUpsContainer .PowerUps .Card .CardLeft .ExpireCount,.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC{display:inline-block;-webkit-background-clip:text;background-clip:text;color:transparent}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC{text-transform:uppercase;background-image:linear-gradient(180deg, var(--emw--color-powup-green, #24B24E) 0%, var(--emw--color-powup-light-green, #18CE51) 100%);font-size:0.8em;font-weight:bold}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC a{color:var(--emw--color-powup-light-green, #18CE51)}.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC span{cursor:pointer}.PowerUpsContainer .PowerUps .Card .GamesContent{margin:20px;flex:1;gap:12px;display:flex;border-radius:8px;border:2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922))}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle{display:flex;flex-direction:row}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .Title2{text-transform:capitalize}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .GamesAmount{opacity:0.8}.PowerUpsContainer .PowerUps .Card .GamesContent .GameTitleTip{color:var(--emw--color-powup-gray-green, #C8D6CE);font-size:0.8rem}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList{display:flex;justify-content:center;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--emw--background-gray-color, gray) transparent}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList::-webkit-scrollbar-track{background-color:transparent;border-radius:5px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games{padding:0;display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:calc(30px / (var(--game-amount-line) - 1))}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game{width:calc((100% - 30px) / var(--game-amount-line));cursor:pointer;position:relative}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game .GameMask{transition:opacity;transition-duration:0.2s;opacity:0;position:absolute;width:70%;height:100%}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .mask-filter{opacity:1}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover img{opacity:0.4;filter:blur(1.5px)}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameMask{opacity:1;mix-blend-mode:screen;background-color:var(--emw--color-powup-green, #24B24E);display:flex;justify-content:center;align-items:center;position:absolute;width:100%;left:0;height:100%;top:0;border-radius:8px}.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameMask .PlayBtn{border:2px solid var(--emw--color-powup-gray, #f0f0f0);padding:5px 3px;border-radius:3px}.PowerUpsContainer .Pagination{display:flex;justify-content:center}";
|
|
57
76
|
const BonusElevatePowerupsStyle0 = bonusElevatePowerupsCss;
|
|
58
77
|
|
|
59
78
|
const BonusElevatePowerups = class {
|
|
@@ -64,14 +83,15 @@ const BonusElevatePowerups = class {
|
|
|
64
83
|
this.mbSource = undefined;
|
|
65
84
|
this.clientStyling = undefined;
|
|
66
85
|
this.clientStylingUrl = undefined;
|
|
86
|
+
this.translationUrl = '';
|
|
67
87
|
this.language = 'en';
|
|
68
88
|
this.endpoint = undefined;
|
|
69
89
|
this.session = undefined;
|
|
70
|
-
this.
|
|
90
|
+
this.limit = 10;
|
|
91
|
+
this.openTermsPage = true;
|
|
71
92
|
this.isLoading = true;
|
|
72
93
|
this.powerups = [];
|
|
73
94
|
this.offset = 0;
|
|
74
|
-
this.limit = this.pageSize;
|
|
75
95
|
this.total = undefined;
|
|
76
96
|
}
|
|
77
97
|
onReloadPageByType(e) {
|
|
@@ -125,8 +145,11 @@ const BonusElevatePowerups = class {
|
|
|
125
145
|
}
|
|
126
146
|
}
|
|
127
147
|
}
|
|
128
|
-
|
|
129
|
-
window.postMessage({ type: '
|
|
148
|
+
onGameClick(game) {
|
|
149
|
+
window.postMessage({ type: 'EngagementSuiteGameRedirect', data: { Slug: game.slug } });
|
|
150
|
+
}
|
|
151
|
+
onTermsUrlClick(termsUrl) {
|
|
152
|
+
window.postMessage({ type: 'onPowerupTermsUrlClicked', termsUrl }, '*');
|
|
130
153
|
}
|
|
131
154
|
async loadMoreGames(powerup) {
|
|
132
155
|
var _a;
|
|
@@ -134,11 +157,11 @@ const BonusElevatePowerups = class {
|
|
|
134
157
|
return; // All games already loaded
|
|
135
158
|
}
|
|
136
159
|
try {
|
|
137
|
-
const url = new URL(`${this.endpoint}/v1/elevate/powerups?pagination=games(limit=20,offset=${powerup.games.items.length})`);
|
|
160
|
+
const url = new URL(`${this.endpoint}/v1/elevate/powerups/available?pagination=games(limit=20,offset=${powerup.games.items.length})`);
|
|
138
161
|
const options = {
|
|
139
162
|
headers: { 'x-SessionId': this.session },
|
|
140
163
|
};
|
|
141
|
-
url.searchParams.append('filter', `
|
|
164
|
+
url.searchParams.append('filter', `id=${powerup.powerUpID}`);
|
|
142
165
|
Object.entries(powerUpGameSearchConditions).forEach(([key, value]) => {
|
|
143
166
|
url.searchParams.append(key, value);
|
|
144
167
|
});
|
|
@@ -195,15 +218,16 @@ const BonusElevatePowerups = class {
|
|
|
195
218
|
});
|
|
196
219
|
}
|
|
197
220
|
render() {
|
|
198
|
-
return index.h("div", { key: '
|
|
221
|
+
return index.h("div", { key: '7de60fedad83668fcff2f4a1ea02b489b80d3b12', class: `PowerUpsContainer`, ref: (el) => (this.stylingContainer = el) }, this.isLoading
|
|
199
222
|
? index.h("p", null, "Loading...")
|
|
200
223
|
: !this.total ?
|
|
201
224
|
index.h("div", { class: 'EmptyPowerups' }, index.h("div", { class: 'Icon', innerHTML: ClearSearch$1 }), index.h("span", { class: 'NoPowerTitle' }, translate$2('nothingHere', this.language)), index.h("span", null, translate$2('noPowerUps')), index.h("span", null, translate$2('gotoShop')), index.h("div", null))
|
|
202
225
|
: [index.h("div", { class: 'PowerUps' }, this.powerups.map(powerup => {
|
|
203
226
|
var _a, _b;
|
|
204
|
-
return index.h("div", { class: 'PowerUpItem Card', "data-powerup-id": powerup.id }, index.h("div", { class: 'CardLeft' }, index.h("div", { class: 'MainInfo' }, index.h("div", { class: 'DisplayName' }, " ", powerup.displayName || '
|
|
205
|
-
|
|
206
|
-
|
|
227
|
+
return index.h("div", { class: 'PowerUpItem Card', "data-powerup-id": powerup.id }, index.h("div", { class: 'CardLeft' }, index.h("div", { class: 'MainInfo' }, index.h("div", { class: 'DisplayName' }, " ", powerup.displayName || '-', " "), index.h("div", { class: 'Title2 PowerUpMultiplier' }, index.h("span", { class: 'BoostingPeriod' }, index.h("span", { class: 'Period' }, powerup.boostingPeriod.minutes || powerup.boostingPeriod.numberOfRounds, " "), powerup.boostingPeriod.mode === bonusElevatePowerupsLobby.BoostingPeriodMode.TIME_PERIOD ? translate$2('min', this.language) : translate$2('rounds', this.language), " "), index.h("span", { class: 'Multiplier' }, "| X ", powerup.multiplier.coefficient, " "), index.h("span", { class: 'MultiplierMode' }, "| ", translate$2(powerup.multiplier.mode, this.language), " "), powerup.expireTime && [index.h("span", null, " | "), index.h("span", { class: 'ExpireCount' }, index.h("time-count", { "expire-time": powerup.expireTime, language: this.language }))]), index.h("div", { class: 'Description' }, powerup.description)), index.h("div", { class: 'TermsC' }, this.openTermsPage
|
|
228
|
+
? index.h("a", { href: powerup.termsUrl ? powerup.termsUrl : '#', target: '_blank' }, translate$2('termsCon', this.language))
|
|
229
|
+
: index.h("span", { onClick: this.onTermsUrlClick.bind(this, powerup.termsUrl) }, translate$2('termsCon', this.language), " "))), index.h("div", { class: 'GamesContent CardRight' }, index.h("div", { class: 'GamesTitle' }, index.h("span", { class: 'Title2' }, " ", translate$2('games', this.language)), index.h("span", { class: 'GamesAmount' }, " ( ", ((_a = powerup.games) === null || _a === void 0 ? void 0 : _a.total) || 0, " ) ")), index.h("div", { class: 'GameTitleTip' }, translate$2('selectGameToActive', this.language)), index.h("div", { class: 'GamesList' }, index.h("div", { class: 'Games' }, (_b = powerup.games) === null || _b === void 0 ? void 0 : _b.items.map(g => {
|
|
230
|
+
return index.h("div", { class: 'Game' }, index.h("ui-image", { src: g.thumbnail }), index.h("div", { class: 'GameMask', onClick: this.onGameClick.bind(this, g) }, index.h("span", { class: 'PlayBtn' }, "Start Now!")));
|
|
207
231
|
})))));
|
|
208
232
|
})), index.h("div", { class: 'Pagination' }, this.total && this.total > this.limit &&
|
|
209
233
|
index.h("bonus-pagination-nav", { offset: this.offset, limit: this.limit, "secondary-arrows-active": true, "table-id": this.tableId, total: this.total }))]);
|
|
@@ -226,7 +250,13 @@ const BonusElevatePowerups = class {
|
|
|
226
250
|
bonusElevatePowerupsLobby.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
|
|
227
251
|
}
|
|
228
252
|
}
|
|
229
|
-
|
|
253
|
+
handleNewTranslations() {
|
|
254
|
+
getTranslations$1(this.translationUrl);
|
|
255
|
+
}
|
|
256
|
+
async componentWillLoad() {
|
|
257
|
+
if (this.translationUrl) {
|
|
258
|
+
await getTranslations$1(this.translationUrl);
|
|
259
|
+
}
|
|
230
260
|
this.loadData().catch(console.error);
|
|
231
261
|
}
|
|
232
262
|
componentDidLoad() {
|
|
@@ -256,7 +286,8 @@ const BonusElevatePowerups = class {
|
|
|
256
286
|
"endpoint": ["loadData", "handleDataConfigChange"],
|
|
257
287
|
"clientStyling": ["handleClientStylingChange"],
|
|
258
288
|
"clientStylingUrl": ["handleClientStylingUrlChange"],
|
|
259
|
-
"mbSource": ["handleMbSourceChange"]
|
|
289
|
+
"mbSource": ["handleMbSourceChange"],
|
|
290
|
+
"translationUrl": ["handleNewTranslations"]
|
|
260
291
|
}; }
|
|
261
292
|
};
|
|
262
293
|
BonusElevatePowerups.style = BonusElevatePowerupsStyle0;
|
|
@@ -6031,12 +6062,11 @@ const BonusElevatePowerupsHistory = class {
|
|
|
6031
6062
|
this.language = 'en';
|
|
6032
6063
|
this.endpoint = undefined;
|
|
6033
6064
|
this.session = undefined;
|
|
6034
|
-
this.
|
|
6065
|
+
this.limit = 10;
|
|
6035
6066
|
this.translationUrl = '';
|
|
6036
6067
|
this.isLoading = true;
|
|
6037
6068
|
this.powerups = [];
|
|
6038
6069
|
this.offset = 0;
|
|
6039
|
-
this.limit = this.pageSize;
|
|
6040
6070
|
this.total = undefined;
|
|
6041
6071
|
}
|
|
6042
6072
|
onReloadPageByType(e) {
|
|
@@ -6090,13 +6120,13 @@ const BonusElevatePowerupsHistory = class {
|
|
|
6090
6120
|
}
|
|
6091
6121
|
render() {
|
|
6092
6122
|
var _a;
|
|
6093
|
-
return index.h("div", { key: '
|
|
6123
|
+
return index.h("div", { key: '87cc519cc192e9047b1eaa21f982e444f0e1f79a', class: `PowerUpsContainer`, ref: (el) => (this.stylingContainer = el) }, this.isLoading
|
|
6094
6124
|
? index.h("p", null, "Loading...")
|
|
6095
6125
|
: !((_a = this.powerups) === null || _a === void 0 ? void 0 : _a.length) ?
|
|
6096
6126
|
index.h("div", { class: 'EmptyPowerups' }, index.h("div", { class: 'Icon', innerHTML: ClearSearch }), index.h("span", { class: 'NoPowerTitle' }, translate$1('nothingHere', this.language)), index.h("span", null, translate$1('noPowerUps', this.language)), index.h("span", null, translate$1('gotoShop', this.language)), index.h("div", null))
|
|
6097
6127
|
: [index.h("ul", { class: 'PowerUps' }, this.powerups.map(powerup => {
|
|
6098
6128
|
var _a;
|
|
6099
|
-
return index.h("li", { class: 'PowerUpItem' }, index.h("div", { class: 'HistoryLeft' }, index.h("div", { class: 'DisplayName' }, " ", powerup.displayName || '-', " "), index.h("div", { class: 'Details' }, index.h("span", { class: 'BoostingPeriod' }, index.h("span", { class: 'Period' }, powerup.boostingPeriod.minutes || powerup.boostingPeriod.numberOfRounds, " "), powerup.boostingPeriod.mode === bonusElevatePowerupsLobby.BoostingPeriodMode.TIME_PERIOD ? translate$1('min', this.language) : translate$1('rounds', this.language), " "), index.h("span", { class: 'Multiplier' }, "| X", powerup.multiplier.coefficient, " "), index.h("span", { class: 'MultiplierMode' }, "| ", powerup.multiplier.mode
|
|
6129
|
+
return index.h("li", { class: 'PowerUpItem' }, index.h("div", { class: 'HistoryLeft' }, index.h("div", { class: 'DisplayName' }, " ", powerup.displayName || '-', " "), index.h("div", { class: 'Details' }, index.h("span", { class: 'BoostingPeriod' }, index.h("span", { class: 'Period' }, powerup.boostingPeriod.minutes || powerup.boostingPeriod.numberOfRounds, " "), powerup.boostingPeriod.mode === bonusElevatePowerupsLobby.BoostingPeriodMode.TIME_PERIOD ? translate$1('min', this.language) : translate$1('rounds', this.language), " "), index.h("span", { class: 'Multiplier' }, "| X ", powerup.multiplier.coefficient, " "), index.h("span", { class: 'MultiplierMode' }, "| ", translate$1(powerup.multiplier.mode, this.language), " "))), index.h("div", { class: 'HistoryRight' }, index.h("div", null, translate$1(((_a = PowerUpStatusEntry[powerup.status]) === null || _a === void 0 ? void 0 : _a.label) || powerup.status, this.language)), index.h("div", null, hooks(powerup.status === bonusElevatePowerupsLobby.PowerUpStatus.EXPIRED ? powerup.expireTime : powerup.endTime).format('YYYY-MM-DD HH:mm:ss'), " ")));
|
|
6100
6130
|
})), index.h("div", { class: 'Pagination' }, this.total && this.total > this.limit &&
|
|
6101
6131
|
index.h("bonus-pagination-nav", { offset: this.offset, limit: this.limit, secondaryArrowsActive: true, "table-id": this.tableId, total: this.total }))]);
|
|
6102
6132
|
}
|
|
@@ -6359,7 +6389,9 @@ const TimeCount = class {
|
|
|
6359
6389
|
constructor(hostRef) {
|
|
6360
6390
|
index.registerInstance(this, hostRef);
|
|
6361
6391
|
this.expireTime = undefined;
|
|
6392
|
+
this.language = 'en';
|
|
6362
6393
|
this.displayTime = undefined;
|
|
6394
|
+
this.isExpireInDay1 = false;
|
|
6363
6395
|
}
|
|
6364
6396
|
componentWillLoad() {
|
|
6365
6397
|
this.timer = setInterval(() => this.updateDisplayTime(), 1000);
|
|
@@ -6383,6 +6415,7 @@ const TimeCount = class {
|
|
|
6383
6415
|
return;
|
|
6384
6416
|
}
|
|
6385
6417
|
const duration = hooks.duration(start.diff(now));
|
|
6418
|
+
this.isExpireInDay1 = duration.asDays() > 1;
|
|
6386
6419
|
// If the time has already passed
|
|
6387
6420
|
if (duration.asMilliseconds() <= 0) {
|
|
6388
6421
|
this.displayTime = '00:00:00';
|
|
@@ -6391,7 +6424,7 @@ const TimeCount = class {
|
|
|
6391
6424
|
}
|
|
6392
6425
|
const hours = Math.floor(duration.asHours());
|
|
6393
6426
|
if (hours >= 48) {
|
|
6394
|
-
this.displayTime = `${Math.floor(duration.asDays())} days`;
|
|
6427
|
+
this.displayTime = `${Math.floor(duration.asDays())} ${translate$2('days', this.language)}`;
|
|
6395
6428
|
}
|
|
6396
6429
|
else if (hours >= 24) {
|
|
6397
6430
|
this.displayTime = '1 day';
|
|
@@ -6404,7 +6437,11 @@ const TimeCount = class {
|
|
|
6404
6437
|
}
|
|
6405
6438
|
}
|
|
6406
6439
|
render() {
|
|
6407
|
-
return
|
|
6440
|
+
return [
|
|
6441
|
+
this.isExpireInDay1 &&
|
|
6442
|
+
index.h("span", { key: '8432bdb52f3b5ecd2600c68179a0ee55d785c20c', class: 'Label' }, translate$2('expiresIn', this.language)),
|
|
6443
|
+
index.h("span", { key: 'fbec64ff41b9dbddd5ef6913e6f778771f55e143', class: 'TimeCountDown' }, this.displayTime)
|
|
6444
|
+
];
|
|
6408
6445
|
}
|
|
6409
6446
|
static get watchers() { return {
|
|
6410
6447
|
"expireTime": ["startTimeChanged"]
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-
|
|
5
|
+
const bonusElevatePowerupsLobby = require('./bonus-elevate-powerups-lobby-c38947f9.js');
|
|
6
6
|
require('./index-d5c2977d.js');
|
|
7
7
|
|
|
8
8
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["bonus-elevate-powerups_7.cjs",[[1,"bonus-elevate-powerups-lobby",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"
|
|
11
|
+
return index.bootstrapLazy([["bonus-elevate-powerups_7.cjs",[[1,"bonus-elevate-powerups-lobby",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[1538],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[1,"bonus-elevate-powerups",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[1538],"openTermsPage":[4,"open-terms-page"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData","handleDataConfigChange"],"endpoint":["loadData","handleDataConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[1,"bonus-elevate-powerups-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"translationUrl":[513,"translation-url"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData"],"endpoint":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"time-count",{"expireTime":[1,"expire-time"],"language":[1],"displayTime":[32],"isExpireInDay1":[32]},null,{"expireTime":["startTimeChanged"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
package/dist/collection/components/bonus-elevate-powerups-lobby/bonus-elevate-powerups-lobby.js
CHANGED
|
@@ -7,8 +7,8 @@ import "../../../../../bonus-elevate-powerups-history/dist/types/index";
|
|
|
7
7
|
export class BonusElevatePowerupsLobby {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.tabsInfo = {
|
|
10
|
-
'available': { tabId: 'available', offset: 0, limit: this.
|
|
11
|
-
'history': { tabId: 'history', offset: 0, limit: this.
|
|
10
|
+
'available': { tabId: 'available', offset: 0, limit: this.limit },
|
|
11
|
+
'history': { tabId: 'history', offset: 0, limit: this.limit
|
|
12
12
|
}
|
|
13
13
|
};
|
|
14
14
|
this.mbSource = undefined;
|
|
@@ -18,16 +18,16 @@ export class BonusElevatePowerupsLobby {
|
|
|
18
18
|
this.language = 'en';
|
|
19
19
|
this.endpoint = undefined;
|
|
20
20
|
this.session = undefined;
|
|
21
|
-
this.
|
|
21
|
+
this.limit = 10;
|
|
22
22
|
this.activeTab = this.tabsInfo.available.tabId;
|
|
23
23
|
}
|
|
24
24
|
onTabClick(tab) {
|
|
25
25
|
this.activeTab = tab;
|
|
26
26
|
}
|
|
27
27
|
render() {
|
|
28
|
-
return h("div", { key: '
|
|
29
|
-
h("bonus-elevate-powerups", { key: '
|
|
30
|
-
h("bonus-elevate-powerups-history", { key: '
|
|
28
|
+
return h("div", { key: 'd02a197df9729b803c63fc618d2ce6acefca9237', class: 'PowerUpsLobby', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'e6a44cfe64a887aca6d23ad6cc57462639ee3631', class: 'TabTitle' }, h("span", { key: '09644cd28e50adbaf43347f01c08a6f6a8874c89', class: `Tab TabItem ${this.activeTab === 'available' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'available') }, translate('available', this.language)), h("span", { key: '6fc8efd978827391122130b5ea899071634003a8', class: `Tab TabItem ${this.activeTab === 'history' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'history') }, translate('history', this.language))), h("div", { key: '48a5e6a3291904f3113fa4903d3231ff59be3dd0', class: 'Desc' }, " ", MultiplierMode.XP, " "), h("div", { key: 'b918a55f179d1f64cf605df4ca47d93e3a6dba17', class: 'TabContent' }, this.activeTab === 'available' &&
|
|
29
|
+
h("bonus-elevate-powerups", { key: 'f0d346fcafb0d6451fca43ec566b519173791e32', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, limit: this.limit }), this.activeTab === 'history' &&
|
|
30
|
+
h("bonus-elevate-powerups-history", { key: 'f01b6a1fed3455735bab4fe406fa05ae6c84ac00', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, limit: this.limit })));
|
|
31
31
|
}
|
|
32
32
|
handleClientStylingChange(newValue, oldValue) {
|
|
33
33
|
if (newValue != oldValue) {
|
|
@@ -199,9 +199,9 @@ export class BonusElevatePowerupsLobby {
|
|
|
199
199
|
"attribute": "session",
|
|
200
200
|
"reflect": true
|
|
201
201
|
},
|
|
202
|
-
"
|
|
202
|
+
"limit": {
|
|
203
203
|
"type": "number",
|
|
204
|
-
"mutable":
|
|
204
|
+
"mutable": true,
|
|
205
205
|
"complexType": {
|
|
206
206
|
"original": "number",
|
|
207
207
|
"resolved": "number",
|
|
@@ -213,9 +213,9 @@ export class BonusElevatePowerupsLobby {
|
|
|
213
213
|
"tags": [],
|
|
214
214
|
"text": ""
|
|
215
215
|
},
|
|
216
|
-
"attribute": "
|
|
216
|
+
"attribute": "limit",
|
|
217
217
|
"reflect": true,
|
|
218
|
-
"defaultValue": "
|
|
218
|
+
"defaultValue": "10"
|
|
219
219
|
}
|
|
220
220
|
};
|
|
221
221
|
}
|
|
@@ -156,13 +156,13 @@ const translate = (key, customLang, values) => {
|
|
|
156
156
|
|
|
157
157
|
var MultiplierMode;
|
|
158
158
|
(function (MultiplierMode) {
|
|
159
|
-
MultiplierMode[
|
|
160
|
-
MultiplierMode[
|
|
159
|
+
MultiplierMode["COINS"] = "coins";
|
|
160
|
+
MultiplierMode["XP"] = "xp";
|
|
161
161
|
})(MultiplierMode || (MultiplierMode = {}));
|
|
162
162
|
var BoostingPeriodMode;
|
|
163
163
|
(function (BoostingPeriodMode) {
|
|
164
|
-
BoostingPeriodMode[
|
|
165
|
-
BoostingPeriodMode[
|
|
164
|
+
BoostingPeriodMode["TIME_PERIOD"] = "timePeriod";
|
|
165
|
+
BoostingPeriodMode["NUMBER_OF_ROUNDS"] = "numberOfRounds";
|
|
166
166
|
})(BoostingPeriodMode || (BoostingPeriodMode = {}));
|
|
167
167
|
var PowerUpStatus;
|
|
168
168
|
(function (PowerUpStatus) {
|
|
@@ -181,8 +181,8 @@ const BonusElevatePowerupsLobby = class {
|
|
|
181
181
|
constructor(hostRef) {
|
|
182
182
|
registerInstance(this, hostRef);
|
|
183
183
|
this.tabsInfo = {
|
|
184
|
-
'available': { tabId: 'available', offset: 0, limit: this.
|
|
185
|
-
'history': { tabId: 'history', offset: 0, limit: this.
|
|
184
|
+
'available': { tabId: 'available', offset: 0, limit: this.limit },
|
|
185
|
+
'history': { tabId: 'history', offset: 0, limit: this.limit
|
|
186
186
|
}
|
|
187
187
|
};
|
|
188
188
|
this.mbSource = undefined;
|
|
@@ -192,16 +192,16 @@ const BonusElevatePowerupsLobby = class {
|
|
|
192
192
|
this.language = 'en';
|
|
193
193
|
this.endpoint = undefined;
|
|
194
194
|
this.session = undefined;
|
|
195
|
-
this.
|
|
195
|
+
this.limit = 10;
|
|
196
196
|
this.activeTab = this.tabsInfo.available.tabId;
|
|
197
197
|
}
|
|
198
198
|
onTabClick(tab) {
|
|
199
199
|
this.activeTab = tab;
|
|
200
200
|
}
|
|
201
201
|
render() {
|
|
202
|
-
return h("div", { key: '
|
|
203
|
-
h("bonus-elevate-powerups", { key: '
|
|
204
|
-
h("bonus-elevate-powerups-history", { key: '
|
|
202
|
+
return h("div", { key: 'd02a197df9729b803c63fc618d2ce6acefca9237', class: 'PowerUpsLobby', ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'e6a44cfe64a887aca6d23ad6cc57462639ee3631', class: 'TabTitle' }, h("span", { key: '09644cd28e50adbaf43347f01c08a6f6a8874c89', class: `Tab TabItem ${this.activeTab === 'available' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'available') }, translate('available', this.language)), h("span", { key: '6fc8efd978827391122130b5ea899071634003a8', class: `Tab TabItem ${this.activeTab === 'history' ? 'Active' : ''}`, onClick: this.onTabClick.bind(this, 'history') }, translate('history', this.language))), h("div", { key: '48a5e6a3291904f3113fa4903d3231ff59be3dd0', class: 'Desc' }, " ", MultiplierMode.XP, " "), h("div", { key: 'b918a55f179d1f64cf605df4ca47d93e3a6dba17', class: 'TabContent' }, this.activeTab === 'available' &&
|
|
203
|
+
h("bonus-elevate-powerups", { key: 'f0d346fcafb0d6451fca43ec566b519173791e32', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "translation-url": this.translationUrl, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, limit: this.limit }), this.activeTab === 'history' &&
|
|
204
|
+
h("bonus-elevate-powerups-history", { key: 'f01b6a1fed3455735bab4fe406fa05ae6c84ac00', endpoint: this.endpoint, session: this.session, language: this.language, "mb-source": this.mbSource, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, limit: this.limit })));
|
|
205
205
|
}
|
|
206
206
|
handleClientStylingChange(newValue, oldValue) {
|
|
207
207
|
if (newValue != oldValue) {
|
|
@@ -248,4 +248,4 @@ const BonusElevatePowerupsLobby = class {
|
|
|
248
248
|
};
|
|
249
249
|
BonusElevatePowerupsLobby.style = BonusElevatePowerupsLobbyStyle0;
|
|
250
250
|
|
|
251
|
-
export { BonusElevatePowerupsLobby as B,
|
|
251
|
+
export { BonusElevatePowerupsLobby as B, PowerUpStatus as P, BoostingPeriodMode as a, setClientStylingURL as b, setStreamStyling as c, setClientStyling as s };
|
|
@@ -16,5 +16,5 @@ var patchBrowser = () => {
|
|
|
16
16
|
|
|
17
17
|
patchBrowser().then(async (options) => {
|
|
18
18
|
await globalScripts();
|
|
19
|
-
return bootstrapLazy([["bonus-elevate-powerups_7",[[1,"bonus-elevate-powerups-lobby",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"
|
|
19
|
+
return bootstrapLazy([["bonus-elevate-powerups_7",[[1,"bonus-elevate-powerups-lobby",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[1538],"activeTab":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[1,"bonus-elevate-powerups",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[1538],"openTermsPage":[4,"open-terms-page"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData","handleDataConfigChange"],"endpoint":["loadData","handleDataConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[1,"bonus-elevate-powerups-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"limit":[514],"translationUrl":[513,"translation-url"],"isLoading":[32],"powerups":[32],"offset":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData"],"endpoint":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"time-count",{"expireTime":[1,"expire-time"],"language":[1],"displayTime":[32],"isExpireInDay1":[32]},null,{"expireTime":["startTimeChanged"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
|
|
20
20
|
});
|