npm - @everymatrix/casino-challenges-overlay-drawer - Versions diffs - 0.5.23 → 0.5.25 - Mend

@everymatrix/casino-challenges-overlay-drawer 0.5.23 → 0.5.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/cjs/casino-challenge-details-events_21.cjs.entry.js CHANGED Viewed

@@ -2516,6 +2516,35 @@ var EPostMessageRequestType;
     EPostMessageRequestType["ChallengeInGameRedirect"] = "ChallengeInGameRedirect";
 })(EPostMessageRequestType || (EPostMessageRequestType = {}));
+function getTimeLeft$1(endTime) {
+    const now = new Date();
+    const end = new Date(endTime);
+    let diff = end.getTime() - now.getTime();
+    if (diff <= 0) {
+        return;
+    }
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+    diff -= days * (1000 * 60 * 60 * 24);
+    const hours = Math.floor(diff / (1000 * 60 * 60));
+    diff -= hours * (1000 * 60 * 60);
+    const minutes = Math.floor(diff / (1000 * 60));
+    diff -= minutes * (1000 * 60);
+    const seconds = Math.floor(diff / 1000);
+    const pad = (n) => n.toString().padStart(2, '0');
+    return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
+}
+function formatDate(dateToFormat) {
+    const date = new Date(dateToFormat);
+    return format(date, 'dd/MM/yyyy');
+}
+function formatNumber(num) {
+    const rounded = Number(num).toFixed(2);
+    return rounded.endsWith('.00') ? String(Math.round(num)) : rounded;
+}
+function formatProgress(progress) {
+    return String(Math.floor(progress * 10 + 1e-9) / 10); // no trailing ".0" (50, 50.5); the epsilon absorbs float error
+}
 const lockSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUwMDQ5IDQuNUMyLjUwMDQ5IDIuMDE0NzIgNC41MTUyMSAwIDcuMDAwNDkgMEM5LjQ4NTc3IDAgMTEuNTAwNSAyLjAxNDcyIDExLjUwMDUgNC41VjUuMzYyNzRDMTEuNzEyNCA1LjQwOTE5IDExLjkxNTkgNS40NzY4MiAxMi4xMTI1IDUuNTc2OThDMTIuNjc2OSA1Ljg2NDYgMTMuMTM1OSA2LjMyMzU0IDEzLjQyMzUgNi44ODgwM0MxMy42MDkgNy4yNTIwMyAxMy42ODI5IDcuNjM5NTYgMTMuNzE3MyA4LjA2MTEzQzEzLjc1MDUgOC40NjcwMiAxMy43NTA1IDguOTY1MjkgMTMuNzUwNSA5LjU2OTAxVjEwLjY4MUMxMy43NTA1IDExLjI4NDcgMTMuNzUwNSAxMS43ODMgMTMuNzE3MyAxMi4xODg5QzEzLjY4MjkgMTIuNjEwNCAxMy42MDkgMTIuOTk4IDEzLjQyMzUgMTMuMzYyQzEzLjEzNTkgMTMuOTI2NSAxMi42NzY5IDE0LjM4NTQgMTIuMTEyNSAxNC42NzNDMTEuNzQ4NSAxNC44NTg1IDExLjM2MDkgMTQuOTMyNCAxMC45Mzk0IDE0Ljk2NjlDMTAuNTMzNSAxNSAxMC4wMzUyIDE1IDkuNDMxNDggMTVINC41Njk1QzMuOTY1NzggMTUgMy40Njc1MSAxNSAzLjA2MTYyIDE0Ljk2NjlDMi42NDAwNSAxNC45MzI0IDIuMjUyNTIgMTQuODU4NSAxLjg4ODUyIDE0LjY3M0MxLjMyNDAzIDE0LjM4NTQgMC44NjUwODkgMTMuOTI2NSAwLjU3NzQ2OSAxMy4zNjJDMC4zOTIwMDEgMTIuOTk4IDAuMzE4MDc4IDEyLjYxMDQgMC4yODM2MzQgMTIuMTg4OUMwLjI1MDQ3MSAxMS43ODMgMC4yNTA0NzkgMTEuMjg0NyAwLjI1MDQ4OSAxMC42ODFWOS41NjkwM0MwLjI1MDQ3OSA4Ljk2NTMgMC4yNTA0NzEgOC40NjcwMyAwLjI4MzYzNCA4LjA2MTEzQzAuMzE4MDc4IDcuNjM5NTYgMC4zOTIwMDEgNy4yNTIwMyAwLjU3NzQ2OSA2Ljg4ODAzQzAuODY1MDkgNi4zMjM1NCAxLjMyNDAzIDUuODY0NiAxLjg4ODUyIDUuNTc2OThDMi4wODUwOSA1LjQ3NjgyIDIuMjg4NTMgNS40MDkxOSAyLjUwMDQ5IDUuMzYyNzRWNC41Wk00LjAwMDQ5IDUuMjUxMjJDNC4xNzg3NyA1LjI0OTk5IDQuMzY4MjkgNS4yNSA0LjU2OTUxIDUuMjVIOS40MzE0NkM5LjYzMjY5IDUuMjUgOS44MjIyMSA1LjI0OTk5IDEwLjAwMDUgNS4yNTEyMlY0LjVDMTAuMDAwNSAyLjg0MzE1IDguNjU3MzQgMS41IDcuMDAwNDkgMS41QzUuMzQzNjMgMS41IDQuMDAwNDkgMi44NDMxNSA0LjAwMDQ5IDQuNVY1LjI1MTIyWk0zLjE4Mzc3IDYuNzc4MTZDMi44NTQ5NiA2LjgwNTAzIDIuNjg2OCA2Ljg1MzcyIDIuNTY5NSA2LjkxMzQ5QzIuMjg3MjYgNy4wNTczIDIuMDU3NzkgNy4yODY3NyAxLjkxMzk4IDcuNTY5MDFDMS44NTQyMSA3LjY4NjMxIDEuODA1NTIgNy44NTQ0NyAxLjc3ODY1IDguMTgzMjhDMS43NTEwNyA4LjUyMDg1IDEuNzUwNDkgOC45NTc1NyAxLjc1MDQ5IDkuNlYxMC42NUMxLjc1MDQ5IDExLjI5MjQgMS43NTEwNyAxMS43MjkyIDEuNzc4NjUgMTIuMDY2N0MxLjgwNTUyIDEyLjM5NTUgMS44NTQyMSAxMi41NjM3IDEuOTEzOTggMTIuNjgxQzIuMDU3NzkgMTIuOTYzMiAyLjI4NzI2IDEzLjE5MjcgMi41Njk1IDEzLjMzNjVDMi42ODY4IDEzLjM5NjMgMi44NTQ5NiAxMy40NDUgMy4xODM3NyAxMy40NzE4QzMuNTIxMzMgMTMuNDk5NCAzLjk1ODA1IDEzLjUgNC42MDA0OSAxMy41SDkuNDAwNDlDMTAuMDQyOSAxMy41IDEwLjQ3OTYgMTMuNDk5NCAxMC44MTcyIDEzLjQ3MThDMTEuMTQ2IDEzLjQ0NSAxMS4zMTQyIDEzLjM5NjMgMTEuNDMxNSAxMy4zMzY1QzExLjcxMzcgMTMuMTkyNyAxMS45NDMyIDEyLjk2MzIgMTIuMDg3IDEyLjY4MUMxMi4xNDY4IDEyLjU2MzcgMTIuMTk1NSAxMi4zOTU1IDEyLjIyMjMgMTIuMDY2N0MxMi4yNDk5IDExLjcyOTIgMTIuMjUwNSAxMS4yOTI0IDEyLjI1MDUgMTAuNjVWOS42QzEyLjI1MDUgOC45NTc1NyAxMi4yNDk5IDguNTIwODUgMTIuMjIyMyA4LjE4MzI4QzEyLjE5NTUgNy44NTQ0NyAxMi4xNDY4IDcuNjg2MzEgMTIuMDg3IDcuNTY5MDFDMTEuOTQzMiA3LjI4Njc3IDExLjcxMzcgNy4wNTczIDExLjQzMTUgNi45MTM0OUMxMS4zMTQyIDYuODUzNzIgMTEuMTQ2IDYuODA1MDMgMTAuODE3MiA2Ljc3ODE2QzEwLjQ3OTYgNi43NTA1OCAxMC4wNDI5IDYuNzUgOS40MDA0OSA2Ljc1SDQuNjAwNDlDMy45NTgwNSA2Ljc1IDMuNTIxMzMgNi43NTA1OCAzLjE4Mzc3IDYuNzc4MTZaTTcuMDAwNDkgOC42MjVDNy40MTQ3IDguNjI1IDcuNzUwNDkgOC45NjA3OSA3Ljc1MDQ5IDkuMzc1VjEwLjg3NUM3Ljc1MDQ5IDExLjI4OTIgNy40MTQ3IDExLjYyNSA3LjAwMDQ5IDExLjYyNUM2LjU4NjI4IDExLjYyNSA2LjI1MDQ5IDExLjI4OTIgNi4yNTA0OSAxMC44NzVWOS4zNzVDNi4yNTA0OSA4Ljk2MDc5IDYuNTg2MjggOC42MjUgNy4wMDA0OSA4LjYyNVoiIGZpbGw9IiM3Mjc2NzIiLz4KPC9zdmc+Cg==';
 const calculateTargetValue = (level, currencySymbol, language) => {
@@ -2548,10 +2577,10 @@ const calculateTargetValue = (level, currencySymbol, language) => {
 };
 const getLevelStatus = (status, level, activeChallenge, language, fullPageView) => {
     if (status === EChallengeProgressStatus$1.Paused) {
-        return (index.h("div", { class: "level__status" }, index.h("span", { class: "suspended" }, translate$1('suspended', language)), fullPageView && index.h("span", { class: "suspended" }, Math.floor(level.ProgressPercentage), "%")));
+        return (index.h("div", { class: "level__status" }, index.h("span", { class: "suspended" }, translate$1('suspended', language)), fullPageView && index.h("span", { class: "suspended" }, formatProgress(level.ProgressPercentage), "%")));
     }
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.InProgress && !activeChallenge)
-        return (index.h("div", { class: "level__status" }, index.h("span", null, Math.floor(level.ProgressPercentage), "%"), index.h("img", { src: lockSvg, alt: "lock-icon", title: "lock-icon" })));
+        return (index.h("div", { class: "level__status" }, index.h("span", null, formatProgress(level.ProgressPercentage), "%"), index.h("img", { src: lockSvg, alt: "lock-icon", title: "lock-icon" })));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.Closed || !activeChallenge)
         return (index.h("div", { class: "level__status" }, index.h("img", { src: lockSvg, alt: "lock-icon", title: "lock-icon" })));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.Fillup)
@@ -2559,7 +2588,7 @@ const getLevelStatus = (status, level, activeChallenge, language, fullPageView)
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.Completed)
         return index.h("span", { class: "completed" }, translate$1('completed', language));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.InProgress)
-        return index.h("span", { class: "level__status in-progress" }, Math.floor(level.ProgressPercentage), "%");
+        return index.h("span", { class: "level__status in-progress" }, formatProgress(level.ProgressPercentage), "%");
     else
         return null;
 };
@@ -2676,7 +2705,7 @@ const CasinoChallengeDetailsProgressBar = class {
             ? translate$1('suspended', this.language)
             : Status === EChallengeProgressStatus$1.Completed
                 ? translate$1('finished', this.language)
-                : `${Math.floor(currLevel.ProgressPercentage)}%`;
+                : `${formatProgress(currLevel.ProgressPercentage)}%`;
         const isLastLevel = !(LevelProgresses === null || LevelProgresses === void 0 ? void 0 : LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber));
         const secondImgSrc = ((Status === EChallengeProgressStatus$1.Completed || isLastLevel) && rewardGiftSvg) || '';
         return (index.h("div", { class: {
@@ -2697,7 +2726,7 @@ const CasinoChallengeDetailsProgressBar = class {
             } }, secondImgSrc ? index.h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
     }
     render() {
-        return index.h(index.Host, { key: '8f3de4c26bad9f23b9873469d004ae7cff048302' }, this.challengeProgress);
+        return index.h(index.Host, { key: 'b067181be842544ea79410b345cbe1d494d0f833' }, this.challengeProgress);
     }
 };
 CasinoChallengeDetailsProgressBar.style = CasinoChallengeDetailsProgressBarStyle0;
@@ -3271,7 +3300,7 @@ const resolveTranslationUrl = async (translationUrl) => {
     }
 };
-function getTimeLeft$1(endTime) {
+function getTimeLeft(endTime) {
     const now = new Date();
     const end = new Date(endTime);
     let diff = end.getTime() - now.getTime();
@@ -3341,7 +3370,7 @@ const CasinoChallengesOverlaySlider$1 = class {
     }
     updateTime() {
         var _a;
-        this.timeLeft = getTimeLeft$1((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
+        this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
         if (!this.timeLeft) {
             clearInterval(this.timerId);
             this.challengeExpired.emit(this.challenge.Id);
@@ -3376,32 +3405,6 @@ const CasinoChallengesOverlaySlider$1 = class {
 };
 CasinoChallengesOverlaySlider$1.style = CasinoChallengesOverlayCardStyle0;
-function getTimeLeft(endTime) {
-    const now = new Date();
-    const end = new Date(endTime);
-    let diff = end.getTime() - now.getTime();
-    if (diff <= 0) {
-        return;
-    }
-    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
-    diff -= days * (1000 * 60 * 60 * 24);
-    const hours = Math.floor(diff / (1000 * 60 * 60));
-    diff -= hours * (1000 * 60 * 60);
-    const minutes = Math.floor(diff / (1000 * 60));
-    diff -= minutes * (1000 * 60);
-    const seconds = Math.floor(diff / 1000);
-    const pad = (n) => n.toString().padStart(2, '0');
-    return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
-}
-function formatDate(dateToFormat) {
-    const date = new Date(dateToFormat);
-    return format(date, 'dd/MM/yyyy');
-}
-function formatNumber(num) {
-    const rounded = Number(num).toFixed(2);
-    return rounded.endsWith('.00') ? String(Math.round(num)) : rounded;
-}
 const MIN_DEPOSIT_AMOUNT = '0';
 const getDepositDescription = (challenge, language) => {
@@ -3538,7 +3541,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
         this.updateTime = () => {
             var _a;
             if (this.challenge) {
-                this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
+                this.timeLeft = getTimeLeft$1((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
                 if (!this.timeLeft) {
                     clearInterval(this.timerId);
                 }
@@ -3884,11 +3887,13 @@ const CasinoChallengesOverlayDrawerDetails = class {
         });
     }
     renderGames() {
-        var _a, _b, _c, _d, _e;
-        if (!!((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Games) === null || _b === void 0 ? void 0 : _b.length) && ((_c = this.challenge) === null || _c === void 0 ? void 0 : _c.TotalGamesCount)) {
-            return (index.h("div", { class: { 'challenge-block': true, 'challenge-games': true } }, index.h("div", { class: "challenge-block-header" }, index.h("div", { class: "total-games" }, index.h("h3", null, translate$1('games', this.language)), index.h("span", null, "(", this.challenge.TotalGamesCount, ")")), index.h("button", { class: "row button", onClick: this.handleAllGamesClick }, index.h("p", null, translate$1('seeAll', this.language)), index.h("div", { class: "chevron-button" }, index.h("img", { src: chevronSvg })))), index.h("div", { class: "row games-row" }, (_e = (_d = this.challenge) === null || _d === void 0 ? void 0 : _d.Games) === null || _e === void 0 ? void 0 : _e.map((game) => (index.h("div", { class: "challenge-game", onClick: () => this.handleGameClick(game.GameSlug) }, index.h("img", { src: game.GameIcon })))))));
+        if (!this.challenge)
+            return null;
+        const { ContributedFrom, Games, TotalGamesCount } = this.challenge;
+        if (ContributedFrom === EContributedFrom.Sportsbook || !(Games === null || Games === void 0 ? void 0 : Games.length) || !TotalGamesCount) {
+            return null;
         }
-        return null;
+        return (index.h("div", { class: { 'challenge-block': true, 'challenge-games': true } }, index.h("div", { class: "challenge-block-header" }, index.h("div", { class: "total-games" }, index.h("h3", null, translate$1('games', this.language)), index.h("span", null, "(", TotalGamesCount, ")")), index.h("button", { class: "row button", onClick: this.handleAllGamesClick }, index.h("p", null, translate$1('seeAll', this.language)), index.h("div", { class: "chevron-button" }, index.h("img", { src: chevronSvg })))), index.h("div", { class: "row games-row" }, Games.map((game) => (index.h("div", { class: "challenge-game", onClick: () => this.handleGameClick(game.GameSlug) }, index.h("img", { src: game.GameIcon })))))));
     }
     renderRules() {
         var _a, _b, _c, _d;
@@ -3931,7 +3936,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
         var _a, _b;
         const fullScreen = (this.swipping && this.progress > 0) || ((_a = this.detailsSubPageInfo) === null || _a === void 0 ? void 0 : _a.open);
         const footerIsVisible = !this.isMobile || (this.isMobile && fullScreen);
-        return (index.h("div", { key: 'a973e58403665544dbe1068760e63ff2e41b0c8a', class: {
+        return (index.h("div", { key: '0beed74aabeaa6b3ac22919bcdf405fec48e20f7', class: {
                 Mobile: this.isMobile,
                 swipped: (this.isMobile && this.swipping && this.progress > 0) || !this.isMobile,
                 moved: this.progress > 0,

package/dist/collection/utils/levels-utils.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { EChallengeLevelTargetType, EChallengeProgressLevelStatus, EChallengeProgressStatus } from "./types";
 import { translate } from "./locale.utils";
+import { formatProgress } from "./utils";
 import { h } from "@stencil/core";
 import lockIcon from "../assets/lock.svg";
 export const calculateTargetValue = (level, currencySymbol, language) => {
@@ -35,7 +36,7 @@ export const getLevelStatus = (status, level, activeChallenge, language) => {
         return (h("div", { class: "level__status" }, h("span", { class: "suspended" }, translate('suspended', language))));
     }
     else if (level.ProgressStatus === EChallengeProgressLevelStatus.InProgress && !activeChallenge)
-        return (h("div", { class: "level__status" }, h("span", null, Math.floor(level.ProgressPercentage), "%"), h("img", { src: lockIcon, alt: "lock-icon", title: "lock-icon" })));
+        return (h("div", { class: "level__status" }, h("span", null, formatProgress(level.ProgressPercentage), "%"), h("img", { src: lockIcon, alt: "lock-icon", title: "lock-icon" })));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus.Closed || !activeChallenge)
         return (h("div", { class: "level__status" }, h("img", { src: lockIcon, alt: "lock-icon", title: "lock-icon" })));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus.Fillup)
@@ -43,7 +44,7 @@ export const getLevelStatus = (status, level, activeChallenge, language) => {
     else if (level.ProgressStatus === EChallengeProgressLevelStatus.Completed)
         return h("span", { class: "completed" }, translate('completed', language));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus.InProgress)
-        return h("span", { class: "level__status in-progress" }, Math.floor(level.ProgressPercentage), "%");
+        return h("span", { class: "level__status in-progress" }, formatProgress(level.ProgressPercentage), "%");
     else
         return null;
 };

package/dist/collection/utils/utils.js CHANGED Viewed

@@ -27,6 +27,9 @@ export function formatNumber(num) {
     const rounded = Number(num).toFixed(2);
     return rounded.endsWith('.00') ? String(Math.round(num)) : rounded;
 }
+export function formatProgress(progress) {
+    return String(Math.floor(progress * 10 + 1e-9) / 10); // no trailing ".0" (50, 50.5); the epsilon absorbs float error
+}
 export const isMobile = () => {
     let userAgent = window.navigator.userAgent;
     return !!(userAgent.toLowerCase().match(/android/i) ||

package/dist/esm/casino-challenge-details-events_21.entry.js CHANGED Viewed

@@ -2513,6 +2513,35 @@ var EPostMessageRequestType;
     EPostMessageRequestType["ChallengeInGameRedirect"] = "ChallengeInGameRedirect";
 })(EPostMessageRequestType || (EPostMessageRequestType = {}));
+function getTimeLeft$1(endTime) {
+    const now = new Date();
+    const end = new Date(endTime);
+    let diff = end.getTime() - now.getTime();
+    if (diff <= 0) {
+        return;
+    }
+    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
+    diff -= days * (1000 * 60 * 60 * 24);
+    const hours = Math.floor(diff / (1000 * 60 * 60));
+    diff -= hours * (1000 * 60 * 60);
+    const minutes = Math.floor(diff / (1000 * 60));
+    diff -= minutes * (1000 * 60);
+    const seconds = Math.floor(diff / 1000);
+    const pad = (n) => n.toString().padStart(2, '0');
+    return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
+}
+function formatDate(dateToFormat) {
+    const date = new Date(dateToFormat);
+    return format(date, 'dd/MM/yyyy');
+}
+function formatNumber(num) {
+    const rounded = Number(num).toFixed(2);
+    return rounded.endsWith('.00') ? String(Math.round(num)) : rounded;
+}
+function formatProgress(progress) {
+    return String(Math.floor(progress * 10 + 1e-9) / 10); // no trailing ".0" (50, 50.5); the epsilon absorbs float error
+}
 const lockSvg = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjUwMDQ5IDQuNUMyLjUwMDQ5IDIuMDE0NzIgNC41MTUyMSAwIDcuMDAwNDkgMEM5LjQ4NTc3IDAgMTEuNTAwNSAyLjAxNDcyIDExLjUwMDUgNC41VjUuMzYyNzRDMTEuNzEyNCA1LjQwOTE5IDExLjkxNTkgNS40NzY4MiAxMi4xMTI1IDUuNTc2OThDMTIuNjc2OSA1Ljg2NDYgMTMuMTM1OSA2LjMyMzU0IDEzLjQyMzUgNi44ODgwM0MxMy42MDkgNy4yNTIwMyAxMy42ODI5IDcuNjM5NTYgMTMuNzE3MyA4LjA2MTEzQzEzLjc1MDUgOC40NjcwMiAxMy43NTA1IDguOTY1MjkgMTMuNzUwNSA5LjU2OTAxVjEwLjY4MUMxMy43NTA1IDExLjI4NDcgMTMuNzUwNSAxMS43ODMgMTMuNzE3MyAxMi4xODg5QzEzLjY4MjkgMTIuNjEwNCAxMy42MDkgMTIuOTk4IDEzLjQyMzUgMTMuMzYyQzEzLjEzNTkgMTMuOTI2NSAxMi42NzY5IDE0LjM4NTQgMTIuMTEyNSAxNC42NzNDMTEuNzQ4NSAxNC44NTg1IDExLjM2MDkgMTQuOTMyNCAxMC45Mzk0IDE0Ljk2NjlDMTAuNTMzNSAxNSAxMC4wMzUyIDE1IDkuNDMxNDggMTVINC41Njk1QzMuOTY1NzggMTUgMy40Njc1MSAxNSAzLjA2MTYyIDE0Ljk2NjlDMi42NDAwNSAxNC45MzI0IDIuMjUyNTIgMTQuODU4NSAxLjg4ODUyIDE0LjY3M0MxLjMyNDAzIDE0LjM4NTQgMC44NjUwODkgMTMuOTI2NSAwLjU3NzQ2OSAxMy4zNjJDMC4zOTIwMDEgMTIuOTk4IDAuMzE4MDc4IDEyLjYxMDQgMC4yODM2MzQgMTIuMTg4OUMwLjI1MDQ3MSAxMS43ODMgMC4yNTA0NzkgMTEuMjg0NyAwLjI1MDQ4OSAxMC42ODFWOS41NjkwM0MwLjI1MDQ3OSA4Ljk2NTMgMC4yNTA0NzEgOC40NjcwMyAwLjI4MzYzNCA4LjA2MTEzQzAuMzE4MDc4IDcuNjM5NTYgMC4zOTIwMDEgNy4yNTIwMyAwLjU3NzQ2OSA2Ljg4ODAzQzAuODY1MDkgNi4zMjM1NCAxLjMyNDAzIDUuODY0NiAxLjg4ODUyIDUuNTc2OThDMi4wODUwOSA1LjQ3NjgyIDIuMjg4NTMgNS40MDkxOSAyLjUwMDQ5IDUuMzYyNzRWNC41Wk00LjAwMDQ5IDUuMjUxMjJDNC4xNzg3NyA1LjI0OTk5IDQuMzY4MjkgNS4yNSA0LjU2OTUxIDUuMjVIOS40MzE0NkM5LjYzMjY5IDUuMjUgOS44MjIyMSA1LjI0OTk5IDEwLjAwMDUgNS4yNTEyMlY0LjVDMTAuMDAwNSAyLjg0MzE1IDguNjU3MzQgMS41IDcuMDAwNDkgMS41QzUuMzQzNjMgMS41IDQuMDAwNDkgMi44NDMxNSA0LjAwMDQ5IDQuNVY1LjI1MTIyWk0zLjE4Mzc3IDYuNzc4MTZDMi44NTQ5NiA2LjgwNTAzIDIuNjg2OCA2Ljg1MzcyIDIuNTY5NSA2LjkxMzQ5QzIuMjg3MjYgNy4wNTczIDIuMDU3NzkgNy4yODY3NyAxLjkxMzk4IDcuNTY5MDFDMS44NTQyMSA3LjY4NjMxIDEuODA1NTIgNy44NTQ0NyAxLjc3ODY1IDguMTgzMjhDMS43NTEwNyA4LjUyMDg1IDEuNzUwNDkgOC45NTc1NyAxLjc1MDQ5IDkuNlYxMC42NUMxLjc1MDQ5IDExLjI5MjQgMS43NTEwNyAxMS43MjkyIDEuNzc4NjUgMTIuMDY2N0MxLjgwNTUyIDEyLjM5NTUgMS44NTQyMSAxMi41NjM3IDEuOTEzOTggMTIuNjgxQzIuMDU3NzkgMTIuOTYzMiAyLjI4NzI2IDEzLjE5MjcgMi41Njk1IDEzLjMzNjVDMi42ODY4IDEzLjM5NjMgMi44NTQ5NiAxMy40NDUgMy4xODM3NyAxMy40NzE4QzMuNTIxMzMgMTMuNDk5NCAzLjk1ODA1IDEzLjUgNC42MDA0OSAxMy41SDkuNDAwNDlDMTAuMDQyOSAxMy41IDEwLjQ3OTYgMTMuNDk5NCAxMC44MTcyIDEzLjQ3MThDMTEuMTQ2IDEzLjQ0NSAxMS4zMTQyIDEzLjM5NjMgMTEuNDMxNSAxMy4zMzY1QzExLjcxMzcgMTMuMTkyNyAxMS45NDMyIDEyLjk2MzIgMTIuMDg3IDEyLjY4MUMxMi4xNDY4IDEyLjU2MzcgMTIuMTk1NSAxMi4zOTU1IDEyLjIyMjMgMTIuMDY2N0MxMi4yNDk5IDExLjcyOTIgMTIuMjUwNSAxMS4yOTI0IDEyLjI1MDUgMTAuNjVWOS42QzEyLjI1MDUgOC45NTc1NyAxMi4yNDk5IDguNTIwODUgMTIuMjIyMyA4LjE4MzI4QzEyLjE5NTUgNy44NTQ0NyAxMi4xNDY4IDcuNjg2MzEgMTIuMDg3IDcuNTY5MDFDMTEuOTQzMiA3LjI4Njc3IDExLjcxMzcgNy4wNTczIDExLjQzMTUgNi45MTM0OUMxMS4zMTQyIDYuODUzNzIgMTEuMTQ2IDYuODA1MDMgMTAuODE3MiA2Ljc3ODE2QzEwLjQ3OTYgNi43NTA1OCAxMC4wNDI5IDYuNzUgOS40MDA0OSA2Ljc1SDQuNjAwNDlDMy45NTgwNSA2Ljc1IDMuNTIxMzMgNi43NTA1OCAzLjE4Mzc3IDYuNzc4MTZaTTcuMDAwNDkgOC42MjVDNy40MTQ3IDguNjI1IDcuNzUwNDkgOC45NjA3OSA3Ljc1MDQ5IDkuMzc1VjEwLjg3NUM3Ljc1MDQ5IDExLjI4OTIgNy40MTQ3IDExLjYyNSA3LjAwMDQ5IDExLjYyNUM2LjU4NjI4IDExLjYyNSA2LjI1MDQ5IDExLjI4OTIgNi4yNTA0OSAxMC44NzVWOS4zNzVDNi4yNTA0OSA4Ljk2MDc5IDYuNTg2MjggOC42MjUgNy4wMDA0OSA4LjYyNVoiIGZpbGw9IiM3Mjc2NzIiLz4KPC9zdmc+Cg==';
 const calculateTargetValue = (level, currencySymbol, language) => {
@@ -2545,10 +2574,10 @@ const calculateTargetValue = (level, currencySymbol, language) => {
 };
 const getLevelStatus = (status, level, activeChallenge, language, fullPageView) => {
     if (status === EChallengeProgressStatus$1.Paused) {
-        return (h("div", { class: "level__status" }, h("span", { class: "suspended" }, translate$1('suspended', language)), fullPageView && h("span", { class: "suspended" }, Math.floor(level.ProgressPercentage), "%")));
+        return (h("div", { class: "level__status" }, h("span", { class: "suspended" }, translate$1('suspended', language)), fullPageView && h("span", { class: "suspended" }, formatProgress(level.ProgressPercentage), "%")));
     }
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.InProgress && !activeChallenge)
-        return (h("div", { class: "level__status" }, h("span", null, Math.floor(level.ProgressPercentage), "%"), h("img", { src: lockSvg, alt: "lock-icon", title: "lock-icon" })));
+        return (h("div", { class: "level__status" }, h("span", null, formatProgress(level.ProgressPercentage), "%"), h("img", { src: lockSvg, alt: "lock-icon", title: "lock-icon" })));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.Closed || !activeChallenge)
         return (h("div", { class: "level__status" }, h("img", { src: lockSvg, alt: "lock-icon", title: "lock-icon" })));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.Fillup)
@@ -2556,7 +2585,7 @@ const getLevelStatus = (status, level, activeChallenge, language, fullPageView)
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.Completed)
         return h("span", { class: "completed" }, translate$1('completed', language));
     else if (level.ProgressStatus === EChallengeProgressLevelStatus$1.InProgress)
-        return h("span", { class: "level__status in-progress" }, Math.floor(level.ProgressPercentage), "%");
+        return h("span", { class: "level__status in-progress" }, formatProgress(level.ProgressPercentage), "%");
     else
         return null;
 };
@@ -2673,7 +2702,7 @@ const CasinoChallengeDetailsProgressBar = class {
             ? translate$1('suspended', this.language)
             : Status === EChallengeProgressStatus$1.Completed
                 ? translate$1('finished', this.language)
-                : `${Math.floor(currLevel.ProgressPercentage)}%`;
+                : `${formatProgress(currLevel.ProgressPercentage)}%`;
         const isLastLevel = !(LevelProgresses === null || LevelProgresses === void 0 ? void 0 : LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber));
         const secondImgSrc = ((Status === EChallengeProgressStatus$1.Completed || isLastLevel) && rewardGiftSvg) || '';
         return (h("div", { class: {
@@ -2694,7 +2723,7 @@ const CasinoChallengeDetailsProgressBar = class {
             } }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
     }
     render() {
-        return h(Host, { key: '8f3de4c26bad9f23b9873469d004ae7cff048302' }, this.challengeProgress);
+        return h(Host, { key: 'b067181be842544ea79410b345cbe1d494d0f833' }, this.challengeProgress);
     }
 };
 CasinoChallengeDetailsProgressBar.style = CasinoChallengeDetailsProgressBarStyle0;
@@ -3268,7 +3297,7 @@ const resolveTranslationUrl = async (translationUrl) => {
     }
 };
-function getTimeLeft$1(endTime) {
+function getTimeLeft(endTime) {
     const now = new Date();
     const end = new Date(endTime);
     let diff = end.getTime() - now.getTime();
@@ -3338,7 +3367,7 @@ const CasinoChallengesOverlaySlider$1 = class {
     }
     updateTime() {
         var _a;
-        this.timeLeft = getTimeLeft$1((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
+        this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
         if (!this.timeLeft) {
             clearInterval(this.timerId);
             this.challengeExpired.emit(this.challenge.Id);
@@ -3373,32 +3402,6 @@ const CasinoChallengesOverlaySlider$1 = class {
 };
 CasinoChallengesOverlaySlider$1.style = CasinoChallengesOverlayCardStyle0;
-function getTimeLeft(endTime) {
-    const now = new Date();
-    const end = new Date(endTime);
-    let diff = end.getTime() - now.getTime();
-    if (diff <= 0) {
-        return;
-    }
-    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
-    diff -= days * (1000 * 60 * 60 * 24);
-    const hours = Math.floor(diff / (1000 * 60 * 60));
-    diff -= hours * (1000 * 60 * 60);
-    const minutes = Math.floor(diff / (1000 * 60));
-    diff -= minutes * (1000 * 60);
-    const seconds = Math.floor(diff / 1000);
-    const pad = (n) => n.toString().padStart(2, '0');
-    return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
-}
-function formatDate(dateToFormat) {
-    const date = new Date(dateToFormat);
-    return format(date, 'dd/MM/yyyy');
-}
-function formatNumber(num) {
-    const rounded = Number(num).toFixed(2);
-    return rounded.endsWith('.00') ? String(Math.round(num)) : rounded;
-}
 const MIN_DEPOSIT_AMOUNT = '0';
 const getDepositDescription = (challenge, language) => {
@@ -3535,7 +3538,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
         this.updateTime = () => {
             var _a;
             if (this.challenge) {
-                this.timeLeft = getTimeLeft((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
+                this.timeLeft = getTimeLeft$1((_a = this.challenge) === null || _a === void 0 ? void 0 : _a.ExpirationTime);
                 if (!this.timeLeft) {
                     clearInterval(this.timerId);
                 }
@@ -3881,11 +3884,13 @@ const CasinoChallengesOverlayDrawerDetails = class {
         });
     }
     renderGames() {
-        var _a, _b, _c, _d, _e;
-        if (!!((_b = (_a = this.challenge) === null || _a === void 0 ? void 0 : _a.Games) === null || _b === void 0 ? void 0 : _b.length) && ((_c = this.challenge) === null || _c === void 0 ? void 0 : _c.TotalGamesCount)) {
-            return (h("div", { class: { 'challenge-block': true, 'challenge-games': true } }, h("div", { class: "challenge-block-header" }, h("div", { class: "total-games" }, h("h3", null, translate$1('games', this.language)), h("span", null, "(", this.challenge.TotalGamesCount, ")")), h("button", { class: "row button", onClick: this.handleAllGamesClick }, h("p", null, translate$1('seeAll', this.language)), h("div", { class: "chevron-button" }, h("img", { src: chevronSvg })))), h("div", { class: "row games-row" }, (_e = (_d = this.challenge) === null || _d === void 0 ? void 0 : _d.Games) === null || _e === void 0 ? void 0 : _e.map((game) => (h("div", { class: "challenge-game", onClick: () => this.handleGameClick(game.GameSlug) }, h("img", { src: game.GameIcon })))))));
+        if (!this.challenge)
+            return null;
+        const { ContributedFrom, Games, TotalGamesCount } = this.challenge;
+        if (ContributedFrom === EContributedFrom.Sportsbook || !(Games === null || Games === void 0 ? void 0 : Games.length) || !TotalGamesCount) {
+            return null;
         }
-        return null;
+        return (h("div", { class: { 'challenge-block': true, 'challenge-games': true } }, h("div", { class: "challenge-block-header" }, h("div", { class: "total-games" }, h("h3", null, translate$1('games', this.language)), h("span", null, "(", TotalGamesCount, ")")), h("button", { class: "row button", onClick: this.handleAllGamesClick }, h("p", null, translate$1('seeAll', this.language)), h("div", { class: "chevron-button" }, h("img", { src: chevronSvg })))), h("div", { class: "row games-row" }, Games.map((game) => (h("div", { class: "challenge-game", onClick: () => this.handleGameClick(game.GameSlug) }, h("img", { src: game.GameIcon })))))));
     }
     renderRules() {
         var _a, _b, _c, _d;
@@ -3928,7 +3933,7 @@ const CasinoChallengesOverlayDrawerDetails = class {
         var _a, _b;
         const fullScreen = (this.swipping && this.progress > 0) || ((_a = this.detailsSubPageInfo) === null || _a === void 0 ? void 0 : _a.open);
         const footerIsVisible = !this.isMobile || (this.isMobile && fullScreen);
-        return (h("div", { key: 'a973e58403665544dbe1068760e63ff2e41b0c8a', class: {
+        return (h("div", { key: '0beed74aabeaa6b3ac22919bcdf405fec48e20f7', class: {
                 Mobile: this.isMobile,
                 swipped: (this.isMobile && this.swipping && this.progress > 0) || !this.isMobile,
                 moved: this.progress > 0,

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

@@ -3,5 +3,6 @@ export declare function format(first: string, middle: string, last: string): str
 export declare function getTimeLeft(endTime: string): string;
 export declare function formatDate(dateToFormat: any): string;
 export declare function formatNumber(num: any): string;
+export declare function formatProgress(progress: number): string;
 export declare const isMobile: () => boolean;
 export declare const hasUpdateDataChanged: (prev: IUpdateChallengeProgressData, next: IUpdateChallengeProgressData) => boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-challenges-overlay-drawer",
-  "version": "0.5.23",
+  "version": "0.5.25",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",