@everymatrix/pam-player-profile 0.8.0

package/dist/collection/components/pam-player-profile/pam-player-profile.js

@@ -0,0 +1,432 @@
+import { h } from "@stencil/core";
+import { translate } from "../../utils/locale.utils";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { isMobile } from "../../utils/utils";
+import "../../../../../ui-skeleton/dist/types/index";
+import dayjs from "dayjs";
+export class PamPlayerProfile {
+    constructor() {
+        this.fieldsState = {};
+        this.sendLoadedMessage = () => {
+            window.postMessage({ type: 'PROFILE_LOADED' });
+        };
+        this.sendValidMessage = () => {
+            window.postMessage({ type: 'PROFILE_VALIDITY', data: this.isSubmitButtonAvailable });
+        };
+        this.sendSuccessNotification = () => {
+            window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate('successMessage', this.lang) } }, window.location.href);
+        };
+        this.sendErrorNotification = (errorKey) => {
+            window.postMessage({ type: 'WidgetNotification', data: { type: 'error', message: translate(errorKey, this.lang) } }, window.location.href);
+        };
+        this.sendData = () => {
+            delete this.data.contacts;
+            window.postMessage({ type: 'PROFILE_UPDATE_DATA', data: this.data }, window.location.href);
+        };
+        this.messageHandler = (message) => {
+            var _a;
+            switch ((_a = message.data) === null || _a === void 0 ? void 0 : _a.type) {
+                case 'PROFILE_DATA':
+                    this.data = message.data.data;
+                    this.resetState();
+                    this.skeletonLoading = false;
+                    break;
+                case 'PROFILE_SEND_DATA':
+                    this.sendData();
+                    break;
+            }
+        };
+        this.getData = () => {
+            const url = new URL(`api/v1/players/${this.userId}/player-identifiable-information`, this.endpoint);
+            const headers = new Headers();
+            headers.append('X-SessionID', this.session);
+            const options = {
+                method: 'GET',
+                headers: headers
+            };
+            return new Promise((resolve) => {
+                fetch(url.href, options)
+                    .then(res => {
+                    if (res.ok) {
+                        return res.json();
+                    }
+                    this.sendErrorNotification('errorMessageFetch');
+                })
+                    .then(res => {
+                    this.data = res.player;
+                    resolve();
+                });
+            });
+        };
+        this.buildFieldState = (isValid, initialValue, rule) => Object.assign({ 'isValid': isValid, 'initialValue': initialValue, 'rule': rule });
+        this.initData = () => {
+            const data = {};
+            ['externalPlayerId',
+                'affiliateMarker',
+                'personalInfo',
+                'communicationInfo',
+                'signupInfo',
+                'statusInfo',
+                'securityInfo',
+                'geographicInfo',
+                'playerInfo',
+                'contacts' // we need this because username is only sent in contacts section atm :(
+            ].forEach(key => data[key] = this.data[key]);
+            this.data = data;
+        };
+        this.updateState = (sectionKey, fieldKey) => (e) => {
+            this.data[sectionKey][fieldKey] = e.target.value;
+            const fieldState = this.fieldsState['data'][fieldKey];
+            const value = e.target.value;
+            const passedRuleCheck = fieldState.rule(value);
+            if (passedRuleCheck && !fieldState.isValid) {
+                fieldState.isValid = true;
+                this.invalidFields -= 1;
+            }
+            else if (!passedRuleCheck && fieldState.isValid) {
+                fieldState.isValid = false;
+                this.invalidFields += 1;
+            }
+            this.fieldsState['hasChanged'] = value !== fieldState.initialValue;
+            const previous = this.isSubmitButtonAvailable;
+            this.updateSubmitButtonStatus();
+            if (this.isStandAlone !== 'true' && this.isSubmitButtonAvailable !== previous) {
+                this.sendValidMessage();
+            }
+        };
+        this.updateData = (e) => {
+            if (e)
+                e.preventDefault();
+            const url = new URL(`/api/v1/players/${this.userId}/player-identifiable-information`, this.endpoint);
+            const headers = new Headers();
+            headers.append('X-SessionId', this.session);
+            headers.append('Content-Type', 'application/problem+json; charset=utf-8');
+            if (this.data.contacts)
+                delete this.data.contacts;
+            const reqParams = {
+                method: 'PUT',
+                headers,
+                body: JSON.stringify(this.data)
+            };
+            fetch(url, reqParams)
+                .then(res => {
+                if (!res.ok) {
+                    return this.sendErrorNotification('errorMessageUpdate');
+                }
+                this.sendSuccessNotification();
+                this.getData().then(() => this.resetState());
+            });
+        };
+        this.updateSubmitButtonStatus = () => {
+            this.isSubmitButtonAvailable = this.invalidFields === 0 && this.fieldsState.hasChanged;
+        };
+        this.editableField = (sectionKey, fieldKey, labelTranslationKey, errorTranslationKey) => {
+            const fieldState = this.fieldsState['data'][fieldKey];
+            const value = this.data[sectionKey][fieldKey];
+            if (fieldState) {
+                return (h("div", { class: `Field  ${fieldState.isValid ? '' : 'Invalid'}` }, h("label", null, translate(labelTranslationKey, this.lang)), h("input", { type: "text", value: value, onKeyUp: this.updateState(sectionKey, fieldKey) }), !fieldState.isValid &&
+                    h("p", { class: "Error" }, translate(errorTranslationKey, this.lang))));
+            }
+            else {
+                return null;
+            }
+        };
+        this.staticField = (value, labelTranslationKey) => {
+            if (value) {
+                return (h("div", { class: "Field Disabled" }, h("label", null, translate(labelTranslationKey, this.lang)), h("input", { type: "text", value: value, readonly: true })));
+            }
+            else {
+                return null;
+            }
+        };
+        this.toggleScreen = () => {
+            window.postMessage({ type: 'PlayerAccountMenuActive', isMobile: this.isMobile }, window.location.href);
+        };
+        this.userId = undefined;
+        this.session = undefined;
+        this.endpoint = undefined;
+        this.lang = 'en';
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.translationUrl = undefined;
+        this.dobFormat = 'DD/MM/YYYY';
+        this.isStandAlone = 'true';
+        this.limitStylingAppends = false;
+        this.skeletonLoading = true;
+        this.isSubmitButtonAvailable = false;
+        this.invalidFields = 0;
+        this.isMobile = isMobile(window.navigator.userAgent);
+    }
+    handleStylingChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            setClientStyling(this.stylingContainer, this.clientStyling);
+    }
+    handleStylingUrlChange(newValue, oldValue) {
+        if (newValue !== oldValue)
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+    }
+    async componentWillLoad() {
+        if (this.isStandAlone !== 'true') {
+            return;
+        }
+        await this.getData()
+            .then(() => {
+            this.initData();
+            this.initEditableFieldsState();
+        })
+            .finally(() => this.skeletonLoading = false);
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (window.emMessageBuss != undefined) {
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            }
+            else {
+                if (this.clientStyling)
+                    setClientStyling(this.stylingContainer, this.clientStyling);
+                if (this.clientStylingUrl)
+                    setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            }
+        }
+        if (this.isStandAlone !== 'true') {
+            window.addEventListener('message', this.messageHandler, false);
+            this.sendLoadedMessage();
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+        if (this.isStandAlone !== 'true')
+            window.removeEventListener('message', this.messageHandler, false);
+    }
+    initEditableFieldsState() {
+        var _a, _b;
+        this.fieldsState['data'] = {};
+        this.fieldsState['hasChanged'] = false;
+        if ((_a = this.data.playerInfo) === null || _a === void 0 ? void 0 : _a.SecurityQuestion) {
+            this.fieldsState['data']['SecurityQuestion'] = this.buildFieldState(true, this.data.playerInfo.SecurityQuestion, (val) => val && val.length <= 120);
+        }
+        if ((_b = this.data.playerInfo) === null || _b === void 0 ? void 0 : _b.SecurityAnswer) {
+            this.fieldsState['data']['SecurityAnswer'] = this.buildFieldState(true, this.data.playerInfo.SecurityAnswer, (val) => val && val.length <= 120);
+        }
+    }
+    resetState() {
+        this.initData();
+        this.initEditableFieldsState();
+        this.invalidFields = 0;
+        this.isSubmitButtonAvailable = false;
+    }
+    render() {
+        return (h("div", { key: '0bfa140cc83e29e99e4af534700e5b009a88e9ac', ref: el => this.stylingContainer = el }, this.skeletonLoading
+            ? h("form", { class: "PamPlayerProfileWrapper skeleton" }, h("div", { class: "ReturnButton" }, h("ui-skeleton", { structure: "title", width: "auto", height: "30px" })), h("div", { class: "Section" }, h("section", { class: "SectionContent" }, [...Array(6).keys()].map(() => h("div", { class: "Field" }, h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "20px" }))), h("div", { class: "CompoundField" }, h("div", { class: "Field" }, h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "20px" })), h("div", { class: "Field" }, h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), h("ui-skeleton", { structure: "rectangle", width: "100%", height: "20px" }))), h("div", { class: "Field" }, h("ui-skeleton", { structure: "text", width: "auto", "margin-bottom": "10px", height: "10px" }), h("ui-skeleton", { structure: "rectangle", width: "auto", height: "20px" })))), h("section", { class: "ButtonsArea" }, h("div", { class: "SaveButton" }, h("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))
+            : h("form", { class: `PamPlayerProfileWrapper ${this.isMobile ? 'Mobile' : ''}` }, h("div", { class: "ReturnButton", onClick: this.toggleScreen }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), h("h2", null, translate('title', this.lang))), h("h2", { class: "HeaderText" }, translate('title', this.lang)), h("div", { class: "Section" }, h("section", { class: "SectionContent" }, this.staticField(this.data.contacts.find(c => c.contatcType = 'Username').contactValue, 'username'), this.staticField(dayjs(this.data.personalInfo.birthDate).format(this.dobFormat), 'dateOfBirth'), this.staticField(this.data.personalInfo.firstName, 'firstName'), this.staticField(this.data.personalInfo.lastName, 'lastName'), this.editableField('playerInfo', 'SecurityQuestion', 'securityQuestion', 'securityQuestionError'), this.editableField('playerInfo', 'SecurityAnswer', 'securityAnswer', 'securityAnswerError'), h("div", { class: "CompoundField" }, this.staticField(this.data.personalInfo.title, 'playerTitle'), this.staticField(this.data.personalInfo.gender, 'gender')), this.staticField(this.data.communicationInfo.currency, 'currency'))), this.isStandAlone === 'true' &&
+                h("section", { class: "ButtonsArea" }, h("button", { class: `SaveButton ${this.isSubmitButtonAvailable ? '' : 'Disabled'}`, onClick: this.updateData }, translate('saveButton'))))));
+    }
+    static get is() { return "pam-player-profile"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["pam-player-profile.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pam-player-profile.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "userId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "user-id",
+                "reflect": true
+            },
+            "session": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "session",
+                "reflect": true
+            },
+            "endpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint",
+                "reflect": true
+            },
+            "lang": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "lang",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "translation-url",
+                "reflect": true
+            },
+            "dobFormat": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "dob-format",
+                "reflect": true,
+                "defaultValue": "'DD/MM/YYYY'"
+            },
+            "isStandAlone": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "is-stand-alone",
+                "reflect": true,
+                "defaultValue": "'true'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "limitStylingAppends": {},
+            "skeletonLoading": {},
+            "isSubmitButtonAvailable": {},
+            "invalidFields": {},
+            "isMobile": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleStylingUrlChange"
+            }];
+    }
+}

package/dist/collection/index.js

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

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

@@ -0,0 +1,209 @@
+export const DEFAULT_LANGUAGE = 'en';
+export const TRANSLATIONS = {
+    "en": {
+        "title": "Profile Info",
+        "username": "Username",
+        "firstName": "First Name",
+        "lastName": "Last Name",
+        "securityQuestion": "Security Question",
+        "securityAnswer": "Security Answer",
+        "playerTitle": "Title",
+        "gender": "Gender",
+        "dateOfBirth": "Date Of Birth",
+        "currency": "Currency",
+        "securityQuestionError": "Security question must be at least 1 character long and maximum 120 characters.",
+        "securityAnswerError": "Security answer must be at least 1 character long and maximum 120 characters.",
+        "saveButton": "Save Changes",
+        "successMessage": "Your changes have been saved!",
+        "errorMessageUpdate": "An error has occured when attempting to update the profile information",
+        "errorMessageFetch": "An error has occured when attempting to fetch the profile information"
+    },
+    "zh-hk": {
+        "title": "個人資料",
+        "username": "用戶名",
+        "firstName": "名字",
+        "lastName": "姓氏",
+        "securityQuestion": "安全問題",
+        "securityAnswer": "安全答案",
+        "playerTitle": "稱號",
+        "gender": "性別",
+        "dateOfBirth": "出生日期",
+        "currency": "貨幣",
+        "securityQuestionError": "安全問題必須至少1個字符，最多120個字符。",
+        "securityAnswerError": "安全答案必須至少1個字符，最多120個字符。",
+        "saveButton": "保存更改",
+        "successMessage": "您的更改已保存！",
+        "errorMessageUpdate": "嘗試更新個人資料信息時發生錯誤",
+        "errorMessageFetch": "在嘗試獲取個人資料時發生錯誤"
+    },
+    "fr": {
+        "title": "Informations de profil",
+        "username": "Nom d'utilisateur",
+        "firstName": "Prénom",
+        "lastName": "Nom de famille",
+        "securityQuestion": "Question de sécurité",
+        "securityAnswer": "Réponse de sécurité",
+        "playerTitle": "Titre",
+        "gender": "Genre",
+        "dateOfBirth": "Date de naissance",
+        "currency": "Devise",
+        "securityQuestionError": "La question de sécurité doit comporter au moins 1 caractère et un maximum de 120 caractères.",
+        "securityAnswerError": "La réponse de sécurité doit comporter au moins 1 caractère et un maximum de 120 caractères.",
+        "saveButton": "Enregistrer les modifications",
+        "successMessage": "Vos modifications ont été enregistrées !",
+        "errorMessageUpdate": "Une erreur s'est produite lors de la tentative de mise à jour des informations de profil",
+        "errorMessageFetch": "Une erreur est survenue lors de la tentative de récupération des informations de profil"
+    },
+    "ro": {
+        "title": "Informații profil",
+        "username": "Nume de utilizator",
+        "firstName": "Prenume",
+        "lastName": "Nume de familie",
+        "securityQuestion": "Întrebare de securitate",
+        "securityAnswer": "Răspuns de securitate",
+        "playerTitle": "Titlu",
+        "gender": "Gen",
+        "dateOfBirth": "Data nașterii",
+        "currency": "Monedă",
+        "securityQuestionError": "Întrebarea de securitate trebuie să aibă cel puțin 1 caracter și maximum 120 de caractere.",
+        "securityAnswerError": "Răspunsul de securitate trebuie să aibă cel puțin 1 caracter și maximum 120 de caractere.",
+        "saveButton": "Salvează modificările",
+        "successMessage": "Modificările dvs. au fost salvate!",
+        "errorMessageUpdate": "A apărut o eroare la încercarea de a actualiza informațiile profilului",
+        "errorMessageFetch": "A apărut o eroare la încercarea de a obține informațiile profilului"
+    },
+    "tr": {
+        "title": "Profil Bilgileri",
+        "username": "Kullanıcı Adı",
+        "firstName": "Ad",
+        "lastName": "Soyad",
+        "securityQuestion": "Güvenlik Sorusu",
+        "securityAnswer": "Güvenlik Cevabı",
+        "playerTitle": "Başlık",
+        "gender": "Cinsiyet",
+        "dateOfBirth": "Doğum Tarihi",
+        "currency": "Para Birimi",
+        "securityQuestionError": "Güvenlik sorusu en az 1 karakter ve en fazla 120 karakter olmalıdır.",
+        "securityAnswerError": "Güvenlik cevabı en az 1 karakter ve en fazla 120 karakter olmalıdır.",
+        "saveButton": "Değişiklikleri Kaydet",
+        "successMessage": "Değişiklikleriniz kaydedildi!",
+        "errorMessageUpdate": "Profil bilgilerini güncellemeye çalışırken bir hata oluştu",
+        "errorMessageFetch": "Profil bilgilerini almak için yapılan işlemde bir hata oluştu"
+    },
+    "es": {
+        "title": "Información del perfil",
+        "username": "Nombre de usuario",
+        "firstName": "Nombre",
+        "lastName": "Apellido",
+        "securityQuestion": "Pregunta de seguridad",
+        "securityAnswer": "Respuesta de seguridad",
+        "playerTitle": "Título",
+        "gender": "Género",
+        "dateOfBirth": "Fecha de nacimiento",
+        "currency": "Moneda",
+        "securityQuestionError": "La pregunta de seguridad debe tener al menos 1 carácter y un máximo de 120 caracteres.",
+        "securityAnswerError": "La respuesta de seguridad debe tener al menos 1 carácter y un máximo de 120 caracteres.",
+        "saveButton": "Guardar cambios",
+        "successMessage": "¡Tus cambios han sido guardados!",
+        "errorMessageUpdate": "Se ha producido un error al intentar actualizar la información del perfil",
+        "errorMessageFetch": "Se ha producido un error al intentar obtener la información del perfil"
+    },
+    "pt": {
+        "title": "Informações do Perfil",
+        "username": "Nome de usuário",
+        "firstName": "Nome",
+        "lastName": "Sobrenome",
+        "securityQuestion": "Pergunta de segurança",
+        "securityAnswer": "Resposta de segurança",
+        "playerTitle": "Título",
+        "gender": "Gênero",
+        "dateOfBirth": "Data de nascimento",
+        "currency": "Moeda",
+        "securityQuestionError": "A pergunta de segurança deve ter pelo menos 1 caractere e no máximo 120 caracteres.",
+        "securityAnswerError": "A resposta de segurança deve ter pelo menos 1 caractere e no máximo 120 caracteres.",
+        "saveButton": "Salvar alterações",
+        "successMessage": "Suas alterações foram salvas!",
+        "errorMessageUpdate": "Ocorreu um erro ao tentar atualizar as informações do perfil",
+        "errorMessageFetch": "Ocorreu um erro ao tentar buscar as informações do perfil"
+    },
+    "hr": {
+        "title": "Informacije o profilu",
+        "username": "Korisničko ime",
+        "firstName": "Ime",
+        "lastName": "Prezime",
+        "securityQuestion": "Sigurnosno pitanje",
+        "securityAnswer": "Sigurnosni odgovor",
+        "playerTitle": "Naslov",
+        "gender": "Spol",
+        "dateOfBirth": "Datum rođenja",
+        "currency": "Valuta",
+        "securityQuestionError": "Sigurnosno pitanje mora imati najmanje 1 znak i najviše 120 znakova.",
+        "securityAnswerError": "Sigurnosni odgovor mora imati najmanje 1 znak i najviše 120 znakova.",
+        "saveButton": "Spremi promjene",
+        "successMessage": "Vaše promjene su spremljene!",
+        "errorMessageUpdate": "Došlo je do pogreške prilikom pokušaja ažuriranja informacija o profilu",
+        "errorMessageFetch": "Došlo je do greške prilikom pokušaja dobijanja informacija o profilu"
+    },
+    "pt-br": {
+        "title": "Informações do Perfil",
+        "username": "Nome de usuário",
+        "firstName": "Nome",
+        "lastName": "Sobrenome",
+        "securityQuestion": "Pergunta de segurança",
+        "securityAnswer": "Resposta de segurança",
+        "playerTitle": "Título",
+        "gender": "Gênero",
+        "dateOfBirth": "Data de nascimento",
+        "currency": "Moeda",
+        "securityQuestionError": "A pergunta de segurança deve ter pelo menos 1 caractere e no máximo 120 caracteres.",
+        "securityAnswerError": "A resposta de segurança deve ter pelo menos 1 caractere e no máximo 120 caracteres.",
+        "saveButton": "Salvar alterações",
+        "successMessage": "Suas alterações foram salvas!",
+        "errorMessageUpdate": "Ocorreu um erro ao tentar atualizar as informações do perfil",
+        "errorMessageFetch": "Ocorreu um erro ao tentar buscar as informações do perfil"
+    },
+    "es-mx": {
+        "title": "Información del perfil",
+        "username": "Nombre de usuario",
+        "firstName": "Nombre",
+        "lastName": "Apellido",
+        "securityQuestion": "Pregunta de seguridad",
+        "securityAnswer": "Respuesta de seguridad",
+        "playerTitle": "Título",
+        "gender": "Género",
+        "dateOfBirth": "Fecha de nacimiento",
+        "currency": "Moneda",
+        "securityQuestionError": "La pregunta de seguridad debe tener al menos 1 carácter y un máximo de 120 caracteres.",
+        "securityAnswerError": "La respuesta de seguridad debe tener al menos 1 carácter y un máximo de 120 caracteres.",
+        "saveButton": "Guardar cambios",
+        "successMessage": "¡Tus cambios han sido guardados!",
+        "errorMessageUpdate": "Se ha producido un error al intentar actualizar la información del perfil",
+        "errorMessageFetch": "Se ha producido un error al intentar obtener la información del perfil"
+    }
+};
+export const getTranslations = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+export const translate = (key, customLang, values) => {
+    let lang = TRANSLATIONS[customLang] ? customLang : DEFAULT_LANGUAGE;
+    let translation = TRANSLATIONS[lang][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,12 @@
+/**
+ * @name isMobile
+ * @description A method that returns if the browser used to access the app is from a mobile device or not
+ * @param {String} userAgent window.navigator.userAgent
+ * @returns {Boolean} true or false
+ */
+export const isMobile = (userAgent) => {
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};

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

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