@everymatrix/casino-engagement-suite-tournament 1.59.2 → 1.60.0

package/dist/esm/{casino-engagement-suite-tournament-75dbe0da.js → casino-engagement-suite-tournament-e9186545.js}

@@ -54,7 +54,7 @@ const TRANSLATIONS = Object.assign(Object.assign(Object.assign({ Join: 'Join', U
         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.' });
+    }, 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!' });
 
 const classnames = (...args) => {
     let classnameArray = [];
@@ -78,6 +78,34 @@ const getNewItems = (newList, oldList, getCondition) => {
     const newItems = newList.filter((newItem) => !oldList.some((oldItem) => getCondition(newItem, oldItem)));
     return newItems;
 };
+/**
+ * Truncate number to specified decimal places (without rounding)
+ * @param {number|string} value - The number to be truncated, can be number or string
+ * @param {number} decimals - Number of decimal places to truncate to
+ * @returns {string|number} - Truncated value, returns string to preserve trailing zeros if has decimals, otherwise returns number
+ * @param {boolean} isInteger - Whether to force return integer
+ */
+const truncateNumber = (value, decimals, isInteger = false) => {
+    // Try to convert input to number
+    const numValue = Number(value);
+    // Check if valid number
+    if (isNaN(numValue)) {
+        throw new Error('Input must be a valid number or string that can be converted to number');
+    }
+    if (isInteger && !numValue.toString().includes('.')) {
+        return value;
+    }
+    // When decimals is 0, return integer part directly
+    if (decimals === 0) {
+        return Math.floor(numValue);
+    }
+    // Calculate factor for given decimal places
+    const factor = Math.pow(10, decimals);
+    // Multiply by factor, truncate integer part, then divide by factor
+    const truncated = Math.floor(numValue * factor) / factor;
+    // Return string representation with fixed decimals to preserve trailing zeros
+    return truncated.toFixed(decimals);
+};
 
 var LeaderboardPage;
 (function (LeaderboardPage) {
@@ -260,39 +288,31 @@ function formatDate(date) {
     };
     return date.toLocaleDateString('en-US', options).replace(' at', ',');
 }
-function addSeconds(date, seconds) {
-    const result = new Date(date);
-    result.setSeconds(result.getSeconds() + seconds);
-    return result;
+function getProgress(startDate, endDate) {
+    return ((100 * (new Date().getTime() - startDate.getTime())) / (endDate.getTime() - startDate.getTime())).toFixed(0);
 }
-function getDifference(startDate, endDate) {
+function getTimeDifference(startDate, endDate) {
     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
-    // Format the output
-    const formattedDiff = `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(diffMinutes).padStart(2, '0')}m`;
-    return formattedDiff;
-}
-function getProgress(startDate, endDate) {
-    return ((100 * (new Date().getTime() - startDate.getTime())) / (endDate.getTime() - startDate.getTime())).toFixed(0);
+    return `${String(diffDays).padStart(2, '0')}d:${String(diffHours).padStart(2, '0')}h:${String(diffMinutes).padStart(2, '0')}m`;
 }
 
-const renderTimeBar = (instance, tournament) => {
+const renderTimeBar = (tournament) => {
     return (h("section", { class: "TimeContainer" },
-        h("div", { class: 'Time' }, tournament.playerEnrolled ? ([
-            h("div", null, getDifference(addSeconds(tournament.startTime, instance.time), tournament.endTime)),
-            h("div", null, renderGradientRoundedButton({
-                statedClasses: {
-                    isHollow: true,
-                    isPendding: false,
-                },
-                innerHTML: `${getProgress(tournament.startTime, tournament.endTime)}%`
-            }))
-        ]) : ([
-            h("div", null, formatDate(tournament.startTime)),
-            h("div", null, formatDate(tournament.endTime))
-        ])),
+        h("div", { class: "Time" }, tournament.state === 'Running'
+            ? [
+                h("div", null, getTimeDifference(new Date(), tournament.endTime)),
+                h("div", null, renderGradientRoundedButton({
+                    statedClasses: {
+                        isHollow: true,
+                        isPendding: false
+                    },
+                    innerHTML: `${getProgress(tournament.startTime, tournament.endTime)}%`
+                }))
+            ]
+            : [h("div", null, formatDate(tournament.startTime)), h("div", null, formatDate(tournament.endTime))]),
         h("casino-engagement-suite-progress-bar", { value: Number(getProgress(tournament.startTime, tournament.endTime)), "hide-percent": true })));
 };
 
@@ -407,7 +427,7 @@ const handleLeaderboardLiveEvent = (instance, rest) => {
 const commonJoinRes = (instance, rest) => {
     const { success } = rest;
     if (success) {
-        instance.tournamentItem = Object.assign(Object.assign({}, instance.tournamentItem), { playerEnrolled: !!!instance.tournamentItem.playerEnrolled });
+        instance.tournamentItem = Object.assign(Object.assign({}, instance.tournamentItem), { isPlayerAcknowledged: !!!instance.tournamentItem.isPlayerAcknowledged });
         switch (instance.page) {
             case LeaderboardPage.item: {
                 break;
@@ -451,19 +471,19 @@ const page = {
     list(instance) {
         var _a;
         if (!instance.tournamentList) {
-            instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map(item => tournamentAdapter(item));
+            instance.tournamentList = (_a = instance.leaderboardsInit) === null || _a === void 0 ? void 0 : _a.map((item) => tournamentAdapter(item));
             return h("general-animation-loading", null);
         }
         const { locale } = instance;
         if (instance.tournamentList.length) {
             const onClickListItemChangePage = (tournament) => {
                 instance.setPage(LeaderboardPage.item, { tournament });
-                instance.newIdList = instance.newIdList.filter(id => id !== tournament.id);
+                instance.newIdList = instance.newIdList.filter((id) => id !== tournament.id);
             };
-            return renderLeaderboardContainer(instance, h("div", { class: "Leaderboards Row" }, instance.tournamentList.map(_tournament => (h("div", { class: classnames("LeaderboardsItem", _tournament.playerEnrolled ? ' GradientRounded Hollow' : ''), onClick: () => onClickListItemChangePage(_tournament) },
+            return renderLeaderboardContainer(instance, h("div", { class: "Leaderboards Row" }, instance.tournamentList.map((_tournament) => (h("div", { class: classnames('LeaderboardsItem', _tournament.isPlayerAcknowledged ? ' GradientRounded Hollow' : ''), onClick: () => onClickListItemChangePage(_tournament) },
                 h("div", { class: "LeaderboardsItemContainer" },
                     renderTitleContainer(instance, _tournament),
-                    renderTimeBar(instance, _tournament)),
+                    renderTimeBar(_tournament)),
                 h("div", { class: "LeaderboardLabels" }, instance.newIdList.includes(_tournament.id) && (h("div", { class: "LeaderboardLabel" },
                     h("span", null, "new")))))))));
         }
@@ -499,12 +519,12 @@ const page = {
             renderTabs(),
             instance.renders.tab[instance.tab]()
         ]);
-    },
+    }
 };
 const renderTitleContainer = (instance, tournament) => {
     const { locale } = instance;
     const onClickItemJoin = (tournament) => {
-        if (tournament.playerEnrolled) {
+        if (tournament.isPlayerAcknowledged) {
             instance.openDialog(DialogType.unjoin, tournament);
         }
         else {
@@ -516,27 +536,29 @@ const renderTitleContainer = (instance, tournament) => {
         h("div", { class: "Title" }, tournament.nameOrTitle),
         tournament.state !== TournamentState.Closed && (h("div", null, renderGradientRoundedButton({
             statedClasses: {
-                isHollow: tournament.playerEnrolled,
-                isPending: instance.isActionJoinPending,
+                isHollow: tournament.isPlayerAcknowledged,
+                isPending: instance.isActionJoinPending
             },
             onClick: (e) => {
                 e.stopPropagation();
-                onClickItemJoin(tournament);
+                if (!instance.isActionJoinPending) {
+                    onClickItemJoin(tournament);
+                }
             },
-            innerHTML: tournament.playerEnrolled ? locale.Unjoin : locale.Join,
+            innerHTML: tournament.isPlayerAcknowledged ? locale.Unjoin : locale.Join
         })))));
 };
 const renderLeaderboardContainer = (instance, render) => {
     const { dialog: { isOpen } } = instance;
     const renderBar = renderCloseBar({
-        right: (h("span", { onClick: () => instance.closeDialog() }, iconClose))
+        right: h("span", { onClick: () => instance.closeDialog() }, iconClose)
     });
     const renderDialogContent = () => {
         switch (instance.dialog.type) {
             case DialogType.unjoin:
                 return instance.renders.dialog.unjoin(); //renderDialogContentUnjoin()
             case DialogType.tip:
-                return (h("div", { class: "Tip" }, instance.locale.Tip));
+                return h("div", { class: "Tip" }, instance.locale.Tip);
             case DialogType.gift:
                 return instance.renders.dialog.gift();
         }
@@ -551,19 +573,21 @@ const renderLeaderboardContainer = (instance, render) => {
                 };
             case LeaderboardPage.item:
                 return {
-                    left: (h("span", { onClick: () => instance.setPage(LeaderboardPage.list) }, iconBack)),
-                    middle: '',
+                    left: h("span", { onClick: () => instance.setPage(LeaderboardPage.list) }, iconBack),
+                    middle: locale.Leaderboards
                 };
         }
     };
     const renderCloseBarInLayout = () => {
         const { left, middle } = getWrapperBarData();
-        return renderCloseBar({ left, middle,
-            right: (h("span", { onClick: () => instance.close.emit() }, iconClose))
+        return renderCloseBar({
+            left,
+            middle,
+            right: h("span", { onClick: () => instance.close.emit() }, iconClose)
         });
     };
     return (h("div", { class: `Wrapper ${instance.device}` },
-        h("div", { class: classnames("WrapperContent", { faded: isOpen }) },
+        h("div", { class: classnames('WrapperContent', { faded: isOpen }) },
             renderCloseBarInLayout(),
             h("div", { class: "Root" },
                 h("div", { class: "Main" }, render))),
@@ -579,58 +603,65 @@ const tab = {
         var _a, _b;
         const { locale, tournamentItem: tournament, isShowInfo } = instance;
         return (h("div", { class: "InfoContainer" },
-            renderTimeBar(instance, tournament),
-            (h("section", { class: "ShowInfo", onClick: () => instance.isShowInfo = !instance.isShowInfo },
+            renderTimeBar(tournament),
+            h("section", { class: "ShowInfo", onClick: () => (instance.isShowInfo = !instance.isShowInfo) },
                 h("p", null,
                     h("span", null, isShowInfo ? iconEyeClose : iconEyeOpen),
-                    h("span", null, locale.LeaderboardDetails)))),
-            isShowInfo && (h("section", { class: "Info" },
-                h("div", null, tournament.description),
-                h("div", { class: "Criterias" },
-                    h("div", null,
-                        locale.ScoreCriteria,
+                    h("span", null, locale.LeaderboardDetails))),
+            h("div", { class: `ContentScrollContainer ${isShowInfo ? 'expanded' : ''}` },
+                isShowInfo && (h("section", { class: "Info" },
+                    h("div", null, tournament.description),
+                    h("div", { class: "Criterias" },
+                        h("div", null,
+                            locale.ScoreCriteria,
+                            ": ",
+                            h("span", null, tournament.scoreCriteria)),
+                        h("div", null,
+                            locale.MinimumBetCriteria,
+                            ": ",
+                            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))) })),
+                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("span", null, tournament.scoreCriteria)),
-                    h("div", null,
-                        locale.MinimumBetCriteria,
-                        ": ",
-                        h("span", null, tournament.minBetCount))),
-                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))) })),
-            h("section", { class: "Prizes" },
-                h("div", { class: "PrizesHeader" },
-                    iconReward,
-                    h("span", { class: "PrizesText" }, locale.Prizes)),
-                tournament.prizes.map((prize, index) => (h("div", { class: "Prize" },
-                    index + 1,
-                    " ",
-                    locale.Place,
-                    ": ",
-                    h("span", { class: "PrizeText" }, prize.name)))))));
+                        h("span", { class: "PrizeText" }, prize.name)))))))));
     },
     leaderboard(instance) {
+        const { locale, tournamentItem } = instance;
+        if ((tournamentItem === null || tournamentItem === void 0 ? void 0 : tournamentItem.state) === 'Unstarted') {
+            const startTime = getTimeDifference(tournamentItem === null || tournamentItem === void 0 ? void 0 : tournamentItem.startTime, new Date());
+            return (h("div", { class: "LeaderboardUnstarted", innerHTML: localePostprocess(locale.TournamentNotStarted, { startTime }) }));
+        }
         if (!instance.leaderboards)
             return h("general-animation-loading", null);
-        if (!instance.leaderboards.length)
-            return '';
-        return (h("table", { class: "Leaderboards" }, instance.leaderboards.map(leaderboard => (h("tr", { class: classnames({ isMe: leaderboard.isMe }) },
+        if (!instance.leaderboards.length) {
+            return h("div", { class: "LeaderboardUnstarted" }, locale.BeOne);
+        }
+        return (h("table", { class: "Leaderboards" }, instance.leaderboards.map((leaderboard) => (h("tr", { class: classnames({ isMe: leaderboard.isMe }) },
             h("td", { class: "LeaderboardRank" },
                 h("span", null, leaderboard.rank)),
             h("td", { class: "LeaderboardName" }, leaderboard.shortName),
-            h("td", { class: "LeaderboardScore" }, leaderboard.score),
+            h("td", { class: "LeaderboardScore" }, truncateNumber(leaderboard.score, 2, true)),
             h("td", { class: "LeaderboardPrize" }, leaderboard.prizeName))))));
     },
     games(instance) {
         var _a;
-        return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map(game => (h("div", null,
+        return (h("div", { class: "Games" }, (_a = instance.tournamentItem.games) === null || _a === void 0 ? void 0 : _a.map((game) => (h("div", null,
             h("img", { src: game.defaultThumbnail, alt: "" }))))));
-    },
+    }
 };
 const getResultPrize = (leaderboard) => {
     return {
         prize: leaderboard.prizeName,
-        place: leaderboard.rank,
+        place: leaderboard.rank
     };
 };
 
@@ -640,7 +671,7 @@ const renders = {
     tab
 };
 
-const casinoEngagementSuiteTournamentCss = ".Wrapper{height:100%;position:relative;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:24px;overflow-y:auto}.Wrapper.Mobile{border-radius:16px}.WrapperContent{padding-bottom:20px;transition:0.5s filter}.WrapperContent.faded{filter:brightness(53.3333333333%)}.Wrapper.Mobile .WrapperBar{padding:20px 8px 8px;margin-bottom:8px}.WrapperBar{display:flex;width:100%;padding:32px 20px 20px;margin-bottom:20px}.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}.Row{margin:24px 0;padding:0 20px}.Row:first-child{margin:0}.LeaderboardsItem{position:relative;margin:10px 0;border:1px solid rgb(64, 57, 86);border-radius:16px}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.Info{margin:24px 0;padding:0 20px}.TimeContainer{margin:24px 0;padding:0 20px}.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 button{font-size:var(--emw--font-size-x-small, 12px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.ShowInfo{margin:24px 0;padding:0 20px;cursor:pointer;color:rgb(102, 97, 120)}.ShowInfo p{display:flex;gap:4px}.TitleContainer{display:flex;justify-content:space-between;margin:24px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat}.TitleContainer .GradientRoundedButton{width:120px}.TabsContainer{margin:24px 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>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:24px 0;padding:0 20px}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.Prizes{margin:24px 0;padding:0 20px}.Prizes .PrizesText{margin-left:3px;font-weight:600}.Prizes .PrizesHeader{align-items:center;display:flex}.Prizes .PrizesHeader img{width:12px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:20px 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)}.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))}.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)}.Games{margin:24px 0;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:4px 7.25px}.Games img{width:60px}dialog{position:absolute;top:30px;width:100%;height:100%;background:transparent;border:0;padding:0;color:var(--emw--color-typography, #FFFFFF)}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)}.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}";
+const casinoEngagementSuiteTournamentCss = ".Wrapper{height:100%;position:relative;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:24px;overflow-y:auto}.Wrapper.Mobile{border-radius:16px}.WrapperContent{padding-bottom:20px;transition:0.5s filter}.WrapperContent.faded{filter:brightness(53.3333333333%)}.Wrapper.Mobile .WrapperBar{padding:20px 8px 8px;margin-bottom:8px}.WrapperBar{display:flex;width:100%;padding:32px 20px 20px;margin-bottom:20px}.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}.Row{margin:24px 0;padding:0 20px}.Row:first-child{margin:0}.LeaderboardsItem{position:relative;margin:10px 0;border:1px solid rgb(64, 57, 86);border-radius:16px}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.Info{margin:24px 0;padding:0 20px}.TimeContainer{margin:24px 0;padding:0 20px}.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 button{font-size:var(--emw--font-size-x-small, 12px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.ShowInfo{margin:24px 0;padding:0 20px;cursor:pointer;color:rgb(102, 97, 120)}.ShowInfo p{display:flex;gap:4px}.TitleContainer{display:flex;justify-content:space-between;margin:24px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat}.TitleContainer .GradientRoundedButton{width:120px}.TabsContainer{margin:24px 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>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:24px 0;padding:0 20px}.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{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{width:12px}.PrizesHeader .PrizesText{margin-left:3px;font-weight:600}.Prizes{margin:24px 0;padding:0 20px;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}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:20px 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)}.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:#FFD029;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:24px 0;padding:0 20px;color:var(--emw--color-secondary, rgb(187, 185, 195));font-size:var(--emw--font-size-medium, 16px)}.Games{margin:24px 0;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:4px 7.25px}.Games img{width:60px}dialog{position:absolute;top:30px;width:100%;height:100%;background:transparent;border:0;padding:0;color:var(--emw--color-typography, #FFFFFF)}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)}.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}";
 const CasinoEngagementSuiteTournamentStyle0 = casinoEngagementSuiteTournamentCss;
 
 const CasinoEngagementSuiteTournament = class {
@@ -673,6 +704,7 @@ const CasinoEngagementSuiteTournament = class {
     showPropWatcher(newValue, oldValue) {
         if (oldValue == false && newValue == true) {
             this.checkGift();
+            this.page = LeaderboardPage.list;
         }
     }
     addLabel(tag) {
@@ -687,7 +719,7 @@ const CasinoEngagementSuiteTournament = class {
     }
     setTimeInterval() {
         this.timeHolder = setInterval(() => {
-            this.time = (this.tournamentList || this.tournamentItem) ? this.time + 1 : 0;
+            this.time = this.tournamentList || this.tournamentItem ? this.time + 1 : 0;
         }, 1000);
     }
     checkGift() {
@@ -719,7 +751,7 @@ const CasinoEngagementSuiteTournament = class {
             return;
         this.isActionJoinPending = true;
         try {
-            if (tournament.playerEnrolled) {
+            if (tournament.isPlayerAcknowledged) {
                 messageSender.UnjoinTournamentReq(tournament);
             }
             else {
@@ -745,7 +777,7 @@ const CasinoEngagementSuiteTournament = class {
         this.page = page;
     }
     render() {
-        return (h(Host, { key: 'f9e9ea96e0fddd20d3f12141c7cf66588ab94ccd' }, h("general-styling-wrapper", { key: 'aea948ea6c8f8cc5e4aaea5812873d3fe7045568', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
+        return (h(Host, { key: 'b070d8a83bcd801d5daeb4edfe87ad0159da4e7c' }, h("general-styling-wrapper", { key: '7454fdab7ee55ab95a39adb3c8b51aed0b78f534', clientStylingUrl: this.clientStylingUrl, clientStyling: this.clientStyling,
             // @ts-ignore
             targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl }), this.renders.page[this.page]()));
     }

package/dist/esm/index.js

@@ -1,3 +1,3 @@
-export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-75dbe0da.js';
+export { C as CasinoEngagementSuiteTournament } from './casino-engagement-suite-tournament-e9186545.js';
 import './index-e8e1e68e.js';
 import '@everymatrix/general-animation-loading/dist';

package/dist/types/components/casino-engagement-suite-tournament/casino-engagement-suite-tournament.d.ts

@@ -64,6 +64,8 @@ export declare class CasinoEngagementSuiteTournament {
         Leaderboards: string;
         TipPrize: string;
         Tip: string;
+        TournamentNotStarted: string;
+        BeOne: string;
         Starts: import("../../utils/translations").Time.Starts;
         Ends: import("../../utils/translations").Time.Ends;
         info: Tab.info;

package/dist/types/shared/renders.page.d.ts

@@ -1,2 +1,2 @@
-import { LeaderboardPage, RenderCollector } from "../utils/types";
+import { LeaderboardPage, RenderCollector } from '../utils/types';
 export declare const page: RenderCollector<LeaderboardPage>;

package/dist/types/shared/renders.tab.d.ts

@@ -1,3 +1,3 @@
-import { Tab } from "../utils/translations";
-import { RenderCollector } from "../utils/types";
+import { Tab } from '../utils/translations';
+import { RenderCollector } from '../utils/types';
 export declare const tab: RenderCollector<Tab>;

package/dist/types/shared/renders.util.d.ts

@@ -1,2 +1,2 @@
-import { Tournament } from "../utils/types";
-export declare const renderTimeBar: (instance: any, tournament: Tournament) => any;
+import { Tournament } from '../utils/types';
+export declare const renderTimeBar: (tournament: Tournament) => any;

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

@@ -27,5 +27,6 @@ export declare const tournamentAdapter: (tournamentApi: TournamentApi) => {
     }[];
     games?: any[];
     playerEnrolled?: boolean;
+    isPlayerAcknowledged?: boolean;
 };
 export declare const leaderboardsAdapter: (leaderboardRes: any) => Leaderboard[];

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

@@ -29,4 +29,5 @@ export declare const getTournamentListByItem: (tournamentList: Tournament[], tou
     }[];
     games?: any[];
     playerEnrolled?: boolean;
+    isPlayerAcknowledged?: boolean;
 }[];

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

@@ -31,6 +31,8 @@ export declare const TRANSLATIONS: {
     Leaderboards: string;
     TipPrize: string;
     Tip: string;
+    TournamentNotStarted: string;
+    BeOne: string;
     Starts: Time.Starts;
     Ends: Time.Ends;
     info: Tab.info;

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

@@ -1,5 +1,5 @@
-import { JSX } from "../stencil-public-runtime";
-import type { CasinoEngagementSuiteTournament } from "../components/casino-engagement-suite-tournament";
+import { JSX } from '../stencil-public-runtime';
+import type { CasinoEngagementSuiteTournament } from '../components/casino-engagement-suite-tournament';
 export type Instance = CasinoEngagementSuiteTournament;
 type Render = (instance?: CasinoEngagementSuiteTournament) => JSX.Element;
 type AbstractEnum = string | number | symbol;
@@ -44,6 +44,7 @@ export interface TournamentApi {
     }[];
     games?: any[];
     playerEnrolled?: boolean;
+    isPlayerAcknowledged?: boolean;
 }
 export interface LeaderboardApi {
     rank: number;

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

@@ -4,3 +4,4 @@ export declare function addMinutes(date: any, minutes: any): Date;
 export declare function addSeconds(date: any, seconds: any): Date;
 export declare function getDifference(startDate: Date, endDate: Date): string;
 export declare function getProgress(startDate: Date, endDate: Date): string;
+export declare function getTimeDifference(startDate: Date, endDate: Date): string;

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

@@ -1,2 +1,10 @@
 export declare const classnames: (...args: any[]) => string;
 export declare const getNewItems: <T>(newList: T[], oldList: T[], getCondition: (newItem: T, oldItem: T) => boolean) => T[];
+/**
+ * Truncate number to specified decimal places (without rounding)
+ * @param {number|string} value - The number to be truncated, can be number or string
+ * @param {number} decimals - Number of decimal places to truncate to
+ * @returns {string|number} - Truncated value, returns string to preserve trailing zeros if has decimals, otherwise returns number
+ * @param {boolean} isInteger - Whether to force return integer
+ */
+export declare const truncateNumber: (value: any, decimals: any, isInteger?: boolean) => any;

package/package.json

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

package/dist/casino-engagement-suite-tournament/p-376260a6.js

@@ -1,15 +0,0 @@
-import{h as e,H as i,r as t,c as a}from"./p-7dd52ef4.js";import"@everymatrix/general-animation-loading/dist";
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */function r(e,i){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&i.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)i.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(t[a[r]]=e[a[r]])}return t}var n,o;!function(e){e.info="info",e.leaderboard="leaderboard",e.games="games"}(n||(n={})),function(e){e.Starts="Starts",e.Ends="Ends"}(o||(o={}));const s=(e,i)=>(Object.keys(i).map((t=>{e=e.replace(`{${t}}`,i[t])})),e),d=Object.assign(Object.assign(Object.assign({Join:"Join",Unjoin:"Unjoin"},n),o),{TC:"Terms & Conditions",ScoreCriteria:"Score Criteria",MinimumBetCriteria:"Minimum bet criteria",Place:"place",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."}),l=(...e)=>{let i=[];return e.map((e=>{switch(typeof e){case"string":i.push(e);break;case"object":Object.keys(e).map((t=>{e[t]&&i.push(t)}))}})),i.join(" ")};var c,p,g;!function(e){e.list="list",e.item="item"}(c||(c={})),function(e){e.Running="Running",e.Unstarted="Unstarted",e.Closed="Closed",e.Closing="Closing"}(p||(p={})),function(e){e.unjoin="unjoin",e.tip="tip",e.gift="gift"}(g||(g={}));const m=e=>[p.Closed,p.Closing].includes(e.state),u=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/close.svg"}),b=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/help.svg"}),h=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg"}),v=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg"}),x=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/back.svg"}),f=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/reward.svg"}),w=e("img",{src:"https://static.everymatrix.com/gic/img/engagement-suite/cup-congras.svg"}),y=i=>{var{statedClasses:t,innerHTML:a}=i,n=r(i,["statedClasses","innerHTML"]);const{isHollow:o,isPending:s}=t;return e("button",Object.assign({class:l("GradientRoundedButton","GradientRounded",{Hollow:o||!1,Pending:s||!1})},n),e("span",null,a))};var L;!function(e){e.normal="normal",e.unjoinYes="unjoinYes",e.unjoinNo="unjoinNo"}(L||(L={}));const C=(e,i)=>{const{locale:t}=e,a={normal:{innerHTML:t.WinDialog.ButtonContinue},unjoinYes:{onClick:()=>e.actionJoin(e.dialog.data),innerHTML:t.UnjoinDialog.ButtonYes},unjoinNo:{statedClasses:{isHollow:!0},innerHTML:t.UnjoinDialog.ButtonNo}}[i];return y({statedClasses:Object.assign({isPending:e.isActionJoinPending},a.statedClasses),onClick:()=>{var i;null===(i=a.onClick)||void 0===i||i.call(),e.closeDialog()},innerHTML:a.innerHTML})},T={gift(i){const{name:t}=i.gifts[0],{locale:a}=i;return e("div",{class:"PageConfirmContainer"},e("div",{class:"PageConfirm"},e("div",null,w),e("div",{class:"Title"},a.WinDialog.Tile),e("div",{class:"Description",innerHTML:s(a.WinDialog.Description,{tournamentName:t})}),e("div",{class:"PageConfirmButtonsGroup"},C(i,L.normal))))},unjoin(i){const{locale:t}=i;return e("div",{class:"DialogContentUnjoin"},e("div",{class:"DialogContentUnjoinTitle"},t.UnjoinDialog.Title),e("div",{class:"DialogContentUnjoinDescription",innerHTML:t.UnjoinDialog.Description}),C(i,L.unjoinYes),C(i,L.unjoinNo))}},k=e=>{const i=["startTime","endTime","closeTime","exhibitionStartTime","exhibitionEndTime"],t={};return Object.keys(e).map((a=>{const r=e[a];t[a]="games"===a?r.items:i.includes(a)?new Date(r):r})),t},F=e=>{let{item:i,items:t}=e;return i?t.map((e=>i&&i.userID===e.userID?Object.assign(Object.assign({},e),{isMe:!0}):e)):t},j=i=>{const{left:t,middle:a,right:r}=i,n={left:t,middle:a,right:r};return e("div",{class:"WrapperBar"},Object.keys(n).map((i=>{return e("div",{class:"WrapperBar"+(t=i,t.split("").map(((e,i)=>0===i?e.toUpperCase():e)).join(""))},n[i]||"");var t})))};function z(e){return e.toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric",hour:"2-digit",minute:"2-digit",hour12:!1}).replace(" at",",")}function P(e,i){const t=new Date(e);return t.setSeconds(t.getSeconds()+i),t}function R(e,i){const t=Math.abs(i.getTime()-e.getTime()),a=Math.floor(t/864e5),r=Math.floor(t%864e5/36e5),n=Math.floor(t%36e5/6e4);return`${String(a).padStart(2,"0")}d:${String(r).padStart(2,"0")}h:${String(n).padStart(2,"0")}m`}function M(e,i){return(100*((new Date).getTime()-e.getTime())/(i.getTime()-e.getTime())).toFixed(0)}const U=(i,t)=>e("section",{class:"TimeContainer"},e("div",{class:"Time"},t.playerEnrolled?[e("div",null,R(P(t.startTime,i.time),t.endTime)),e("div",null,y({statedClasses:{isHollow:!0,isPendding:!1},innerHTML:`${M(t.startTime,t.endTime)}%`}))]:[e("div",null,z(t.startTime)),e("div",null,z(t.endTime))]),e("casino-engagement-suite-progress-bar",{value:Number(M(t.startTime,t.endTime)),"hide-percent":!0})),O=e=>window.postMessage({type:"UpdateLeaderboardState",labels:e}),H=e=>window.postMessage({type:"UpdateTournamentsItemReq",id:e.id}),B=(e,i)=>window.postMessage({type:"UpdateLeaderboardsReq",id:e.id,query:i}),I=(e,i)=>{const{success:t}=i;if(t)switch(e.tournamentItem=Object.assign(Object.assign({},e.tournamentItem),{playerEnrolled:!e.tournamentItem.playerEnrolled}),e.page){case c.item:break;case c.list:D(e,e.tournamentItem)}e.nextPage&&(e.setPage(e.nextPage),e.nextPage=void 0),e.isActionJoinPending=!1},D=(e,i)=>{e.tournamentList=e.tournamentList.map((e=>e.id===i.id?k(i):e))},S=(e,i)=>{e.tournamentList=e.tournamentList.filter((e=>e.id!==i.id))},W=(e,i)=>{const t=e.tournamentList.findIndex((e=>e.id===i.id));-1!==t?e.tournamentList[t]=k(i):e.tournamentList=e.tournamentList.concat(k(i))},G={list(i){var t;if(!i.tournamentList)return i.tournamentList=null===(t=i.leaderboardsInit)||void 0===t?void 0:t.map((e=>k(e))),e("general-animation-loading",null);const{locale:a}=i;if(i.tournamentList.length){const t=e=>{i.setPage(c.item,{tournament:e}),i.newIdList=i.newIdList.filter((i=>i!==e.id))};return E(i,e("div",{class:"Leaderboards Row"},i.tournamentList.map((a=>e("div",{class:l("LeaderboardsItem",a.playerEnrolled?" GradientRounded Hollow":""),onClick:()=>t(a)},e("div",{class:"LeaderboardsItemContainer"},N(i,a),U(i,a)),e("div",{class:"LeaderboardLabels"},i.newIdList.includes(a.id)&&e("div",{class:"LeaderboardLabel"},e("span",null,"new"))))))))}return E(i,e("div",{class:"NoLeaderboards Row"},e("div",null,a.NoLeaderboards),e("div",null,a.NoLeaderboardsTip)))},item:i=>i.tournamentItem?E(i,[N(i,i.tournamentItem),(()=>{const{locale:t,tab:a}=i;return e("div",{class:"TabsContainer"},e("div",{class:"Tabs"},Object.keys(n).map((r=>e("div",{class:l({active:a===r}),onClick:()=>(e=>{switch(i.tab=e,e){case n.leaderboard:i.leaderboards=void 0,B(i.tournamentItem);break;case n.games:H(i.tournamentItem)}})(r)},t[r])))))})(),i.renders.tab[i.tab]()]):e("general-animation-loading",null)},N=(i,t)=>{const{locale:a}=i;return e("div",{class:"TitleContainer"},e("div",{class:"Title"},t.nameOrTitle),t.state!==p.Closed&&e("div",null,y({statedClasses:{isHollow:t.playerEnrolled,isPending:i.isActionJoinPending},onClick:e=>{e.stopPropagation(),(e=>{e.playerEnrolled?i.openDialog(g.unjoin,e):(i.actionJoin(e),i.tournamentItem=e)})(t)},innerHTML:t.playerEnrolled?a.Unjoin:a.Join})))},E=(i,t)=>{const{dialog:{isOpen:a}}=i,r=j({right:e("span",{onClick:()=>i.closeDialog()},u)});return e("div",{class:`Wrapper ${i.device}`},e("div",{class:l("WrapperContent",{faded:a})},(()=>{const{left:t,middle:a}=(()=>{const{page:t,locale:a}=i;switch(t){case c.list:return{left:e("span",{onClick:()=>i.openDialog(g.tip)},b),middle:a.Leaderboards};case c.item:return{left:e("span",{onClick:()=>i.setPage(c.list)},x),middle:""}}})();return j({left:t,middle:a,right:e("span",{onClick:()=>i.close.emit()},u)})})(),e("div",{class:"Root"},e("div",{class:"Main"},t))),e("div",{class:"WrapperUtil"},e("dialog",{open:a},e("div",{class:"GradientRounded Hollow"},r,a&&(()=>{switch(i.dialog.type){case g.unjoin:return i.renders.dialog.unjoin();case g.tip:return e("div",{class:"Tip"},i.locale.Tip);case g.gift:return i.renders.dialog.gift()}})()))))},q={info(i){var t,a;const{locale:r,tournamentItem:n,isShowInfo:o}=i;return e("div",{class:"InfoContainer"},U(i,n),e("section",{class:"ShowInfo",onClick:()=>i.isShowInfo=!i.isShowInfo},e("p",null,e("span",null,o?v:h),e("span",null,r.LeaderboardDetails))),o&&e("section",{class:"Info"},e("div",null,n.description),e("div",{class:"Criterias"},e("div",null,r.ScoreCriteria,": ",e("span",null,n.scoreCriteria)),e("div",null,r.MinimumBetCriteria,": ",e("span",null,n.minBetCount))),e("div",{class:"TC"},e("a",{href:n.termsUrl,target:"_blank"},r.TC))),m(i.tournamentItem)&&(null===(t=i.leaderboards)||void 0===t?void 0:t.find((e=>e.isMe)))&&e("section",{class:"ResultPrize",innerHTML:s(r.TipPrize,$(null===(a=i.leaderboards)||void 0===a?void 0:a.find((e=>e.isMe))))}),e("section",{class:"Prizes"},e("div",{class:"PrizesHeader"},f,e("span",{class:"PrizesText"},r.Prizes)),n.prizes.map(((i,t)=>e("div",{class:"Prize"},t+1," ",r.Place,": ",e("span",{class:"PrizeText"},i.name))))))},leaderboard:i=>i.leaderboards?i.leaderboards.length?e("table",{class:"Leaderboards"},i.leaderboards.map((i=>e("tr",{class:l({isMe:i.isMe})},e("td",{class:"LeaderboardRank"},e("span",null,i.rank)),e("td",{class:"LeaderboardName"},i.shortName),e("td",{class:"LeaderboardScore"},i.score),e("td",{class:"LeaderboardPrize"},i.prizeName))))):"":e("general-animation-loading",null),games(i){var t;return e("div",{class:"Games"},null===(t=i.tournamentItem.games)||void 0===t?void 0:t.map((i=>e("div",null,e("img",{src:i.defaultThumbnail,alt:""})))))}},$=e=>({prize:e.prizeName,place:e.rank}),Y={dialog:T,page:G,tab:q},J=class{handleEvent(e){var i,t;const a=e.data,{type:n}=a,o=r(a,["type"]);var s;null===(t=null===(s=this,i={UpdateLeaderboardsPlayerRes:e=>{const i=(e=>{let i;return e.map((e=>{var t;const a=null===(t=e.leaderBoard)||void 0===t?void 0:t.rank;a&&(i?a<i.leaderBoard.rank&&(i=e):i=e)})),i?`${i.leaderBoard.rank} / ${i.endRank}`:"-"})(e.data.items);window.postMessage({type:"UpdateLeaderboardState",rank:i})},UpdateLeaderboardStateReq:()=>{window.postMessage({type:"UpdateLeaderboardState",labels:["win","new"]})},UpdateTournamentsItemRes:e=>{const i=k(e.data.item);s.tournamentItem=i,D(s,i)},UpdateLeaderboardsRes:e=>{s.leaderboards=F(e.data)},JoinTournamentRes:e=>I(s,e),UnjoinTournamentRes:e=>I(s,e),LeaderboardLiveEvent:e=>{((e,i)=>{const{messageType:t,item:a}=i;switch(t){case"TournamentUpdate":case"PlayerLeaderBoardUpdate":W(e,a);break;case"TournamentRemove":S(e,a);break;case"LeaderBoardUpdate":e.leaderboards=F(i)}})(s,e)}})||void 0===i?void 0:i[n])||void 0===t||t.call(null,o)}checkNewIdList(){this.newIdList.length>0?this.addLabel("new"):this.removeLabel("new")}syncBarState(e,i){if(i){const r=(t=i,a=(e,i)=>e.id===i.id,e.filter((e=>!t.some((i=>a(e,i))))));this.newIdList=[...this.newIdList,...r.map((e=>e.id))]}else this.checkNewIdList(),this.gifts.length&&this.addLabel("win");var t,a}showPropWatcher(e,i){0==i&&1==e&&this.checkGift()}addLabel(e){this.labels.includes(e)||this.labels.push(e),O(this.labels)}removeLabel(e){this.labels=this.labels.filter((i=>i!=e)),O(this.labels)}setTimeInterval(){this.timeHolder=setInterval((()=>{this.time=this.tournamentList||this.tournamentItem?this.time+1:0}),1e3)}checkGift(){this.gifts.length?this.openDialog(g.gift,this.gifts[0],(()=>{this.dialog.type===g.gift&&(this.gifts=this.gifts.slice(1),setTimeout((()=>{this.checkGift()}),300))})):this.removeLabel("win")}connectedCallback(){this.setTimeInterval(),window.postMessage({type:"UpdateLeaderboardsPlayerReq"})}disconnectedCallback(){clearInterval(this.timeHolder)}actionJoin(e){if(!this.isActionJoinPending){this.isActionJoinPending=!0;try{e.playerEnrolled?(e=>{window.postMessage({type:"UnjoinTournamentReq",id:e.id})})(e):(e=>{var i,t;window.postMessage({type:"JoinTournamentReq",bonusCode:null===(t=null===(i=e.wallets)||void 0===i?void 0:i[0])||void 0===t?void 0:t.code})})(e)}catch(e){return void console.log("error",e)}}}setPage(e,i){e==c.item&&(this.tournamentItem=i.tournament,this.tournamentItem||H(i.tournament),m(this.tournamentItem)&&B(this.tournamentItem)),this.tab=n.info,this.page=e}render(){return e(i,{key:"f9e9ea96e0fddd20d3f12141c7cf66588ab94ccd"},e("general-styling-wrapper",{key:"aea948ea6c8f8cc5e4aaea5812873d3fe7045568",clientStylingUrl:this.clientStylingUrl,clientStyling:this.clientStyling,targetTranslations:d,translationUrl:this.translationUrl}),this.renders.page[this.page]())}openDialog(e,i,t){this.dialog=Object.assign(Object.assign({},this.dialog),{isOpen:!0,onClose:t,type:e,data:i})}closeDialog(){var e;null===(e=this.dialog.onClose)||void 0===e||e.call(this),this.dialog=Object.assign(Object.assign({},this.dialog),{isOpen:!1,onClose:void 0})}constructor(e){t(this,e),this.close=a(this,"close",7),this.gifts=[],this.labels=[],this.language="en",this.show=!1,this.clientStyling="",this.clientStylingUrl="",this.translationUrl="",this.device="Mobile",this.leaderboardsInit=void 0,this.tab=n.info,this.locale=d,this.tournamentItem=void 0,this.tournamentList=void 0,this.leaderboards=[],this.isActionJoinPending=!1,this.isDialogOpen=!1,this.isShowInfo=!1,this.page=c.list,this.tournamentInDialog=void 0,this.dialog={isOpen:!1,type:void 0,data:void 0,onClose:void 0},this.time=0,this.newIdList=[],this.renders={},Object.keys(Y).forEach((e=>{this.renders[e]={},Object.keys(Y[e]).forEach((i=>{this.renders[e][i]=Y[e][i].bind(this,this)}))}))}static get watchers(){return{newIdList:["checkNewIdList"],tournamentList:["syncBarState"],show:["showPropWatcher"]}}};J.style='.Wrapper{height:100%;position:relative;color:var(--emw--color-typography, #FFFFFF);display:flex;background-color:var(--emw--color-background, hsl(254, 44%, 15%));flex-direction:column;border-radius:24px;overflow-y:auto}.Wrapper.Mobile{border-radius:16px}.WrapperContent{padding-bottom:20px;transition:0.5s filter}.WrapperContent.faded{filter:brightness(53.3333333333%)}.Wrapper.Mobile .WrapperBar{padding:20px 8px 8px;margin-bottom:8px}.WrapperBar{display:flex;width:100%;padding:32px 20px 20px;margin-bottom:20px}.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}.Row{margin:24px 0;padding:0 20px}.Row:first-child{margin:0}.LeaderboardsItem{position:relative;margin:10px 0;border:1px solid rgb(64, 57, 86);border-radius:16px}.LeaderboardsItem.Hollow{border-color:transparent}.LeaderboardsItem:first-child{margin-top:0}.LeaderboardsItemContainer{padding-top:16px}.Info{margin:24px 0;padding:0 20px}.TimeContainer{margin:24px 0;padding:0 20px}.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 button{font-size:var(--emw--font-size-x-small, 12px);height:20px;padding:0}.TimeContainer .Time button::before{inset:inherit;border:0}.ShowInfo{margin:24px 0;padding:0 20px;cursor:pointer;color:rgb(102, 97, 120)}.ShowInfo p{display:flex;gap:4px}.TitleContainer{display:flex;justify-content:space-between;margin:24px 0;padding:0 20px;margin-top:0;gap:10px;font-family:Montserrat}.TitleContainer .GradientRoundedButton{width:120px}.TabsContainer{margin:24px 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>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:24px 0;padding:0 20px}.ResultPrize span{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}.Prizes{margin:24px 0;padding:0 20px}.Prizes .PrizesText{margin-left:3px;font-weight:600}.Prizes .PrizesHeader{align-items:center;display:flex}.Prizes .PrizesHeader img{width:12px}.Prizes .Prize{margin:8px 0}.Prizes .Prize .PrizeText{color:var(--emw--color-primary, rgb(255, 214, 47));font-weight:400}*{box-sizing:border-box}.Leaderboards{width:100%;text-align:center;border-collapse:collapse}.Leaderboards td{opacity:0.6;padding:20px 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)}.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))}.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)}.Games{margin:24px 0;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:4px 7.25px}.Games img{width:60px}dialog{position:absolute;top:30px;width:100%;height:100%;background:transparent;border:0;padding:0;color:var(--emw--color-typography, #FFFFFF)}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)}.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}';export{J as C}