@everymatrix/user-login 1.99.10 → 1.99.11

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"useRegisPasswordCheck":[516,"use-regis-password-check"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"registrationPasswordLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"],"useRegisPasswordCheck":["loadRegistrationPasswordValidation"],"endpoint":["loadRegistrationPasswordValidation"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -550,6 +550,57 @@ const dispatchCustomEvent = (type, data = {}) => {
     document.dispatchEvent(event);
 };
 
+/** Loads the registration password field string validation, caller should handle fallback on failure. */
+async function getRegistrationPasswordValidator(endpoint) {
+    var _a, _b, _c;
+    const url = new URL(`${endpoint}/v1/player/legislation/registration/config/`);
+    const response = await fetch(url.href, {
+        method: 'GET',
+        headers: { 'Content-Type': 'application/json', Accept: 'application/json' }
+    });
+    if (!response.ok) {
+        throw new Error(`HTTP error! Status: ${response.status}`);
+    }
+    const config = await response.json();
+    const validation = Array.isArray((_a = config === null || config === void 0 ? void 0 : config.content) === null || _a === void 0 ? void 0 : _a.fields)
+        ? (_b = config.content.fields.find((field) => (field === null || field === void 0 ? void 0 : field.name) === 'Password')) === null || _b === void 0 ? void 0 : _b.validate
+        : null;
+    if (!validation || typeof validation.mandatory !== 'boolean' ||
+        (validation.type != null && validation.type !== 'string') ||
+        (validation.custom != null && !Array.isArray(validation.custom))) {
+        throw new Error('Registration password validation is missing or invalid.');
+    }
+    const { mandatory, minLength, maxLength } = validation;
+    for (const bound of [minLength, maxLength]) {
+        if (bound != null && (!Number.isInteger(bound) || bound < 0)) {
+            throw new Error('Registration password length bound is invalid.');
+        }
+    }
+    if (minLength != null && maxLength != null && minLength > maxLength) {
+        throw new Error('Registration password length bounds are inconsistent.');
+    }
+    const patterns = [];
+    for (const rule of (_c = validation.custom) !== null && _c !== void 0 ? _c : []) {
+        if (!rule || typeof rule.rule !== 'string') {
+            throw new Error('Registration password rule is invalid.');
+        }
+        if (rule.rule === 'regex') {
+            if (typeof rule.pattern !== 'string') {
+                throw new Error('Registration password regex pattern is invalid.');
+            }
+            patterns.push(new RegExp(rule.pattern));
+        }
+    }
+    return password => {
+        if (password.length === 0) {
+            return !mandatory;
+        }
+        return (minLength == null || password.length >= minLength) &&
+            (maxLength == null || password.length <= maxLength) &&
+            patterns.every(pattern => pattern.test(password));
+    };
+}
+
 const SCRIPT_SRC$1 = 'https://www.google.com/recaptcha/api.js';
 const SCRIPT_LOAD_TIMEOUT_MS$1 = 5000;
 const RECAPTCHA_TOKEN_RESPONSE_HEADER = 'g-recaptcha-response';
@@ -7485,6 +7536,8 @@ const UserLogin = class {
         index.registerInstance(this, hostRef);
         this.errorCode = '';
         this.captchaInstance = null;
+        this.registrationPasswordValidator = null;
+        this.registrationPasswordRequest = 0;
         this.messageHandler = async (e) => {
             var _a;
             if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === 'NativeAppReady') {
@@ -7794,6 +7847,13 @@ const UserLogin = class {
                     regex = new RegExp(this.userPhoneRegex, this.userPhoneRegexOptions);
                     return regex.test(input) && !!this.userPrefix;
                 case 'password':
+                    if (this.useRegisPasswordCheck) {
+                        if (this.registrationPasswordLoading)
+                            return false;
+                        if (this.registrationPasswordValidator) {
+                            return this.registrationPasswordValidator(input);
+                        }
+                    }
                     regex = new RegExp(this.passwordRegex, this.passwordRegexOptions);
                     return regex.test(input);
             }
@@ -7823,6 +7883,7 @@ const UserLogin = class {
         this.userPhoneRegexOptions = '';
         this.passwordRegex = '';
         this.passwordRegexOptions = '';
+        this.useRegisPasswordCheck = false;
         this.version = 'gm16';
         this.loginByPhoneNumber = 'false';
         this.defaultPrefix = undefined;
@@ -7847,6 +7908,7 @@ const UserLogin = class {
         this.isLoginLoading = false;
         this.isNativeApp = false;
         this.biometricsLoaded = false;
+        this.registrationPasswordLoading = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -7888,6 +7950,9 @@ const UserLogin = class {
      */
     async componentWillLoad() {
         var _a, _b;
+        if (this.useRegisPasswordCheck) {
+            await this.loadRegistrationPasswordValidation();
+        }
         if (this.loginByPhoneNumber === 'true') {
             if (this.defaultPrefix && this.isPrefixEditable === 'false') {
                 this.phoneCodes = [{ label: this.defaultPrefix, value: this.defaultPrefix }];
@@ -7978,6 +8043,30 @@ const UserLogin = class {
             });
         });
     }
+    async loadRegistrationPasswordValidation() {
+        var _a;
+        const request = ++this.registrationPasswordRequest;
+        this.registrationPasswordValidator = null;
+        this.registrationPasswordLoading = this.useRegisPasswordCheck;
+        if (this.useRegisPasswordCheck) {
+            try {
+                const validator = await getRegistrationPasswordValidator(this.endpoint);
+                if (request !== this.registrationPasswordRequest)
+                    return;
+                this.registrationPasswordValidator = validator;
+            }
+            catch (error) {
+                if (request !== this.registrationPasswordRequest)
+                    return;
+                console.error('Error fetching registration password validation:', error);
+            }
+        }
+        if (request !== this.registrationPasswordRequest)
+            return;
+        this.registrationPasswordLoading = false;
+        this.isValidPassword = this.validate('password', this.userPassword);
+        this.errorForFields = Object.assign(Object.assign({}, this.errorForFields), { password: !this.isValidPassword && this.userPassword.length > Number((_a = this.minPassLength) !== null && _a !== void 0 ? _a : 3) });
+    }
     async initializeCaptcha({ provider, siteKey, enableFallback }) {
         const captchaContainerEl = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
         const captchaCreator = {
@@ -8058,6 +8147,7 @@ const UserLogin = class {
             !this.userPassword ||
             !this.isValidPassword ||
             this.isLoginLoading ||
+            this.registrationPasswordLoading ||
             (this.version === 'gm17' && this.captchaInstance && !this.captchaToken));
         return isDisabled;
     }
@@ -8083,13 +8173,15 @@ const UserLogin = class {
      * Render function
     */
     render() {
-        return (index.h("section", { key: 'c5e52078e3e24ad5b931f5b48a9358c1f470313c', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), index.h("slot", { key: 'eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d', name: CAPTCHA_CONTAINER_SLOT })));
+        return (index.h("section", { key: 'b68862360fc82cbee468e48ddb6359f9e4974417', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), index.h("slot", { key: '9f5a57a674ffddc608234719d541e872e576e744', name: CAPTCHA_CONTAINER_SLOT })));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],
         "clientStyling": ["handleClientStylingChange"],
-        "clientStylingUrl": ["handleClientStylingChangeURL"]
+        "clientStylingUrl": ["handleClientStylingChangeURL"],
+        "useRegisPasswordCheck": ["loadRegistrationPasswordValidation"],
+        "endpoint": ["loadRegistrationPasswordValidation"]
     }; }
 };
 UserLogin.style = UserLoginStyle0;

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

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return index.bootstrapLazy([["user-login.cjs",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"useRegisPasswordCheck":[516,"use-regis-password-check"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"registrationPasswordLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"],"useRegisPasswordCheck":["loadRegistrationPasswordValidation"],"endpoint":["loadRegistrationPasswordValidation"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -3,12 +3,15 @@ import { getTranslations, translate } from "../../utils/locale.utils";
 import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
 import { getSlottedElement } from "../../../../../../../../libs/common/src/utils/index";
 import { dispatchCustomEvent } from "../../../../../../../../libs/custom-events/src/index";
+import { getRegistrationPasswordValidator } from "../../../../../../../../libs/common/src/password/index";
 import { createRecaptcha, createTurnstile, RECAPTCHA_TOKEN_RESPONSE_HEADER, TURNSTILE_TOKEN_RESPONSE_HEADER, TURNSTILE_IS_VISIBLE_HEADER, CAPTCHA_CONTAINER_SLOT, } from "../../../../../../../../libs/common/src/captcha/index";
 import "../../../../../../../libs/vaadin-facade/index";
 export class UserLogin {
     constructor() {
         this.errorCode = '';
         this.captchaInstance = null;
+        this.registrationPasswordValidator = null;
+        this.registrationPasswordRequest = 0;
         this.messageHandler = async (e) => {
             var _a;
             if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === 'NativeAppReady') {
@@ -318,6 +321,13 @@ export class UserLogin {
                     regex = new RegExp(this.userPhoneRegex, this.userPhoneRegexOptions);
                     return regex.test(input) && !!this.userPrefix;
                 case 'password':
+                    if (this.useRegisPasswordCheck) {
+                        if (this.registrationPasswordLoading)
+                            return false;
+                        if (this.registrationPasswordValidator) {
+                            return this.registrationPasswordValidator(input);
+                        }
+                    }
                     regex = new RegExp(this.passwordRegex, this.passwordRegexOptions);
                     return regex.test(input);
             }
@@ -347,6 +357,7 @@ export class UserLogin {
         this.userPhoneRegexOptions = '';
         this.passwordRegex = '';
         this.passwordRegexOptions = '';
+        this.useRegisPasswordCheck = false;
         this.version = 'gm16';
         this.loginByPhoneNumber = 'false';
         this.defaultPrefix = undefined;
@@ -371,6 +382,7 @@ export class UserLogin {
         this.isLoginLoading = false;
         this.isNativeApp = false;
         this.biometricsLoaded = false;
+        this.registrationPasswordLoading = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -412,6 +424,9 @@ export class UserLogin {
      */
     async componentWillLoad() {
         var _a, _b;
+        if (this.useRegisPasswordCheck) {
+            await this.loadRegistrationPasswordValidation();
+        }
         if (this.loginByPhoneNumber === 'true') {
             if (this.defaultPrefix && this.isPrefixEditable === 'false') {
                 this.phoneCodes = [{ label: this.defaultPrefix, value: this.defaultPrefix }];
@@ -502,6 +517,30 @@ export class UserLogin {
             });
         });
     }
+    async loadRegistrationPasswordValidation() {
+        var _a;
+        const request = ++this.registrationPasswordRequest;
+        this.registrationPasswordValidator = null;
+        this.registrationPasswordLoading = this.useRegisPasswordCheck;
+        if (this.useRegisPasswordCheck) {
+            try {
+                const validator = await getRegistrationPasswordValidator(this.endpoint);
+                if (request !== this.registrationPasswordRequest)
+                    return;
+                this.registrationPasswordValidator = validator;
+            }
+            catch (error) {
+                if (request !== this.registrationPasswordRequest)
+                    return;
+                console.error('Error fetching registration password validation:', error);
+            }
+        }
+        if (request !== this.registrationPasswordRequest)
+            return;
+        this.registrationPasswordLoading = false;
+        this.isValidPassword = this.validate('password', this.userPassword);
+        this.errorForFields = Object.assign(Object.assign({}, this.errorForFields), { password: !this.isValidPassword && this.userPassword.length > Number((_a = this.minPassLength) !== null && _a !== void 0 ? _a : 3) });
+    }
     async initializeCaptcha({ provider, siteKey, enableFallback }) {
         const captchaContainerEl = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
         const captchaCreator = {
@@ -582,6 +621,7 @@ export class UserLogin {
             !this.userPassword ||
             !this.isValidPassword ||
             this.isLoginLoading ||
+            this.registrationPasswordLoading ||
             (this.version === 'gm17' && this.captchaInstance && !this.captchaToken));
         return isDisabled;
     }
@@ -607,7 +647,7 @@ export class UserLogin {
      * Render function
     */
     render() {
-        return (h("section", { key: 'c5e52078e3e24ad5b931f5b48a9358c1f470313c', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: 'eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d', name: CAPTCHA_CONTAINER_SLOT })));
+        return (h("section", { key: 'b68862360fc82cbee468e48ddb6359f9e4974417', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '9f5a57a674ffddc608234719d541e872e576e744', name: CAPTCHA_CONTAINER_SLOT })));
     }
     static get is() { return "user-login"; }
     static get encapsulation() { return "shadow"; }
@@ -857,6 +897,24 @@ export class UserLogin {
                 "reflect": true,
                 "defaultValue": "''"
             },
+            "useRegisPasswordCheck": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "use-regis-password-check",
+                "reflect": true,
+                "defaultValue": "false"
+            },
             "version": {
                 "type": "string",
                 "mutable": false,
@@ -1034,7 +1092,8 @@ export class UserLogin {
             "phoneCodes": {},
             "isLoginLoading": {},
             "isNativeApp": {},
-            "biometricsLoaded": {}
+            "biometricsLoaded": {},
+            "registrationPasswordLoading": {}
         };
     }
     static get methods() {
@@ -1078,6 +1137,12 @@ export class UserLogin {
             }, {
                 "propName": "clientStylingUrl",
                 "methodName": "handleClientStylingChangeURL"
+            }, {
+                "propName": "useRegisPasswordCheck",
+                "methodName": "loadRegistrationPasswordValidation"
+            }, {
+                "propName": "endpoint",
+                "methodName": "loadRegistrationPasswordValidation"
             }];
     }
 }

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"useRegisPasswordCheck":[516,"use-regis-password-check"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"registrationPasswordLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"],"useRegisPasswordCheck":["loadRegistrationPasswordValidation"],"endpoint":["loadRegistrationPasswordValidation"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/user-login.entry.js

@@ -546,6 +546,57 @@ const dispatchCustomEvent = (type, data = {}) => {
     document.dispatchEvent(event);
 };
 
+/** Loads the registration password field string validation, caller should handle fallback on failure. */
+async function getRegistrationPasswordValidator(endpoint) {
+    var _a, _b, _c;
+    const url = new URL(`${endpoint}/v1/player/legislation/registration/config/`);
+    const response = await fetch(url.href, {
+        method: 'GET',
+        headers: { 'Content-Type': 'application/json', Accept: 'application/json' }
+    });
+    if (!response.ok) {
+        throw new Error(`HTTP error! Status: ${response.status}`);
+    }
+    const config = await response.json();
+    const validation = Array.isArray((_a = config === null || config === void 0 ? void 0 : config.content) === null || _a === void 0 ? void 0 : _a.fields)
+        ? (_b = config.content.fields.find((field) => (field === null || field === void 0 ? void 0 : field.name) === 'Password')) === null || _b === void 0 ? void 0 : _b.validate
+        : null;
+    if (!validation || typeof validation.mandatory !== 'boolean' ||
+        (validation.type != null && validation.type !== 'string') ||
+        (validation.custom != null && !Array.isArray(validation.custom))) {
+        throw new Error('Registration password validation is missing or invalid.');
+    }
+    const { mandatory, minLength, maxLength } = validation;
+    for (const bound of [minLength, maxLength]) {
+        if (bound != null && (!Number.isInteger(bound) || bound < 0)) {
+            throw new Error('Registration password length bound is invalid.');
+        }
+    }
+    if (minLength != null && maxLength != null && minLength > maxLength) {
+        throw new Error('Registration password length bounds are inconsistent.');
+    }
+    const patterns = [];
+    for (const rule of (_c = validation.custom) !== null && _c !== void 0 ? _c : []) {
+        if (!rule || typeof rule.rule !== 'string') {
+            throw new Error('Registration password rule is invalid.');
+        }
+        if (rule.rule === 'regex') {
+            if (typeof rule.pattern !== 'string') {
+                throw new Error('Registration password regex pattern is invalid.');
+            }
+            patterns.push(new RegExp(rule.pattern));
+        }
+    }
+    return password => {
+        if (password.length === 0) {
+            return !mandatory;
+        }
+        return (minLength == null || password.length >= minLength) &&
+            (maxLength == null || password.length <= maxLength) &&
+            patterns.every(pattern => pattern.test(password));
+    };
+}
+
 const SCRIPT_SRC$1 = 'https://www.google.com/recaptcha/api.js';
 const SCRIPT_LOAD_TIMEOUT_MS$1 = 5000;
 const RECAPTCHA_TOKEN_RESPONSE_HEADER = 'g-recaptcha-response';
@@ -7481,6 +7532,8 @@ const UserLogin = class {
         registerInstance(this, hostRef);
         this.errorCode = '';
         this.captchaInstance = null;
+        this.registrationPasswordValidator = null;
+        this.registrationPasswordRequest = 0;
         this.messageHandler = async (e) => {
             var _a;
             if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === 'NativeAppReady') {
@@ -7790,6 +7843,13 @@ const UserLogin = class {
                     regex = new RegExp(this.userPhoneRegex, this.userPhoneRegexOptions);
                     return regex.test(input) && !!this.userPrefix;
                 case 'password':
+                    if (this.useRegisPasswordCheck) {
+                        if (this.registrationPasswordLoading)
+                            return false;
+                        if (this.registrationPasswordValidator) {
+                            return this.registrationPasswordValidator(input);
+                        }
+                    }
                     regex = new RegExp(this.passwordRegex, this.passwordRegexOptions);
                     return regex.test(input);
             }
@@ -7819,6 +7879,7 @@ const UserLogin = class {
         this.userPhoneRegexOptions = '';
         this.passwordRegex = '';
         this.passwordRegexOptions = '';
+        this.useRegisPasswordCheck = false;
         this.version = 'gm16';
         this.loginByPhoneNumber = 'false';
         this.defaultPrefix = undefined;
@@ -7843,6 +7904,7 @@ const UserLogin = class {
         this.isLoginLoading = false;
         this.isNativeApp = false;
         this.biometricsLoaded = false;
+        this.registrationPasswordLoading = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -7884,6 +7946,9 @@ const UserLogin = class {
      */
     async componentWillLoad() {
         var _a, _b;
+        if (this.useRegisPasswordCheck) {
+            await this.loadRegistrationPasswordValidation();
+        }
         if (this.loginByPhoneNumber === 'true') {
             if (this.defaultPrefix && this.isPrefixEditable === 'false') {
                 this.phoneCodes = [{ label: this.defaultPrefix, value: this.defaultPrefix }];
@@ -7974,6 +8039,30 @@ const UserLogin = class {
             });
         });
     }
+    async loadRegistrationPasswordValidation() {
+        var _a;
+        const request = ++this.registrationPasswordRequest;
+        this.registrationPasswordValidator = null;
+        this.registrationPasswordLoading = this.useRegisPasswordCheck;
+        if (this.useRegisPasswordCheck) {
+            try {
+                const validator = await getRegistrationPasswordValidator(this.endpoint);
+                if (request !== this.registrationPasswordRequest)
+                    return;
+                this.registrationPasswordValidator = validator;
+            }
+            catch (error) {
+                if (request !== this.registrationPasswordRequest)
+                    return;
+                console.error('Error fetching registration password validation:', error);
+            }
+        }
+        if (request !== this.registrationPasswordRequest)
+            return;
+        this.registrationPasswordLoading = false;
+        this.isValidPassword = this.validate('password', this.userPassword);
+        this.errorForFields = Object.assign(Object.assign({}, this.errorForFields), { password: !this.isValidPassword && this.userPassword.length > Number((_a = this.minPassLength) !== null && _a !== void 0 ? _a : 3) });
+    }
     async initializeCaptcha({ provider, siteKey, enableFallback }) {
         const captchaContainerEl = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
         const captchaCreator = {
@@ -8054,6 +8143,7 @@ const UserLogin = class {
             !this.userPassword ||
             !this.isValidPassword ||
             this.isLoginLoading ||
+            this.registrationPasswordLoading ||
             (this.version === 'gm17' && this.captchaInstance && !this.captchaToken));
         return isDisabled;
     }
@@ -8079,13 +8169,15 @@ const UserLogin = class {
      * Render function
     */
     render() {
-        return (h("section", { key: 'c5e52078e3e24ad5b931f5b48a9358c1f470313c', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: 'eac25bfc3f1c57a6ab24e7bf519ad7af5309c61d', name: CAPTCHA_CONTAINER_SLOT })));
+        return (h("section", { key: 'b68862360fc82cbee468e48ddb6359f9e4974417', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '9f5a57a674ffddc608234719d541e872e576e744', name: CAPTCHA_CONTAINER_SLOT })));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],
         "clientStyling": ["handleClientStylingChange"],
-        "clientStylingUrl": ["handleClientStylingChangeURL"]
+        "clientStylingUrl": ["handleClientStylingChangeURL"],
+        "useRegisPasswordCheck": ["loadRegistrationPasswordValidation"],
+        "endpoint": ["loadRegistrationPasswordValidation"]
     }; }
 };
 UserLogin.style = UserLoginStyle0;

package/dist/esm/user-login.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
+  return bootstrapLazy([["user-login",[[1,"user-login",{"endpoint":[513],"minPassLength":[514,"min-pass-length"],"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"],"useRegisPasswordCheck":[516,"use-regis-password-check"],"version":[513],"loginByPhoneNumber":[513,"login-by-phone-number"],"defaultPrefix":[513,"default-prefix"],"isPrefixEditable":[513,"is-prefix-editable"],"mbSource":[513,"mb-source"],"biometricEnabled":[513,"biometric-enabled"],"biometricactionmode":[1],"isFromLogin":[4,"is-from-login"],"turnstileSiteKey":[1,"turnstile-site-key"],"userNameEmail":[32],"userPassword":[32],"isValidUserEmail":[32],"userPhone":[32],"userPrefix":[32],"isValidPassword":[32],"isValidUserPhone":[32],"isPasswordVisible":[32],"errorMessage":[32],"errorForFields":[32],"hasError":[32],"phoneCodes":[32],"isLoginLoading":[32],"isNativeApp":[32],"biometricsLoaded":[32],"registrationPasswordLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"],"useRegisPasswordCheck":["loadRegistrationPasswordValidation"],"endpoint":["loadRegistrationPasswordValidation"]}]]]], options);
 });

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/user-login/.stencil/libs/common/src/password/index.d.ts

@@ -0,0 +1,3 @@
+export type RegistrationPasswordValidator = (password: string) => boolean;
+/** Loads the registration password field string validation, caller should handle fallback on failure. */
+export declare function getRegistrationPasswordValidator(endpoint: string): Promise<RegistrationPasswordValidator>;

package/dist/types/components/user-login/user-login.d.ts

@@ -54,6 +54,7 @@ export declare class UserLogin {
      * Regex options for password validation
      */
     passwordRegexOptions: string;
+    useRegisPasswordCheck: boolean;
     /**
      * Flag to determine if the component uses version 2 of the API
      */
@@ -110,12 +111,15 @@ export declare class UserLogin {
     isLoginLoading: boolean;
     isNativeApp: boolean;
     biometricsLoaded: boolean;
+    registrationPasswordLoading: boolean;
     host: HTMLElement;
     private errorCode;
     private stylingContainer?;
     private stylingSubscription;
     private captchaInstance;
     private captchaToken?;
+    private registrationPasswordValidator;
+    private registrationPasswordRequest;
     updateLoginCredentialsEvent?: CustomEvent;
     inputUserPhoneReference?: HTMLInputElement;
     /**
@@ -149,6 +153,7 @@ export declare class UserLogin {
      * @returns A Promise that resolves once the configuration is fetched and set.
      */
     getLoginConfig(): Promise<GM17CaptchaData>;
+    loadRegistrationPasswordValidation(): Promise<void>;
     private initializeCaptcha;
     private messageHandler;
     private checkNativeApp;

package/dist/types/components.d.ts

@@ -81,6 +81,7 @@ export namespace Components {
           * Cloudflare Turnstile site key. Acts as the enable/disable flag for Turnstile.
          */
         "turnstileSiteKey"?: string;
+        "useRegisPasswordCheck": boolean;
         /**
           * Regular expression for validating the user email
          */
@@ -184,6 +185,7 @@ declare namespace LocalJSX {
           * Cloudflare Turnstile site key. Acts as the enable/disable flag for Turnstile.
          */
         "turnstileSiteKey"?: string;
+        "useRegisPasswordCheck"?: boolean;
         /**
           * Regular expression for validating the user email
          */