@everymatrix/casino-tournament-info 1.0.69

package/dist/collection/components/casino-tournament-info/casino-tournament-info.js

@@ -0,0 +1,782 @@
+import { h } from "@stencil/core";
+import { lowerCaseFirstLetter } from "../../utils/utils";
+import "../../../../../casino-tournament-duration/dist/types/index";
+import "../../../../../casino-tournament-prizes/dist/types/index";
+import "../../../../../casino-tournament-buttons/dist/types/index";
+import { translate, getTranslations, getTranslationsByUrl } from "../../utils/locale.utils";
+import moment from "moment";
+export class CasinoTournamentInfo {
+    constructor() {
+        this.formatDate = () => {
+            const dateOptions = { month: 'long' };
+            const startTime = this.tournamentInfo.startTime;
+            const state = this.tournamentInfo.state;
+            let currentDate = new Date(startTime);
+            const setTranslation = () => {
+                return (state === 'Running' || state == 'Closing' || state == 'Closed') ?
+                    translate('startedAt', this.language) :
+                    translate('startingAt', this.language);
+            };
+            if (this.shortStart) {
+                let startTimeAsString = moment(currentDate).format(this.shortStartFormat);
+                this.startDate = (state === 'Running' || state == 'Closing' || state == 'Closed') ?
+                    translate('startedAtWithTime', this.language) + startTimeAsString :
+                    translate('startingAtWithTime', this.language) + startTimeAsString;
+            }
+            else {
+                let currentMonthKey = new Intl.DateTimeFormat('en', dateOptions).format(currentDate);
+                let currentDay = currentDate.getDate();
+                let currentHour = currentDate.toLocaleString('en-GB', { hour: 'numeric', minute: 'numeric', hour12: false });
+                this.startDate =
+                    `${currentDay}` + ' ' +
+                        translate(`${currentMonthKey}`, this.language) + ', ' +
+                        setTranslation() +
+                        ` ${currentHour}`;
+            }
+        };
+        this.detailsAction = (tournamentId) => {
+            window.postMessage({ type: 'TournamentDetailsClicked', tournamentId }, window.location.href);
+        };
+        this.endpoint = undefined;
+        this.nameOrTitle = undefined;
+        this.scoreCriteria = undefined;
+        this.tournamentId = undefined;
+        this.session = undefined;
+        this.userId = undefined;
+        this.language = undefined;
+        this.termsUrl = '#';
+        this.keepContext = false;
+        this.useGroup = false;
+        this.align = 'center';
+        this.showDates = false;
+        this.showPrizes = false;
+        this.showButton = false;
+        this.shortStart = false;
+        this.seeGames = false;
+        this.useEvent = false;
+        this.startTime = undefined;
+        this.endTime = undefined;
+        this.minBetCount = undefined;
+        this.prizes = undefined;
+        this.shortStartFormat = 'DD MMM YYYY';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.enrolled = false;
+        this.loginEvent = undefined;
+        this.loginUrl = undefined;
+        this.registerEvent = undefined;
+        this.registerUrl = undefined;
+        this.currency = undefined;
+        this.bonusCode = undefined;
+        this.showReadMore = false;
+        this.translationUrl = '';
+        this.translationData = undefined;
+        this.limitStylingAppends = false;
+        this.startDate = undefined;
+        this.tournamentInfo = undefined;
+    }
+    async infoCompletedHandler(event) {
+        if (event.detail && this.useEvent) {
+            if (this.tournamentId && this.tournamentId != event.detail.id)
+                return;
+            if (this.translationUrl) {
+                await getTranslationsByUrl(this.translationUrl);
+            }
+            else if (this.translationData) {
+                await getTranslations(JSON.parse(this.translationData));
+            }
+            this.tournamentInfo = event.detail;
+        }
+    }
+    async componentWillLoad() {
+        if (!this.useEvent) {
+            if (this.translationUrl) {
+                return getTranslationsByUrl(this.translationUrl);
+            }
+            else if (this.translationData) {
+                return getTranslations(JSON.parse(this.translationData));
+            }
+        }
+    }
+    setTournamentInfo() {
+        this.tournamentInfo = {
+            nameOrTitle: this.nameOrTitle,
+            scoreCriteria: lowerCaseFirstLetter(this.scoreCriteria),
+            termsUrl: this.termsUrl,
+            startTime: this.startTime,
+            endTime: this.endTime,
+            prizes: this.prizes,
+            minBetCount: this.minBetCount
+        };
+    }
+    componentWillRender() {
+        this.setTournamentInfo();
+        if (this.tournamentInfo.startTime) {
+            this.formatDate();
+        }
+    }
+    componentDidRender() {
+        if (!this.limitStylingAppends && this.host) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+    }
+    setClientStyling() {
+        const sheet = new CSSStyleSheet();
+        // @ts-ignore
+        sheet.replace(this.clientStyling);
+        // @ts-ignore
+        this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+    }
+    setClientStylingURL() {
+        let url = new URL(this.clientStylingUrl);
+        fetch(url.href)
+            .then((res) => res.text())
+            .then((data) => {
+            const sheet = new CSSStyleSheet();
+            // @ts-ignore
+            sheet.replace(data);
+            // @ts-ignore
+            this.host.shadowRoot.adoptedStyleSheets = [...this.host.shadowRoot.adoptedStyleSheets, sheet];
+        });
+    }
+    tournamentGamesClicked(id) {
+        window.postMessage({ type: 'tournamentGamesClicked', id }, window.location.href);
+    }
+    render() {
+        if (this.tournamentInfo) {
+            return h("div", { key: 'd6c39acb71a8a267d46dd4e3055f8a51eb1a4473', class: "TournamentInfoWrap" }, h("div", { key: '98d7d74f0532652c85e5970fd28c1658fa970642', class: `TournamentInfo ${this.align}`, part: "TournamentInfo" }, h("h1", { key: 'f3afe0cfa5c9ebac1e6638d852e64369616bfef6', class: "Title" }, this.tournamentInfo.nameOrTitle), h("div", { key: 'f4f4bcb63d3d492abccbaa86682f34208aa5d1e4', class: "Details" }, h("p", { key: '4d2875c8507f6db2c16f055810f82942406007b4', class: "Score" }, translate('scoreCriteria', this.language), ": ", translate(this.tournamentInfo.scoreCriteria, this.language), " (", translate('minbet', this.language), ": ", this.tournamentInfo.minBetCount, ")"), this.showDates && h("p", { key: '00fae2420d9c6e6eafe9a2f8c378198638b88981', class: "Dates" }, this.startDate), this.seeGames && h("p", { key: '4a22edfcf8a06a3c48b4d6280ae6a6bc3c824905', class: "SeeGames" }, translate('seegames', this.language), ":", h("a", { key: '44a29b2e941bd03febd124082998262357fc9885', class: "GameLink", href: this.tournamentInfo.termsUrl || '#', target: this.keepContext == true ? '_self' : '_blank', onClick: () => this.tournamentGamesClicked(this.tournamentId) }, " ", translate('here', this.language))), this.showButton &&
+                h("div", { key: '19b176dd5d021856fa55016f64a67b21f4e16f04', class: "InfoButtons" }, h("casino-tournament-buttons", { key: '30820e16c97365a7b86387e6bcb462c054b99ecf', enrolled: this.enrolled, session: this.session, endpoint: this.endpoint, language: this.language, "tournament-id": this.tournamentId, "login-event": this.loginEvent, "login-url": this.loginUrl, "register-event": this.registerEvent, "register-url": this.registerUrl, currency: this.currency, "bonus-code": this.bonusCode, "show-read-more": this.showReadMore, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-data": this.translationData }))), this.showPrizes && h("casino-tournament-prizes", { key: 'c7bfdeab8b12f2b069123309bb9ace7ac409feff', "raw-prizes": JSON.stringify(this.tournamentInfo.prizes), "use-event": "false", "use-group": this.useGroup, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl }), h("casino-tournament-duration", { key: '717a439c994a5dc6fee28be78cca68def8202e16', exportparts: "Remaining,ProgressBar,ProgressBarFill,ProgressBarFillStarting,ProgressBarFillEnd,StartDate,EndDate", "start-time": this.tournamentInfo.startTime, "end-time": this.tournamentInfo.endTime, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-data": this.translationData })));
+        }
+    }
+    static get is() { return "casino-tournament-info"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["casino-tournament-info.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["casino-tournament-info.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA endpoint"
+                },
+                "attribute": "endpoint",
+                "reflect": false
+            },
+            "nameOrTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament name or title"
+                },
+                "attribute": "name-or-title",
+                "reflect": false
+            },
+            "scoreCriteria": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament score criteria"
+                },
+                "attribute": "score-criteria",
+                "reflect": false
+            },
+            "tournamentId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament ID"
+                },
+                "attribute": "tournament-id",
+                "reflect": false
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The NWA session"
+                },
+                "attribute": "session",
+                "reflect": false
+            },
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "User ID"
+                },
+                "attribute": "user-id",
+                "reflect": false
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Widget language to show"
+                },
+                "attribute": "language",
+                "reflect": false
+            },
+            "termsUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Terms and conditions url"
+                },
+                "attribute": "terms-url",
+                "reflect": false,
+                "defaultValue": "'#'"
+            },
+            "keepContext": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "If see games link keep context"
+                },
+                "attribute": "keep-context",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "useGroup": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament prizes display as group"
+                },
+                "attribute": "use-group",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "align": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament info text align"
+                },
+                "attribute": "align",
+                "reflect": false,
+                "defaultValue": "'center'"
+            },
+            "showDates": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show tournament dates"
+                },
+                "attribute": "show-dates",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showPrizes": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show tournament prizes"
+                },
+                "attribute": "show-prizes",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "showButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show detail, join, login , register button"
+                },
+                "attribute": "show-button",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "shortStart": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Short start time on tag"
+                },
+                "attribute": "short-start",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "seeGames": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show see games here link"
+                },
+                "attribute": "see-games",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "useEvent": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Use event to load data"
+                },
+                "attribute": "use-event",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "startTime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament start time"
+                },
+                "attribute": "start-time",
+                "reflect": false
+            },
+            "endTime": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament end time"
+                },
+                "attribute": "end-time",
+                "reflect": false
+            },
+            "minBetCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Minimum bet count of Tournament"
+                },
+                "attribute": "min-bet-count",
+                "reflect": false
+            },
+            "prizes": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Tournament prizes data JSON"
+                },
+                "attribute": "prizes",
+                "reflect": false
+            },
+            "shortStartFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Short start time format"
+                },
+                "attribute": "short-start-format",
+                "reflect": false,
+                "defaultValue": "'DD MMM YYYY'"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline styles"
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via url"
+                },
+                "attribute": "client-styling-url",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "enrolled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Player enrolled"
+                },
+                "attribute": "enrolled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "loginEvent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Login event"
+                },
+                "attribute": "login-event",
+                "reflect": false
+            },
+            "loginUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Login url"
+                },
+                "attribute": "login-url",
+                "reflect": false
+            },
+            "registerEvent": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Register event"
+                },
+                "attribute": "register-event",
+                "reflect": false
+            },
+            "registerUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Register url"
+                },
+                "attribute": "register-url",
+                "reflect": false
+            },
+            "currency": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Player curreny"
+                },
+                "attribute": "currency",
+                "reflect": false
+            },
+            "bonusCode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Bonus Code"
+                },
+                "attribute": "bonus-code",
+                "reflect": false
+            },
+            "showReadMore": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Show read more button"
+                },
+                "attribute": "show-read-more",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Translations via URL"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "translationData": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Translations via parent component"
+                },
+                "attribute": "translation-data",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {},
+            "startDate": {},
+            "tournamentInfo": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get listeners() {
+        return [{
+                "name": "getTournamentInfoCompleted",
+                "method": "infoCompletedHandler",
+                "target": "window",
+                "capture": false,
+                "passive": false
+            }];
+    }
+}