@everymatrix/casino-engagement-suite-tournament 1.76.10 → 1.76.12

package/dist/cjs/casino-engagement-suite-tournament.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_8.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_8.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"loading":[1],"imgLoaded":[32]},null,{"src":["onSrcChange"],"loading":["onLoadingChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-8feeba0e.js');
+const casinoEngagementSuiteTournament = require('./casino-engagement-suite-tournament-9861bbbf.js');
 require('./index-b22e9a52.js');
 require('@everymatrix/ui-image');
 

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_8.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["casino-engagement-suite-progress-bar_8.cjs",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"loading":[1],"imgLoaded":[32]},null,{"src":["onSrcChange"],"loading":["onLoadingChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.css

@@ -94,6 +94,7 @@ table.Leaderboards td.LeaderboardPrize {
   height: calc(100vh - 109px);
 }
 .Wrapper .WrapperContent .Main .Leaderboards.ScrollBar.Row {
+  will-change: scroll-position;
   display: flex;
   flex-direction: column;
 }

package/dist/collection/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.js

@@ -194,6 +194,8 @@ export class CasinoEngagementSuiteTournament {
                     return h("div", { class: "Tip" }, this.locale.Tip);
                 case DialogType.error:
                     return h("div", { class: "Tip Error" }, this.locale.FailedToJoin);
+                case DialogType.loadingError:
+                    return h("div", { class: "Tip", innerHTML: this.locale.LoadingError });
                 case DialogType.gift:
                     return this.renders.dialog.gift();
             }

package/dist/collection/utils/message.js

@@ -28,6 +28,10 @@ export const messageReceiver = (instance) => {
         * Update tournament games list when switch to game tab in detail page
         */
         UpdateTournamentsItemRes: (rest) => {
+            if (!rest.success) {
+                instance.openDialog(DialogType.loadingError);
+                return;
+            }
             const tournamentNew = tournamentAdapter(rest.data.item);
             instance.tournamentItem = tournamentNew;
             updateTournamentListByItem(instance, tournamentNew);
@@ -220,7 +224,7 @@ const updatePlayerRewardInfo = (instance, rest) => {
         const updateMessageObj = JSON.parse(rest.data.Message);
         const assignFailedRewards = updateMessageObj.rewards.filter(item => item.status && item.status !== 'success')
             .map(reward => getRewardNameByType(reward));
-        const assignedRewards = updateMessageObj.rewards.filter(item => !!item.assigned && item.status === 'success')
+        const assignedRewards = updateMessageObj.rewards.filter(item => item.status && item.status === 'success')
             .map(reward => getRewardNameByType(reward));
         if (assignFailedRewards.length) {
             instance.gifts = [{ name: null, failedRewards: assignFailedRewards.join(',') }, ...instance.gifts];

package/dist/collection/utils/translations.js

@@ -35,7 +35,7 @@ export const TRANSLATIONS = {
             FailedTitle: 'Reward cannot be issued',
             FailedDescription: 'Please contact support.',
             FailedButtonContinue: 'Ok, continue',
-        }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' }),
+        }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', LoadingError: 'Oops~ some unexpected issue happened,<br> please refresh the page or contact the support team', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' }),
     zh: {
         Join: '加入',
         Unjoin: '取消',

package/dist/collection/utils/types.js

@@ -24,4 +24,5 @@ export var DialogType;
     DialogType["tip"] = "tip";
     DialogType["gift"] = "gift";
     DialogType["error"] = "error";
+    DialogType["loadingError"] = "loadingError";
 })(DialogType || (DialogType = {}));

package/dist/esm/casino-engagement-suite-progress-bar_8.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement, c as createEvent, H as Host } from './index-487913af.js';
-import { c as classnames, D as DialogType, i as isTournamentEnded, r as renderGradientRoundedButton, t as translate, L as LeaderboardPage, g as getProgress, a as getTimeDifference, f as formatDate } from './casino-engagement-suite-tournament-135290da.js';
-export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-135290da.js';
+import { c as classnames, D as DialogType, i as isTournamentEnded, r as renderGradientRoundedButton, t as translate, L as LeaderboardPage, g as getProgress, a as getTimeDifference, f as formatDate } from './casino-engagement-suite-tournament-12623c2a.js';
+export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-12623c2a.js';
 import '@everymatrix/ui-image';
 
 const casinoEngagementSuiteProgressBarCss = ":host{display:block;font-family:inherit}:host(.Desktop) .ProgressBarPercent{font-size:var(--emw--font-size-small, 14px);line-height:14px}@keyframes indeterminate{0%{left:-200%;right:100%}60%{left:110%;right:-10%}to{left:110%;right:-10%}}.ProgressBarBackground{height:8px;background-color:var(--emw--color-gray-300, #666178);border-radius:var(--emw--border-radius-small, 4px);position:relative;overflow:hidden}.ProgressBarLine{position:absolute;left:0;top:0;bottom:0;border-radius:var(--emw--border-radius-small, 4px);background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));transition:width ease-out 0.3s}.ProgressBarLine.Indeterminate{animation:indeterminate 1s linear infinite}.ProgressBarInfo{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.ProgressBarPercent{font-weight:var(--emw--font-weight-bold, 700);font-size:var(--emw--font-size-x-small, 12px);line-height:12px}.HidePercent .ProgressBarPercent{display:none}.ProgressBar:not(.Disabled) .ProgressBarPercent{background:var(--emw--engagement-suite-gradient-button, linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.ProgressBar.Disabled .ProgressBarPercent{color:var(--emw--color-gray-300, #666178)}.ProgressBar.Disabled .ProgressBarLine{background:var(--emw--color-background-secondary, #474668)}";
@@ -353,59 +353,140 @@ const UiImageStyle0 = uiImageCss;
 const UiImage = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.hasStarted = false;
         this.src = undefined;
         this.width = undefined;
         this.height = undefined;
         this.alt = undefined;
         this.styles = undefined;
         this.detectDistance = '200px';
+        this.loading = 'lazy';
         this.imgLoaded = false;
-        this.shouldLoad = false;
     }
-    handleSrc() {
-        if (!this.shouldLoad) {
+    onSrcChange() {
+        if (this.loading === 'eager')
             return;
+        this.imgLoaded = false;
+        this.hasStarted = false;
+        if (typeof window === 'undefined' || !('IntersectionObserver' in window)) {
+            this.beginLoad();
         }
-        const preloadedImage = new Image();
-        preloadedImage.onload = () => {
-            if (this.image) {
-                this.image.src = this.src;
-                this.imgLoaded = true;
-                preloadedImage.onload = null;
+    }
+    onLoadingChange(newVal, oldVal) {
+        if (newVal === oldVal)
+            return;
+        this.cleanupObserver();
+        this.detachImgHandlers();
+        if (newVal === 'eager') {
+            if (this.imgEl && this.src) {
+                this.imgEl.src = this.src;
             }
-        };
-        preloadedImage.src = this.src;
+            this.hasStarted = true;
+        }
+        else {
+            this.imgLoaded = false;
+            this.hasStarted = false;
+            this.setupObserver();
+        }
     }
     componentDidLoad() {
-        if ('IntersectionObserver' in window) {
-            this.el.__uxComponent = this;
-            if (!window.EMUxObserver) {
-                window.EMUxObserver = new IntersectionObserver((entries) => {
-                    entries.forEach(entry => {
-                        if (entry.isIntersecting) {
-                            const comp = entry.target.__uxComponent;
-                            if (comp) {
-                                comp.shouldLoad = true;
-                                comp.handleSrc();
-                            }
-                            window.EMUxObserver.unobserve(entry.target);
-                        }
-                    });
-                }, { rootMargin: this.detectDistance });
+        if (this.loading === 'eager')
+            return;
+        this.setupObserver();
+    }
+    disconnectedCallback() {
+        this.cleanupObserver();
+        this.detachImgHandlers();
+    }
+    canUseIO() {
+        return typeof window !== 'undefined' && 'IntersectionObserver' in window;
+    }
+    setupObserver() {
+        if (this.loading === 'eager')
+            return;
+        if (!this.canUseIO()) {
+            this.beginLoad();
+            return;
+        }
+        this.io = new IntersectionObserver((entries) => {
+            var _a;
+            for (const entry of entries) {
+                if (entry.isIntersecting) {
+                    this.beginLoad();
+                    (_a = this.io) === null || _a === void 0 ? void 0 : _a.unobserve(entry.target);
+                    this.cleanupObserver();
+                    break;
+                }
             }
-            window.EMUxObserver.observe(this.el);
+        }, { root: null, rootMargin: this.detectDistance, threshold: 0 });
+        this.io.observe(this.el);
+    }
+    cleanupObserver() {
+        var _a;
+        (_a = this.io) === null || _a === void 0 ? void 0 : _a.disconnect();
+        this.io = undefined;
+    }
+    wireOnceHandlers() {
+        if (!this.imgEl)
+            return;
+        this.detachImgHandlers();
+        this._onLoad = () => {
+            var _a;
+            if (this.currentSrc && ((_a = this.imgEl) === null || _a === void 0 ? void 0 : _a.currentSrc) && !this.imgEl.currentSrc.includes(this.currentSrc))
+                return;
+            this.imgLoaded = true;
+        };
+        this._onError = () => {
+            console.error('Load image failed:', this.src);
+        };
+        this.imgEl.addEventListener('load', this._onLoad, { once: true });
+        this.imgEl.addEventListener('error', this._onError, { once: true });
+    }
+    detachImgHandlers() {
+        if (!this.imgEl)
+            return;
+        if (this._onLoad)
+            this.imgEl.removeEventListener('load', this._onLoad);
+        if (this._onError)
+            this.imgEl.removeEventListener('error', this._onError);
+        this._onLoad = undefined;
+        this._onError = undefined;
+    }
+    beginLoad() {
+        if (this.hasStarted)
+            return;
+        if (!this.imgEl)
+            return;
+        if (!this.src)
+            return;
+        this.hasStarted = true;
+        this.wireOnceHandlers();
+        if (this.imgEl.complete && this.imgEl.naturalWidth > 0) {
+            this.imgLoaded = true;
+            return;
         }
-        else {
-            this.shouldLoad = true;
-            this.handleSrc();
+        this.currentSrc = this.src;
+        this.imgEl.src = this.src;
+        if (this.imgEl.complete && this.imgEl.naturalWidth > 0) {
+            this.imgLoaded = true;
         }
     }
+    get showSkeleton() {
+        return this.loading !== 'eager' && !this.imgLoaded;
+    }
+    renderEager() {
+        return (h(Host, { class: "HostContainer" }, h("img", { src: this.src, decoding: "async", style: this.styles, class: "UiContainer Visible", alt: this.alt, width: this.width, height: this.height, loading: "eager" })));
+    }
+    renderLazy() {
+        return (h(Host, { class: "HostContainer", "aria-busy": !this.imgLoaded ? 'true' : 'false' }, this.showSkeleton && (h("ui-skeleton", { class: "UiContainer", structure: "image", width: "100%", height: "100%" })), h("img", { ref: (el) => (this.imgEl = el), src: undefined, decoding: "async", style: this.styles, class: `UiContainer ${this.imgLoaded ? 'Visible' : 'Hidden'}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" })));
+    }
     render() {
-        return (h(Host, { key: 'f506ba73852f257ad80bf59ca177d2065a5f365e', class: "HostContainer" }, !this.imgLoaded && (h("ui-skeleton", { key: '564ebfab701f827ddc2debccb7615926dbc9e876', class: "UiContainer", structure: "image", width: "100%", height: "100%" })), h("img", { key: '2188ca4494c10587f064acc5459ffc468948f497', ref: (el) => (this.image = el), src: this.shouldLoad ? this.src : undefined, onLoad: () => (this.imgLoaded = true), style: this.styles, class: `UiContainer ${this.imgLoaded ? 'Visible' : 'Hidden'}`, alt: this.alt, width: this.width, height: this.height, loading: "lazy" })));
+        return this.loading === 'eager' ? this.renderEager() : this.renderLazy();
     }
     get el() { return getElement(this); }
     static get watchers() { return {
-        "src": ["handleSrc"]
+        "src": ["onSrcChange"],
+        "loading": ["onLoadingChange"]
     }; }
 };
 UiImage.style = UiImageStyle0;

package/dist/esm/{casino-engagement-suite-tournament-135290da.js → casino-engagement-suite-tournament-12623c2a.js}

@@ -65,7 +65,7 @@ const TRANSLATIONS = {
             FailedTitle: 'Reward cannot be issued',
             FailedDescription: 'Please contact support.',
             FailedButtonContinue: 'Ok, continue',
-        }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' }),
+        }, NoLeaderboards: 'No Leaderboards yet', NoLeaderboardsTip: 'Try winning tickets to Leaderboards as rewards or launching other booster games', Leaderboards: 'Leaderboards', TipPrize: 'You took <span>{place}</span> place and win <span>{prize}</span>', TipPrizeWithoutReward: 'You took <span>{place}</span> place</span>', Tip: 'Competition where your real money bets contribute towards the leaderboard score calculation to win the leaderboard reward.', LoadingError: 'Oops~ some unexpected issue happened,<br> please refresh the page or contact the support team', TournamentNotStarted: 'The leaderboard is not started yet. <br> It will start in {startTime}.', BeOne: 'No winners for the time being. Be one of them!', NoGameConfiged: 'No game configed', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' }),
     zh: {
         Join: '加入',
         Unjoin: '取消',
@@ -199,6 +199,7 @@ var DialogType;
     DialogType["tip"] = "tip";
     DialogType["gift"] = "gift";
     DialogType["error"] = "error";
+    DialogType["loadingError"] = "loadingError";
 })(DialogType || (DialogType = {}));
 
 const DEFAULT_PAGE_SIZE = 12;
@@ -425,6 +426,10 @@ const messageReceiver = (instance) => {
         * Update tournament games list when switch to game tab in detail page
         */
         UpdateTournamentsItemRes: (rest) => {
+            if (!rest.success) {
+                instance.openDialog(DialogType.loadingError);
+                return;
+            }
             const tournamentNew = tournamentAdapter(rest.data.item);
             instance.tournamentItem = tournamentNew;
             updateTournamentListByItem(instance, tournamentNew);
@@ -617,7 +622,7 @@ const updatePlayerRewardInfo = (instance, rest) => {
         const updateMessageObj = JSON.parse(rest.data.Message);
         const assignFailedRewards = updateMessageObj.rewards.filter(item => item.status && item.status !== 'success')
             .map(reward => getRewardNameByType(reward));
-        const assignedRewards = updateMessageObj.rewards.filter(item => !!item.assigned && item.status === 'success')
+        const assignedRewards = updateMessageObj.rewards.filter(item => item.status && item.status === 'success')
             .map(reward => getRewardNameByType(reward));
         if (assignFailedRewards.length) {
             instance.gifts = [{ name: null, failedRewards: assignFailedRewards.join(',') }, ...instance.gifts];
@@ -856,7 +861,7 @@ const renderCloseBar = (attr) => {
     return (h("div", { class: "WrapperBar" }, Object.keys(slots).map(slotKey => (h("div", { class: 'WrapperBar' + getFirstLetterUppercase(slotKey) }, slots[slotKey] || '')))));
 };
 
-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}}";
+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{will-change:scroll-position;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}}";
 const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
 
 const CasinoEngagementSuiteTournament = class {
@@ -1042,6 +1047,8 @@ const CasinoEngagementSuiteTournament = class {
                     return h("div", { class: "Tip" }, this.locale.Tip);
                 case DialogType.error:
                     return h("div", { class: "Tip Error" }, this.locale.FailedToJoin);
+                case DialogType.loadingError:
+                    return h("div", { class: "Tip", innerHTML: this.locale.LoadingError });
                 case DialogType.gift:
                     return this.renders.dialog.gift();
             }

package/dist/esm/casino-engagement-suite-tournament.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"loading":[1],"imgLoaded":[32]},null,{"src":["onSrcChange"],"loading":["onLoadingChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 });

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-135290da.js';
+export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-12623c2a.js';
 import './index-487913af.js';
 import '@everymatrix/ui-image';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  return bootstrapLazy([["casino-engagement-suite-progress-bar_8",[[1,"casino-engagement-suite-tournament",{"language":[1],"show":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"device":[1],"orientation":[1],"leaderboardsInit":[16],"tipsHideDelay":[514,"tips-hide-delay"],"tab":[32],"locale":[32],"tournamentItem":[32],"tournamentList":[32],"leaderboards":[32],"isDialogOpen":[32],"isShowInfo":[32],"page":[32],"tournamentInDialog":[32],"dialog":[32],"newIdList":[32]},[[8,"message","handleEvent"],[16,"clickToTournamentDetail","handleClickToTournamentDetail"],[16,"joinTournamentEvent","handleJoinTournamentEvent"],[16,"unjoinTournamentConfirmEvent","handleUnjoinTournamentEvent"],[10,"click","handleClickOutside"]],{"newIdList":["watchPropHandler"],"language":["watchPropHandler"],"tournamentList":["syncBarState"],"show":["showPropWatcher"]}],[0,"tournament-item",{"tournament":[16],"isNew":[4,"is-new"],"tid":[1],"language":[1]},[[16,"pendingChangeEvent","onTournamentUpdateEvent"]]],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"loading":[1],"imgLoaded":[32]},null,{"src":["onSrcChange"],"loading":["onLoadingChange"]}],[4,"general-styling-wrapper",{"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[1,"translation-url"],"targetTranslations":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"tournament-timer",{"tournament":[16],"isDetail":[4,"is-detail"],"timeHolder":[32],"timeClock":[32],"lastTimeDiff":[32],"lastProgress":[32]},[[16,"tournamentTimer","containerPageChangeHandler"]]],[0,"tournament-item-title",{"tournament":[16],"language":[1],"isButtonDisabed":[32]},null,{"tournament":["onTournamentChanged"]}],[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"]}],[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"indeterminate":[4],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/utils/message.d.ts

@@ -1,4 +1,4 @@
-import { Instance, Tournament, TournamentGame } from './types';
+import { Instance, MessageResponse, Tournament, TournamentGame } from './types';
 export declare const messageSender: {
     UpdateSuiteBarState: (labels: string[]) => void;
     JoinTournamentReq: (tournament: Tournament) => void;
@@ -12,7 +12,7 @@ export declare const messageSender: {
 export declare const messageReceiver: (instance: Instance) => {
     UpdateLeaderboardsPlayerRes: (rest: any) => void;
     UpdateLeaderboardStateReq: () => void;
-    UpdateTournamentsItemRes: (rest: any) => void;
+    UpdateTournamentsItemRes: (rest: MessageResponse) => void;
     UpdateLeaderboardsRes: (rest: any) => void;
     JoinTournamentRes: (rest: any) => void;
     UnjoinTournamentRes: (rest: any) => void;

package/dist/types/utils/types.d.ts

@@ -122,7 +122,8 @@ export declare enum DialogType {
     unjoin = "unjoin",
     tip = "tip",
     gift = "gift",
-    error = "error"
+    error = "error",
+    loadingError = "loadingError"
 }
 export interface Dialog {
     isOpen: boolean;
@@ -130,4 +131,8 @@ export interface Dialog {
     data: any;
     onClose: Function;
 }
+export interface MessageResponse {
+    data?: Record<string, any>;
+    success: boolean;
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-engagement-suite-tournament",
-  "version": "1.76.10",
+  "version": "1.76.12",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",