@everymatrix/casino-challenge-details 0.8.12 → 0.8.14

package/dist/collection/components/components/casino-challenge-progress-bar.css

@@ -18,6 +18,7 @@
   height: 20px;
 }
 .progress__icon {
+  width: 12px;
   padding-top: 4px;
 }
 .progress__point {

package/dist/collection/components/components/casino-challenge-progress-bar.js

@@ -2,7 +2,7 @@ import { h, Host } from "@stencil/core";
 import { EChallengeProgressLevelStatus, EChallengeProgressStatus, EChallengeStatus } from "../../utils/types";
 import { translate } from "../../utils/locale.utils";
 import trophyIcon from "../../assets/trophy.svg";
-import finishIcon from "../../assets/finish.svg";
+import rewardGiftIcon from "../../assets/reward-gift.svg";
 export class CasinoChallengeProgressBar {
     constructor() {
         this.challenge = undefined;
@@ -27,7 +27,7 @@ export class CasinoChallengeProgressBar {
                 ? translate('finished', this.language)
                 : `${Math.floor(currLevel.ProgressPercentage)}%`;
         const isLastLevel = !LevelProgresses.some((x) => x.OrderNumber > currLevel.OrderNumber);
-        const secondImgSrc = Status === EChallengeProgressStatus.Completed ? trophyIcon : isLastLevel ? finishIcon : '';
+        const secondImgSrc = Status === EChallengeProgressStatus.Completed ? trophyIcon : isLastLevel ? rewardGiftIcon : '';
         return (h("div", { class: {
                 progress: true,
                 paused: Status === EChallengeProgressStatus.Paused,
@@ -46,7 +46,7 @@ export class CasinoChallengeProgressBar {
             } }, secondImgSrc ? h("img", { class: "progress__icon", src: secondImgSrc }) : currLevel.OrderNumber + 2)));
     }
     render() {
-        return h(Host, { key: '5d6157620ed12e6502aee399c790c6e3419b7bc7' }, this.challengeProgress);
+        return h(Host, { key: '0b9270245c126242f85366322b971dc603028a71' }, this.challengeProgress);
     }
     static get is() { return "casino-challenge-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/utils/utils.js

@@ -1,3 +1,4 @@
+import { format as dateFnsFormat } from "date-fns";
 export function format(first, middle, last) {
     return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
 }
@@ -19,11 +20,6 @@ export function getTimeLeft(endTime) {
     return `${pad(days)} : ${pad(hours)} : ${pad(minutes)} : ${pad(seconds)}`;
 }
 export function formatDate(dateToFormat) {
-    const formatter = new Intl.DateTimeFormat('en-CA', {
-        year: 'numeric',
-        month: '2-digit',
-        day: '2-digit'
-    });
     const date = new Date(dateToFormat);
-    return formatter.format(date).replace(/-/g, '/');
+    return dateFnsFormat(date, 'dd/MM/yyyy');
 }