@everymatrix/user-login 1.55.0 → 1.56.2

package/dist/cjs/user-login.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ce110273.js');
+const index = require('./index-2eb404c0.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-login.cjs.js', document.baseURI).href));
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"limitStylingAppends":[32],"errorMessage":[32],"hasError":[32],"userPrefixOptions":[32],"isLoginLoading":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleStylingChange"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
+  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"lang":[1537],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"passwordReset":[513,"password-reset"],"userEmailRegex":[513,"user-email-regex"],"userEmailRegexOptions":[513,"user-email-regex-options"],"userPhoneRegex":[513,"user-phone-regex"],"userPhoneRegexOptions":[513,"user-phone-regex-options"],"passwordRegex":[513,"password-regex"],"passwordRegexOptions":[513,"password-regex-options"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"mbSource":[513,"mb-source"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"hasError":[32],"userPrefixOptions":[32],"isLoginLoading":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -4,8 +4,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.3",
-    "typescriptVersion": "5.5.4"
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/user-login/user-login.js

@@ -1,30 +1,10 @@
 import { h } from "@stencil/core";
 import { getTranslations, translate } from "../../utils/locale.utils";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
 import "@vaadin/combo-box";
 export class UserLogin {
     constructor() {
         this.errorCode = '';
-        /**
-         * Apply inline client styling
-         */
-        this.setClientStyling = () => {
-            let sheet = document.createElement('style');
-            sheet.innerHTML = this.clientStyling;
-            this.stylingContainer.appendChild(sheet);
-        };
-        /**
-         * Fetch and apply CSS from a provided URL
-         */
-        this.setClientStylingURL = () => {
-            let url = new URL(this.clientStylingUrl);
-            let cssFile = document.createElement('style');
-            fetch(url.href)
-                .then((res) => res.text())
-                .then((data) => {
-                cssFile.innerHTML = data;
-                setTimeout(() => { this.stylingContainer.appendChild(cssFile); }, 1);
-            });
-        };
         /**
          * Fetch phone prefixes from the API
          */
@@ -157,7 +137,11 @@ export class UserLogin {
                     window.postMessage({ type: 'PlayerActions', gmversion: 'gm16' }, window.location.href);
                 }
                 if ((data === null || data === void 0 ? void 0 : data.hasToSetPass) === true) {
+                    this.hasError = true;
+                    this.errorMessage = translate(`setUpPassowrd`, this.lang);
+                    this.sendErrorNotification(translate(`setUpPassowrd`, this.lang));
                     window.postMessage({ type: 'HasToSetPass' }, window.location.href);
+                    return;
                 }
                 if (data.sessionId) {
                     window.postMessage({ type: 'UserSessionID', session: data.sessionId, userid: data.userId }, window.location.href);
@@ -289,11 +273,11 @@ export class UserLogin {
         this.isValidPassword = true;
         this.isValidUserPhone = true;
         this.isPasswordVisible = false;
-        this.limitStylingAppends = false;
         this.errorMessage = '';
         this.hasError = false;
         this.userPrefixOptions = undefined;
         this.isLoginLoading = false;
+        this.mbSource = undefined;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -307,9 +291,10 @@ export class UserLogin {
      * @param newValue - new client styling
      * @param oldValue - previous client styling
      */
-    handleStylingChange(newValue, oldValue) {
-        if (newValue !== oldValue)
-            this.setClientStyling();
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
     }
     /**
      * Watch for changes in the client styling URL and fetch the new CSS
@@ -317,9 +302,11 @@ export class UserLogin {
      * @param newValue - new client styling URL
      * @param oldValue - previous client styling URL
      */
-    handleStylingUrlChange(newValue, oldValue) {
-        if (newValue !== oldValue)
-            this.setClientStylingURL();
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
     }
     /**
      * Lifecycle method: Fetch translations on component load
@@ -336,25 +323,25 @@ export class UserLogin {
      * Lifecycle method: Set up event listeners after the component is rendered
      */
     componentDidLoad() {
+        if (this.stylingContainer) {
+            if (window.emMessageBus != 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);
+            }
+        }
         window.addEventListener('LoginCredentials', this.autofillCredentialsHandler);
         window.postMessage({ type: 'UserLoginDidLoad' });
     }
-    /**
-     * Lifecycle method: Apply client styling after the component renders
-     */
-    componentDidRender() {
-        if (!this.limitStylingAppends && this.stylingContainer) {
-            if (this.clientStyling)
-                this.setClientStyling();
-            if (this.clientStylingUrl)
-                this.setClientStylingURL();
-            this.limitStylingAppends = true;
-        }
-    }
     /**
      * Lifecycle method: Clean up event listeners when the component is removed
      */
     disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
         window.removeEventListener('LoginCredentials', this.autofillCredentialsHandler);
     }
     /**
@@ -399,20 +386,20 @@ export class UserLogin {
      * Render function
      */
     render() {
-        let visibilityIcon = h("span", { key: '08e1b988b208738091d8e78fa1f73eb3c58076ba', class: "InputIcon" }, this.isPasswordVisible &&
-            h("svg", { key: '5dfdfa39e8e2b3dbc84099a8496abf20382db924', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h("g", { key: '24b728bd380f3661f1c382888aa4f0084bfe04c7', transform: "translate(-110.856 -23.242)" }, h("circle", { key: 'c0267c20cdca0b96a0ceedad3f92c41e3b3b6071', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: '87875ad14720b3da54b3c94ce020d62cb6eee8c4', transform: "translate(117.499 27.37)" }, h("path", { key: '3c1dba505232ea8e94b90861cc659d5a536dd8a9', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h("path", { key: '8980532d12d0dfb5bf7a4334e478dbc801a47c0e', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h("g", { key: '996cd3f037a25e7e692a62e28f8bda18945291f8', transform: "translate(110.856 24.899)" }, h("path", { key: '39b27797893b81aa835163eeb70f7db8103033d4', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h("path", { key: '076267866a6e0791a906068c2ba5b9862f11ef6a', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h("rect", { key: 'cbeab68f4b831cedc7d57a68a35f3e0a979ec83a', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
-            h("svg", { key: 'b990b881b6fa53140440ac0646f36149b8111adf', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h("g", { key: 'c04390a04451b06ea6bb7e1ca7312d564e6e4b39', transform: "translate(-14.185 -27.832)" }, h("path", { key: '02123a609b24029bce696bfc98aa4f565ca12853', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h("circle", { key: 'e8ca3fd3f0dd3eef24071c0d13a874b04101a2c8', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
-        let userIdentification = h("div", { key: '252275c3e3b91c3e7fa995d824e4c6d3b1a4d4e0', class: "FormBox" }, h("div", { key: 'acc4edcaa9cfb7608bd0a81245895c7e59473310', class: "FormValue" }, this.loginByPhoneNumber === 'true'
+        let visibilityIcon = h("span", { key: '8faa0976496b69519a0197f7091d0236fa8fd730', class: "InputIcon" }, this.isPasswordVisible &&
+            h("svg", { key: '09bdd37ae2a2f3f66d642d665dd665ad63de447e', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.844", height: "12.887", viewBox: "0 0 18.844 12.887" }, h("g", { key: 'f7e3c9b5065fde29b80d16f73333f152bd15a66e', transform: "translate(-110.856 -23.242)" }, h("circle", { key: '9ecc3218d6cf3873c69b215f670121fab31e1aec', class: "PasswordVisibilityIcon", cx: "0.05", cy: "0.05", r: "0.05", transform: "translate(121.017 31.148)" }), h("g", { key: 'd57cbfb0ff90a839297c0e018602c25350cdd5b4', transform: "translate(117.499 27.37)" }, h("path", { key: '2c8992bc61850da7aad512762db6e10e6a4bfc17', class: "PasswordVisibilityIcon", d: "M147.413,43.174a2.774,2.774,0,0,0-3.229-3.943Z", transform: "translate(-142.164 -39.123)" }), h("path", { key: 'b2696439c6cdaeacc4db04fc599f454692b6b9d4', class: "PasswordVisibilityIcon", d: "M137.031,43.1a2.778,2.778,0,0,0,3.447,4.209Z", transform: "translate(-136.413 -42.068)" })), h("g", { key: 'e83a07b29f3559f536f8792a07add684974279cb', transform: "translate(110.856 24.899)" }, h("path", { key: 'ac216185b12b7dbf505c0d4c679a2b44c76c8a00', class: "PasswordVisibilityIcon", d: "M122.538,42.061a7.043,7.043,0,0,1-2.325.53,10.373,10.373,0,0,1-4.393-1.482,36.509,36.509,0,0,1-3.873-2.391.13.13,0,0,1,0-.208,44.141,44.141,0,0,1,3.873-2.651c.394-.233.768-.437,1.13-.622l-.686-.838c-.322.167-.651.347-.99.55a37.989,37.989,0,0,0-3.977,2.729,1.21,1.21,0,0,0-.442.962,1.1,1.1,0,0,0,.494.936,34.416,34.416,0,0,0,3.977,2.469,11.468,11.468,0,0,0,4.886,1.611,8.427,8.427,0,0,0,3.039-.725Z", transform: "translate(-110.856 -33.157)" }), h("path", { key: '9985a70080cc4d4b3089a2c7315f506f2f8a32bc', class: "PasswordVisibilityIcon", d: "M149.119,34.14a45.875,45.875,0,0,0-4.055-2.729,20.541,20.541,0,0,0-2.547-1.248,5.6,5.6,0,0,0-4.79-.017l.7.856a5.254,5.254,0,0,1,1.672-.346,10.072,10.072,0,0,1,4.445,1.663,34.132,34.132,0,0,1,3.925,2.651.13.13,0,0,1,0,.208,40.2,40.2,0,0,1-3.925,2.391c-.179.092-.352.176-.525.26l.684.835c.1-.054.2-.1.309-.159a36.356,36.356,0,0,0,4.055-2.469,1.067,1.067,0,0,0,.52-.936A1.159,1.159,0,0,0,149.119,34.14Z", transform: "translate(-130.743 -29.617)" })), h("rect", { key: 'e02cc8f65db8593a3b08d618a623f76a3da81ce1', class: "PasswordVisibilityIcon", width: "0.972", height: "15.861", rx: "0.486", transform: "translate(114.827 23.858) rotate(-39.315)" }))), !this.isPasswordVisible &&
+            h("svg", { key: '43c407d82e8bdcea2cfb3a43bfda2c98e5804436', onClick: () => this.togglePassword(), class: "TogglePasswordVisibility PasswordVisible", part: "TogglePasswordVisibility", xmlns: "http://www.w3.org/2000/svg", width: "18.843", height: "10.5", viewBox: "0 0 18.843 10.5" }, h("g", { key: '6405d54694b21612833f9d1d22d66d60f2d9d871', transform: "translate(-14.185 -27.832)" }, h("path", { key: '2ed25088274ee5f42893872a568531515fb2e307', class: "PasswordVisibilityIcon", d: "M23.541,38.332a11.467,11.467,0,0,1-4.886-1.611,34.413,34.413,0,0,1-3.976-2.469,1.1,1.1,0,0,1-.494-.936,1.21,1.21,0,0,1,.442-.962A37.986,37.986,0,0,1,18.6,29.625a16.06,16.06,0,0,1,2.521-1.248,6.862,6.862,0,0,1,2.417-.546,6.862,6.862,0,0,1,2.417.546,20.541,20.541,0,0,1,2.547,1.248,45.872,45.872,0,0,1,4.054,2.729,1.159,1.159,0,0,1,.468.962,1.067,1.067,0,0,1-.52.936,36.353,36.353,0,0,1-4.054,2.469A11.2,11.2,0,0,1,23.541,38.332Zm0-9.46a9.813,9.813,0,0,0-4.392,1.663,44.138,44.138,0,0,0-3.873,2.651.13.13,0,0,0,0,.208,36.5,36.5,0,0,0,3.873,2.391,10.372,10.372,0,0,0,4.392,1.481,11.051,11.051,0,0,0,4.444-1.481,40.2,40.2,0,0,0,3.925-2.391.13.13,0,0,0,0-.208h0a34.132,34.132,0,0,0-3.925-2.651A10.072,10.072,0,0,0,23.541,28.872Z", transform: "translate(0)" }), h("circle", { key: '55db780da0e461d20f3feae2723a982ad705823c', class: "PasswordVisibilityIcon", cx: "2.779", cy: "2.779", r: "2.779", transform: "translate(20.827 30.303)" }))));
+        let userIdentification = h("div", { key: '7dabe085c16690665908703468baac7e60888e9f', class: "FormBox" }, h("div", { key: '701c9d1f0297e53d8204bd8f7e75450bd601bd6e', class: "FormValue" }, this.loginByPhoneNumber === 'true'
             ? h("div", { class: (!this.isValidUserPhone || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox ' }, h("div", { class: "PhoneInputBox" }, h("div", { class: "PrefixBox" }, h("vaadin-combo-box", { items: this.userPrefixOptions, value: this.userPrefix, onChange: this.handleInputChangePartial('prefix') }), h("label", { class: (this.userPrefix ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone || this.hasError ? 'FieldInvalid' : '') }, translate('userPrefix', this.lang))), h("div", { class: "PhoneBox" }, h("input", { type: "text", placeholder: '', value: this.userPhone, onFocus: this.handleInputChangePartial('phone'), onInput: this.handleInputChangePartial('phone'), autocapitalize: "none", required: true }), h("label", { class: (this.userPhone ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserPhone || this.hasError ? 'FieldInvalid' : '') }, translate('userPhone', this.lang)))), !this.isValidUserPhone &&
                 h("p", { class: "InvalidField" }, translate('invalidField', this.lang)))
             : h("div", { class: (!this.isValidUserEmail || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, h("input", { type: "text", placeholder: '', value: this.userNameEmail, onFocus: this.handleInputChangePartial('user'), onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail || this.hasError ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail &&
-                h("p", { class: "InvalidField" }, translate('invalidField', this.lang))), h("div", { key: '3857740f5455b51c30028eda6bd18ab48badf07d', class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: '94f24b493711ed60bb56570e75ad0f5151b770a0', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: this.handleInputChangePartial('password'), onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '6aed12d32525695fdecde970846aeced269c6ada', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword &&
-            h("p", { key: '49fd647b8d6bdcd58416aa8df6622d9fec2fd908', class: "InvalidField" }, translate('invalidField', this.lang))), this.passwordReset == 'true' &&
-            h("div", { key: '77e4d49f8d35131c7deb4cf0c4b7553c2c214917', class: "ForgotPassword" }, h("button", { key: '3d4578732ff4b2888d67ca502338b259f67cd6ab', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), h("button", { key: 'cbd21b5e3514c26f98a57ec6d331be8d013dbc96', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
+                h("p", { class: "InvalidField" }, translate('invalidField', this.lang))), h("div", { key: '3cd3fde43f1e060d98bc17cd021d40ac0a3daf25', class: (!this.isValidPassword || this.hasError) ? 'InputBox InputInvalidBox' : 'InputBox' }, visibilityIcon, h("input", { key: '33d7b8b4db8976dd8677444165a1138917d05c68', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onFocus: this.handleInputChangePartial('password'), onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { key: '11decfd4b4bd61163e8c5c002b46c84ee9ff3020', class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword || this.hasError ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword &&
+            h("p", { key: '5c2d02b6a329227b9e73c36195ed7e160832a733', class: "InvalidField" }, translate('invalidField', this.lang))), this.passwordReset == 'true' &&
+            h("div", { key: '40a59ed73a4247180b179267e3b7a83a010d6649', class: "ForgotPassword" }, h("button", { key: 'b3045a97541f13bcab8b2997af26b595d6dd2b6f', onClick: this.resetPassword }, translate('forgotPassword', this.lang))), h("button", { key: 'ca3f956411dca0a6bf54894c5e14bbe2767a53a0', disabled: ((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
                 (this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
                 !this.userPassword || !this.isValidPassword) || this.isLoginLoading, class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
-            h("p", { key: 'bfc16dd160acda7ba5f57e861e013581a1703481', class: "CredentialsError" }, this.errorMessage)));
-        return h("section", { key: 'f283f2a8e61feac8ec3003cc88fe47cf450df66c', ref: el => this.stylingContainer = el }, userIdentification);
+            h("p", { key: '6641f60f97cd7f9e81e3097935dfcfb4b8ab6552', class: "CredentialsError" }, this.errorMessage)));
+        return h("section", { key: '49d2252c207e8148d230f2f90bf4d1d567df4aae', ref: el => this.stylingContainer = el }, userIdentification);
     }
     static get is() { return "user-login"; }
     static get encapsulation() { return "shadow"; }
@@ -676,6 +663,23 @@ export class UserLogin {
                 "attribute": "login-by-phone-number",
                 "reflect": true,
                 "defaultValue": "'false'"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
             }
         };
     }
@@ -689,7 +693,6 @@ export class UserLogin {
             "isValidPassword": {},
             "isValidUserPhone": {},
             "isPasswordVisible": {},
-            "limitStylingAppends": {},
             "errorMessage": {},
             "hasError": {},
             "userPrefixOptions": {},
@@ -702,10 +705,10 @@ export class UserLogin {
                 "methodName": "handleNewTranslations"
             }, {
                 "propName": "clientStyling",
-                "methodName": "handleStylingChange"
+                "methodName": "handleClientStylingChange"
             }, {
                 "propName": "clientStylingUrl",
-                "methodName": "handleStylingUrlChange"
+                "methodName": "handleClientStylingUrlChange"
             }];
     }
 }

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

@@ -1,20 +1,21 @@
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
-    en: {
-        invalidField: 'This field is invalid',
-        forgotPassword: 'Forgot Password',
-        userEmail: 'Username or Email',
-        userPhone: 'Phone number',
-        userPrefix: 'Phone prefix',
-        password: 'Password',
-        login: 'Login',
-        genericError: 'An unexpected error has occured',
-        successMessage: 'Login successful',
-        Forbidden_UserAccount_Blocked: 'Player account blocked',
-        Unauthorized: 'The player account number, e-mail address or password is incorrect',
-        CountryRestricted: 'Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.'
+    "en": {
+        "invalidField": "This field is invalid",
+        "forgotPassword": "Forgot Password",
+        "userEmail": "Username or Email",
+        "userPhone": "Phone number",
+        "userPrefix": "Phone prefix",
+        "password": "Password",
+        "login": "Login",
+        "genericError": "An unexpected error has occured",
+        "successMessage": "Login successful",
+        "Forbidden_UserAccount_Blocked": "Player account blocked",
+        "setUpPassowrd": "You need to reset your password",
+        "Unauthorized": "The player account number, e-mail address or password is incorrect",
+        "CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support."
     },
-    tr: {
+    "tr": {
         "invalidField": "Bu alan geçersiz",
         "forgotPassword": "Şifremi Unuttum",
         "userEmail": "Kullanıcı Adı veya E-posta",
@@ -25,148 +26,159 @@ const TRANSLATIONS = {
         "genericError": "Beklenmeyen bir hata oluştu",
         "successMessage": "Giriş başarılı",
         "Forbidden_UserAccount_Blocked": "Oyuncu hesabı engellendi",
+        "setUpPassowrd": "Şifrenizi sıfırlamanız gerekiyor",
         "Unauthorized": "Oyuncu hesap numarası, e-posta adresi veya şifre hatalı",
         "CountryRestricted": "Kısıtlı bir yargı bölgesinden kayıt yapılamaz. Daha fazla sorunla karşılaşırsanız, lütfen destek ile iletişime geçin."
     },
-    'en-us': {
-        invalidField: 'This field is invalid',
-        forgotPassword: 'Forgot Password',
-        userEmail: 'Username or Email',
-        userPhone: 'Phone number',
-        userPrefix: 'Phone prefix',
-        password: 'Password',
-        login: 'Login',
-        genericError: 'An unexpected error has occured',
-        successMessage: 'Login successful',
-        Forbidden_UserAccount_Blocked: 'Player account blocked',
-        Unauthorized: 'The player account number, e-mail address or password is incorrect',
-        CountryRestricted: 'Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support.'
+    "en-us": {
+        "invalidField": "This field is invalid",
+        "forgotPassword": "Forgot Password",
+        "userEmail": "Username or Email",
+        "userPhone": "Phone number",
+        "userPrefix": "Phone prefix",
+        "password": "Password",
+        "login": "Login",
+        "genericError": "An unexpected error has occured",
+        "successMessage": "Login successful",
+        "Forbidden_UserAccount_Blocked": "Player account blocked",
+        "setUpPassowrd": "You need to reset your password",
+        "Unauthorized": "The player account number, e-mail address or password is incorrect",
+        "CountryRestricted": "Registration is not possible from a restricted jurisdiction. If you encounter further issues, please contact support."
     },
-    ro: {
-        invalidField: "Acest câmp este invalid",
-        forgotPassword: "Ați uitat parola",
-        userEmail: "Nume utilizator sau email",
-        userPhone: "Număr de telefon",
-        userPrefix: "Prefix telefon",
-        password: "Parolă",
-        login: "Autentificare",
-        genericError: "A apărut o eroare neașteptată",
-        successMessage: "Autentificare reușită",
-        Forbidden_UserAccount_Blocked: "Contul de jucător este blocat",
-        Unauthorized: "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
-        CountryRestricted: 'Înregistrarea nu este posibilă dintr-o jurisdicție restricționată. Dacă întâmpinați alte probleme, vă rugăm să contactați asistența.'
+    "ro": {
+        "invalidField": "Acest câmp este invalid",
+        "forgotPassword": "Ați uitat parola",
+        "userEmail": "Nume utilizator sau email",
+        "userPhone": "Număr de telefon",
+        "userPrefix": "Prefix telefon",
+        "password": "Parolă",
+        "login": "Autentificare",
+        "genericError": "A apărut o eroare neașteptată",
+        "successMessage": "Autentificare reușită",
+        "Forbidden_UserAccount_Blocked": "Contul de jucător este blocat",
+        "setUpPassowrd": "Trebuie să vă resetați parola",
+        "Unauthorized": "Numărul contului de jucător, adresa de e-mail sau parola sunt incorecte",
+        "CountryRestricted": "Înregistrarea nu este posibilă dintr-o jurisdicție restricționată. Dacă întâmpinați alte probleme, vă rugăm să contactați asistența."
     },
-    hr: {
-        invalidField: 'Ovo polje je nevažeće',
-        forgotPassword: 'Zaboravljena lozinka',
-        userEmail: 'Korisničko ime ili email',
-        userPhone: 'Broj telefona',
-        userPrefix: 'Telefonski prefix',
-        password: 'Lozinka',
-        login: 'Prijava',
-        genericError: 'Došlo je do neočekivane pogreške',
-        successMessage: 'Prijava uspješna',
-        Forbidden_UserAccount_Blocked: 'Vaš račun je blokiran',
-        Unauthorized: 'Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni',
-        CountryRestricted: 'Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku.'
+    "hr": {
+        "invalidField": "Ovo polje je nevažeće",
+        "forgotPassword": "Zaboravljena lozinka",
+        "userEmail": "Korisničko ime ili email",
+        "userPhone": "Broj telefona",
+        "userPrefix": "Telefonski prefix",
+        "password": "Lozinka",
+        "login": "Prijava",
+        "genericError": "Došlo je do neočekivane pogreške",
+        "successMessage": "Prijava uspješna",
+        "setUpPassowrd": "Morate resetirati svoju lozinku",
+        "Forbidden_UserAccount_Blocked": "Vaš račun je blokiran",
+        "Unauthorized": "Lozinka, e-mail adresa ili korisničko ime su pogrešno uneseni",
+        "CountryRestricted": "Prijava nije moguća iz zemlje ograničene jurisdikcije. U slučaju daljnjih poteškoća, molimo kontaktirajte podršku."
     },
-    fr: {
-        invalidField: "Ce champ est invalide",
-        forgotPassword: "Mot de passe oublié",
-        userEmail: "Nom d'utilisateur ou email",
-        userPhone: "Numéro de téléphone",
-        userPrefix: "Préfixe téléphonique",
-        password: "Mot de passe",
-        login: "Connexion",
-        genericError: "Une erreur inattendue est survenue",
-        successMessage: "Connexion réussie",
-        Forbidden_UserAccount_Blocked: "Compte joueur bloqué",
-        Unauthorized: "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
-        CountryRestricted: "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support."
+    "fr": {
+        "invalidField": "Ce champ est invalide",
+        "forgotPassword": "Mot de passe oublié",
+        "userEmail": "Nom d'utilisateur ou email",
+        "userPhone": "Numéro de téléphone",
+        "userPrefix": "Préfixe téléphonique",
+        "password": "Mot de passe",
+        "login": "Connexion",
+        "genericError": "Une erreur inattendue est survenue",
+        "successMessage": "Connexion réussie",
+        "Forbidden_UserAccount_Blocked": "Compte joueur bloqué",
+        "setUpPassowrd": "Vous devez réinitialiser votre mot de passe",
+        "Unauthorized": "Le numéro de compte joueur, l'adresse e-mail ou le mot de passe est incorrect",
+        "CountryRestricted": "L'inscription n'est pas possible depuis une juridiction restreinte. Si vous rencontrez d'autres problèmes, veuillez contacter le support."
     },
-    cs: {
-        invalidField: 'Ovo polje je nevažeće.',
-        forgotPassword: 'Zaboravio sam lozinku ',
-        userEmail: 'Korisničko ime ili email',
-        userPhone: 'Telefonní číslo',
-        userPrefix: 'Telefonní předvolba',
-        password: 'Lozinka',
-        login: 'Prijava',
-        genericError: 'An unexpected error has occured',
-        successMessage: 'Login successful',
-        Forbidden_UserAccount_Blocked: 'Player account blocked',
-        Unauthorized: 'Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné',
-        CountryRestricted: 'Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu.'
+    "cs": {
+        "invalidField": "Ovo polje je nevažeće.",
+        "forgotPassword": "Zaboravio sam lozinku ",
+        "userEmail": "Korisničko ime ili email",
+        "userPhone": "Telefonní číslo",
+        "userPrefix": "Telefonní předvolba",
+        "password": "Lozinka",
+        "login": "Prijava",
+        "genericError": "An unexpected error has occured",
+        "successMessage": "Login successful",
+        "Forbidden_UserAccount_Blocked": "Player account blocked",
+        "setUpPassowrd": "Musíte resetovat své heslo",
+        "Unauthorized": "Číslo účtu hráče, e-mailová adresa nebo heslo je nesprávné",
+        "CountryRestricted": "Registrace není možná z omezené jurisdikce. Pokud narazíte na další potíže, kontaktujte prosím podporu."
     },
-    de: {
-        invalidField: "Dieses Feld ist ungültig",
-        forgotPassword: "Passwort vergessen",
-        userEmail: "Benutzername oder E-Mail",
-        userPhone: "Telefonnummer",
-        userPrefix: "Telefonvorwahl",
-        password: "Passwort",
-        login: "Anmelden",
-        genericError: "Ein unerwarteter Fehler ist aufgetreten",
-        successMessage: "Erfolgreich angemeldet",
-        Forbidden_UserAccount_Blocked: "Spielerkonto gesperrt",
-        Unauthorized: "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
-        CountryRestricted: 'Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support.'
+    "de": {
+        "invalidField": "Dieses Feld ist ungültig",
+        "forgotPassword": "Passwort vergessen",
+        "userEmail": "Benutzername oder E-Mail",
+        "userPhone": "Telefonnummer",
+        "userPrefix": "Telefonvorwahl",
+        "password": "Passwort",
+        "login": "Anmelden",
+        "genericError": "Ein unerwarteter Fehler ist aufgetreten",
+        "successMessage": "Erfolgreich angemeldet",
+        "Forbidden_UserAccount_Blocked": "Spielerkonto gesperrt",
+        "setUpPassowrd": "Sie müssen Ihr Passwort zurücksetzen",
+        "Unauthorized": "Die Spieler-Kontonummer, E-Mail-Adresse oder das Passwort ist falsch",
+        "CountryRestricted": "Eine Registrierung ist aus einer eingeschränkten Gerichtsbarkeit nicht möglich. Wenn Sie weitere Probleme haben, wenden Sie sich bitte an den Support."
     },
-    'pt-br': {
-        invalidField: "Este campo é inválido",
-        forgotPassword: "Esqueceu a senha",
-        userEmail: "Nome de usuário ou e-mail",
-        userPhone: "Número de telefone",
-        userPrefix: "Prefixo de telefone",
-        password: "Senha",
-        login: "Login",
-        genericError: "Ocorreu um erro inesperado",
-        successMessage: "Login bem-sucedido",
-        Forbidden_UserAccount_Blocked: "Conta de jogador bloqueada",
-        Unauthorized: "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
-        CountryRestricted: 'O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte.'
+    "pt-br": {
+        "invalidField": "Este campo é inválido",
+        "forgotPassword": "Esqueceu a senha",
+        "userEmail": "Nome de usuário ou e-mail",
+        "userPhone": "Número de telefone",
+        "userPrefix": "Prefixo de telefone",
+        "password": "Senha",
+        "login": "Login",
+        "genericError": "Ocorreu um erro inesperado",
+        "successMessage": "Login bem-sucedido",
+        "Forbidden_UserAccount_Blocked": "Conta de jogador bloqueada",
+        "setUpPassowrd": "Você precisa redefinir sua senha",
+        "Unauthorized": "O número da conta de jogador, o endereço de e-mail ou a senha estão incorretos",
+        "CountryRestricted": "O registro não é possível a partir de uma jurisdição restrita. Caso encontre outros problemas, entre em contato com o suporte."
     },
-    'es-mx': {
-        invalidField: "Este campo es inválido",
-        forgotPassword: "Olvidé la contraseña",
-        userEmail: "Nombre de usuario o correo electrónico",
-        userPhone: "Número de teléfono",
-        userPrefix: "Prefijo telefónico",
-        password: "Contraseña",
-        login: "Iniciar sesión",
-        genericError: "Ocurrió un error inesperado",
-        successMessage: "Inicio de sesión exitoso",
-        Forbidden_UserAccount_Blocked: "Cuenta de jugador bloqueada",
-        Unauthorized: "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
-        CountryRestricted: 'El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte.'
+    "es-mx": {
+        "invalidField": "Este campo es inválido",
+        "forgotPassword": "Olvidé la contraseña",
+        "userEmail": "Nombre de usuario o correo electrónico",
+        "userPhone": "Número de teléfono",
+        "userPrefix": "Prefijo telefónico",
+        "password": "Contraseña",
+        "login": "Iniciar sesión",
+        "genericError": "Ocurrió un error inesperado",
+        "successMessage": "Inicio de sesión exitoso",
+        "Forbidden_UserAccount_Blocked": "Cuenta de jugador bloqueada",
+        "setUpPassowrd": "Necesitas restablecer tu contraseña",
+        "Unauthorized": "El número de cuenta de jugador, la dirección de correo electrónico o la contraseña son incorrectos",
+        "CountryRestricted": "El registro no es posible desde una jurisdicción restringida. Si encuentra más problemas, por favor contacte al soporte."
     },
-    es: {
-        invalidField: 'Este campo no es válido',
-        forgotPassword: 'Olvidé mi contraseña',
-        userEmail: 'Nombre de usuario o correo electrónico',
-        userPhone: 'Número de teléfono',
-        userPrefix: 'Prefijo de teléfono',
-        password: 'Contraseña',
-        login: 'Iniciar sesión',
-        genericError: 'Se ha producido un error inesperado',
-        successMessage: 'Inicio de sesión exitoso',
-        Forbidden_UserAccount_Blocked: 'Cuenta de jugador bloqueada',
-        Unauthorized: 'El número de cuenta, correo electrónico o contraseña es incorrecto',
-        CountryRestricted: 'No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte.'
+    "es": {
+        "invalidField": "Este campo no es válido",
+        "forgotPassword": "Olvidé mi contraseña",
+        "userEmail": "Nombre de usuario o correo electrónico",
+        "userPhone": "Número de teléfono",
+        "userPrefix": "Prefijo de teléfono",
+        "password": "Contraseña",
+        "login": "Iniciar sesión",
+        "genericError": "Se ha producido un error inesperado",
+        "successMessage": "Inicio de sesión exitoso",
+        "Forbidden_UserAccount_Blocked": "Cuenta de jugador bloqueada",
+        "setUpPassowrd": "Necesitas restablecer tu contraseña",
+        "Unauthorized": "El número de cuenta, correo electrónico o contraseña es incorrecto",
+        "CountryRestricted": "No es posible registrarse desde una jurisdicción restringida. Si encuentra más problemas, comuníquese con el soporte."
     },
-    pt: {
-        invalidField: 'Este campo é inválido',
-        forgotPassword: 'Esqueceu a senha',
-        userEmail: 'Nome de usuário ou email',
-        userPhone: 'Número de telefone',
-        userPrefix: 'Prefixo de telefone',
-        password: 'Senha',
-        login: 'Entrar',
-        genericError: 'Ocorreu um erro inesperado',
-        successMessage: 'Login realizado com sucesso',
-        Forbidden_UserAccount_Blocked: 'Conta de jogador bloqueada',
-        Unauthorized: 'O número da conta, e-mail ou senha está incorreto',
-        CountryRestricted: 'Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte.'
+    "pt": {
+        "invalidField": "Este campo é inválido",
+        "forgotPassword": "Esqueceu a senha",
+        "userEmail": "Nome de usuário ou email",
+        "userPhone": "Número de telefone",
+        "userPrefix": "Prefixo de telefone",
+        "password": "Senha",
+        "login": "Entrar",
+        "genericError": "Ocorreu um erro inesperado",
+        "successMessage": "Login realizado com sucesso",
+        "Forbidden_UserAccount_Blocked": "Conta de jogador bloqueada",
+        "setUpPassowrd": "Você precisa redefinir a sua senha",
+        "Unauthorized": "O número da conta, e-mail ou senha está incorreto",
+        "CountryRestricted": "Não é possível se registrar de uma jurisdição restrita. Se encontrar mais problemas, entre em contato com o suporte."
     }
 };
 export const getTranslations = (url) => {