@everymatrix/casino-engagement-suite-tournament 1.63.3 → 1.64.0

package/dist/esm/{casino-engagement-suite-tournament-3be75bd2.js → casino-engagement-suite-tournament-61d378cd.js}

@@ -44,16 +44,19 @@ const localePostprocess = (translationText, props) => {
     });
     return translationText;
 };
-const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Prizes: 'Rewards', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
+const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', Unjoin: 'Unjoin' }, Tab), Time), { TC: 'Terms & Conditions', ScoreCriteria: 'Score Criteria', MinimumBetCriteria: 'Minimum bet criteria', Place: 'place', Places: 'places', Prizes: 'Rewards', LeaderboardDetails: 'Leaderboard Details', UnjoinDialog: {
         Title: 'Quit Leaderboard?',
         Description: 'Any progress on the current Leaderboard won’t be kept and you can not rejoin the Leaderboard any more. <br /><br />Would you still like to quit?',
         ButtonYes: 'Yes, I want to quit leaderboard',
         ButtonNo: 'No, Stay on the leaderboard'
     }, WinDialog: {
-        Tile: 'Congratulations!',
-        Description: 'You won <span>{tournamentName}</span>!',
-        ButtonContinue: '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>', 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!', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' });
+        Title: 'Congratulations!',
+        Description: 'You won <span>{rewards}</span>!',
+        ButtonContinue: 'Continue',
+        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!', FailedToJoin: 'Oops! some unexpected error happened, please try it again.', FailedToUnjoin: 'Oops! some unexpected error happened, please try it again.' });
 
 const classnames = (...args) => {
     let classnameArray = ['Tab'];
@@ -74,8 +77,7 @@ const classnames = (...args) => {
     return classnameArray.join(' ');
 };
 const getNewItems = (newList, oldList, getCondition) => {
-    const newItems = newList.filter((newItem) => !oldList.some((oldItem) => getCondition(newItem, oldItem)));
-    return newItems;
+    return newList.filter(newItem => !oldList.some(oldItem => getCondition(newItem, oldItem)));
 };
 /**
  * Truncate number to specified decimal places (without rounding)
@@ -118,6 +120,14 @@ var TournamentState;
     TournamentState["Closed"] = "Closed";
     TournamentState["Closing"] = "Closing";
 })(TournamentState || (TournamentState = {}));
+var RewardType;
+(function (RewardType) {
+    RewardType["FreeSpin"] = "FreeSpin";
+    RewardType["Mission"] = "Challenge";
+    RewardType["Leaderboard"] = "TournamentTicket";
+    RewardType["Custom"] = "Custom";
+    RewardType["LuckyWheel"] = "PrizeEngine";
+})(RewardType || (RewardType = {}));
 var DialogType;
 (function (DialogType) {
     DialogType["unjoin"] = "unjoin";
@@ -126,6 +136,7 @@ var DialogType;
     DialogType["error"] = "error";
 })(DialogType || (DialogType = {}));
 
+const DEFAULT_PAGE_SIZE = 12;
 const getMaxRankStr = (playerLeaderboards) => {
     let bestRank = null;
     (playerLeaderboards || []).map((playerLeaderboard) => {
@@ -136,23 +147,55 @@ const getMaxRankStr = (playerLeaderboards) => {
         }
         bestRank = !bestRank || ((_a = bestRank.leaderBoard) === null || _a === void 0 ? void 0 : _a.rank) > rank ? playerLeaderboard : bestRank;
     });
-    return bestRank ? `${bestRank.leaderBoard.rank} / ${bestRank.endRank}` : '-';
+    return {
+        rank: bestRank ? `${bestRank.leaderBoard.rank} / ${bestRank.endRank}` : '-',
+        detail: bestRank ? {
+            playerRank: bestRank.leaderBoard.rank,
+            total: bestRank.endRank
+        } : null
+    };
 };
 const isTournamentClosed = (tournament) => {
+    return [TournamentState.Closed].includes(tournament.state);
+};
+const isTournamentEnded = (tournament) => {
     return [TournamentState.Closed, TournamentState.Closing].includes(tournament.state);
 };
+const getRewardNameByType = (reward) => {
+    switch (reward.type) {
+        case RewardType.FreeSpin:
+            return reward.campaignName;
+        case RewardType.Mission:
+            return reward.challengeName;
+        case RewardType.Leaderboard:
+            return reward.ticketProgramName;
+        case RewardType.LuckyWheel:
+            return reward.prizeEngineProgramName;
+        case RewardType.Custom:
+            return reward.value;
+        default:
+            return reward.name;
+    }
+};
 
 const rewardSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48c2NyaXB0IHhtbG5zPSIiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzIxMTVfMzA2KSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNC45MDI5MiAwLjY2NjQ5NkM0LjkyMzM5IDAuNjY2NTc5IDQuOTQzNCAwLjY2NjY2IDQuOTYyODYgMC42NjY2NkgxMS4wMzY5QzExLjA1NjQgMC42NjY2NiAxMS4wNzY0IDAuNjY2NTc5IDExLjA5NjkgMC42NjY0OTZDMTEuMzA1NiAwLjY2NTY1MyAxMS41NjI3IDAuNjY0NjEzIDExLjc4OTMgMC43NDcwN0MxMi4xNTk2IDAuODgxODY4IDEyLjQ1MTQgMS4xNzM2MSAxMi41ODYyIDEuNTQzOTdDMTIuNjM5NCAxLjY5MDMxIDEyLjY1NzggMS44NDk0MiAxMi42NjQgMS45OTk5OUwxMy42ODQyIDEuOTk5OTlDMTMuODI0MiAxLjk5OTk4IDEzLjk2MDcgMS45OTk5NiAxNC4wNzY3IDIuMDA3ODhDMTQuMjAzNiAyLjAxNjU0IDE0LjM1NDEgMi4wMzY4NiAxNC41MTAxIDIuMTAxNDlDMTQuODM2OCAyLjIzNjgxIDE1LjA5NjQgMi40OTYzOCAxNS4yMzE3IDIuODIzMDhDMTUuMjk2NCAyLjk3OTExIDE1LjMxNjcgMy4xMjk1OSAxNS4zMjUzIDMuMjU2NTFDMTUuMzMzMyAzLjM3MjU2IDE1LjMzMzIgMy41MDg5OCAxNS4zMzMyIDMuNjQ5MDFWMy45OTk5OUMxNS4zMzMyIDQuMDMxMDIgMTUuMzMzMyA0LjA2MTU4IDE1LjMzMzMgNC4wOTE3MUMxNS4zMzM2IDQuNjIxOTcgMTUuMzMzOCA1LjAxNTc0IDE1LjI0MjQgNS4zNTY4NEMxNC45OTU4IDYuMjc3MDkgMTQuMjc3IDYuOTk1ODggMTMuMzU2OCA3LjI0MjQ2QzEzLjEwMyA3LjMxMDQ0IDEyLjgyMDIgNy4zMjc3NCAxMi40NzM3IDcuMzMyMDNDMTEuOTYxOCA5LjA1MzkzIDEwLjQ4MjkgMTAuMzU5NiA4LjY2NjU3IDEwLjYxOTRWMTEuMzMzM0g4Ljk2Mjg2QzEwLjY0MDIgMTEuMzMzMyAxMS45OTk5IDEyLjY5MzEgMTEuOTk5OSAxNC4zNzA0QzExLjk5OTkgMTQuOTAyMiAxMS41Njg4IDE1LjMzMzMgMTEuMDM2OSAxNS4zMzMzSDQuOTYyODZDNC40MzEwMyAxNS4zMzMzIDMuOTk5OSAxNC45MDIyIDMuOTk5OSAxNC4zNzA0QzMuOTk5OSAxMi42OTMxIDUuMzU5NjMgMTEuMzMzMyA3LjAzNjk0IDExLjMzMzNINy4zMzMyM1YxMC42MTk0QzUuNTE2OTMgMTAuMzU5NiA0LjAzODAyIDkuMDUzOTMgMy41MjYxIDcuMzMyMDNDMy4xNzk2MiA3LjMyNzc0IDIuODk2NzYgNy4zMTA0NCAyLjY0MzA1IDcuMjQyNDZDMS43MjI4MSA2Ljk5NTg4IDEuMDA0MDEgNi4yNzcwOSAwLjc1NzQzMyA1LjM1Njg0QzAuNjY2MDM1IDUuMDE1NzQgMC42NjYyNDggNC42MjE5NyAwLjY2NjUzNSA0LjA5MTcxQzAuNjY2NTUyIDQuMDYxNTkgMC42NjY1NjggNC4wMzEwMiAwLjY2NjU2OCAzLjk5OTk5VjMuNjY2NjZDMC42NjY1NjggMy42NjA3NyAwLjY2NjU2OCAzLjY1NDg5IDAuNjY2NTY3IDMuNjQ5MDFDMC42NjY1NTMgMy41MDg5OCAwLjY2NjU0IDMuMzcyNTYgMC42NzQ0NTggMy4yNTY1MUMwLjY4MzExNyAzLjEyOTU5IDAuNzAzNDMzIDIuOTc5MTEgMC43NjgwNjIgMi44MjMwOEMwLjkwMzM4NyAyLjQ5NjM4IDEuMTYyOTUgMi4yMzY4MSAxLjQ4OTY2IDIuMTAxNDlDMS42NDU2OSAyLjAzNjg2IDEuNzk2MTcgMi4wMTY1NCAxLjkyMzA4IDIuMDA3ODhDMi4wMzkxNCAxLjk5OTk2IDIuMTc1NTYgMS45OTk5OCAyLjMxNTU5IDEuOTk5OTlDMi4zMjE0NiAxLjk5OTk5IDIuMzI3MzUgMS45OTk5OSAyLjMzMzIzIDEuOTk5OTlIMy4zMzU4MUMzLjM0MTk2IDEuODQ5NDIgMy4zNjAzOCAxLjY5MDMxIDMuNDEzNjQgMS41NDM5N0MzLjU0ODQ0IDEuMTczNjEgMy44NDAxOSAwLjg4MTg2OCA0LjIxMDU0IDAuNzQ3MDdDNC40MzcwOSAwLjY2NDYxMyA0LjY5NDIxIDAuNjY1NjUzIDQuOTAyOTIgMC42NjY0OTZaTTMuMzMzMjMgMy4zMzMzM0gyLjMzMzIzQzIuMTY4OCAzLjMzMzMzIDIuMDc4ODYgMy4zMzM2OSAyLjAxMzg1IDMuMzM4MTJDMi4wMTA4MiAzLjMzODMzIDIuMDA3OTggMy4zMzg1NCAyLjAwNTMyIDMuMzM4NzVDMi4wMDUxMSAzLjM0MTQxIDIuMDA0OSAzLjM0NDI1IDIuMDA0NyAzLjM0NzI3QzIuMDAwMjYgMy40MTIyOSAxLjk5OTkgMy41MDIyMiAxLjk5OTkgMy42NjY2NlYzLjk5OTk5QzEuOTk5OSA0LjY2MjkgMi4wMDU2MyA0Ljg2MzU3IDIuMDQ1MzMgNS4wMTE3NUMyLjE2ODYyIDUuNDcxODcgMi41MjgwMiA1LjgzMTI3IDIuOTg4MTQgNS45NTQ1NkMzLjA2NzM0IDUuOTc1NzggMy4xNjE1MiA1Ljk4NzMgMy4zMzMyMyA1Ljk5MzQyVjMuMzMzMzNaTTQuNjY2NTcgMi4yOTYyOUM0LjY2NjU3IDIuMTUwMjUgNC42NjY4NSAyLjA3MDM5IDQuNjcwMzcgMi4wMTI0OUM0LjY3MDU1IDIuMDA5NTggNC42NzA3MiAyLjAwNjg3IDQuNjcwOSAyLjAwNDMzQzQuNjczNDQgMi4wMDQxNSA0LjY3NjE2IDIuMDAzOTcgNC42NzkwNyAyLjAwMzc5QzQuNzM2OTcgMi4wMDAyOCA0LjgxNjgzIDEuOTk5OTkgNC45NjI4NiAxLjk5OTk5SDExLjAzNjlDMTEuMTgzIDEuOTk5OTkgMTEuMjYyOCAyLjAwMDI4IDExLjMyMDcgMi4wMDM3OUMxMS4zMjM2IDIuMDAzOTcgMTEuMzI2NCAyLjAwNDE1IDExLjMyODkgMi4wMDQzM0MxMS4zMjkxIDIuMDA2ODYgMTEuMzI5MyAyLjAwOTU5IDExLjMyOTQgMi4wMTI0OUMxMS4zMzI5IDIuMDcwMzkgMTEuMzMzMiAyLjE1MDI1IDExLjMzMzIgMi4yOTYyOVY1Ljk5OTk5QzExLjMzMzIgNy44NDA5NCA5Ljg0MDg1IDkuMzMzMzMgNy45OTk5IDkuMzMzMzNDNi4xNTg5NSA5LjMzMzMzIDQuNjY2NTcgNy44NDA5NCA0LjY2NjU3IDUuOTk5OTlWMi4yOTYyOVpNMTIuNjY2NiAzLjMzMzMzVjUuOTkzNDJDMTIuODM4MyA1Ljk4NzMgMTIuOTMyNSA1Ljk3NTc4IDEzLjAxMTcgNS45NTQ1NkMxMy40NzE4IDUuODMxMjcgMTMuODMxMiA1LjQ3MTg3IDEzLjk1NDUgNS4wMTE3NUMxMy45OTQyIDQuODYzNTcgMTMuOTk5OSA0LjY2MjkgMTMuOTk5OSAzLjk5OTk5VjMuNjY2NjZDMTMuOTk5OSAzLjUwMjIyIDEzLjk5OTUgMy40MTIyOSAxMy45OTUxIDMuMzQ3MjdDMTMuOTk0OSAzLjM0NDI1IDEzLjk5NDcgMy4zNDE0MSAxMy45OTQ1IDMuMzM4NzVDMTMuOTkxOCAzLjMzODU0IDEzLjk4OSAzLjMzODMzIDEzLjk4NiAzLjMzODEyQzEzLjkyMDkgMy4zMzM2OSAxMy44MzEgMy4zMzMzMyAxMy42NjY2IDMuMzMzMzNIMTIuNjY2NlpNNy4wMzY5NCAxMi42NjY3QzYuMjIzMiAxMi42NjY3IDUuNTQyNzEgMTMuMjM3MiA1LjM3MzYxIDE0SDEwLjYyNjJDMTAuNDU3MSAxMy4yMzcyIDkuNzc2NiAxMi42NjY3IDguOTYyODYgMTIuNjY2N0g3LjAzNjk0WiIgZmlsbD0iIzhGOEI5QyIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIxMTVfMzA2Ij4KPHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+CjxzY3JpcHQgeG1sbnM9IiIvPgo8L3N2Zz4K';
 
+const iconTrophySvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NSIgaGVpZ2h0PSI0NCIgdmlld0JveD0iMCAwIDQ1IDQ0IiBmaWxsPSJub25lIj48c2NyaXB0IHhtbG5zPSIiLz4KICA8cmVjdCB4PSIwLjUiIHdpZHRoPSI0NCIgaGVpZ2h0PSI0NCIgcng9IjIyIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXJfMTYwNF81NTg5KSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuODc0NCAxOS43MjI3QzE5Ljg3NDQgMTguMjc1IDIxLjA1MjIgMTcuMDk3MiAyMi40OTk5IDE3LjA5NzJDMjMuOTQ3NyAxNy4wOTcyIDI1LjEyNTUgMTguMjc1IDI1LjEyNTUgMTkuNzIyN0MyNS4xMjU1IDIxLjE3MDUgMjMuOTQ3NyAyMi4zNDgzIDIyLjQ5OTkgMjIuMzQ4M0MyMS4wNTIyIDIyLjM0ODMgMTkuODc0NCAyMS4xNzA1IDE5Ljg3NDQgMTkuNzIyN1pNMjIuNDk5OSAyMS40NzgxQzIyLjg0NyAyMS40NzgxIDIzLjEyODcgMjEuMTk2NSAyMy4xMjg3IDIwLjg0OTRWMTguNTk2MUMyMy4xMjg3IDE4LjI0OSAyMi44NDcgMTcuOTY3MyAyMi40OTk5IDE3Ljk2NzNDMjIuMTUyOSAxNy45NjczIDIxLjg3MTIgMTguMjQ5IDIxLjg3MTIgMTguNTk2MVYyMC44NDk0QzIxLjg3MTIgMjEuMTk2NSAyMi4xNTI5IDIxLjQ3ODEgMjIuNDk5OSAyMS40NzgxWiIgZmlsbD0iIzFFMTYzOCIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEuODcxNCAxNS40NzIxQzMyLjA1MzMgMTUuNDcyMSAzMi4yMjY0IDE1LjU1MDkgMzIuMzQ1OSAxNS42ODc5QzMyLjQ2NDkgMTUuODI1NCAzMi41MTk0IDE2LjAwNzcgMzIuNDkzOCAxNi4xODhMMzEuOTAzMiAyMC40MTA1QzMxLjcxODggMjEuNzI3IDMwLjU3NzUgMjIuNzIgMjkuMjQ3OSAyMi43MkgyNy4zMDI2QzI2LjYwMTggMjMuODIyNCAyNS41MjYzIDI0LjY3MiAyNC4yNDA3IDI1LjA3OThWMjYuMzM5QzI0LjI0MDcgMjYuNjU1OCAyNC40OTk0IDI2LjkwNTIgMjQuODE2MiAyNi45MDY5QzI1Ljc1NDcgMjYuOTExMSAyNi41MTEzIDI3LjY2OTggMjYuNTExMyAyOC42MDk1VjI5LjQ3NDJIMTguNDg4N1YyOC42MDk1QzE4LjQ4ODcgMjcuNjY5OCAxOS4yNDUzIDI2LjkxMTEgMjAuMTgzOCAyNi45MDY5QzIwLjUwMDcgMjYuOTA1MiAyMC43NTkzIDI2LjY1NTggMjAuNzU5MyAyNi4zMzlWMjUuMDc5OEMxOS40NzM3IDI0LjY3MiAxOC4zOTgyIDIzLjgyMjQgMTcuNjk3NCAyMi43MkgxNS43NTIxQzE0LjQyMjUgMjIuNzIgMTMuMjgxMiAyMS43MjcgMTMuMDk2OCAyMC40MTA1TDEyLjUwNjIgMTYuMTg4QzEyLjQ4MDYgMTYuMDA3NyAxMi41MzUxIDE1LjgyNTQgMTIuNjU0MSAxNS42ODc5QzEyLjc3MzYgMTUuNTUwOSAxMi45NDY3IDE1LjQ3MjEgMTMuMTI4NiAxNS40NzIxSDE2LjMxMzhMMTYuMTk0NyAxNC40MDI0QzE2LjE3MTIgMTQuMTg3OCAxNi4zMzg5IDE0IDE2LjU1NTIgMTRIMjguNDQ0OEMyOC42NjExIDE0IDI4LjgyODggMTQuMTg3OCAyOC44MDUzIDE0LjQwMjRMMjguNjg2MiAxNS40NzIxSDMxLjg3MTRaTTE0LjM0MjUgMjAuMjM2MUMxNC40NDAyIDIwLjkzNTMgMTUuMDQ2MiAyMS40NjI2IDE1Ljc1MjEgMjEuNDYyNkgxNy4xMDEzQzE2Ljk4MTUgMjEuMTAwNCAxNi44OTgxIDIwLjcyMjggMTYuODU0IDIwLjMzNDZMMTYuNDUzMyAxNi43Mjk1SDEzLjg1MTdMMTQuMzQyNSAyMC4yMzYxWk0xOC42MTcgMTkuNzIyN0MxOC42MTcgMjEuODYzNyAyMC4zNTkgMjMuNjA1NyAyMi41IDIzLjYwNTdDMjQuNjQxIDIzLjYwNTcgMjYuMzgzIDIxLjg2MzcgMjYuMzgzIDE5LjcyMjdDMjYuMzgzIDE3LjU4MTYgMjQuNjQxIDE1LjgzOTcgMjIuNSAxNS44Mzk3QzIwLjM1OSAxNS44Mzk3IDE4LjYxNyAxNy41ODE2IDE4LjYxNyAxOS43MjI3Wk0yOS4yNDc5IDIxLjQ2MjZDMjkuOTUzOCAyMS40NjI2IDMwLjU1OTkgMjAuOTM1MyAzMC42NTc1IDIwLjIzNjFMMzEuMTQ4MyAxNi43Mjk1SDI4LjU0NjdMMjguMTQ2IDIwLjMzNDZDMjguMTAyIDIwLjcyMjggMjguMDE4NSAyMS4xMDA0IDI3Ljg5ODcgMjEuNDYyNkgyOS4yNDc5WiIgZmlsbD0iIzFFMTYzOCIvPgogIDxkZWZzPgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzE2MDRfNTU4OSIgeDE9IjMuMzQ3MDYiIHkxPSIyLjA2MjUiIHgyPSI2NS4zNDQ3IiB5Mj0iMTEuMDQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAuMTI5MTg0IiBzdG9wLWNvbG9yPSIjRkY5NDAwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAuOTkzMDA3IiBzdG9wLWNvbG9yPSIjRkVGNzQ2Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkUyNEEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgPC9kZWZzPgo8c2NyaXB0IHhtbG5zPSIiLz48L3N2Zz4K';
+
+const iconWarnSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDQiIGhlaWdodD0iNDQiIHZpZXdCb3g9IjAgMCA0NCA0NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyYW1lIDM3Njc4Ij4KPHJlY3Qgd2lkdGg9IjQ0IiBoZWlnaHQ9IjQ0IiByeD0iMjIiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNzAxXzEyNjA0KSIvPgo8ZyBpZD0iaWNvbiI+CjxwYXRoIGlkPSJJY29uIiBkPSJNMjEuOTk5OCAxOS4wMDAyVjIzLjAwMDJNMjEuOTk5OCAyNy4wMDAySDIyLjAwOThNMjAuNjE1MSAxMy44OTJMMTIuMzkwMiAyOC4wOTg2QzExLjkzNCAyOC44ODY2IDExLjcwNTkgMjkuMjgwNiAxMS43Mzk2IDI5LjYwMzlDMTEuNzY5IDI5Ljg4NiAxMS45MTY4IDMwLjE0MjMgMTIuMTQ2MSAzMC4zMDlDMTIuNDA5MSAzMC41MDAyIDEyLjg2NDMgMzAuNTAwMiAxMy43NzQ5IDMwLjUwMDJIMzAuMjI0NkMzMS4xMzUyIDMwLjUwMDIgMzEuNTkwNCAzMC41MDAyIDMxLjg1MzQgMzAuMzA5QzMyLjA4MjcgMzAuMTQyMyAzMi4yMzA1IDI5Ljg4NiAzMi4yNTk5IDI5LjYwMzlDMzIuMjkzNiAyOS4yODA2IDMyLjA2NTUgMjguODg2NiAzMS42MDkzIDI4LjA5ODZMMjMuMzg0NCAxMy44OTJDMjIuOTI5OSAxMy4xMDY4IDIyLjcwMjYgMTIuNzE0MiAyMi40MDYxIDEyLjU4MjRDMjIuMTQ3NCAxMi40NjczIDIxLjg1MjEgMTIuNDY3MyAyMS41OTM1IDEyLjU4MjRDMjEuMjk2OSAxMi43MTQyIDIxLjA2OTYgMTMuMTA2OCAyMC42MTUxIDEzLjg5MloiIHN0cm9rZT0iIzI1MUQzRSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9nPgo8L2c+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXJfMTcwMV8xMjYwNCIgeDE9IjIuODQ3MDYiIHkxPSIyLjA2MjUiIHgyPSI2NC44NDQ3IiB5Mj0iMTEuMDQ4IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIG9mZnNldD0iMC4xMjkxODQiIHN0b3AtY29sb3I9IiNGRjk0MDAiLz4KPHN0b3Agb2Zmc2V0PSIwLjk5MzAwNyIgc3RvcC1jb2xvcj0iI0ZFRjc0NiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNGRkUyNEEiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K';
+
 const helpSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48c2NyaXB0IHhtbG5zPSIiLz4KICAgIDxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8xOTcxXzUxNikiPgogICAgICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOC4wMDAwOCAyLjAwMDAxQzQuNjg2MzcgMi4wMDAwMSAyLjAwMDA4IDQuNjg2MyAyLjAwMDA4IDhDMi4wMDAwOCAxMS4zMTM3IDQuNjg2MzcgMTQgOC4wMDAwOCAxNEMxMS4zMTM4IDE0IDE0LjAwMDEgMTEuMzEzNyAxNC4wMDAxIDhDMTQuMDAwMSA0LjY4NjMgMTEuMzEzOCAyLjAwMDAxIDguMDAwMDggMi4wMDAwMVpNMC42NjY3NDggOEMwLjY2Njc0OCAzLjk0OTkyIDMuOTQ5OTkgMC42NjY2NzIgOC4wMDAwOCAwLjY2NjY3MkMxMi4wNTAyIDAuNjY2NjcyIDE1LjMzMzQgMy45NDk5MiAxNS4zMzM0IDhDMTUuMzMzNCAxMi4wNTAxIDEyLjA1MDIgMTUuMzMzMyA4LjAwMDA4IDE1LjMzMzNDMy45NDk5OSAxNS4zMzMzIDAuNjY2NzQ4IDEyLjA1MDEgMC42NjY3NDggOFpNOC4xNzIxNiA1LjM0OTU1QzcuODYxODEgNS4yOTYzMiA3LjU0MjY0IDUuMzU0NjQgNy4yNzExNyA1LjUxNDE4QzYuOTk5NzEgNS42NzM3MyA2Ljc5MzQ2IDUuOTI0MiA2LjY4ODk3IDYuMjIxMjNDNi41NjY3OSA2LjU2ODU2IDYuMTg2MTggNi43NTEwOCA1LjgzODg1IDYuNjI4ODlDNS40OTE1MyA2LjUwNjcxIDUuMzA5MDEgNi4xMjYxIDUuNDMxMTkgNS43Nzg3OEM1LjY0MDE3IDUuMTg0NyA2LjA1MjY2IDQuNjgzNzYgNi41OTU2IDQuMzY0NjdDNy4xMzg1MyA0LjA0NTU4IDcuNzc2ODggMy45Mjg5NCA4LjM5NzU3IDQuMDM1NDFDOS4wMTgyNiA0LjE0MTg3IDkuNTgxMjUgNC40NjQ1OCA5Ljk4NjgyIDQuOTQ2MzZDMTAuMzkyMyA1LjQyODA0IDEwLjYxNDMgNi4wMzc2NiAxMC42MTM0IDYuNjY3MjhDMTAuNjEzMSA3LjY4NzUyIDkuODU2NzEgOC4zNjEyNiA5LjMxNjU1IDguNzIxMzdDOS4wMjYxMyA4LjkxNDk5IDguNzQwNDUgOS4wNTczNSA4LjUzMDAxIDkuMTUwODhDOC40MjM4NCA5LjE5ODA2IDguMzM0NDQgOS4yMzM4NyA4LjI3MDAyIDkuMjU4NDFDOC4yMzc3NSA5LjI3MDcxIDguMjExNTkgOS4yODAyMyA4LjE5MjU1IDkuMjg3TDguMTY5MzkgOS4yOTUxMUw4LjE2MjAyIDkuMjk3NjNMOC4xNTk0MiA5LjI5ODVMOC4xNTg0IDkuMjk4ODVDOC4xNTgyIDkuMjk4OTEgOC4xNTc1NyA5LjI5OTEzIDcuOTQ2NzUgOC42NjY2N0w4LjE1NzU3IDkuMjk5MTNDNy44MDgyNyA5LjQxNTU2IDcuNDMwNzIgOS4yMjY3OCA3LjMxNDI5IDguODc3NDlDNy4xOTc5IDguNTI4MzEgNy4zODY1MSA4LjE1MDkgNy43MzU1OCA4LjAzNDMzTDcuNzQ1ODcgOC4wMzA3MkM3Ljc1NjEyIDguMDI3MDcgNy43NzI5MyA4LjAyMDk3IDcuNzk1MzUgOC4wMTI0M0M3Ljg0MDMxIDcuOTk1MyA3LjkwNzE2IDcuOTY4NjEgNy45ODg0OSA3LjkzMjQ2QzguMTUzMDUgNy44NTkzMyA4LjM2NzM3IDcuNzUxNjkgOC41NzY5NSA3LjYxMTk3QzkuMDM2NjggNy4zMDU0OCA5LjI4MDA4IDYuOTc5NDMgOS4yODAwOCA2LjY2NjY3TDkuMjgwMDggNi42NjU2OEM5LjI4MDU1IDYuMzUwOCA5LjE2OTU3IDYuMDQ1OTEgOC45NjY3OCA1LjgwNTAyQzguNzY0IDUuNTY0MTMgOC40ODI1MSA1LjQwMjc4IDguMTcyMTYgNS4zNDk1NVpNNy4zMzM0MSAxMS4zMzMzQzcuMzMzNDEgMTAuOTY1MSA3LjYzMTg5IDEwLjY2NjcgOC4wMDAwOCAxMC42NjY3SDguMDA2NzVDOC4zNzQ5NCAxMC42NjY3IDguNjczNDEgMTAuOTY1MSA4LjY3MzQxIDExLjMzMzNDOC42NzM0MSAxMS43MDE1IDguMzc0OTQgMTIgOC4wMDY3NSAxMkg4LjAwMDA4QzcuNjMxODkgMTIgNy4zMzM0MSAxMS43MDE1IDcuMzMzNDEgMTEuMzMzM1oiIGZpbGw9IiM2NjYxNzgiLz4KICAgIDwvZz4KICAgIDxkZWZzPgogICAgICAgIDxjbGlwUGF0aCBpZD0iY2xpcDBfMTk3MV81MTYiPgogICAgICAgICAgICA8cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9IndoaXRlIi8+CiAgICAgICAgPC9jbGlwUGF0aD4KICAgIDwvZGVmcz4KPHNjcmlwdCB4bWxucz0iIi8+PC9zdmc+Cg==';
 
+const backSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48c2NyaXB0IHhtbG5zPSIiLz4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC40NzEzIDMuNTI4NTlDMTAuNzMxNyAzLjc4ODk0IDEwLjczMTcgNC4yMTEwNSAxMC40NzEzIDQuNDcxNEw2Ljk0MjczIDhMMTAuNDcxMyAxMS41Mjg2QzEwLjczMTcgMTEuNzg4OSAxMC43MzE3IDEyLjIxMTEgMTAuNDcxMyAxMi40NzE0QzEwLjIxMSAxMi43MzE3IDkuNzg4ODYgMTIuNzMxNyA5LjUyODUxIDEyLjQ3MTRMNS41Mjg1MSA4LjQ3MTRDNS4yNjgxNiA4LjIxMTA1IDUuMjY4MTYgNy43ODg5NCA1LjUyODUxIDcuNTI4NTlMOS41Mjg1MSAzLjUyODU5QzkuNzg4ODYgMy4yNjgyNCAxMC4yMTEgMy4yNjgyNCAxMC40NzEzIDMuNTI4NTlaIiBmaWxsPSIjNjY2MTc4Ii8+Cjwvc3ZnPgo=';
+
 const iconClose = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/close.svg" });
 const iconQuestion = h("img", { src: helpSvg, alt: "question", class: "Question" });
 const iconEyeOpen = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg" });
 const iconEyeClose = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg" });
-const iconBack = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/back.svg" });
+const iconBack = h("img", { src: backSvg, alt: "Back", class: "Back" });
 const iconReward = h("img", { src: rewardSvg, alt: "reward", class: "Reward" });
-const iconTrophy = h("img", { src: "https://static.everymatrix.com/gic/img/engagement-suite/cup-congras.svg" });
+const iconTrophy = h("img", { src: iconTrophySvg, alt: "iconTrophy", class: "Trophy" });
+const iconWarn = h("img", { src: iconWarnSvg, alt: "Reward Assign Failed", class: "Warn" });
 
 const renderGradientRoundedButton = (_a) => {
     var { statedClasses, innerHTML } = _a, props = __rest(_a, ["statedClasses", "innerHTML"]);
@@ -167,6 +210,7 @@ const renderGradientRoundedButton = (_a) => {
 var GradientButton;
 (function (GradientButton) {
     GradientButton["normal"] = "normal";
+    GradientButton["okContinue"] = "okContinue";
     GradientButton["unjoinYes"] = "unjoinYes";
     GradientButton["unjoinNo"] = "unjoinNo";
 })(GradientButton || (GradientButton = {}));
@@ -176,6 +220,9 @@ const renderButton = (instance, buttonType, isActionJoinPending = false) => {
         normal: {
             innerHTML: locale.WinDialog.ButtonContinue
         },
+        okContinue: {
+            innerHTML: locale.WinDialog.FailedButtonContinue
+        },
         unjoinYes: {
             onClick: () => instance.actionJoin(instance.dialog.data),
             innerHTML: locale.UnjoinDialog.ButtonYes
@@ -200,14 +247,20 @@ const renderButton = (instance, buttonType, isActionJoinPending = false) => {
 };
 const dialog = {
     gift(instance) {
-        const { name: tournamentName } = instance.gifts[0];
+        const { name: rewards, failedRewards } = instance.gifts[0];
         const { locale } = instance;
-        return (h("div", { class: "PageConfirmContainer" },
-            h("div", { class: "PageConfirm" },
+        return (h("div", { class: "PageConfirmContainer" }, !!rewards ?
+            h("div", { class: "PageConfirm Gift" },
                 h("div", null, iconTrophy),
-                h("div", { class: "Title" }, locale.WinDialog.Tile),
-                h("div", { class: "Description", innerHTML: localePostprocess(locale.WinDialog.Description, { tournamentName }) }),
-                h("div", { class: "PageConfirmButtonsGroup" }, renderButton(instance, GradientButton.normal)))));
+                h("div", { class: "Title" }, locale.WinDialog.Title),
+                h("div", { class: "Description", innerHTML: localePostprocess(locale.WinDialog.Description, { rewards }) }),
+                h("div", { class: "PageConfirmButtonsGroup" }, renderButton(instance, GradientButton.normal)))
+            :
+                h("div", { class: "PageConfirm Gift" },
+                    h("div", null, iconWarn),
+                    h("div", { class: "Title", innerHTML: localePostprocess(locale.WinDialog.FailedTitle, { failedRewards }) }),
+                    h("div", { class: "Description" }, locale.WinDialog.FailedDescription),
+                    h("div", { class: "PageConfirmButtonsGroup" }, renderButton(instance, GradientButton.okContinue)))));
     },
     unjoin(instance) {
         const { locale } = instance;
@@ -240,6 +293,20 @@ const tournamentAdapter = (tournamentApi) => {
     });
     return tournament;
 };
+const updateTournament = (target, source) => {
+    const keysTime = [
+        'startTime',
+        'endTime',
+        'closeTime',
+        'exhibitionStartTime',
+        'exhibitionEndTime', 'state',
+        'prizes', 'minBetCount', 'scoreCriteria', 'termsUrl'
+    ];
+    keysTime.forEach((key) => {
+        target[key] = source[key];
+    });
+    return Object.assign({}, target);
+};
 const leaderboardsAdapter = (leaderboardRes) => {
     let { item, items: leaderboards } = leaderboardRes;
     if (!item) {
@@ -278,28 +345,35 @@ const messageSender = {
     GameClickReq: (game) => window.postMessage({ type: 'EngagementSuiteGameRedirect', data: { Slug: game.slug } }),
 };
 const messageReceiver = (instance) => {
-    const receiver = {
+    return {
         UpdateLeaderboardsPlayerRes: (rest) => {
-            window.postMessage({ type: 'UpdateLeaderboardState', rank: getMaxRankStr(rest.data.items) });
+            const { rank, detail } = (getMaxRankStr(rest.data.items));
+            window.postMessage({ type: 'UpdateLeaderboardState', rank, detail });
         },
         UpdateLeaderboardStateReq: () => {
             window.postMessage({ type: 'UpdateLeaderboardState', labels: ['win', 'new'] });
         },
+        /*
+        * Update tournament games list when switch to game tab in detail page
+        */
         UpdateTournamentsItemRes: (rest) => {
             const tournamentNew = tournamentAdapter(rest.data.item);
             instance.tournamentItem = tournamentNew;
             updateTournamentListByItem(instance, tournamentNew);
         },
-        UpdateLeaderboardsRes: (rest) => processLeaderboardTableData(instance, rest),
-        JoinTournamentRes: (rest) => commonJoinRes(instance, rest),
-        UnjoinTournamentRes: (rest) => commonJoinRes(instance, rest),
+        UpdateLeaderboardsRes: (rest) => initPlayerLeaderboard(instance, rest),
+        //Parse the join tournament response
+        JoinTournamentRes: (rest) => commonJoinRes(instance, rest, true),
+        //Parse the unjoin tournament response
+        UnjoinTournamentRes: (rest) => commonJoinRes(instance, rest, false),
+        //Parse recieved init  message when widget is loaded
         TournamentsPageIsReadyRes: (rest) => instance.currentGameId = '' + rest.data.GameId,
         // listen to LeaderboardLiveEvent event, handle update
-        LeaderboardLiveEvent: (rest) => {
-            handleLeaderboardLiveEvent(instance, rest);
-        },
+        LeaderboardLiveEvent: (rest) => handleLeaderboardLiveEvent(instance, rest),
+        LiveLeaderboardUpdate: (rest) => updateLeaderboardInfo(instance, Object.assign(Object.assign({}, rest), { messageType: 'LeaderboardUpdate' })),
+        LiveTournamentUpdate: (rest) => updateTournamentInfo(instance, Object.assign(Object.assign({}, rest), { messageType: 'TournamentUpdate' })),
+        LiveLeaderboardFinalizeUpdate: (rest) => updatePlayerRewardInfo(instance, Object.assign(Object.assign({}, rest), { messageType: 'PlayerFinalizeUpdate' })),
     };
-    return receiver;
 };
 /**
  * Handle LeaderboardLiveEvent update event
@@ -375,33 +449,45 @@ const handleLeaderboardLiveEvent = (instance, rest) => {
         }
     }
 };
-const showErrorMessage = (instance, type) => {
-    instance.dialog = Object.assign(Object.assign({}, instance.dialog), { isOpen: true, type });
+const clearUnjoinedTournament = (instance, unjoinedTournamentId) => {
+    const clearId = setTimeout(() => {
+        instance.tournamentList = instance.tournamentList.filter((tournament) => {
+            return tournament.id !== unjoinedTournamentId;
+        });
+        clearTimeout(clearId);
+    }, 100);
 };
-const commonJoinRes = (instance, rest) => {
+const commonJoinRes = (instance, rest, isJoinRes) => {
     const { success, data } = rest;
     let tournamentIdx = instance.tournamentList.findIndex((tournament) => tournament.id === (data.tournamentId || data.id || data.bonusCode)), current = instance.tournamentList[tournamentIdx];
     if (tournamentIdx == -1) {
         return;
     }
-    current = Object.assign(Object.assign({}, current), { isActionJoinPending: false });
+    current.isActionJoinPending = false;
     instance.pendingChangeEvent.emit(current);
     if (!success) {
         instance.tournamentList[tournamentIdx] = current;
         instance.tournamentList = [...instance.tournamentList];
-        showErrorMessage(instance, DialogType.error);
+        instance.openDialog(DialogType.error);
         return;
     }
-    current = Object.assign(Object.assign({}, current), { isUnjoined: current.isPlayerAcknowledged ? true : false, isPlayerAcknowledged: !!!current.isPlayerAcknowledged });
-    instance.tournamentList[tournamentIdx] = current;
+    if (isJoinRes) {
+        current.isPlayerAcknowledged = true;
+        current.order = instance.minOrder--;
+    }
+    else {
+        current.isUnjoined = true;
+        clearUnjoinedTournament(instance, data.tournamentId);
+    }
+    instance.tournamentList[tournamentIdx] = Object.assign({}, current);
     instance.tournamentList = [...instance.tournamentList];
     if (instance.page === LeaderboardPage.item) {
-        if (current.isUnjoined) {
-            instance.setPage(LeaderboardPage.list);
-            return;
+        if (isJoinRes) {
+            instance.tournamentItem = Object.assign({}, current);
         }
         else {
-            instance.tournamentItem = Object.assign({}, current);
+            instance.setPage(LeaderboardPage.list);
+            return;
         }
     }
     if (instance.nextPage) {
@@ -409,17 +495,21 @@ const commonJoinRes = (instance, rest) => {
         instance.nextPage = undefined;
     }
 };
-const processLeaderboardTableData = (instance, rest) => {
+const initPlayerLeaderboard = (instance, rest) => {
     instance.leaderboards = leaderboardsAdapter(rest.data);
-    instance.currentPlyerRank = rest.data.item ? rest.data.item.rank : -1;
+    instance.currentPlayerRank = rest.data.item ? rest.data.item.rank : -1;
 };
 /*
  * update tournament info, include status, name or duration change
  */
 const updateTournamentListByItem = (instance, tournament) => {
+    const newTournament = tournamentAdapter(tournament);
+    if (instance.tournamentItem.id === tournament.id) {
+        instance.tournamentItem = Object.assign({}, updateTournament(instance.tournamentItem, newTournament));
+    }
     instance.tournamentList = instance.tournamentList.map((_tournament) => {
         if (_tournament.id === tournament.id) {
-            return tournamentAdapter(tournament);
+            return Object.assign({}, updateTournament(_tournament, newTournament));
         }
         else {
             return _tournament;
@@ -430,8 +520,8 @@ const removeTournament = (instance, tournament) => {
     instance.tournamentList = instance.tournamentList.filter((_tournament) => _tournament.id !== tournament.id);
 };
 const updateOrAddTournamentToList = (instance, tournament) => {
-    const index = instance.tournamentList.findIndex((_tournament) => _tournament.id === tournament.id);
-    if (index === -1) {
+    const index = instance.tournamentList.findIndex(_tournament => _tournament.id === tournament.id);
+    if (index === -1) { //not found in list, handle it as new tournament
         instance.tournamentList = [
             tournamentAdapter(tournament),
             ...instance.tournamentList
@@ -442,6 +532,60 @@ const updateOrAddTournamentToList = (instance, tournament) => {
         instance.tournamentList = [...instance.tournamentList];
     }
 };
+const updateTournamentInfo = (instance, rest) => {
+    try {
+        const updateMessageObj = JSON.parse(rest.data.Message);
+        updateTournamentListByItem(instance, updateMessageObj);
+    }
+    catch (e) {
+        console.error('Exception when parse Player Tournament Info', e);
+    }
+};
+const updatePlayerRewardInfo = (instance, rest) => {
+    try {
+        const updateMessageObj = JSON.parse(rest.data.Message);
+        const assignFailedRewards = updateMessageObj.rewards.filter(item => item.status && item.status !== 'success')
+            .map(reward => getRewardNameByType(reward)).join(',');
+        const assignedRewards = updateMessageObj.rewards.filter(item => !!item.assigned && item.status === 'success')
+            .map(reward => getRewardNameByType(reward)).join(',');
+        if (assignFailedRewards.length) {
+            instance.gifts = [{ name: null, failedRewards: assignFailedRewards }, ...instance.gifts];
+        }
+        if (assignedRewards.length) {
+            instance.gifts = [{ name: assignedRewards }, ...instance.gifts];
+        }
+        instance.checkGift();
+    }
+    catch (e) {
+        console.error('Exception when parse Player LeaderboardFinalize info', e);
+    }
+};
+const updateLeaderboardInfo = (instance, rest) => {
+    var _a;
+    try {
+        const updateMessageObj = JSON.parse(rest.data.Message);
+        const { PlayerLeaderBoard, TournamentId, TournamentLeaderBoardDto } = updateMessageObj;
+        //update user rank in UI-bar by parsing PlayerLeaderboard
+        if (PlayerLeaderBoard) {
+            window.postMessage({ type: 'UpdateLeaderboardState',
+                rank: `${PlayerLeaderBoard.rank} / ${TournamentLeaderBoardDto.totalRecords}`,
+                detail: {
+                    playerRank: PlayerLeaderBoard.rank,
+                    total: TournamentLeaderBoardDto.totalRecords
+                }
+            });
+        }
+        if (((_a = instance.tournamentItem) === null || _a === void 0 ? void 0 : _a.id) == TournamentId) {
+            initPlayerLeaderboard(instance, { data: {
+                    item: Object.assign({}, PlayerLeaderBoard),
+                    items: [...TournamentLeaderBoardDto.players]
+                } });
+        }
+    }
+    catch (err) {
+        console.error('Exception when parse live update info, ', err);
+    }
+};
 
 const page = {
     list(instance) {
@@ -452,7 +596,9 @@ const page = {
         }
         const { locale } = instance;
         if (instance.tournamentList.length) {
-            return renderWrapperByPageType(h("div", { class: "Leaderboards ScrollBar Row" }, instance.tournamentList.map((_tournament) => (h("tournament-item", { tournament: _tournament, isNew: instance.newIdList.includes(_tournament.id) })))));
+            return renderWrapperByPageType(h("div", { class: "Leaderboards ScrollBar Row" }, instance.tournamentList.map((_tournament, idx) => (
+            // @ts-ignore
+            h("tournament-item", { tid: _tournament.id, key: _tournament.id, tournament: _tournament, style: { 'order': `${_tournament.order || idx}` }, isNew: instance.newIdList.includes(_tournament.id) })))));
         }
         else {
             return renderWrapperByPageType(h("div", { class: "NoLeaderboards ScrollBar Row" },
@@ -508,20 +654,25 @@ function getProgress(startDate, endDate) {
     if (new Date().getTime() >= endDate.getTime()) {
         return 100;
     }
-    return ((100 * (new Date().getTime() - startDate.getTime())) / (endDate.getTime() - startDate.getTime())).toFixed(0);
+    return Math.floor((100 * (new Date().getTime() - startDate.getTime())) / (endDate.getTime() - startDate.getTime()));
 }
-function getTimeDifference(startDate, endDate) {
+function getTimeDifference(startDate, endDate, progress = 0) {
     const diffMs = Math.abs(endDate.getTime() - startDate.getTime()); // Difference in milliseconds
     const diffDays = Math.floor(diffMs / (1000 * 60 * 60 * 24)); // Difference in days
     const diffHours = Math.floor((diffMs % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); // Remaining hours
     const diffMinutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60)); // Remaining minutes
-    return `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(diffMinutes).padStart(2, '0')}m`;
+    const min = progress === 100 ? 0 : diffMinutes === 0 ? 1 : diffMinutes;
+    return `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(min).padStart(2, '0')}m`;
 }
 
 const tab = {
     info(instance) {
         var _a, _b;
         const { locale, tournamentItem: tournament, isShowInfo } = instance;
+        const playerRank = getResultPrize((_a = instance.leaderboards) === null || _a === void 0 ? void 0 : _a.find((l) => l.isMe));
+        const rewardInfo = !(playerRank === null || playerRank === void 0 ? void 0 : playerRank.place) || (playerRank === null || playerRank === void 0 ? void 0 : playerRank.unqualified)
+            ? ''
+            : localePostprocess(((playerRank === null || playerRank === void 0 ? void 0 : playerRank.prize) ? locale.TipPrize : locale.TipPrizeWithoutReward), playerRank);
         return (h("div", { class: "InfoContainer" },
             h("tournament-timer", { "is-detail": true, tournament: tournament }),
             h("section", { class: "ShowInfo", onClick: () => (instance.isShowInfo = !instance.isShowInfo) },
@@ -542,15 +693,17 @@ const tab = {
                             h("span", null, tournament.minBetCount))),
                     !!tournament.termsUrl && (h("div", { class: "TC" },
                         h("a", { href: tournament.termsUrl, target: "_blank" }, locale.TC))))),
-                isTournamentClosed(instance.tournamentItem) && ((_a = instance.leaderboards) === null || _a === void 0 ? void 0 : _a.find((l) => l.isMe)) && (h("section", { class: "ResultPrize", innerHTML: localePostprocess(locale.TipPrize, getResultPrize((_b = instance.leaderboards) === null || _b === void 0 ? void 0 : _b.find((l) => l.isMe))) })),
+                isTournamentClosed(instance.tournamentItem) && ((_b = instance.leaderboards) === null || _b === void 0 ? void 0 : _b.find((l) => l.isMe)) && (h("section", { class: "ResultPrize", innerHTML: rewardInfo })),
                 h("section", { class: "PrizesContainer" },
                     h("div", { class: "PrizesHeader" },
                         iconReward,
                         h("span", { class: "PrizesText" }, locale.Prizes)),
-                    h("div", { class: "Prizes" }, tournament.prizes.map((prize, index) => (h("div", { class: "Prize" },
-                        index + 1,
-                        " ",
-                        locale.Place,
+                    h("div", { class: "Prizes" }, tournament.prizes.map((prize) => (h("div", { class: "Prize" },
+                        h("span", { class: 'Rank' },
+                            prize.rank,
+                            " ",
+                            prize.count === 1 ? '' : ` - ${(prize.rank + prize.count - 1)}`),
+                        prize.count === 1 ? locale.Place : locale.Places,
                         ": ",
                         h("span", { class: "PrizeText" }, prize.name)))))))));
     },
@@ -574,6 +727,8 @@ const tab = {
     },
     games(instance) {
         var _a;
+        if (!instance.tournamentItem.games || !instance.tournamentItem.games.length)
+            return h("general-animation-loading", null);
         return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map((game) => (h("div", { class: `Game ${instance.currentGameId == game.id ? 'Current' : ''}`, onClick: () => {
                 instance.onGameClick(game);
             } },
@@ -582,8 +737,9 @@ const tab = {
 };
 const getResultPrize = (leaderboard) => {
     return {
-        prize: leaderboard.prizeName,
-        place: leaderboard.rank
+        prize: leaderboard === null || leaderboard === void 0 ? void 0 : leaderboard.prizeName,
+        place: leaderboard === null || leaderboard === void 0 ? void 0 : leaderboard.rank,
+        unqualified: leaderboard === null || leaderboard === void 0 ? void 0 : leaderboard.unqualified,
     };
 };
 
@@ -615,7 +771,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{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}.Wrapper{position:relative;min-height:100%;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:24px}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .WrapperContent .TableContentWrapper{height:calc(100vh - 278px);overflow-y:auto}.Wrapper .WrapperContent .Main{height:calc(100vh - 188px)}.Wrapper.Mobile{border-radius:16px}.WrapperContent{padding-bottom:20px;transition:0.5s filter}.WrapperContent.faded{filter:brightness(53.3333333333%);pointer-events:none}.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:20px 8px 8px;margin-bottom:8px}.WrapperBar{display:flex;width:100%;padding:32px 20px 20px;margin-bottom:20px}.WrapperBar .WrapperBarLeft span{position:relative}.WrapperBarLeft,.WrapperBarRight{cursor:pointer;z-index:1}.WrapperBarMiddle{flex-grow:1;text-align:center;font-size:var(--emw--font-size-medium, 16px);line-height:16px;font-weight:500;color:var(--emw--color-secondary, rgb(187, 185, 195))}:host{display:block;font-size:var(--emw--font-size-x-small, 12px);font-family:Inter}.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:10px 0;border:1px solid rgb(64, 57, 86);border-radius:16px}.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, 12px);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, 12px);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}.TitleContainer .GradientRoundedButton{width:120px}.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, 12px);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-medium, 16px);font-weight:700;line-height:19.5px;text-align:left;word-break:break-word}.TC{margin-top:12px}.TC a{color:rgb(89, 209, 255)}.Criterias{margin:12px 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:12px}.PrizesHeader .PrizesText,.DetailHeader .PrizesText{margin-left:3px;font-weight:600}.DetailHeader{margin:0}.Prizes{margin:10px 0;padding:0 20px;padding-left:30px;text-align:left;flex:1;overflow-y:auto;margin-bottom:0;padding-right:10px;max-height:300px;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 .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.InfoContainer section.Info{margin-bottom:12px;text-align:left;padding-left:15px}.InfoContainer section.Info .Criterias,.InfoContainer section.Info .Description{padding-left:15px;margin-top:10px}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:12px 5px}.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);border:1px solid var(--emw--color-primary, rgb(255, 214, 47))}.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;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:start;margin:20px auto}.Games .Game{cursor:pointer;width:25%;display:flex;padding:5px}.Games .Game.Current{cursor:auto;filter:grayscale(10)}.Games .Game:hover{filter:brightness(var(--emw--hover-brightness, 1.25))}.Games .Game.Current:hover{cursor:auto;filter:grayscale(10)}.Games img{width:100%;height:fit-content}dialog{position:absolute;top:calc(50vh - 280px);width:100%;height:max-content;background:transparent;border:0;padding:0;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}.DialogContentUnjoin{padding:32px;padding-top:10px;display:flex;gap:10px;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:10px;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%;margin:0 auto}.PageConfirm{padding:40px 32px;display:flex;flex-direction:column;gap:20px}.PageConfirm .Title{font-size:var(--emw--font-size-large, 20px);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}.PageConfirmButtonsGroup{width:150px;margin:0 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-small, 14px);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}.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.LeaderboardName{max-width:180px}table.Leaderboards td.LeaderboardPrize{min-width:220px;text-align:left}.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:24px}.Wrapper .TableContentWrapper{scrollbar-width:thin;scrollbar-color:var(--emw--color-background, hsl(254, 8.53%, 54.93%)) transparent}.Wrapper .WrapperContent .TableContentWrapper{height:calc(100vh - 298px);overflow-y:auto}.Wrapper .WrapperContent .Main{height:calc(100vh - 188px)}.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{border-radius:16px}.Wrapper.Mobile .PageConfirmContainer,.Wrapper.Mobile .DialogContentUnjoin{min-width:80%}.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)}.WrapperContent{padding-bottom:20px;transition:0.5s filter}.WrapperContent.faded{filter:brightness(53.3333333333%);pointer-events:none}.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:20px 8px 8px;margin-bottom:8px}.Wrapper.Mobile .Tip{padding:0px 30px 32px}.Wrapper.Mobile .TitleContainer .GradientRoundedButton{width:100px}.WrapperBar{display:flex;width:100%;padding:20px 20px}.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);line-height: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}.TitleContainer .GradientRoundedButton{width:120px}.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;padding-left:30px;text-align:left;flex:1;overflow-y:auto;margin-bottom:0;padding-right:10px;max-height:300px;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:15px}.InfoContainer section.Info .Criterias,.InfoContainer section.Info .Description{padding-left:15px;margin-top:10px}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:12px 5px}.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);border:1px solid var(--emw--color-primary, rgb(255, 214, 47))}.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;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:start;margin:20px auto}.Games .Game{cursor:pointer;width:25%;display:flex;padding:5px}.Games .Game.Current{cursor:auto;filter:grayscale(10)}.Games .Game:hover{filter:brightness(var(--emw--hover-brightness, 1.25))}.Games .Game.Current:hover{cursor:auto;filter:grayscale(10)}.Games img{width:100%;height:fit-content}dialog.tip{position:absolute;align-items:start;padding:120px 90px;line-height:20px;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 {
@@ -686,7 +842,14 @@ const CasinoEngagementSuiteTournament = class {
                     }, 300);
                 }
             };
-            this.openDialog(DialogType.gift, this.gifts[0], onClose);
+            if (this.show) {
+                this.openDialog(DialogType.gift, this.gifts[0], onClose);
+            }
+            else {
+                //Show 'Win' Label on the left ui-bar,
+                this.labels.push('win');
+                messageSender.UpdateSuiteBarState(this.labels);
+            }
         }
         else {
             this.removeLabel('win');
@@ -703,9 +866,6 @@ const CasinoEngagementSuiteTournament = class {
             this.showTooltip = false;
     }
     componentDidLoad() {
-        this.pageElement.addEventListener('scroll', (event) => {
-            this.containerScrollTop = event.target.scrollTop + event.target.clientHeight / 2 - 250;
-        });
         messageSender.UpdateTournamentsPageIsReady();
     }
     renderTooltip() {
@@ -726,7 +886,7 @@ const CasinoEngagementSuiteTournament = class {
     }
     componentDidRender() {
         if (this.page === LeaderboardPage.item && this.tab === Tab.leaderboard) {
-            if (this.currentPlyerRank > this.maxPlyerRank && !this.scrolledToMyLine) {
+            if (this.currentPlayerRank > this.defaultPageSize && !this.scrolledToMyLine) {
                 this.scrollToMyRankLine();
             }
         }
@@ -744,6 +904,11 @@ const CasinoEngagementSuiteTournament = class {
         if (tournament.isActionJoinPending)
             return;
         tournament.isActionJoinPending = true;
+        //Disable the unjoin button when action in detail page
+        if (this.page === LeaderboardPage.item) {
+            this.tournamentItem.isActionJoinPending = true;
+            this.tournamentItem = Object.assign({}, this.tournamentItem);
+        }
         this.pendingChangeEvent.emit(tournament);
         try {
             if (tournament.isPlayerAcknowledged) {
@@ -765,7 +930,7 @@ const CasinoEngagementSuiteTournament = class {
             if (!this.tournamentItem) {
                 messageSender.UpdateTournamentsItemReq(metaData.tournament);
             }
-            if (isTournamentClosed(this.tournamentItem)) {
+            if (isTournamentEnded(this.tournamentItem)) {
                 messageSender.UpdateLeaderboardsReq(this.tournamentItem);
             }
             this.tab = Tab.info;
@@ -787,21 +952,27 @@ const CasinoEngagementSuiteTournament = class {
         };
         return (h(Host, null, h("general-styling-wrapper", { clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
             // @ts-ignore
-            targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("div", { class: `Wrapper ${this.device}` }, h("div", { class: classnames('WrapperContent', { faded: this.dialog.isOpen }) }, renderCloseBar({
+            targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), h("div", { class: `Wrapper ${this.device} ${this.orientation}` }, h("div", { class: classnames('WrapperContent', { faded: this.dialog.isOpen, page: this.page }) }, this.page && renderCloseBar({
             left: this.page === LeaderboardPage.list
-                ? h("span", { onClick: this.openDialog.bind(this, DialogType.tip) }, iconQuestion)
-                : h("span", { onClick: this.setPage.bind(this, LeaderboardPage.list) }, iconBack),
+                ? h("span", { class: 'EngagementSuiteIcon', onClick: this.openDialog.bind(this, DialogType.tip) }, iconQuestion)
+                : h("span", { class: 'EngagementSuiteIcon', onClick: this.setPage.bind(this, LeaderboardPage.list) }, iconBack),
             middle: this.locale.Leaderboards,
-            right: h("span", { onClick: () => this.close.emit() }, iconClose)
+            right: h("span", { class: 'EngagementSuiteIcon', onClick: () => this.close.emit() }, iconClose)
         }), h("div", { class: `Leaderboards  ${this.page} ${this.page === 'list' ? 'Active' : 'Hidden'}`, ref: el => this.pageElement = el }, this.renders.page.list()), this.page === LeaderboardPage.item &&
-            h("div", { class: `Leaderboards ${this.page} ${this.page === 'item' ? 'Active' : 'Hidden'} `, ref: el => this.detailElement = el }, this.renders.page.item())), h("div", { class: "WrapperUtil" }, h("dialog", { open: this.dialog.isOpen, style: { 'top': this.getContainerScrollTop() + 'px' } }, h("div", { class: "Hollow" }, renderCloseBar({
-            right: h("span", { onClick: () => this.closeDialog() }, iconClose)
+            h("div", { class: `Leaderboards ${this.page} ${this.page === 'item' ? 'Active' : 'Hidden'} `, ref: el => this.detailElement = el }, this.renders.page.item())), h("div", { class: "WrapperUtil" }, h("dialog", { class: `${this.dialog.type}`, open: this.dialog.isOpen }, h("div", { class: `Hollow ${this.dialog.type === 'gift' ? 'GradientRounded' : ''}` }, renderCloseBar({
+            right: h("span", { class: 'EngagementSuiteIcon', onClick: () => this.closeDialog() }, iconClose)
         }), this.dialog.isOpen && renderDialogContent()))))));
     }
     openDialog(type, data = undefined, onClose = undefined) {
         this.dialog = Object.assign(Object.assign({}, this.dialog), { isOpen: true, onClose,
             type,
             data });
+        if (type === DialogType.error || type === DialogType.tip) {
+            const timerId = setTimeout(() => {
+                this.dialog = Object.assign(Object.assign({}, this.dialog), { isOpen: false });
+                clearInterval(timerId);
+            }, this.tipsHideDelay);
+        }
     }
     closeDialog() {
         var _a;
@@ -813,10 +984,14 @@ const CasinoEngagementSuiteTournament = class {
         this.close = createEvent(this, "close", 7);
         this.tournamentTimer = createEvent(this, "tournamentTimer", 7);
         this.pendingChangeEvent = createEvent(this, "pendingChangeEvent", 7);
+        /**
+         * Use to move the new acknowleged tournament to top
+         */
+        this.minOrder = -1;
         this.gifts = [];
         this.labels = [];
         this.showTooltip = false;
-        this.maxPlyerRank = 30;
+        this.defaultPageSize = DEFAULT_PAGE_SIZE;
         this.scrolledToMyLine = false;
         this.language = 'en';
         this.show = false;
@@ -824,7 +999,9 @@ const CasinoEngagementSuiteTournament = class {
         this.clientStylingUrl = '';
         this.translationUrl = '';
         this.device = 'Mobile';
+        this.orientation = 'Landscape';
         this.leaderboardsInit = undefined;
+        this.tipsHideDelay = 3 * 1000;
         this.tab = Tab.info;
         this.locale = TRANSLATIONS;
         this.tournamentItem = undefined;
@@ -858,4 +1035,4 @@ const CasinoEngagementSuiteTournament = class {
 };
 CasinoEngagementSuiteTournament.style = CasinoEngagementSuiteTournamentStyle0;
 
-export { CasinoEngagementSuiteTournament as C, DialogType as D, LeaderboardPage as L, TRANSLATIONS as T, getProgress as a, classnames as c, formatDate as f, getTimeDifference as g, isTournamentClosed as i, renderGradientRoundedButton as r };
+export { CasinoEngagementSuiteTournament as C, DialogType as D, LeaderboardPage as L, TRANSLATIONS as T, getTimeDifference as a, classnames as c, formatDate as f, getProgress as g, isTournamentEnded as i, renderGradientRoundedButton as r };