@everymatrix/pam-metadata 1.71.2

package/dist/collection/components/pam-metadata/pam-metadata.js

@@ -0,0 +1,272 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { getTranslations, translate } from "../../utils/locale.utils";
+import dayjs from "dayjs";
+import "../../../../../ui-skeleton/dist/types/index";
+export class PamMetadata {
+    constructor() {
+        this.data = null;
+        this.getData = () => {
+            const url = new URL(`api/v1/players/${this.userId}/player-identifiable-information/`, this.endpoint);
+            const headers = new Headers({ 'X-SessionID': this.session });
+            const options = { method: 'GET', headers };
+            return fetch(url.href, options).then(res => {
+                if (res.ok) {
+                    return res.json().then(res => res);
+                }
+                throw new Error;
+            }).catch(() => {
+                window.postMessage({ type: 'WidgetNotification', data: { type: 'error', message: translate('errorFetchMessage', this.language) } }, window.location.href);
+                return null;
+            });
+        };
+        this.formatDate = (date) => {
+            return dayjs(date).format(this.dateFormat);
+        };
+        this.loadingSkeleton = (h("div", { class: "LoadingSkeleton" }, h("div", { class: "Title" }, h("ui-skeleton", { structure: "title", width: "100%", height: "18px" })), h("div", { class: "Text" }, h("ui-skeleton", { structure: "text", width: "100%", height: "14px" }))));
+        this.language = 'en';
+        this.endpoint = '';
+        this.session = '';
+        this.userId = '';
+        this.dateFormat = 'DD/MM/YYYY HH:mm';
+        this.mbSource = '';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.isLoading = true;
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentWillLoad() {
+        this.getData().then(res => res && (this.data = res.player, this.isLoading = false));
+        if (this.translationUrl) {
+            return getTranslations(this.translationUrl);
+        }
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    render() {
+        return (h("div", { key: '36a2665c4e000c17c8bc847b009f64a91d1b1ce4', ref: (el) => (this.stylingContainer = el), class: "PamMetadata" }, this.isLoading
+            ? this.loadingSkeleton
+            : h("div", { class: "TextContainer" }, h("h4", null, translate('title')), h("div", { innerHTML: translate('lastLoginText', this.language, { values: { lastLoginTimestamp: this.formatDate(this.data.statusInfo.lastLogin) } }) }))));
+    }
+    static get is() { return "pam-metadata"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pam-metadata.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pam-metadata.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "session",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-id",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "dateFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "date-format",
+                "reflect": true,
+                "defaultValue": "'DD/MM/YYYY HH:mm'"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isLoading": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components/pam-metadata';

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

@@ -0,0 +1,71 @@
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    "en": {
+        title: "Player Info",
+        lastLoginText: "Last login date: {lastLoginTimestamp}.",
+        errorFetchMessage: "There was an error when fetching last login date"
+    },
+    "tr": {
+        title: "Oyuncu Bilgisi",
+        lastLoginText: "Son giriş tarihi: {lastLoginTimestamp}.",
+        errorFetchMessage: "Son giriş tarihi alınırken bir hata oluştu"
+    },
+    "ro": {
+        title: "Informații jucător",
+        lastLoginText: "Data ultimei autentificări: {lastLoginTimestamp}.",
+        errorFetchMessage: "A apărut o eroare la preluarea datei ultimei autentificări"
+    },
+    "hr": {
+        title: "Informacije o igraču",
+        lastLoginText: "Datum zadnje prijave: {lastLoginTimestamp}.",
+        errorFetchMessage: "Došlo je do pogreške prilikom dohvaćanja datuma zadnje prijave"
+    },
+    "pt-br": {
+        title: "Informações do Jogador",
+        lastLoginText: "Data do último login: {lastLoginTimestamp}.",
+        errorFetchMessage: "Ocorreu um erro ao buscar a data do último login"
+    },
+    "es-mx": {
+        title: "Información del Jugador",
+        lastLoginText: "Fecha del último inicio de sesión: {lastLoginTimestamp}.",
+        errorFetchMessage: "Hubo un error al obtener la fecha del último inicio de sesión"
+    },
+    "es": {
+        title: "Información del Jugador",
+        lastLoginText: "Fecha del último inicio de sesión: {lastLoginTimestamp}.",
+        errorFetchMessage: "Hubo un error al obtener la fecha del último inicio de sesión"
+    },
+    "pt": {
+        title: "Informações do Jogador",
+        lastLoginText: "Data do último login: {lastLoginTimestamp}.",
+        errorFetchMessage: "Ocorreu um erro ao buscar a data do último login"
+    }
+};
+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/esm/app-globals-0f993ce5.js

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