@everymatrix/casino-engagement-suite-container 1.72.2 → 1.73.1
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/casino-engagement-suite-container/casino-engagement-suite-bar_17.entry.js +1 -1
- package/dist/casino-engagement-suite-container/tournament-item-title_2.entry.js +1 -1
- package/dist/casino-engagement-suite-container/{util.date-bda58828.js → util.date-3169fc53.js} +1 -1
- package/dist/cjs/casino-engagement-suite-bar_17.cjs.entry.js +36 -17
- package/dist/cjs/tournament-item-title_2.cjs.entry.js +1 -1
- package/dist/cjs/{util.date-785bd504.js → util.date-e14691ef.js} +1 -1
- package/dist/collection/components/casino-engagement-suite-container/casino-engagement-suite-container.js +9 -3
- package/dist/collection/utils/constants.js +1 -0
- package/dist/esm/casino-engagement-suite-bar_17.entry.js +36 -17
- package/dist/esm/tournament-item-title_2.entry.js +1 -1
- package/dist/esm/{util.date-bda58828.js → util.date-3169fc53.js} +1 -1
- package/dist/types/utils/constants.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, h, c as createEvent, g as getElement, H as Host } from './index-58fe1cb7.js';
|
|
2
|
-
import { _ as __rest, l as localePostprocess, r as renderGradientRoundedButton, g as getMaxRankStr, L as LeaderboardPage, D as DialogType, a as getRewardNameByType$1, T as Tab, i as isTournamentClosed, b as getTimeDifference, c as TRANSLATIONS$a, d as isTournamentEnded, e as DEFAULT_PAGE_SIZE } from './util.date-
|
|
2
|
+
import { _ as __rest, l as localePostprocess, r as renderGradientRoundedButton, g as getMaxRankStr, L as LeaderboardPage, D as DialogType, a as getRewardNameByType$1, T as Tab, i as isTournamentClosed, b as getTimeDifference, c as TRANSLATIONS$a, d as isTournamentEnded, e as DEFAULT_PAGE_SIZE } from './util.date-3169fc53.js';
|
|
3
3
|
import { c as classnames, t as truncateNumber, g as getNewItems } from './utils-25141486.js';
|
|
4
4
|
|
|
5
5
|
function formatBalance$4(amount, currency, maxAmount = 99999999) {
|
|
@@ -3147,6 +3147,7 @@ const MODAL_TYPES = {
|
|
|
3147
3147
|
TARGET_MODAL: 'TARGET_MODAL',
|
|
3148
3148
|
SUPPORT_MODAL: 'SUPPORT_MODAL',
|
|
3149
3149
|
NO_SPIN_LEFT_MODAL: 'NO_SPIN_LEFT_MODAL',
|
|
3150
|
+
NO_PRIZE_MODAL: 'NO_PRIZE_MODAL'
|
|
3150
3151
|
};
|
|
3151
3152
|
|
|
3152
3153
|
const casinoEngagementSuiteContainerCss = ":host{display:inline-block;font-family:inherit}.Backdrop{padding:20px 20px 20px 172px;display:none;position:fixed;inset:0;height:100dvh;width:100vw}.Backdrop.Opened{display:block}.Backdrop .CasinoEngagementSuiteDialog{height:calc(100dvh - 40px);max-width:600px}.CasinoEngagementSuiteContainer.Portrait{width:100vw}.CasinoEngagementSuiteContainer.Portrait .Backdrop{padding:calc(var(--barHeight) + 12px) 0 20px}.CasinoEngagementSuiteContainer.Portrait .Backdrop .CasinoEngagementSuiteDialog{max-width:initial;padding:0 4px;margin:0 auto;height:calc(100dvh - (var(--barHeight) + 20px))}.CasinoEngagementSuiteContainer.Landscape.Mobile .CasinoEngagementSuiteDialog{max-width:366px}.CasinoEngagementSuiteContainer.Landscape.Desktop .Backdrop{padding-left:272px}";
|
|
@@ -3546,8 +3547,14 @@ const CasinoEngagementSuiteContainer = class {
|
|
|
3546
3547
|
break;
|
|
3547
3548
|
}
|
|
3548
3549
|
case 'ShowLuckywheelRewardModal': {
|
|
3549
|
-
const { HasError, PrizeMessage, PrizeText } = rest.data;
|
|
3550
|
-
|
|
3550
|
+
const { HasError, PrizeMessage, PrizeText, NoPrize } = rest.data;
|
|
3551
|
+
let type = MODAL_TYPES.REWARD_MODAL;
|
|
3552
|
+
if (HasError) {
|
|
3553
|
+
type = MODAL_TYPES.SUPPORT_MODAL;
|
|
3554
|
+
}
|
|
3555
|
+
else if (NoPrize) {
|
|
3556
|
+
type = MODAL_TYPES.NO_PRIZE_MODAL;
|
|
3557
|
+
}
|
|
3551
3558
|
this.setRemainingLuckyWheels();
|
|
3552
3559
|
const event = {
|
|
3553
3560
|
modalType: type,
|
|
@@ -3833,7 +3840,7 @@ const CasinoEngagementSuiteContainer = class {
|
|
|
3833
3840
|
return (((_d = (_c = (_b = (_a = this.challenges) === null || _a === void 0 ? void 0 : _a.find((el) => el.Id === challengeId)) === null || _b === void 0 ? void 0 : _b.LevelProgresses) === null || _c === void 0 ? void 0 : _c.find((el) => el.LevelId === levelId)) === null || _d === void 0 ? void 0 : _d.CustomRewardMessage) || '');
|
|
3834
3841
|
}
|
|
3835
3842
|
render() {
|
|
3836
|
-
return (h("div", { key: '
|
|
3843
|
+
return (h("div", { key: '806091d9b47fb8b500efa55b8f5e7d805734095d', class: `CasinoEngagementSuiteContainer ${this.device} ${this.orientation}`, style: { ['--barHeight']: `${this.barHeight}px` } }, h("div", { key: 'fad160ba7e27afbec626c9ac39f75d3f058371d4', class: "barWrapper", ref: (el) => (this.barWrapperEl = el) }, h("casino-engagement-suite-bar", { key: 'cb5c8e908eab03b51b59b6563f320955aff85a5b', clientStylingUrl: this.clientStylingUrl, orientation: this.orientation, device: this.device, "active-widget": this.activeWidget, "is-challenge-label": this.isChallengeLabel, "is-spin-forfeited-label": this.isForfeitedSpinsLabel, leaderboards: this.leaderboards, jackpots: this.jackpots, remainingFreeSpins: this.remainingFreeSpins, remainingLuckywheels: this.remainingLuckywheels, highlightChallenge: this.highlightChallenge, "challenge-percent": this.challengePercent, "is-forfeited-challenge-label": this.isForfeitedChallengeLabel })), this.challenges && this.getChallengesWidgets(), this.freeSpins && this.getFreeSpinWidgets(), !!this.jackpots.length && this.getJackpotsWidgets(), this.leaderboards && this.getLeaderboardsWidgets(), this.luckyWheels && this.getLuckyWheelsWidgets(), h("casino-engagement-suite-modal-container", { key: 'e547e22fae4383d94a67f8abfe6a362dae793d5f', clientStylingUrl: this.clientStylingUrl, device: this.device, isJoiningToChallenge: this.isJoiningToChallenge })));
|
|
3837
3844
|
}
|
|
3838
3845
|
get host() { return getElement(this); }
|
|
3839
3846
|
};
|
|
@@ -4771,6 +4778,12 @@ var ELuckyWheelResultState;
|
|
|
4771
4778
|
ELuckyWheelResultState["fulfilled"] = "fulfilled";
|
|
4772
4779
|
ELuckyWheelResultState["drawn"] = "drawn";
|
|
4773
4780
|
})(ELuckyWheelResultState || (ELuckyWheelResultState = {}));
|
|
4781
|
+
var ELuckyWheelActionTypes;
|
|
4782
|
+
(function (ELuckyWheelActionTypes) {
|
|
4783
|
+
ELuckyWheelActionTypes["noPrize"] = "noprize";
|
|
4784
|
+
ELuckyWheelActionTypes["luckywheel"] = "luckywheel";
|
|
4785
|
+
ELuckyWheelActionTypes["bonus"] = "bonus";
|
|
4786
|
+
})(ELuckyWheelActionTypes || (ELuckyWheelActionTypes = {}));
|
|
4774
4787
|
|
|
4775
4788
|
var PointerMode;
|
|
4776
4789
|
(function (PointerMode) {
|
|
@@ -5407,9 +5420,11 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5407
5420
|
if (this.luckywheel.Program.Id === data.LotteryProgramID) {
|
|
5408
5421
|
const partitionDegree = this.settings.getDeg(index);
|
|
5409
5422
|
this.spinner.halt(partitionDegree, () => {
|
|
5423
|
+
var _a;
|
|
5410
5424
|
this.isSpinning = false;
|
|
5411
5425
|
this.updateSpinable();
|
|
5412
5426
|
const partition = this.luckywheel.Program.WheelOfFortune.Partitions[index];
|
|
5427
|
+
const noPrize = (_a = data.Result.Outcomes) === null || _a === void 0 ? void 0 : _a.some((outcome) => { var _a; return ((_a = outcome.Action) === null || _a === void 0 ? void 0 : _a.Type) === ELuckyWheelActionTypes.noPrize; });
|
|
5413
5428
|
const prizeText = (partition === null || partition === void 0 ? void 0 : partition.PrizeText[this.language]) || (partition === null || partition === void 0 ? void 0 : partition.PrizeText['*']);
|
|
5414
5429
|
const prizeName = (partition === null || partition === void 0 ? void 0 : partition.Name[this.language]) || (partition === null || partition === void 0 ? void 0 : partition.Name['*']);
|
|
5415
5430
|
window.postMessage({
|
|
@@ -5417,6 +5432,7 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5417
5432
|
data: {
|
|
5418
5433
|
PrizeText: prizeText,
|
|
5419
5434
|
PrizeMessage: prizeName,
|
|
5435
|
+
NoPrize: noPrize,
|
|
5420
5436
|
HasError: false
|
|
5421
5437
|
}
|
|
5422
5438
|
});
|
|
@@ -5471,13 +5487,13 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5471
5487
|
}
|
|
5472
5488
|
render() {
|
|
5473
5489
|
const foreignObjectAgentProps = { height: `${this.size}px`, width: `${this.size}px` };
|
|
5474
|
-
return (h("div", { key: '
|
|
5490
|
+
return (h("div", { key: '342885d64dc5fe0b2c84dce47872290fe4ff5af7', class: `WheelContainer ${this.device}`, style: this.defineGeneralVariables() }, h("svg", { key: '7746651ebfb823f7ad977a4e4e358bf1406c9f3e', width: this.size, height: this.size, ref: (el) => {
|
|
5475
5491
|
this.svg = el;
|
|
5476
|
-
} }, h("foreignObject", { key: '
|
|
5492
|
+
} }, h("foreignObject", { key: 'd48003ce06db60ddeb26849cc4a6ed5812810a24', ref: this.setSvgSize.bind(this), class: "Bottom Customable" }, h("div", { key: '219b20301e0b756a235f411b147274294baee0ab', style: foreignObjectAgentProps })), h("g", Object.assign({ key: '917ea15a1d6989913a1b23357ae455d576691625', class: "PartitionsContainer" }, this.settings.getSpinnerProps()), h("g", { key: '035155a7a943190fda49b8a0a89596ce0aac2a10', class: "PartitionsBackgrounds" }, this.options.map((_el, index) => {
|
|
5477
5493
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), "clip-path": `url(#clip${index})`, class: "PartitionBackground Customable", style: Object.assign({ '--index': index.toString() }, foreignObjectAgentProps) }, h("div", { style: foreignObjectAgentProps })));
|
|
5478
|
-
})), h("g", { key: '
|
|
5494
|
+
})), h("g", { key: '74857a797cbc7466a7e49f50411092cefaeb11e8', class: "PartitionsBackgroundStrokes" }, this.options.map((_el, index) => {
|
|
5479
5495
|
return (h("path", Object.assign({ class: "PartitionBackgroundStroke" }, this.settings.getPartitionDraw(index), { width: this.size, height: this.size })));
|
|
5480
|
-
})), h("g", { key: '
|
|
5496
|
+
})), h("g", { key: '9f6735c888e79e248ee1115b476822075e0c49fe', class: "Partitions", style: { filter: this.speed > 0.3 ? `blur(${this.speed}px)` : '' } }, this.options.map((el, index) => {
|
|
5481
5497
|
return [
|
|
5482
5498
|
el.Image && (h("g", { class: `PartitionImage PartitionImage${index}`, ref: (el) => this.renderImage(el, index) })),
|
|
5483
5499
|
el.Name && (h("foreignObject", Object.assign({ class: "PartitionText", ref: (el) => {
|
|
@@ -5488,18 +5504,18 @@ const CasinoEngagementSuiteLuckywheel = class {
|
|
|
5488
5504
|
}
|
|
5489
5505
|
} }, this.settings.getSvgTextPropsAdjustedByImage(index)), h("div", { class: "PartitionTextEntityContainer" }, h("p", { class: `PartitionTextEntity${this.settings.contentdirection === 'clockwise' ? '' : ' Anticlockwise'}`, innerHTML: el.Name }))))
|
|
5490
5506
|
];
|
|
5491
|
-
}))), h("g", { key: '
|
|
5507
|
+
}))), h("g", { key: 'c62b31497903ff7d034bd2b7de35434836cca0c4', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable1: true } }, this.options.map((_el, index) => {
|
|
5492
5508
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition1 Customable", style: { '--index': index.toString() } }, h("div", { style: foreignObjectAgentProps })));
|
|
5493
|
-
})), h("g", { key: '
|
|
5509
|
+
})), h("g", { key: 'c3484f6930d35f3e4ca08d014b3b021e47021d44', class: { active: this.isPartitionsCustomableReady, PartitionsCustomable2: true } }, this.options.map((_el, index) => {
|
|
5494
5510
|
return (h("foreignObject", { ref: this.setSvgSize.bind(this), class: "Partition2 Customable", style: { '--index': index.toString() } }, h("div", { style: foreignObjectAgentProps })));
|
|
5495
|
-
})), h("foreignObject", { key: '
|
|
5511
|
+
})), h("foreignObject", { key: '25a125820e8c14c780eb10bf662828c01dafb21c', ref: this.setSvgSize.bind(this), class: "Middle Customable", style: foreignObjectAgentProps }, h("div", { key: '8c97c23afd581c7bb6510af3d8ebebdae885c6b9', style: foreignObjectAgentProps })), h("foreignObject", { key: 'ed5f6284d6abf6d4fe7d54ca12d586f963a76386', ref: this.setSvgSize.bind(this), class: "Top Customable", style: foreignObjectAgentProps }, h("div", { key: '41f23de3872cbadb73f89e2342567c739e174a22', style: foreignObjectAgentProps })), h("g", { key: '4949dd37d805c79a1a4363409aca17bb158956ea', class: { spinning: this.isSpinning, Center: true } }, h("foreignObject", { key: '4b5c25b029a45d92e17b244804d3873f70cc1fd6', ref: (el) => {
|
|
5496
5512
|
if (el) {
|
|
5497
5513
|
el.setAttribute('width', '100');
|
|
5498
5514
|
el.setAttribute('height', '100');
|
|
5499
5515
|
}
|
|
5500
5516
|
}, style: {
|
|
5501
5517
|
transform: `translate(${Number(this.size) / 2 - 100 / 2}px, ${Number(this.size) / 2 - 100 / 2}px)`
|
|
5502
|
-
} }, h("div", { key: '
|
|
5518
|
+
} }, h("div", { key: 'bb7162a6527af2f2fd20d9dd17ce76c49dfe719c', style: { width: '100px', height: '100px', cursor: 'pointer' }, onClick: this.eventSpin }))), h("g", { key: '08e09c376e45a3d87d8c25487c1678fc6760822b' }, this.options.map((_el, index) => {
|
|
5503
5519
|
return (h("clipPath", { id: `clip${index}` }, h("path", Object.assign({}, this.settings.getPartitionDraw(index)))));
|
|
5504
5520
|
})))));
|
|
5505
5521
|
}
|
|
@@ -6117,6 +6133,9 @@ const TRANSLATIONS = {
|
|
|
6117
6133
|
jackpotWinInfo: 'Please refresh game page or place any bet to update game balance',
|
|
6118
6134
|
seeYouLater: 'See you later',
|
|
6119
6135
|
noSpinsLeft: 'You used all spins here',
|
|
6136
|
+
spinAgain: 'Spin again',
|
|
6137
|
+
noPrizeMessage: "You didn't win this time, try again!",
|
|
6138
|
+
noPrizeTitle: 'Oh, Sorry'
|
|
6120
6139
|
}
|
|
6121
6140
|
};
|
|
6122
6141
|
const translate = (key, customLang) => {
|
|
@@ -6218,7 +6237,7 @@ const CasinoEngagementSuiteModalContainer = class {
|
|
|
6218
6237
|
const { ProgressToActivate } = this.confirmationData || {};
|
|
6219
6238
|
return (h("div", { key: 'b08af5892111b026ea04657bdc9ee8e03349985f', class: `ModalContainer ${this.device}` }, h("casino-engagement-suite-modal", { key: '9953de03ad78829ad5d65cb8852e642305b13d0e', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_SPIN_LEFT_MODAL'), header: translate('noSpinsLeft', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", modalType: "NO_SPIN_LEFT_MODAL", "show-animation": false, device: this.device }, h("div", { key: '5aa3316279b1c37dbd0da632760bd5805466c01a', slot: "body" }, h("div", { key: '36fe42db0db670404a6000627be93870e9c53c48' }, translate('seeYouLater', this.language))), h("div", { key: '231b191530fb4ebd95c5336d0eafcdd016613668', slot: "footer" }, h("button", { key: '67c19d85ab5f077e994ef0dbdb0340e9f7bd5750', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_SPIN_LEFT_MODAL" }, "OK"))), h("casino-engagement-suite-modal", { key: '2a0a7d3a6f9db52a69a16b9ec4205c69888a9b6c', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('REWARD_MODAL'), header: "Congratulations!", contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", modalType: "REWARD_MODAL", "show-animation": true, device: this.device }, h("div", { key: '72595feb9db49b6c8da3d020e360cc47d679e409', slot: "body" }, h("div", { key: '16f4dc567c5e40c98fce717ef5c85f464f0981b8' }, !this.rewardText && translate('won', this.language), ' ', h("span", { key: '93d8e41c6627e54d692a9ac15fd0f52bcc43347e', class: "ModalReward" }, this.rewardText || this.rewardMessage)), this.hasError && h("div", { key: '9e928a49d3eaa98bcaa5e0d61cd7cbb8a580a72f', class: "SupportInfo" }, translate('supportInfo', this.language))), h("div", { key: '9223fa90fb14b1c624075c3c551e9f55c57aefe8', slot: "footer" }, h("button", { key: '735b15eb73bb7639b2d032695afa1ae32496d0ad', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "REWARD_MODAL" }, translate('continue', this.language)))), h("casino-engagement-suite-modal", { key: '75880d633553cf140178d118d3042b2e53009208', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('JACKPOT_REWARD_MODAL'), header: "Congratulations!", contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/cup-reward.svg", "show-animation": true, modalType: "JACKPOT_REWARD_MODAL", device: this.device }, h("div", { key: 'f45b7391ba8468ab5fb8eddb8a4ae397f0167f08', slot: "body" }, h("div", { key: 'eff87f697817535bc47b525ec78c94847ae784a4', class: "JackpotWinText" }, translate('jackpotWin', this.language)), h("div", { key: '7881fcfd86ab455dce0db707b8abce4ddf538b1c', class: "JackpotWinAmount" }, formatBalance(this.winAmount.amount, this.winAmount.currency))), h("div", { key: '3f18ece9080c42d9b1067c9a7f3cac920528c007', slot: "footer" }, h("button", { key: '6db3230a9b84f3a651bb3d583f49184e5c37930c', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "JACKPOT_REWARD_MODAL" }, translate('continue', this.language)), h("div", { key: '616a3882e6b2f116c6db87122f0755fb2f3083df', class: "JackpotWinInfoText" }, translate('jackpotWinInfo', this.language)))), h("casino-engagement-suite-modal", { key: '6724f36b7b94c53a41a86f3d9082c393dc2e81ee', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('TARGET_MODAL'), header: ProgressToActivate ? translate('joinHeader', this.language) : translate('unJoinHeader', this.language), modalType: "TARGET_MODAL", device: this.device, isLoading: this.isJoiningToChallenge }, h("div", { key: 'd2c94938925c9b1f625bb7de63734f6a673c5fdc', slot: "body" }, h("div", { key: '2e7961f72e5933f0eb5030cb15a4b9fb84d5083e', class: "LeftAlign" }, translate('desc', this.language)), h("div", { key: 'd1f5f57433c0ae881207b3c12ab9cfaf6ee039c1', class: "LeftAlignQuestion" }, ProgressToActivate
|
|
6220
6239
|
? translate('joinQuestion', this.language)
|
|
6221
|
-
: translate('unJoinQuestion', this.language))), h("div", { key: '9329740f040d1791872d15f383b80af451245b14', slot: "footer", class: "ManyActions" }, h("button", { key: '148094403592aff321a4ee70790b2520b00893b8', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), h("button", { key: '49ae0fa581a6d8eee882146813c9f35f29fb60b0', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, h("div", { key: 'c0058debcba5b01824b021b6ece23a922f3f582f', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: 'cfa3aefbc587d1a15dcb831bf1bdd1d98769e18a', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'aae1baed5a68cd7532b25d6ef163679c0b93fc10', slot: "body" }, h("span", { key: 'e031d7ddc4388e1d22776524dc4341d30d9a8a57' }, translate('contactSupport', this.language))), h("div", { key: '4ad01c4e2bd2aa913369b63700b1220a271bea63', slot: "footer" }, h("button", { key: 'bbaecf82f114b317867e9a611b0d4af9a038c0e1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate('okContinue', this.language))))));
|
|
6240
|
+
: translate('unJoinQuestion', this.language))), h("div", { key: '9329740f040d1791872d15f383b80af451245b14', slot: "footer", class: "ManyActions" }, h("button", { key: '148094403592aff321a4ee70790b2520b00893b8', class: `ModalFooterButton ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleChallengeAttendance }, ProgressToActivate ? translate('joinConfirm', this.language) : translate('unJoinConfirm', this.language)), h("button", { key: '49ae0fa581a6d8eee882146813c9f35f29fb60b0', class: `ModalFooterButtonOutlined ${this.isJoiningToChallenge ? 'Disabled' : ''}`, onClick: this.handleCloseClick, "data-type": "TARGET_MODAL" }, h("div", { key: 'c0058debcba5b01824b021b6ece23a922f3f582f', class: "GradientText" }, ProgressToActivate ? translate('joinReject', this.language) : translate('unJoinReject', this.language))))), h("casino-engagement-suite-modal", { key: 'cfa3aefbc587d1a15dcb831bf1bdd1d98769e18a', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('SUPPORT_MODAL'), header: translate('noReward', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "SUPPORT_MODAL", device: this.device }, h("div", { key: 'aae1baed5a68cd7532b25d6ef163679c0b93fc10', slot: "body" }, h("span", { key: 'e031d7ddc4388e1d22776524dc4341d30d9a8a57' }, translate('contactSupport', this.language))), h("div", { key: '4ad01c4e2bd2aa913369b63700b1220a271bea63', slot: "footer" }, h("button", { key: 'bbaecf82f114b317867e9a611b0d4af9a038c0e1', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "SUPPORT_MODAL" }, translate('okContinue', this.language)))), h("casino-engagement-suite-modal", { key: '0339c1e94223a82f52d75946eeb3f6c249a0aa1c', clientStylingUrl: this.clientStylingUrl, isOpen: this.isModalOpen('NO_PRIZE_MODAL'), header: translate('noPrizeTitle', this.language), contentIcon: "https://static.everymatrix.com/gic/img/engagement-suite/alert.svg", modalType: "NO_PRIZE_MODAL", device: this.device }, h("div", { key: 'e32495a7fd9da1c0246806562de1a7051b456cc3', slot: "body" }, h("span", { key: 'fb042ceabc8e49fd1825eded9ffd7026d7fec5de' }, translate('noPrizeMessage', this.language))), h("div", { key: '8e71be369166b0be7cd65f6c6c5b5208e9353c27', slot: "footer" }, h("button", { key: '0ad39b3fb03409c4fc6c8e90b4eaf85e5aa188d8', class: "ModalFooterButton", onClick: this.handleCloseClick, "data-type": "NO_PRIZE_MODAL" }, translate('spinAgain', this.language))))));
|
|
6222
6241
|
}
|
|
6223
6242
|
get host() { return getElement(this); }
|
|
6224
6243
|
};
|
|
@@ -6750,7 +6769,7 @@ const tab = {
|
|
|
6750
6769
|
if (!instance.leaderboards.length) {
|
|
6751
6770
|
return h("div", { class: "LeaderboardUnstarted" }, locale.BeOne);
|
|
6752
6771
|
}
|
|
6753
|
-
return (h("table", { class: "Leaderboards" }, h("thead", null, h("tr", null, h("th", null, locale.Rank), h("th", null, locale.Player), h("th", null, locale.Score), h("th", null, locale.Prize))), instance.leaderboards.map((leaderboard) => (h("tr", { class: classnames({ isMe: leaderboard.isMe }) }, h("td", { class: "LeaderboardRank" }, h("span", null, leaderboard.rank)), h("td", { class: "LeaderboardName" }, h("span", null, leaderboard.shortName)), h("td", { class: "LeaderboardScore" }, h("span", null, truncateNumber(leaderboard.score, 2, true))), h("td", { class: "LeaderboardPrize" }, h("span", null, leaderboard.prizeName)))))));
|
|
6772
|
+
return (h("table", { class: "Leaderboards" }, h("thead", null, h("tr", null, h("th", null, locale.Rank), h("th", null, locale.Player), h("th", null, locale.Score), h("th", null, locale.Prize))), instance.leaderboards.map((leaderboard) => (h("tr", { class: classnames({ isMe: leaderboard.isMe }), ref: (el) => leaderboard.isMe && (instance.isMeElement = el) }, h("td", { class: "LeaderboardRank" }, h("span", null, leaderboard.rank)), h("td", { class: "LeaderboardName" }, h("span", null, leaderboard.shortName)), h("td", { class: "LeaderboardScore" }, h("span", null, truncateNumber(leaderboard.score, 2, true))), h("td", { class: "LeaderboardPrize" }, h("span", null, leaderboard.prizeName)))))));
|
|
6754
6773
|
},
|
|
6755
6774
|
games(instance) {
|
|
6756
6775
|
var _a;
|
|
@@ -6792,7 +6811,7 @@ const renderCloseBar = (attr) => {
|
|
|
6792
6811
|
return (h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (h("div", { class: 'WrapperBar' + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
|
|
6793
6812
|
};
|
|
6794
6813
|
|
|
6795
|
-
const casinoEngagementSuiteTournamentCss = ".Leaderboards{height:100%;overflow-y:auto;transition:0.5s ease;transition-property:all, transform}.Leaderboards.list,.Leaderboards.item{margin-top:5px;opacity:0}.Leaderboards.list.Active,.Leaderboards.item.Active{opacity:1}.Leaderboards.list.Hidden,.Leaderboards.item.Hidden{display:none}.Leaderboards .question__tooltip{position:absolute;top:0;left:20px;width:320px;text-align:left;background-color:var(--emw--color-typography, rgba(255, 255, 255, 0.6));border:1px solid var(--emw--color-typography, rgba(255, 255, 255, 0.8));color:var(var(--emw--color-primary, rgb(255, 214, 47)), rgb(255, 214, 47));padding:10px;border-radius:5px;opacity:0;fill-opacity:0.5;transition:opacity 0.3s ease-in-out;z-index:10}.Leaderboards .question__tooltip.visible{opacity:0.8}table.Leaderboards{height:auto}table.Leaderboards td span{display:inline-block;overflow-y:auto;width:98%}table.Leaderboards td.LeaderboardRank{width:10%;min-width:70px}table.Leaderboards td.LeaderboardScore{width:25%}table.Leaderboards td.LeaderboardScore span{min-width:128px}table.Leaderboards td.LeaderboardName{width:20%;max-width:180px}table.Leaderboards td.LeaderboardPrize{width:auto;text-align:left;display:grid}.Wrapper{position:relative;min-height:100%;line-height:20px;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:var(--emw--border-radius-large, 8px);word-break:break-all}.Wrapper .Title{background-color:transparent}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .Games .Game .Skeleton{animation:none}.Wrapper .Games .Game .Skeleton.Image{background-color:transparent}.Wrapper .WrapperContent .TableContentWrapper{height:calc(100vh - 216px);overflow-y:auto}.Wrapper .WrapperContent .Main{height:calc(100vh - 109px)}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row{display:flex;flex-direction:column}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row tournament-item{transition:2s ease-in-out;transform:translate(0) scale(1, 1);opacity:0.99}.Wrapper.Mobile .PageConfirmContainer,.Wrapper.Mobile .DialogContentUnjoin{min-width:80%;width:78vw}.Wrapper.Mobile dialog>div{margin:0px}.Wrapper.Mobile dialog.tip{padding:120px 10px}.Wrapper.Mobile dialog.unjoin .Hollow{margin:5px}.Wrapper.Mobile .GradientRoundedButton{font-size:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .PageConfirmButtonsGroup{margin:10px auto}.Wrapper.Mobile .PageConfirm.Gift{padding:5px 16px 30px}.Wrapper.Mobile .PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 22px);line-height:25px}.Wrapper.Mobile .PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 16px)}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 16px);padding:8px}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:var(--emw--border-radius-large, 15px)}.Wrapper.Mobile .GradientRounded{position:relative;border-radius:12px}.WrapperContent{padding-bottom:7px;transition:0.5s filter;display:flex;flex-direction:column;justify-content:space-between}.WrapperContent.faded{filter:brightness(53.3333333333%);pointer-events:none}.WrapperContent .Title{background:transparent;width:initial;height:initial;border:initial;margin-bottom:initial}.WrapperContent .NoLeaderboards h3.Title{text-align:center}.WrapperContent .NoLeaderboards div.message{color:var(--emw--color-secondary, rgb(187, 185, 195));text-align:left}.Wrapper.Mobile .WrapperBar{padding:16px 8px 8px;margin-bottom:8px}.Wrapper.Mobile .Tip{padding:0px 30px 32px}.Wrapper.Mobile .TitleContainer .GradientRoundedButton{width:100px}.Wrapper.Mobile .WrapperContent .WrapperBar{padding:12px 8px;line-height:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .WrapperContent .WrapperBar .WrapperBarMiddle{font-size:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .items.TitleContainer{height:50px;margin-bottom:5px}.Wrapper.Mobile .Title{font-size:var(--emw--font-size-large, 16px)}.Wrapper.Mobile .WrapperContent .Main{height:calc(100vh - 179px)}.Wrapper.Mobile .WrapperContent .TableContentWrapper{height:calc(100vh - 276px);overflow-y:auto}.Wrapper.Mobile .WrapperBarLeft span.EngagementSuiteIcon img,.Wrapper.Mobile .WrapperBarRight span.EngagementSuiteIcon img{width:16px;height:16px}.WrapperBar{display:flex;width:100%;padding:16px 8px 12px;align-content:center;justify-content:center;align-items:center}.WrapperBar .WrapperBarLeft span{position:relative}.WrapperBarLeft,.WrapperBarRight{cursor:pointer;z-index:1}.WrapperBarLeft span.EngagementSuiteIcon img,.WrapperBarRight span.EngagementSuiteIcon img{width:24px;height:24px}.WrapperBarMiddle{flex-grow:1;text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:500;color:var(--emw--color-secondary, rgb(187, 185, 195))}:host{display:block;font-size:var(--emw--font-size-x-small, 14px)}.ScrollBar{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Row{margin:10px 0;padding:0 20px}.Row:first-child{margin:0;padding-top:5px}.LeaderboardsItem{opacity:1;transition:1s opacity ease;position:relative;margin:20px 0;border:1px solid rgb(64, 57, 86);border-radius:6px;padding:12px 0}.LeaderboardsItem.Unjoined{opacity:0;margin:0;border:0 none;animation:slideOut 1s forwards}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.ShowInfo{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer .Time{display:flex;justify-content:space-between;font-size:var(--emw--font-size-x-small, 14px);align-items:center;color:var(--emw--color-secondary, rgb(187, 185, 195))}.TimeContainer .Time .Running{width:100%;display:flex;flex-direction:row;justify-content:space-between}.TimeContainer .Time button{font-size:var(--emw--font-size-x-small, 14px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.TitleContainer{display:flex;justify-content:space-between;margin:10px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat;align-items:center}.TitleContainer .GradientRoundedButton{width:120px}.item .TitleContainer{height:55px;overflow:auto}.TabsContainer{margin:10px 0;padding:0 20px;margin:0 20px;padding:0;border-bottom:1px solid #575757}.Tabs{display:flex;justify-content:space-between;justify-content:start;font-size:var(--emw--font-size-x-small, 14px);margin-bottom:-1px}.Tabs .Tab{text-transform:capitalize}.Tabs>div{padding:10px;color:rgb(102, 97, 120);cursor:pointer}.Tabs>div.active{color:var(--emw--color-typography, #FFF);border-bottom:2px solid var(--emw--color-typography, #FFF)}.Title{font-size:var(--emw--font-size-large, 20px);font-weight:700;line-height:19.5px;text-align:left;word-break:break-word}.TC{margin-top:14px}.TC a{color:rgb(89, 209, 255)}.Criterias{margin:14px 0}.Criterias span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.ResultPrize{margin:10px 0;padding:0 20px;padding-left:30px;text-align:left}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.ContentScrollContainer{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;height:auto}.ContentScrollContainer.expanded{height:100%;max-height:100%}.PrizesContainer{flex:1;display:flex;flex-direction:column;min-height:100px;max-height:calc(100% - 20px)}.PrizesHeader,.DetailHeader{align-items:center;display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));padding:5px 0;z-index:1;margin:0 20px}.PrizesHeader img,.DetailHeader img{width:14px}.PrizesHeader .PrizesText,.DetailHeader .PrizesText{margin-left:3px;font-weight:600}.DetailHeader{margin:0}.Prizes{margin:10px 0;padding:0 20px;text-align:left;flex:1;overflow-y:auto;margin-bottom:0;padding-right:10px;margin-top:10px}.Prizes::-webkit-scrollbar{width:4px}.Prizes::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);border-radius:2px}.Prizes::-webkit-scrollbar-thumb{background:var(--emw--color-primary, rgb(255, 214, 47));border-radius:2px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .Rank{margin-right:5px}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer section.Info{margin-bottom:12px;text-align:left;padding-left:20px}.InfoContainer section.Info .Criterias,.InfoContainer section.Info .Description{margin-top:10px;margin-right:10px}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards thead{position:sticky;top:0;z-index:2;background-color:var(--emw--color-background, hsl(254, 44%, 15%))}.Leaderboards td,.Leaderboards th{opacity:0.6;padding:12px 5px}.Leaderboards th:last-child{text-align:left}.Leaderboards td:first-child{padding-left:20px}.Leaderboards td:last-child{padding-right:20px}.Leaderboards .LeaderboardName{color:var(--emw--color-typography, #FFF);opacity:1}.Leaderboards tr.isMe{background:rgba(0, 0, 0, 0.2)}.Leaderboards tr.isMe .LeaderboardRank span{padding:0px 3px;opacity:1;border:1px solid var(--emw--color-primary, rgb(255, 214, 47));border-radius:11px}.Leaderboards tr.isMe td{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:var(--emw--font-weight-semibold, 500)}.LeaderboardLabels{position:absolute;top:-6px;right:18px;display:flex;gap:4px}.LeaderboardLabel{width:30px;height:15px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:inline-flex;padding:0 2px;align-items:center;justify-content:center}.LeaderboardLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-3x-small, 7px);line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1E1638)}.LeaderboardUnstarted{margin:10px 0;padding:0 20px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-medium, 16px)}.Games{margin:10px 0;padding:0 20px;display:grid;justify-content:start;grid-template-columns:repeat(4, 25%);margin-top:8px;align-content:flex-start;width:100%}.Games .Game{padding-right:8px}.Games .Game.Current{cursor:auto;filter:grayscale(10)}.Games .Game:nth-of-type(4n){padding-right:0px}.Games .Game:hover{filter:brightness(var(--emw--hover-brightness, 1.25));cursor:pointer}.Games .Game.Current:hover{cursor:auto;filter:grayscale(10);cursor:not-allowed}.Games img{width:100%;height:auto;margin:auto 0}dialog.tip{position:absolute;align-items:start;padding:120px 90px;line-height:20px;border:none;border-radius:var(--emw--border-radius-large, 8px);font-size:var(--emw--font-size-small, 16px)}dialog.tip>div{margin:0px}dialog{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1;color:var(--emw--color-typography, #FFFFFF);transition:all 0.2s;transition-timing-function:ease-in-out}dialog>div{margin:32px;border-radius:8px;background:var(--emw--color-background, hsl(254, 44%, 15%));border:1px solid hsl(254, 20%, 28%);align-items:center}dialog div.Hollow .WrapperBar{padding:12px}dialog div.Hollow .WrapperBar .WrapperBarRight img{width:20px}dialog div.Hollow .Tip{line-height:20px;padding:0px 60px 32px;font-size:var(--emw--font-size-small, 16px)}dialog[open]{display:flex}.DialogContentUnjoin{padding:32px;padding-top:10px;display:flex;gap:10px;max-width:510px;flex-direction:column}.DialogContentUnjoinTitle{font-family:Montserrat;font-size:var(--emw--font-size-large, 20px);font-weight:600;line-height:24.38px;text-align:center}.DialogContentUnjoinDescription{color:var(--emw--color-secondary, rgb(187, 185, 195));margin-bottom:30px}.Tip{padding:32px;padding-top:0px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-small, 14px)}.Tip.Error{color:var(--emw--color-error, var(--emw--color-red, #ed0909));font-weight:var(--emw--font-weight-normal, 500)}.PageConfirmContainer{text-align:center;width:80%;min-width:450px;max-width:510px;margin:0 auto}.PageConfirm{padding:0px 32px 60px;display:flex;flex-direction:column;gap:20px}.PageConfirm .Title{font-size:var(--emw--font-size-large, 26px);text-align:center}.PageConfirm .Description{color:var(--emw--color-secondary, rgb(187, 185, 195));font-weight:400}.PageConfirm .Description span{color:var(--emw--color-typography, #FFF);font-weight:600}.PageConfirm.Gift{padding:22px 32px 60px}.PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 30px)}.PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 20px)}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 20px);padding:12px;height:auto}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:20px}.PageConfirmButtonsGroup{width:150px;margin:20px auto;display:flex;flex-direction:column;gap:10px}.GradientRounded{display:block;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:rgb(30, 22, 56);position:relative;border-radius:16px}.GradientRounded.Hollow{background:rgb(30, 22, 56);color:#FFFFFF}.GradientRounded.Hollow::before{content:\"\";position:absolute;inset:0;border-radius:15px;border:1px solid transparent;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.GradientRoundedButton{border:none;padding:7px;height:32px;width:100%;font-size:var(--emw--font-size-medium, 16px);font-weight:700;line-height:17.07px;text-align:center;transition:0.5s opacity;cursor:pointer}.GradientRoundedButton.Pending{cursor:not-allowed;opacity:0.3}.GradientRoundedButton.Hollow span{background:-webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.LeaderboardsItem.GradientRounded.Hollow::before{border-radius:7px}.WrapperUtil .GradientRounded .WrapperBar{margin-bottom:0;padding-bottom:0}.WrapperUtil .GradientRounded .Tip{padding-top:0;padding-bottom:40px}.LeaderboardsItem .LeaderboardsItemContainer .TitleContainer{margin-bottom:16px}@keyframes slideOut{0%{display:block;opacity:1;height:max-content}50%{display:block;opacity:0.5}80%{display:none;opacity:0}100%{display:none;opacity:0;height:0}}";
|
|
6814
|
+
const casinoEngagementSuiteTournamentCss = ".Leaderboards{height:100%;overflow-y:auto;transition:0.5s ease;transition-property:all, transform}.Leaderboards.list,.Leaderboards.item{margin-top:5px;opacity:0}.Leaderboards.list.Active,.Leaderboards.item.Active{opacity:1}.Leaderboards.list.Hidden,.Leaderboards.item.Hidden{display:none}.Leaderboards .question__tooltip{position:absolute;top:0;left:20px;width:320px;text-align:left;background-color:var(--emw--color-typography, rgba(255, 255, 255, 0.6));border:1px solid var(--emw--color-typography, rgba(255, 255, 255, 0.8));color:var(var(--emw--color-primary, rgb(255, 214, 47)), rgb(255, 214, 47));padding:10px;border-radius:5px;opacity:0;fill-opacity:0.5;transition:opacity 0.3s ease-in-out;z-index:10}.Leaderboards .question__tooltip.visible{opacity:0.8}table.Leaderboards{height:auto}table.Leaderboards td span{display:inline-block;overflow-y:auto;width:98%}table.Leaderboards td.LeaderboardRank{width:10%;min-width:70px}table.Leaderboards td.LeaderboardScore{width:25%}table.Leaderboards td.LeaderboardScore span{min-width:128px}table.Leaderboards td.LeaderboardName{width:20%;max-width:180px}table.Leaderboards td.LeaderboardPrize{width:auto;text-align:left;display:grid}.Wrapper{position:relative;min-height:100%;line-height:20px;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:var(--emw--border-radius-large, 8px);word-break:break-all}.Wrapper .Title{background-color:transparent}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .Games .Game .Skeleton{animation:none}.Wrapper .Games .Game .Skeleton.Image{background-color:transparent}.Wrapper .WrapperContent .TableContentWrapper{height:calc(100vh - 216px);overflow-y:auto}.Wrapper .WrapperContent .Main{height:calc(100vh - 109px)}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row{display:flex;flex-direction:column}.Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row tournament-item{transition:2s ease-in-out;transform:translate(0) scale(1, 1);opacity:0.99}.Wrapper.Mobile .PageConfirmContainer,.Wrapper.Mobile .DialogContentUnjoin{min-width:80%;width:78vw}.Wrapper.Mobile dialog>div{margin:0px}.Wrapper.Mobile dialog.tip{padding:120px 10px}.Wrapper.Mobile dialog.unjoin .Hollow{margin:5px}.Wrapper.Mobile .GradientRoundedButton{font-size:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .PageConfirmButtonsGroup{margin:10px auto}.Wrapper.Mobile .PageConfirm.Gift{padding:5px 16px 30px}.Wrapper.Mobile .PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 22px);line-height:25px}.Wrapper.Mobile .PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 16px)}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 16px);padding:8px}.Wrapper.Mobile .PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:var(--emw--border-radius-large, 15px)}.Wrapper.Mobile .GradientRounded{position:relative;border-radius:12px}.WrapperContent{padding-bottom:7px;transition:0.5s filter;display:flex;flex-direction:column;justify-content:space-between}.WrapperContent.faded{filter:brightness(53.3333333333%);pointer-events:none}.WrapperContent .Title{background:transparent;width:initial;height:initial;border:initial;margin-bottom:initial}.WrapperContent .NoLeaderboards h3.Title{text-align:center}.WrapperContent .NoLeaderboards div.message{color:var(--emw--color-secondary, rgb(187, 185, 195));text-align:left}.Wrapper.Mobile .WrapperBar{padding:16px 8px 8px;margin-bottom:8px}.Wrapper.Mobile .Tip{padding:0px 30px 32px}.Wrapper.Mobile .TitleContainer .GradientRoundedButton{width:100px}.Wrapper.Mobile .WrapperContent .WrapperBar{padding:12px 8px;line-height:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .WrapperContent .WrapperBar .WrapperBarMiddle{font-size:var(--emw--font-size-medium, 14px)}.Wrapper.Mobile .items.TitleContainer{height:50px;margin-bottom:5px}.Wrapper.Mobile .Title{font-size:var(--emw--font-size-large, 16px)}.Wrapper.Mobile .WrapperContent .Main{height:calc(100vh - 179px)}.Wrapper.Mobile .WrapperContent .TableContentWrapper{height:calc(100vh - 276px);overflow-y:auto}.Wrapper.Mobile .WrapperBarLeft span.EngagementSuiteIcon img,.Wrapper.Mobile .WrapperBarRight span.EngagementSuiteIcon img{width:16px;height:16px}.WrapperBar{display:flex;width:100%;padding:16px 8px 12px;align-content:center;justify-content:center;align-items:center}.WrapperBar .WrapperBarLeft span{position:relative}.WrapperBarLeft,.WrapperBarRight{cursor:pointer;z-index:1}.WrapperBarLeft span.EngagementSuiteIcon img,.WrapperBarRight span.EngagementSuiteIcon img{width:24px;height:24px}.WrapperBarMiddle{flex-grow:1;text-align:center;font-size:var(--emw--font-size-medium, 16px);font-weight:500;color:var(--emw--color-secondary, rgb(187, 185, 195))}:host{display:block;font-size:var(--emw--font-size-x-small, 14px)}.ScrollBar{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Row{margin:10px 0;padding:0 20px}.Row:first-child{margin:0;padding-top:5px}.LeaderboardsItem{opacity:1;transition:1s opacity ease;position:relative;margin:20px 0;border:1px solid rgb(64, 57, 86);border-radius:6px;padding:12px 0}.LeaderboardsItem.Unjoined{opacity:0;margin:0;border:0 none;animation:slideOut 1s forwards}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.ShowInfo{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer{margin:10px 0;padding:0 20px;transition:0.5s all ease}.TimeContainer .Time{display:flex;justify-content:space-between;font-size:var(--emw--font-size-x-small, 14px);align-items:center;color:var(--emw--color-secondary, rgb(187, 185, 195))}.TimeContainer .Time .Running{width:100%;display:flex;flex-direction:row;justify-content:space-between}.TimeContainer .Time button{font-size:var(--emw--font-size-x-small, 14px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.TitleContainer{display:flex;justify-content:space-between;margin:10px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat;align-items:center}.TitleContainer .GradientRoundedButton{width:120px}.item .TitleContainer{height:55px;overflow:auto}.TabsContainer{margin:10px 0;padding:0 20px;margin:0 20px;padding:0;border-bottom:1px solid #575757}.Tabs{display:flex;justify-content:space-between;justify-content:start;font-size:var(--emw--font-size-x-small, 14px);margin-bottom:-1px}.Tabs .Tab{text-transform:capitalize}.Tabs>div{padding:10px;color:rgb(102, 97, 120);cursor:pointer}.Tabs>div.active{color:var(--emw--color-typography, #FFF);border-bottom:2px solid var(--emw--color-typography, #FFF)}.Title{font-size:var(--emw--font-size-large, 20px);font-weight:700;line-height:19.5px;text-align:left;word-break:break-word}.TC{margin-top:14px}.TC a{color:rgb(89, 209, 255)}.Criterias{margin:14px 0}.Criterias span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.ResultPrize{margin:10px 0;padding:0 20px;padding-left:30px;text-align:left}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.ContentScrollContainer{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;height:auto}.ContentScrollContainer.expanded{height:100%;max-height:100%}.PrizesContainer{flex:1;display:flex;flex-direction:column;min-height:100px;max-height:calc(100% - 20px)}.PrizesHeader,.DetailHeader{align-items:center;display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));padding:5px 0;z-index:1;margin:0 20px}.PrizesHeader img,.DetailHeader img{width:14px}.PrizesHeader .PrizesText,.DetailHeader .PrizesText{margin-left:3px;font-weight:600}.DetailHeader{margin:0}.Prizes{margin:10px 0;padding:0 20px;text-align:left;flex:1;overflow-y:auto;margin-bottom:0;padding-right:10px;margin-top:10px}.Prizes::-webkit-scrollbar{width:4px}.Prizes::-webkit-scrollbar-track{background:rgba(0, 0, 0, 0.1);border-radius:2px}.Prizes::-webkit-scrollbar-thumb{background:var(--emw--color-primary, rgb(255, 214, 47));border-radius:2px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .Rank{margin-right:5px}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer section.Info{margin-bottom:12px;text-align:left;padding-left:20px}.InfoContainer section.Info .Criterias,.InfoContainer section.Info .Description{margin-top:10px;margin-right:10px}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards thead{position:sticky;top:0;z-index:2;background-color:var(--emw--color-background, hsl(254, 44%, 15%))}.Leaderboards td,.Leaderboards th{opacity:0.6;padding:12px 5px}.Leaderboards th:last-child{text-align:left}.Leaderboards td:first-child{padding-left:20px}.Leaderboards td:last-child{padding-right:20px}.Leaderboards .LeaderboardName{color:var(--emw--color-typography, #FFF);opacity:1}.Leaderboards tr.isMe{background:rgba(0, 0, 0, 0.2);scroll-margin-top:42px}.Leaderboards tr.isMe .LeaderboardRank span{padding:0px 3px;opacity:1;border:1px solid var(--emw--color-primary, rgb(255, 214, 47));border-radius:11px}.Leaderboards tr.isMe td{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:var(--emw--font-weight-semibold, 500)}.LeaderboardLabels{position:absolute;top:-6px;right:18px;display:flex;gap:4px}.LeaderboardLabel{width:30px;height:15px;background:var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));border-radius:var(--emw--border-radius-x-small, 2px);display:inline-flex;padding:0 2px;align-items:center;justify-content:center}.LeaderboardLabel span{display:inline-block;text-transform:uppercase;font-size:var(--emw--font-size-3x-small, 7px);line-height:7px;font-weight:var(--emw--font-weight-bold, 700);font-family:var(--emw--font-family-secondary, \"Montserrat\", sans-serif);color:var(--emw--color-background, #1E1638)}.LeaderboardUnstarted{margin:10px 0;padding:0 20px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-medium, 16px)}.Games{margin:10px 0;padding:0 20px;display:grid;justify-content:start;grid-template-columns:repeat(4, 25%);margin-top:8px;align-content:flex-start;width:100%}.Games .Game{padding-right:8px}.Games .Game.Current{cursor:auto;filter:grayscale(10)}.Games .Game:nth-of-type(4n){padding-right:0px}.Games .Game:hover{filter:brightness(var(--emw--hover-brightness, 1.25));cursor:pointer}.Games .Game.Current:hover{cursor:auto;filter:grayscale(10);cursor:not-allowed}.Games img{width:100%;height:auto;margin:auto 0}dialog.tip{position:absolute;align-items:start;padding:120px 90px;line-height:20px;border:none;border-radius:var(--emw--border-radius-large, 8px);font-size:var(--emw--font-size-small, 16px)}dialog.tip>div{margin:0px}dialog{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);justify-content:center;align-items:center;z-index:1;color:var(--emw--color-typography, #FFFFFF);transition:all 0.2s;transition-timing-function:ease-in-out}dialog>div{margin:32px;border-radius:8px;background:var(--emw--color-background, hsl(254, 44%, 15%));border:1px solid hsl(254, 20%, 28%);align-items:center}dialog div.Hollow .WrapperBar{padding:12px}dialog div.Hollow .WrapperBar .WrapperBarRight img{width:20px}dialog div.Hollow .Tip{line-height:20px;padding:0px 60px 32px;font-size:var(--emw--font-size-small, 16px)}dialog[open]{display:flex}.DialogContentUnjoin{padding:32px;padding-top:10px;display:flex;gap:10px;max-width:510px;flex-direction:column}.DialogContentUnjoinTitle{font-family:Montserrat;font-size:var(--emw--font-size-large, 20px);font-weight:600;line-height:24.38px;text-align:center}.DialogContentUnjoinDescription{color:var(--emw--color-secondary, rgb(187, 185, 195));margin-bottom:30px}.Tip{padding:32px;padding-top:0px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-small, 14px)}.Tip.Error{color:var(--emw--color-error, var(--emw--color-red, #ed0909));font-weight:var(--emw--font-weight-normal, 500)}.PageConfirmContainer{text-align:center;width:80%;min-width:450px;max-width:510px;margin:0 auto}.PageConfirm{padding:0px 32px 60px;display:flex;flex-direction:column;gap:20px}.PageConfirm .Title{font-size:var(--emw--font-size-large, 26px);text-align:center}.PageConfirm .Description{color:var(--emw--color-secondary, rgb(187, 185, 195));font-weight:400}.PageConfirm .Description span{color:var(--emw--color-typography, #FFF);font-weight:600}.PageConfirm.Gift{padding:22px 32px 60px}.PageConfirm.Gift .Title{font-size:var(--emw--font-size-large, 30px)}.PageConfirm.Gift .Description{font-size:var(--emw--font-size-medium, 20px)}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton{font-size:var(--emw--font-size-medium, 20px);padding:12px;height:auto}.PageConfirm.Gift .PageConfirmButtonsGroup .GradientRoundedButton.GradientRounded{border-radius:20px}.PageConfirmButtonsGroup{width:150px;margin:20px auto;display:flex;flex-direction:column;gap:10px}.GradientRounded{display:block;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);color:rgb(30, 22, 56);position:relative;border-radius:16px}.GradientRounded.Hollow{background:rgb(30, 22, 56);color:#FFFFFF}.GradientRounded.Hollow::before{content:\"\";position:absolute;inset:0;border-radius:15px;border:1px solid transparent;background:linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude}.GradientRoundedButton{border:none;padding:7px;height:32px;width:100%;font-size:var(--emw--font-size-medium, 16px);font-weight:700;line-height:17.07px;text-align:center;transition:0.5s opacity;cursor:pointer}.GradientRoundedButton.Pending{cursor:not-allowed;opacity:0.3}.GradientRoundedButton.Hollow span{background:-webkit-linear-gradient(98.25deg, rgb(255, 148, 0) 22.48%, rgb(254, 247, 70) 131.02%, rgb(255, 226, 74) 131.9%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.LeaderboardsItem.GradientRounded.Hollow::before{border-radius:7px}.WrapperUtil .GradientRounded .WrapperBar{margin-bottom:0;padding-bottom:0}.WrapperUtil .GradientRounded .Tip{padding-top:0;padding-bottom:40px}.LeaderboardsItem .LeaderboardsItemContainer .TitleContainer{margin-bottom:16px}@keyframes slideOut{0%{display:block;opacity:1;height:max-content}50%{display:block;opacity:0.5}80%{display:none;opacity:0}100%{display:none;opacity:0;height:0}}";
|
|
6796
6815
|
const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
|
|
6797
6816
|
|
|
6798
6817
|
const CasinoEngagementSuiteTournament = class {
|
|
@@ -6904,10 +6923,10 @@ const CasinoEngagementSuiteTournament = class {
|
|
|
6904
6923
|
messageSender.UpdateLeaderboardsPlayerReq();
|
|
6905
6924
|
}
|
|
6906
6925
|
scrollToMyRankLine() {
|
|
6907
|
-
if (!this.
|
|
6926
|
+
if (!this.isMeElement) {
|
|
6908
6927
|
return;
|
|
6909
6928
|
}
|
|
6910
|
-
|
|
6929
|
+
this.isMeElement.scrollIntoView({ behavior: 'smooth' });
|
|
6911
6930
|
this.scrolledToMyLine = true;
|
|
6912
6931
|
}
|
|
6913
6932
|
componentDidRender() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { r as registerInstance, c as createEvent, h } from './index-58fe1cb7.js';
|
|
2
|
-
import { D as DialogType, d as isTournamentEnded, r as renderGradientRoundedButton, t as translate, L as LeaderboardPage, f as getProgress, b as getTimeDifference, h as formatDate } from './util.date-
|
|
2
|
+
import { D as DialogType, d as isTournamentEnded, r as renderGradientRoundedButton, t as translate, L as LeaderboardPage, f as getProgress, b as getTimeDifference, h as formatDate } from './util.date-3169fc53.js';
|
|
3
3
|
import './utils-25141486.js';
|
|
4
4
|
|
|
5
5
|
const CasinoEngagementSuiteTournamentItemTitle = class {
|
|
@@ -140,7 +140,7 @@ var DialogType;
|
|
|
140
140
|
DialogType["error"] = "error";
|
|
141
141
|
})(DialogType || (DialogType = {}));
|
|
142
142
|
|
|
143
|
-
const DEFAULT_PAGE_SIZE =
|
|
143
|
+
const DEFAULT_PAGE_SIZE = 12;
|
|
144
144
|
const getMaxRankStr = (playerLeaderboards) => {
|
|
145
145
|
let bestRank = null;
|
|
146
146
|
(playerLeaderboards || []).map((playerLeaderboard) => {
|