@everymatrix/user-login 1.94.17 → 1.94.19

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7c1c14d6.js');
+const index = require('./index-abb69c35.js');
 const appGlobals = require('./app-globals-3a1e7e63.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"],"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],"captchaData":[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"],"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"],"turnstileEnableFallback":[4,"turnstile-enable-fallback"],"turnstileRetryCount":[2,"turnstile-retry-count"],"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],"isTurnstileLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -1,11 +1,15 @@
 import { h } from "@stencil/core";
 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 { createRecaptcha, createTurnstile, } from "../../../../../../../../libs/common/src/captcha/index";
+import { CAPTCHA_CONTAINER_SLOT } from "../../utils/utils";
 import "../../../../../../../libs/vaadin-facade/index";
 export class UserLogin {
     constructor() {
         this.errorCode = '';
+        this.captchaInstance = null;
         this.messageHandler = async (e) => {
             var _a;
             if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === 'NativeAppReady') {
@@ -22,11 +26,11 @@ export class UserLogin {
         /**
          * Fetch phone prefixes from the API
          */
-        this.getPhoneCodes = () => {
+        this.getPhoneCodes = async () => {
             const url = new URL(`${this.endpoint}/v1/player/operatorSupportedPhoneCodes`);
             return fetch(url.href)
                 .then(res => res.json())
-                .then(data => data.phoneCodes.map(code => ({ label: code, value: code })))
+                .then(data => { var _a; return ((_a = data === null || data === void 0 ? void 0 : data.phoneCodes) !== null && _a !== void 0 ? _a : []).map(code => ({ label: code, value: code })); })
                 .catch(err => console.log('Failed to fetch phone codes:', err));
         };
         /**
@@ -44,6 +48,7 @@ export class UserLogin {
          * Login API call for Gm 1.7
          */
         this.userLoginGm17 = async () => {
+            var _a, _b, _c;
             let headers = {
                 'Content-Type': 'application/json'
             };
@@ -51,8 +56,15 @@ export class UserLogin {
                 contact: this.userNameEmail,
                 password: this.userPassword
             };
-            if (this.captchaData.isEnabled) {
-                headers['X-Captcha-Response'] = this.captchaData.token;
+            if (this.captchaInstance) {
+                let token;
+                if (typeof ((_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.ensureToken) === "function") {
+                    token = await ((_c = (_b = this.captchaInstance) === null || _b === void 0 ? void 0 : _b.ensureToken) === null || _c === void 0 ? void 0 : _c.call(_b));
+                }
+                else {
+                    token = this.captchaToken;
+                }
+                headers['cf-captcha-response'] = token !== null && token !== void 0 ? token : "";
             }
             const options = {
                 method: 'POST',
@@ -135,9 +147,26 @@ export class UserLogin {
          * Login API call
          */
         this.userLogin = async () => {
+            var _a, _b;
             const url = new URL(`${this.endpoint}/v1/player/legislation/login`);
             const headers = new Headers();
             headers.append('Content-Type', 'application/json');
+            if (this.turnstileSiteKey && this.captchaInstance) {
+                try {
+                    const turnstileToken = await ((_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.ensureToken) === null || _b === void 0 ? void 0 : _b.call(_a));
+                    if (turnstileToken) {
+                        headers.append('cf-captcha-response', turnstileToken);
+                        headers.append('cfCaptchaIsVisible', 'false');
+                    }
+                }
+                catch (error) {
+                    this.hasError = true;
+                    this.errorMessage = translate('genericError', this.lang) || `${error}`;
+                    this.sendErrorNotification(this.errorMessage);
+                    this.isLoginLoading = false;
+                    return;
+                }
+            }
             const body = JSON.stringify({
                 username: this.loginByPhoneNumber === 'true' ? `${this.userPrefix} ${this.userPhone}` : this.userNameEmail,
                 password: this.userPassword
@@ -305,11 +334,11 @@ export class UserLogin {
         this.clientStylingUrl = '';
         this.translationUrl = '';
         this.passwordReset = 'false';
-        this.userEmailRegex = undefined;
+        this.userEmailRegex = '';
         this.userEmailRegexOptions = 'i';
-        this.userPhoneRegex = undefined;
+        this.userPhoneRegex = '';
         this.userPhoneRegexOptions = '';
-        this.passwordRegex = undefined;
+        this.passwordRegex = '';
         this.passwordRegexOptions = '';
         this.version = 'gm16';
         this.loginByPhoneNumber = 'false';
@@ -319,6 +348,9 @@ export class UserLogin {
         this.biometricEnabled = 'false';
         this.biometricactionmode = 'switch';
         this.isFromLogin = true;
+        this.turnstileSiteKey = undefined;
+        this.turnstileEnableFallback = false;
+        this.turnstileRetryCount = undefined;
         this.userNameEmail = '';
         this.userPassword = '';
         this.isValidUserEmail = true;
@@ -330,16 +362,11 @@ export class UserLogin {
         this.errorMessage = '';
         this.errorForFields = {};
         this.hasError = false;
-        this.phoneCodes = undefined;
+        this.phoneCodes = [];
         this.isLoginLoading = false;
-        this.captchaData = {
-            isEnabled: true,
-            token: '',
-            provider: '',
-            siteKey: ''
-        };
         this.isNativeApp = false;
         this.biometricsLoaded = false;
+        this.isTurnstileLoading = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -368,7 +395,7 @@ export class UserLogin {
      * Populate login credentials from an external caller and trigger the login process
      */
     async autofillCredentials(credentials) {
-        const { userNameEmail, userPassword, userPrefix, userPhone } = credentials || {};
+        const { userNameEmail, userPassword, userPrefix = '', userPhone = '' } = credentials || {};
         this.userNameEmail = userNameEmail;
         this.userPassword = userPassword;
         this.userPrefix = userPrefix;
@@ -380,15 +407,16 @@ export class UserLogin {
      * Lifecycle method: Fetch translations on component load
      */
     async componentWillLoad() {
+        var _a, _b;
         if (this.loginByPhoneNumber === 'true') {
             if (this.defaultPrefix && this.isPrefixEditable === 'false') {
                 this.phoneCodes = [{ label: this.defaultPrefix, value: this.defaultPrefix }];
                 this.userPrefix = this.defaultPrefix;
             }
             else {
-                this.phoneCodes = await this.getPhoneCodes();
-                if (!this.defaultPrefix && this.isPrefixEditable === 'false') {
-                    this.userPrefix = this.phoneCodes[0].value;
+                this.phoneCodes = await (this.getPhoneCodes()) || [];
+                if (((_a = this.phoneCodes) === null || _a === void 0 ? void 0 : _a.length) && !this.defaultPrefix && this.isPrefixEditable === 'false') {
+                    this.userPrefix = (_b = this.phoneCodes[0]) === null || _b === void 0 ? void 0 : _b.value;
                 }
                 else if (this.defaultPrefix && this.isPrefixEditable === 'true') {
                     this.userPrefix = this.defaultPrefix;
@@ -402,8 +430,8 @@ export class UserLogin {
             await getTranslations(this.translationUrl);
         }
         if (this.version === 'gm17') {
-            this.getLoginConfig().then(() => {
-                this.appendCaptchaScript();
+            this.getLoginConfig().then((captchaData) => {
+                this.initializeCaptcha(captchaData);
             }).catch((error) => {
                 console.error(error);
                 this.hasError = true;
@@ -434,9 +462,17 @@ export class UserLogin {
         this.handleClientStyling();
         window.addEventListener('LoginCredentials', this.autofillCredentialsHandler);
         window.postMessage({ type: 'UserLoginDidLoad' });
+        if (this.turnstileSiteKey) {
+            this.initializeCaptcha({
+                isEnabled: true,
+                provider: "cloudflare",
+                siteKey: this.turnstileSiteKey,
+                enableFallback: this.turnstileEnableFallback
+            });
+        }
     }
     /**
-     * Fetches the login configuration from the backend API.
+     * Fetches the login configuration from the backend API, used for gm17 only.
      *
      * @returns A Promise that resolves once the configuration is fetched and set.
      */
@@ -455,8 +491,7 @@ export class UserLogin {
                 if (captcha && typeof captcha.provider === 'string') {
                     captcha.provider = captcha.provider.toLowerCase();
                 }
-                this.captchaData = Object.assign({}, captcha);
-                resolve();
+                resolve(captcha);
             })
                 .catch((error) => {
                 console.error('Error fetching login configuration:', error);
@@ -464,70 +499,30 @@ export class UserLogin {
             });
         });
     }
-    /**
-     * Handles the integration of CAPTCHA based on the login configuration.
-     * Dynamically injects the necessary CAPTCHA script if enabled.
-     */
-    handleCaptcha() {
-        const { isEnabled, provider, siteKey } = this.captchaData;
-        if (!isEnabled) {
-            return;
-        }
-        if (!['cloudflare', 'google'].includes(provider)) {
-            return;
-        }
-        if (provider === 'cloudflare') {
-            window.turnstile.render('#turnstileContainer', {
-                sitekey: siteKey,
-                theme: 'light',
-                callback: this.captchaCallback.bind(this),
-            });
-        }
-        else if (provider === 'google') {
-            window.grecaptcha.ready(() => {
-                window.grecaptcha.render('googleContainer', {
-                    sitekey: siteKey,
-                    callback: this.captchaCallback.bind(this),
-                    theme: 'light'
-                });
-            });
-        }
-    }
-    /**
-     * Common callback function for CAPTCHA response handling.
-     * @param token CAPTCHA response token.
-     */
-    captchaCallback(token) {
-        this.captchaData.token = token;
-        this.captchaData = Object.assign({}, this.captchaData); // Needed to tell Stencil something was changed
-    }
-    /**
-     * Dynamically loads the Turnstile script and renders CAPTCHA when ready.
-     * @param src - The URL of the CAPTCHA script to load.
-     * @param captcha - The CAPTCHA configuration.
-     */
-    appendCaptchaScript() {
-        const { isEnabled, provider } = this.captchaData;
-        if (!isEnabled) {
-            return;
-        }
-        const script = document.createElement('script');
-        if (provider === 'cloudflare') {
-            script.src = 'https://challenges.cloudflare.com/turnstile/v0/api.js';
-        }
-        else if (provider === 'google') {
-            script.src = 'https://www.google.com/recaptcha/api.js';
-        }
-        script.onload = this.handleCaptcha.bind(this);
-        document.head.appendChild(script);
+    async initializeCaptcha({ provider, siteKey, enableFallback }) {
+        const slotElement = getSlottedElement(this.host, CAPTCHA_CONTAINER_SLOT);
+        this.captchaContainerEl = slotElement;
+        const captchaCreator = {
+            "google": createRecaptcha,
+            "cloudflare": createTurnstile
+        };
+        this.captchaInstance = captchaCreator[provider]({
+            action: 'login',
+            siteKey,
+            enableFallback,
+            callback: provider === "google" ? (token) => { this.captchaToken = token; } : undefined
+        });
+        await this.captchaInstance.render(this.captchaContainerEl);
     }
     /**
      * Lifecycle method: Clean up event listeners when the component is removed
      */
     disconnectedCallback() {
+        var _a, _b;
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
         window.removeEventListener('LoginCredentials', this.autofillCredentialsHandler);
         window.removeEventListener('message', this.messageHandler);
+        (_b = (_a = this.captchaInstance) === null || _a === void 0 ? void 0 : _a.cleanup) === null || _b === void 0 ? void 0 : _b.call(_a);
     }
     /**
      * Send error notification as a post message
@@ -544,12 +539,12 @@ export class UserLogin {
     /**
      * Debounce function to limit API calls
      */
-    debounce(func, delay) {
+    debounce(fn, delay = 500) {
         let timer;
-        return function (...args) {
+        return (...args) => {
             clearTimeout(timer);
             timer = setTimeout(() => {
-                func.apply(this, args);
+                fn(...args);
             }, delay);
         };
     }
@@ -579,9 +574,12 @@ export class UserLogin {
         window.dispatchEvent(event);
     }
     checkIsDisabled() {
-        const isDisabled = Boolean(((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
+        const isDisabled = Boolean((this.loginByPhoneNumber !== 'true' && (!this.isValidUserEmail || !this.userNameEmail)) ||
             (this.loginByPhoneNumber === 'true' && (!this.isValidUserPhone || !this.userPhone || !this.userPrefix)) ||
-            !this.userPassword || !this.isValidPassword) || this.isLoginLoading || (this.version === 'gm17' && this.captchaData.isEnabled && !this.captchaData.token));
+            !this.userPassword ||
+            !this.isValidPassword ||
+            this.isLoginLoading ||
+            (this.version === 'gm17' && this.captchaInstance && !this.captchaToken));
         return isDisabled;
     }
     renderVisibilityIcon() {
@@ -599,16 +597,14 @@ export class UserLogin {
                 h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, this.renderVisibilityIcon(), h("input", { name: 'password', type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), h("label", { class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
             h("p", { class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.biometricEnabled === 'true' && this.isNativeApp &&
             h("div", { class: "PlayerBiometricsContainer" }, h("div", { class: "PlayerBiometrics" }, h("span", null, translate('biometricLogin')), h("player-account-biometrics-action", { mode: this.biometricactionmode, isFromLogin: this.isFromLogin, isNativeApp: this.isNativeApp, lang: this.lang, translationurl: this.translationUrl, clientstyling: this.clientStyling, clientstylingurl: this.clientStylingUrl, mbsource: this.mbSource, isLoading: this.isLoginLoading }))), this.passwordReset == 'true' &&
-            h("div", { class: "ForgotPassword" }, h("button", { onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
-            h("slot", { name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
-            h("slot", { name: "google" }), h("button", { disabled: this.checkIsDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
+            h("div", { class: "ForgotPassword" }, h("button", { onClick: this.resetPassword }, translate('forgotPassword', this.lang))), h("button", { disabled: this.checkIsDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
             h("p", { class: "CredentialsError" }, this.errorMessage))));
     }
     /**
      * Render function
-     */
+    */
     render() {
-        return h("section", { key: '6dcfae23bb6f3bb107c030d3fef3f8e32f88e12b', ref: el => this.stylingContainer = el }, this.renderUserIdentification());
+        return (h("section", { key: 'c72b94ac2e6cde988ae4798402680a527e4a004e', ref: el => this.stylingContainer = el }, this.renderUserIdentification(), h("slot", { key: '36c64bfcc9d5e19ae7b22d50638bf3c720167606', name: CAPTCHA_CONTAINER_SLOT })));
     }
     static get is() { return "user-login"; }
     static get encapsulation() { return "shadow"; }
@@ -765,7 +761,8 @@ export class UserLogin {
                     "text": "Regular expression for validating the user email"
                 },
                 "attribute": "user-email-regex",
-                "reflect": true
+                "reflect": true,
+                "defaultValue": "''"
             },
             "userEmailRegexOptions": {
                 "type": "string",
@@ -800,7 +797,8 @@ export class UserLogin {
                     "text": "User phone regex"
                 },
                 "attribute": "user-phone-regex",
-                "reflect": true
+                "reflect": true,
+                "defaultValue": "''"
             },
             "userPhoneRegexOptions": {
                 "type": "string",
@@ -835,7 +833,8 @@ export class UserLogin {
                     "text": "Regular expression for validating the password"
                 },
                 "attribute": "password-regex",
-                "reflect": true
+                "reflect": true,
+                "defaultValue": "''"
             },
             "passwordRegexOptions": {
                 "type": "string",
@@ -859,8 +858,8 @@ export class UserLogin {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "'gm16' | 'gm17'",
+                    "resolved": "\"gm16\" | \"gm17\"",
                     "references": {}
                 },
                 "required": false,
@@ -900,7 +899,7 @@ export class UserLogin {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Defines a prefix to be pre-selected"
@@ -935,7 +934,7 @@ export class UserLogin {
                     "references": {}
                 },
                 "required": false,
-                "optional": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "The source identifier for message bus styling.\nThis is used to apply styles dynamically from a stream."
@@ -996,6 +995,58 @@ export class UserLogin {
                 "attribute": "is-from-login",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "turnstileSiteKey": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Cloudflare Turnstile site key.\nActs as the enable/disable flag for Turnstile."
+                },
+                "attribute": "turnstile-site-key",
+                "reflect": false
+            },
+            "turnstileEnableFallback": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Enable Turnstile fallback behavior."
+                },
+                "attribute": "turnstile-enable-fallback",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "turnstileRetryCount": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Number of retry attempts for Turnstile."
+                },
+                "attribute": "turnstile-retry-count",
+                "reflect": false
             }
         };
     }
@@ -1014,9 +1065,9 @@ export class UserLogin {
             "hasError": {},
             "phoneCodes": {},
             "isLoginLoading": {},
-            "captchaData": {},
             "isNativeApp": {},
-            "biometricsLoaded": {}
+            "biometricsLoaded": {},
+            "isTurnstileLoading": {}
         };
     }
     static get methods() {
@@ -1049,6 +1100,7 @@ export class UserLogin {
             }
         };
     }
+    static get elementRef() { return "host"; }
     static get watchers() {
         return [{
                 "propName": "translationUrl",

package/dist/collection/utils/utils.js

@@ -1,3 +1,4 @@
 export function format(first, middle, last) {
     return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));
 }
+export const CAPTCHA_CONTAINER_SLOT = "captchaContainer";

package/dist/esm/{index-13692399.js → index-b943f0d9.js}

@@ -291,6 +291,7 @@ var parsePropertyValue = (propValue, propType) => {
   }
   return propValue;
 };
+var getElement = (ref) => getHostRef(ref).$hostElement$ ;
 var emitEvent = (elm, name, opts) => {
   const ev = plt.ce(name, opts);
   elm.dispatchEvent(ev);
@@ -1214,4 +1215,4 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 // src/runtime/nonce.ts
 var setNonce = (nonce) => plt.$nonce$ = nonce;
 
-export { bootstrapLazy as b, h, promiseResolve as p, registerInstance as r, setNonce as s };
+export { bootstrapLazy as b, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };

package/dist/esm/loader.js

@@ -1,11 +1,11 @@
-import { b as bootstrapLazy } from './index-13692399.js';
-export { s as setNonce } from './index-13692399.js';
+import { b as bootstrapLazy } from './index-b943f0d9.js';
+export { s as setNonce } from './index-b943f0d9.js';
 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"],"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],"captchaData":[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"],"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"],"turnstileEnableFallback":[4,"turnstile-enable-fallback"],"turnstileRetryCount":[2,"turnstile-retry-count"],"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],"isTurnstileLoading":[32],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingChangeURL"]}]]]], options);
 };
 
 export { defineCustomElements };