@everymatrix/bonus-powerups-ingame-detail 0.0.1

package/dist/collection/components/time-count/time-count.js

@@ -0,0 +1,159 @@
+import { h } from "@stencil/core";
+import moment from "moment";
+import { translate } from "../../utils/locale.utils";
+export class TimeCount {
+    constructor() {
+        this.expireTime = undefined;
+        this.language = 'en';
+        this.pid = undefined;
+        this.displayTime = undefined;
+        this.isExpireInDay1 = false;
+        this.timeLeft = undefined;
+    }
+    componentWillLoad() {
+        this.timer = setInterval(() => this.updateDisplayTime(), 1000);
+        this.updateDisplayTime();
+    }
+    disconnectedCallback() {
+        clearInterval(this.timer);
+    }
+    startTimeChanged() {
+        // Reset the timer and update the display when the input time changes
+        clearInterval(this.timer);
+        this.timer = setInterval(() => this.updateDisplayTime(), 1000);
+        this.updateDisplayTime();
+    }
+    timeLeftChanged() {
+        this.timeCountDownEvent.emit({ type: 'powerupTimeCountDown', timeLeft: this.timeLeft, pid: this.pid });
+    }
+    updateDisplayTime() {
+        const now = moment();
+        const start = moment(this.expireTime);
+        if (!start.isValid()) {
+            this.displayTime = 'Invalid date';
+            clearInterval(this.timer);
+            return;
+        }
+        const duration = moment.duration(start.diff(now));
+        this.isExpireInDay1 = true; //duration.asDays() > 1
+        this.timeLeft = duration.asMinutes();
+        // If the time has already passed
+        if (duration.asMilliseconds() <= 0) {
+            this.displayTime = '00:00:00';
+            clearInterval(this.timer);
+            this.timeCountDownEvent.emit({ type: 'powerupTimeCountDown', timeLeft: 0, pid: this.pid });
+            return;
+        }
+        const hours = Math.floor(duration.asHours());
+        if (hours >= 48) {
+            this.displayTime = `${Math.floor(duration.asDays())} ${translate('days', this.language)}`;
+        }
+        else if (hours >= 24) {
+            this.displayTime = '1 day';
+        }
+        else {
+            const h = hours;
+            const m = duration.minutes();
+            const s = duration.seconds();
+            this.displayTime = [h, m, s].map(val => String(val).padStart(2, '0')).join(':');
+        }
+    }
+    render() {
+        return [
+            this.isExpireInDay1 &&
+                h("span", { key: '832c9d6dce83414d8d0fac874c2dfd7c0d0742bd', class: 'Label' }, translate('expiresIn', this.language), " "),
+            h("span", { key: '3f68f1ddc0f710cded68ba52305f44fc95603e1d', class: 'TimeCountDown' }, this.displayTime)
+        ];
+    }
+    static get is() { return "time-count-detail"; }
+    static get properties() {
+        return {
+            "expireTime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "expire-time",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": false,
+                "defaultValue": "'en'"
+            },
+            "pid": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "number | string",
+                    "resolved": "number | string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "pid",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "displayTime": {},
+            "isExpireInDay1": {},
+            "timeLeft": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "timeCountDownEvent",
+                "name": "powerupTimeCountDown",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "expireTime",
+                "methodName": "startTimeChanged"
+            }, {
+                "propName": "timeLeft",
+                "methodName": "timeLeftChanged"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/bonus-powerups-ingame-detail';

package/dist/collection/utils/constants.js

@@ -0,0 +1,10 @@
+import { PowerUpStatus } from "../../../../../../../libs/common/src/types/casino/powerups";
+export const powerUpSearchConditions = {
+    expand: "games",
+    fields: "id,powerUpID,displayName,termsUrl,description,status,multiplier,boostingPeriod,currentTime,activatedAt,expireTime,games(id,gameId,name,slug,thumbnail)",
+    status: `${PowerUpStatus.ACTIVE},${PowerUpStatus.ACTIVATED}`
+};
+export const powerUpGameSearchConditions = {
+    expand: "games",
+    fields: "id,powerUpID,games(id,gameId,slug,name,thumbnail)"
+};

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,46 @@
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        playNow: 'Play Now',
+        history: 'History',
+        available: 'Available',
+        duration: 'Duration',
+        multiplier: 'Multiplier',
+        endDate: 'End date',
+        days: 'Days',
+        termsAndConditions: 'Terms & Conditions ',
+        playResponsibly: 'Terms & Conditions apply. 18+. Play responsibly.',
+        seeAll: 'See All',
+        games: 'Games',
+        activateTips: 'In case of activation the countdown starts immediately.',
+        activate: 'Activate'
+    }
+};
+export const getTranslations = (url) => {
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((lang) => {
+                if (!TRANSLATIONS[lang]) {
+                    TRANSLATIONS[lang] = {};
+                }
+                for (let key in data[lang]) {
+                    TRANSLATIONS[lang][key] = data[lang][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+export const translate = (key, customLang, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,11 @@
+import { PowerUpStatus } from "../../../../../../../libs/common/src/types/casino/powerups";
+import moment from "moment/moment";
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}
+export const getActivedExpireTime = (powerUp) => {
+    if (!powerUp.activatedAt || powerUp.status != PowerUpStatus.ACTIVATED) {
+        return powerUp.expireTime;
+    }
+    return moment(powerUp.activatedAt).add(powerUp.boostingPeriod.minutes, 'minute').format('YYYY-MM-DDTHH:mm:ssZ');
+};

package/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };