@everymatrix/casino-engagement-suite-tournament 1.60.1 → 1.61.0

package/dist/collection/utils/message.js

@@ -1,13 +1,27 @@
 import { leaderboardsAdapter, tournamentAdapter } from "./api.apdater";
 import { getMaxRankStr } from "./bussiness";
-import { LeaderboardPage } from "./types";
+import { DialogType } from "./types";
 export const messageSender = {
+    InitTournamentList: (queryParams) => {
+        window.postMessage(Object.assign({ type: 'InitTournamentList' }, queryParams));
+    },
+    post: (options) => {
+        window.postMessage(Object.assign({}, options));
+    },
     UpdateSuiteBarState: (labels) => window.postMessage({ type: 'UpdateLeaderboardState', labels }),
-    JoinTournamentReq: (tournament) => { var _a, _b; return window.postMessage({ type: 'JoinTournamentReq', bonusCode: (_b = (_a = tournament.wallets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.code }); },
+    JoinTournamentReq: (tournament) => {
+        var _a, _b;
+        return window.postMessage({
+            type: 'JoinTournamentReq',
+            id: tournament.id,
+            bonusCode: tournament.id || ((_b = (_a = tournament.wallets) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.code)
+        });
+    },
     UnjoinTournamentReq: (tournament) => window.postMessage({ type: 'UnjoinTournamentReq', id: tournament.id }),
     UpdateTournamentsItemReq: (tournament) => window.postMessage({ type: 'UpdateTournamentsItemReq', id: tournament.id }),
     UpdateLeaderboardsReq: (tournament, query) => window.postMessage({ type: 'UpdateLeaderboardsReq', id: tournament.id, query }),
-    UpdateLeaderboardsPlayerReq: () => window.postMessage({ type: 'UpdateLeaderboardsPlayerReq' })
+    UpdateLeaderboardsPlayerReq: () => window.postMessage({ type: 'UpdateLeaderboardsPlayerReq' }),
+    GameClickReq: (game) => window.postMessage({ type: 'EngagementSuiteGameRedirect', data: { Slug: game.slug } }),
 };
 export const messageReceiver = (instance) => {
     const receiver = {
@@ -23,15 +37,13 @@ export const messageReceiver = (instance) => {
             instance.tournamentItem = tournamentNew;
             updateTournamentListByItem(instance, tournamentNew);
         },
-        UpdateLeaderboardsRes: (rest) => {
-            instance.leaderboards = leaderboardsAdapter(rest.data);
-        },
+        UpdateLeaderboardsRes: (rest) => processLeaderboardTableData(instance, rest),
         JoinTournamentRes: (rest) => commonJoinRes(instance, rest),
         UnjoinTournamentRes: (rest) => commonJoinRes(instance, rest),
         // listen to LeaderboardLiveEvent event, handle update
         LeaderboardLiveEvent: (rest) => {
             handleLeaderboardLiveEvent(instance, rest);
-        }
+        },
     };
     return receiver;
 };
@@ -109,25 +121,30 @@ const handleLeaderboardLiveEvent = (instance, rest) => {
         }
     }
 };
+const showErrorMessage = (instance, type) => {
+    instance.dialog = Object.assign(Object.assign({}, instance.dialog), { isOpen: true, type });
+};
 const commonJoinRes = (instance, rest) => {
-    const { success } = rest;
-    if (success) {
-        instance.tournamentItem = Object.assign(Object.assign({}, instance.tournamentItem), { isPlayerAcknowledged: !!!instance.tournamentItem.isPlayerAcknowledged });
-        switch (instance.page) {
-            case LeaderboardPage.item: {
-                break;
-            }
-            case LeaderboardPage.list: {
-                updateTournamentListByItem(instance, instance.tournamentItem);
-                break;
-            }
-        }
+    const { success, data } = rest;
+    let tournamentIdx = instance.tournamentList.findIndex((tournament) => tournament.id === (data.tournamentId || data.id || data.bonusCode)), current = instance.tournamentList[tournamentIdx];
+    current.isActionJoinPending = false;
+    if (!success) {
+        instance.tournamentList[tournamentIdx] = current;
+        instance.tournamentList = [...instance.tournamentList];
+        showErrorMessage(instance, DialogType.error);
+        return;
     }
+    current = Object.assign(Object.assign({}, current), { isUnjoined: current.isPlayerAcknowledged ? true : false, isPlayerAcknowledged: !!!current.isPlayerAcknowledged });
+    instance.tournamentList[tournamentIdx] = current;
+    instance.tournamentList = [...instance.tournamentList];
     if (instance.nextPage) {
         instance.setPage(instance.nextPage);
         instance.nextPage = undefined;
     }
-    instance.isActionJoinPending = false;
+};
+const processLeaderboardTableData = (instance, rest) => {
+    instance.leaderboards = leaderboardsAdapter(rest.data);
+    instance.currentPlyerRank = rest.data.item ? rest.data.item.rank : -1;
 };
 const updateTournamentListByItem = (instance, tournament) => {
     instance.tournamentList = instance.tournamentList.map((_tournament) => {

package/dist/collection/utils/translations.js

@@ -24,4 +24,4 @@ export const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'J
         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!' });
+    }, 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.' });

package/dist/collection/utils/types.js

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

package/dist/collection/utils/utils.js

@@ -1,5 +1,5 @@
 export const classnames = (...args) => {
-    let classnameArray = [];
+    let classnameArray = ['Tab'];
     args.map((arg) => {
         switch (typeof arg) {
             case 'string':
@@ -48,3 +48,40 @@ export const truncateNumber = (value, decimals, isInteger = false) => {
     // Return string representation with fixed decimals to preserve trailing zeros
     return truncated.toFixed(decimals);
 };
+/**
+ * custom rules for component types
+ */
+export const isMobile = () => {
+    let userAgent = window.navigator.userAgent;
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};
+export const getDevice = () => {
+    let userAgent = window.navigator.userAgent;
+    if (userAgent.toLowerCase().match(/android/i)) {
+        return 'Android';
+    }
+    if (userAgent.toLowerCase().match(/iphone/i)) {
+        return 'iPhone';
+    }
+    if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
+        return 'iPad';
+    }
+    return 'PC';
+};
+export const getDevicePlatform = () => {
+    const device = getDevice();
+    if (device) {
+        if (device === 'PC') {
+            return 'dk';
+        }
+        else if (device === 'iPad' || device === 'iPhone') {
+            return 'ios';
+        }
+        else {
+            return 'mtWeb';
+        }
+    }
+};

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-e8e1e68e.js';
-export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-e9186545.js';
+import { r as registerInstance, h, g as getElement } from './index-ac437a77.js';
+export { C as casino_engagement_suite_tournament } from './casino-engagement-suite-tournament-bd7c9cdd.js';
 import '@everymatrix/general-animation-loading/dist';
 
 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)}";