@everymatrix/user-login 1.87.26 → 1.87.28

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f641387.js');
+const index = require('./index-7c1c14d6.js');
 
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
@@ -32,7 +32,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "It’s not possible to access your account due to an active self-exclusion. Please contact Customer Services for more information.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "It’s not possible to access your account due to an active self-exclusion. Please contact Customer Services for more information.",
         "GmErr_Forbidden_UserAccount_NotActive": "It appears that you have not yet confirmed your email address. To complete your registration and access your account, please check your email inbox for a confirmation message. If you haven't received the email, please also check your spam folder. If you need assistance, you can request help via the customer service.",
-        "Forbidden_UserAccount_NotActive": "It appears that you have not yet confirmed your email address. To complete your registration and access your account, please check your email inbox for a confirmation message. If you haven't received the email, please also check your spam folder. If you need assistance, you can request help via the customer service."
+        "Forbidden_UserAccount_NotActive": "It appears that you have not yet confirmed your email address. To complete your registration and access your account, please check your email inbox for a confirmation message. If you haven't received the email, please also check your spam folder. If you need assistance, you can request help via the customer service.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "tr": {
         "invalidField": "Üzgünüz, bu kullanıcı adı/e-posta adresi ve/veya şifre tanınmadı.",
@@ -60,7 +61,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Aktif bir kendini dışlama nedeniyle hesabınıza erişim mümkün değil. Daha fazla bilgi için lütfen Müşteri Hizmetleri ile iletişime geçin.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Aktif bir kendini dışlama nedeniyle hesabınıza erişim mümkün değil. Daha fazla bilgi için lütfen Müşteri Hizmetleri ile iletişime geçin.",
         "GmErr_Forbidden_UserAccount_NotActive": "E-posta adresinizi henüz onaylamadığınız anlaşılıyor. Kayıt işleminizi tamamlamak ve hesabınıza erişmek için lütfen e-posta gelen kutunuzu onay mesajı için kontrol edin. E-postayı almadıysanız, lütfen spam klasörünüzü de kontrol edin. Yardıma ihtiyacınız olursa, müşteri hizmetleri aracılığıyla destek talep edebilirsiniz.",
-        "Forbidden_UserAccount_NotActive": "E-posta adresinizi henüz onaylamadığınız anlaşılıyor. Kayıt işleminizi tamamlamak ve hesabınıza erişmek için lütfen e-posta gelen kutunuzu onay mesajı için kontrol edin. E-postayı almadıysanız, lütfen spam klasörünüzü de kontrol edin. Yardıma ihtiyacınız olursa, müşteri hizmetleri aracılığıyla destek talep edebilirsiniz."
+        "Forbidden_UserAccount_NotActive": "E-posta adresinizi henüz onaylamadığınız anlaşılıyor. Kayıt işleminizi tamamlamak ve hesabınıza erişmek için lütfen e-posta gelen kutunuzu onay mesajı için kontrol edin. E-postayı almadıysanız, lütfen spam klasörünüzü de kontrol edin. Yardıma ihtiyacınız olursa, müşteri hizmetleri aracılığıyla destek talep edebilirsiniz.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "en-us": {
         "invalidField": "Sorry, that username/email address and/or password has not been recognized.",
@@ -88,7 +90,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "It’s not possible to access your account due to an active self-exclusion. Please contact Customer Services for more information.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "It’s not possible to access your account due to an active self-exclusion. Please contact Customer Services for more information.",
         "GmErr_Forbidden_UserAccount_NotActive": "It appears that you have not yet confirmed your email address. To complete your registration and access your account, please check your email inbox for a confirmation message. If you haven't received the email, please also check your spam folder. If you need assistance, you can request help via the customer service.",
-        "Forbidden_UserAccount_NotActive": "It appears that you have not yet confirmed your email address. To complete your registration and access your account, please check your email inbox for a confirmation message. If you haven't received the email, please also check your spam folder. If you need assistance, you can request help via the customer service."
+        "Forbidden_UserAccount_NotActive": "It appears that you have not yet confirmed your email address. To complete your registration and access your account, please check your email inbox for a confirmation message. If you haven't received the email, please also check your spam folder. If you need assistance, you can request help via the customer service.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "ro": {
         "invalidField": "Ne pare rău, acest nume de utilizator/adresă de e-mail și/sau parolă nu a fost recunoscut.",
@@ -116,7 +119,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Accesul la contul dumneavoastră nu este posibil din cauza unei autoexcluderi active. Vă rugăm să contactați Serviciul Clienți pentru mai multe informații.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Accesul la contul dumneavoastră nu este posibil din cauza unei autoexcluderi active. Vă rugăm să contactați Serviciul Clienți pentru mai multe informații.",
         "GmErr_Forbidden_UserAccount_NotActive": "Se pare că nu v-ați confirmat încă adresa de email. Pentru a finaliza înregistrarea și a accesa contul, vă rugăm să verificați inbox-ul de email pentru un mesaj de confirmare. Dacă nu ați primit emailul, verificați și folderul de spam. Dacă aveți nevoie de asistență, puteți solicita ajutor prin serviciul clienți.",
-        "Forbidden_UserAccount_NotActive": "Se pare că nu v-ați confirmat încă adresa de email. Pentru a finaliza înregistrarea și a accesa contul, vă rugăm să verificați inbox-ul de email pentru un mesaj de confirmare. Dacă nu ați primit emailul, verificați și folderul de spam. Dacă aveți nevoie de asistență, puteți solicita ajutor prin serviciul clienți."
+        "Forbidden_UserAccount_NotActive": "Se pare că nu v-ați confirmat încă adresa de email. Pentru a finaliza înregistrarea și a accesa contul, vă rugăm să verificați inbox-ul de email pentru un mesaj de confirmare. Dacă nu ați primit emailul, verificați și folderul de spam. Dacă aveți nevoie de asistență, puteți solicita ajutor prin serviciul clienți.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "hr": {
         "invalidField": "Žao nam je, to korisničko ime/adresa e-pošte i/ili lozinka nisu prepoznati.",
@@ -144,7 +148,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Nije moguće pristupiti vašem računu zbog aktivne samoisključenosti. Za više informacija kontaktirajte Službu za korisnike.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Nije moguće pristupiti vašem računu zbog aktivne samoisključenosti. Za više informacija kontaktirajte Službu za korisnike.",
         "GmErr_Forbidden_UserAccount_NotActive": "Čini se da još niste potvrdili svoju e-mail adresu. Za dovršetak registracije i pristup vašem računu, molimo provjerite svoj inbox za poruku za potvrdu. Ako niste primili e-mail, provjerite i mapu neželjene pošte. Ako trebate pomoć, možete zatražiti podršku putem korisničke službe.",
-        "Forbidden_UserAccount_NotActive": "Čini se da još niste potvrdili svoju e-mail adresu. Za dovršetak registracije i pristup vašem računu, molimo provjerite svoj inbox za poruku za potvrdu. Ako niste primili e-mail, provjerite i mapu neželjene pošte. Ako trebate pomoć, možete zatražiti podršku putem korisničke službe."
+        "Forbidden_UserAccount_NotActive": "Čini se da još niste potvrdili svoju e-mail adresu. Za dovršetak registracije i pristup vašem računu, molimo provjerite svoj inbox za poruku za potvrdu. Ako niste primili e-mail, provjerite i mapu neželjene pošte. Ako trebate pomoć, možete zatražiti podršku putem korisničke službe.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "fr": {
         "invalidField": "Désolé, ce nom d'utilisateur/adresse e-mail et/ou mot de passe n'a pas été reconnu.",
@@ -172,7 +177,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Il n'est pas possible d'accéder à votre compte en raison d'une auto-exclusion active. Veuillez contacter le service client pour plus d'informations.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Il n'est pas possible d'accéder à votre compte en raison d'une auto-exclusion active. Veuillez contacter le service client pour plus d'informations.",
         "GmErr_Forbidden_UserAccount_NotActive": "Il semble que vous n’ayez pas encore confirmé votre adresse e-mail. Pour finaliser votre inscription et accéder à votre compte, veuillez vérifier votre boîte de réception pour un message de confirmation. Si vous n’avez pas reçu l’e-mail, veuillez également vérifier votre dossier spam. Si vous avez besoin d’assistance, vous pouvez demander de l’aide via le service client.",
-        "Forbidden_UserAccount_NotActive": "Il semble que vous n’ayez pas encore confirmé votre adresse e-mail. Pour finaliser votre inscription et accéder à votre compte, veuillez vérifier votre boîte de réception pour un message de confirmation. Si vous n’avez pas reçu l’e-mail, veuillez également vérifier votre dossier spam. Si vous avez besoin d’assistance, vous pouvez demander de l’aide via le service client."
+        "Forbidden_UserAccount_NotActive": "Il semble que vous n’ayez pas encore confirmé votre adresse e-mail. Pour finaliser votre inscription et accéder à votre compte, veuillez vérifier votre boîte de réception pour un message de confirmation. Si vous n’avez pas reçu l’e-mail, veuillez également vérifier votre dossier spam. Si vous avez besoin d’assistance, vous pouvez demander de l’aide via le service client.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "cs": {
         "invalidField": "Omlouváme se, toto uživatelské jméno/e-mailová adresa a/nebo heslo nebyly rozpoznány.",
@@ -200,7 +206,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Váš účet není přístupný kvůli aktivní sebevyloučení. Pro více informací kontaktujte zákaznický servis.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Váš účet není přístupný kvůli aktivní sebevyloučení. Pro více informací kontaktujte zákaznický servis.",
         "GmErr_Forbidden_UserAccount_NotActive": "Zdá se, že jste dosud nepotvrdili svou e-mailovou adresu. Chcete-li dokončit registraci a získat přístup ke svému účtu, zkontrolujte prosím svoji e-mailovou schránku pro potvrzovací zprávu. Pokud e-mail nedorazil, zkontrolujte také složku se spamem. Pokud potřebujete pomoc, můžete požádat o podporu prostřednictvím zákaznického servisu.",
-        "Forbidden_UserAccount_NotActive": "Zdá se, že jste dosud nepotvrdili svou e-mailovou adresu. Chcete-li dokončit registraci a získat přístup ke svému účtu, zkontrolujte prosím svoji e-mailovou schránku pro potvrzovací zprávu. Pokud e-mail nedorazil, zkontrolujte také složku se spamem. Pokud potřebujete pomoc, můžete požádat o podporu prostřednictvím zákaznického servisu."
+        "Forbidden_UserAccount_NotActive": "Zdá se, že jste dosud nepotvrdili svou e-mailovou adresu. Chcete-li dokončit registraci a získat přístup ke svému účtu, zkontrolujte prosím svoji e-mailovou schránku pro potvrzovací zprávu. Pokud e-mail nedorazil, zkontrolujte také složku se spamem. Pokud potřebujete pomoc, můžete požádat o podporu prostřednictvím zákaznického servisu.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "de": {
         "invalidField": "Entschuldigung, dieser Benutzername/diese E-Mail-Adresse und/oder dieses Passwort wurde nicht erkannt.",
@@ -228,7 +235,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Der Zugriff auf Ihr Konto ist aufgrund einer aktiven Selbstausschlussregelung nicht möglich. Bitte wenden Sie sich für weitere Informationen an den Kundenservice.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Der Zugriff auf Ihr Konto ist aufgrund einer aktiven Selbstausschlussregelung nicht möglich. Bitte wenden Sie sich für weitere Informationen an den Kundenservice.",
         "GmErr_Forbidden_UserAccount_NotActive": "Es scheint, dass Sie Ihre E-Mail-Adresse noch nicht bestätigt haben. Um Ihre Registrierung abzuschließen und auf Ihr Konto zuzugreifen, überprüfen Sie bitte Ihren E-Mail-Posteingang auf eine Bestätigungsnachricht. Falls Sie die E-Mail nicht erhalten haben, prüfen Sie bitte auch Ihren Spam-Ordner. Wenn Sie Hilfe benötigen, können Sie den Kundendienst um Unterstützung bitten.",
-        "Forbidden_UserAccount_NotActive": "Es scheint, dass Sie Ihre E-Mail-Adresse noch nicht bestätigt haben. Um Ihre Registrierung abzuschließen und auf Ihr Konto zuzugreifen, überprüfen Sie bitte Ihren E-Mail-Posteingang auf eine Bestätigungsnachricht. Falls Sie die E-Mail nicht erhalten haben, prüfen Sie bitte auch Ihren Spam-Ordner. Wenn Sie Hilfe benötigen, können Sie den Kundendienst um Unterstützung bitten."
+        "Forbidden_UserAccount_NotActive": "Es scheint, dass Sie Ihre E-Mail-Adresse noch nicht bestätigt haben. Um Ihre Registrierung abzuschließen und auf Ihr Konto zuzugreifen, überprüfen Sie bitte Ihren E-Mail-Posteingang auf eine Bestätigungsnachricht. Falls Sie die E-Mail nicht erhalten haben, prüfen Sie bitte auch Ihren Spam-Ordner. Wenn Sie Hilfe benötigen, können Sie den Kundendienst um Unterstützung bitten.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "pt-br": {
         "invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
@@ -256,7 +264,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Não é possível acessar sua conta devido a uma autoexclusão ativa. Por favor, entre em contato com o Atendimento ao Cliente para mais informações.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Não é possível acessar sua conta devido a uma autoexclusão ativa. Por favor, entre em contato com o Atendimento ao Cliente para mais informações.",
         "GmErr_Forbidden_UserAccount_NotActive": "Parece que você ainda não confirmou seu endereço de e-mail. Para concluir seu cadastro e acessar sua conta, verifique a caixa de entrada do seu e-mail para uma mensagem de confirmação. Se você não recebeu o e-mail, verifique também a pasta de spam. Se precisar de ajuda, você pode solicitar suporte através do atendimento ao cliente.",
-        "Forbidden_UserAccount_NotActive": "Parece que você ainda não confirmou seu endereço de e-mail. Para concluir seu cadastro e acessar sua conta, verifique a caixa de entrada do seu e-mail para uma mensagem de confirmação. Se você não recebeu o e-mail, verifique também a pasta de spam. Se precisar de ajuda, você pode solicitar suporte através do atendimento ao cliente."
+        "Forbidden_UserAccount_NotActive": "Parece que você ainda não confirmou seu endereço de e-mail. Para concluir seu cadastro e acessar sua conta, verifique a caixa de entrada do seu e-mail para uma mensagem de confirmação. Se você não recebeu o e-mail, verifique também a pasta de spam. Se precisar de ajuda, você pode solicitar suporte através do atendimento ao cliente.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "es-mx": {
         "invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
@@ -284,7 +293,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "No es posible acceder a tu cuenta debido a una autoexclusión activa. Por favor, contacta al Servicio al Cliente para más información.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "No es posible acceder a tu cuenta debido a una autoexclusión activa. Por favor, contacta al Servicio al Cliente para más información.",
         "GmErr_Forbidden_UserAccount_NotActive": "Parece que aún no has confirmado tu dirección de correo electrónico. Para completar tu registro y acceder a tu cuenta, revisa tu bandeja de entrada en busca de un mensaje de confirmación. Si no has recibido el correo electrónico, también revisa la carpeta de spam. Si necesitas ayuda, puedes solicitar asistencia a través del servicio al cliente.",
-        "Forbidden_UserAccount_NotActive": "Parece que aún no has confirmado tu dirección de correo electrónico. Para completar tu registro y acceder a tu cuenta, revisa tu bandeja de entrada en busca de un mensaje de confirmación. Si no has recibido el correo electrónico, también revisa la carpeta de spam. Si necesitas ayuda, puedes solicitar asistencia a través del servicio al cliente."
+        "Forbidden_UserAccount_NotActive": "Parece que aún no has confirmado tu dirección de correo electrónico. Para completar tu registro y acceder a tu cuenta, revisa tu bandeja de entrada en busca de un mensaje de confirmación. Si no has recibido el correo electrónico, también revisa la carpeta de spam. Si necesitas ayuda, puedes solicitar asistencia a través del servicio al cliente.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "es": {
         "invalidField": "Lo siento, ese nombre de usuario/dirección de correo electrónico y/o contraseña no ha sido reconocido.",
@@ -312,7 +322,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "No es posible acceder a tu cuenta debido a una autoexclusión activa. Por favor, contacta con el Servicio de Atención al Cliente para más información.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "No es posible acceder a tu cuenta debido a una autoexclusión activa. Por favor, contacta con el Servicio de Atención al Cliente para más información.",
         "GmErr_Forbidden_UserAccount_NotActive": "Parece que aún no has confirmado tu dirección de correo electrónico. Para completar tu registro y acceder a tu cuenta, revisa tu bandeja de entrada en busca de un mensaje de confirmación. Si no has recibido el correo electrónico, también revisa la carpeta de spam. Si necesitas ayuda, puedes solicitar asistencia a través del servicio al cliente.",
-        "Forbidden_UserAccount_NotActive": "Parece que aún no has confirmado tu dirección de correo electrónico. Para completar tu registro y acceder a tu cuenta, revisa tu bandeja de entrada en busca de un mensaje de confirmación. Si no has recibido el correo electrónico, también revisa la carpeta de spam. Si necesitas ayuda, puedes solicitar asistencia a través del servicio al cliente."
+        "Forbidden_UserAccount_NotActive": "Parece que aún no has confirmado tu dirección de correo electrónico. Para completar tu registro y acceder a tu cuenta, revisa tu bandeja de entrada en busca de un mensaje de confirmación. Si no has recibido el correo electrónico, también revisa la carpeta de spam. Si necesitas ayuda, puedes solicitar asistencia a través del servicio al cliente.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     },
     "pt": {
         "invalidField": "Desculpe, esse nome de usuário/endereço de e-mail e/ou senha não foram reconhecidos.",
@@ -340,7 +351,8 @@ const TRANSLATIONS = {
         "Forbidden_UserAccount_SELFEXCLUDED": "Não é possível aceder à sua conta devido a uma autoexclusão ativa. Por favor, contacte o Serviço de Apoio ao Cliente para mais informações.",
         "GmErr_Forbidden_UserAccount_SELFEXCLUDED": "Não é possível aceder à sua conta devido a uma autoexclusão ativa. Por favor, contacte o Serviço de Apoio ao Cliente para mais informações.",
         "GmErr_Forbidden_UserAccount_NotActive": "Parece que ainda não confirmou o seu endereço de e-mail. Para concluir o seu registo e aceder à sua conta, verifique a caixa de entrada do seu e-mail para uma mensagem de confirmação. Se não recebeu o e-mail, verifique também a pasta de spam. Se precisar de ajuda, pode solicitar assistência através do serviço de apoio ao cliente.",
-        "Forbidden_UserAccount_NotActive": "Parece que ainda não confirmou o seu endereço de e-mail. Para concluir o seu registo e aceder à sua conta, verifique a caixa de entrada do seu e-mail para uma mensagem de confirmação. Se não recebeu o e-mail, verifique também a pasta de spam. Se precisar de ajuda, pode solicitar assistência através do serviço de apoio ao cliente."
+        "Forbidden_UserAccount_NotActive": "Parece que ainda não confirmou o seu endereço de e-mail. Para concluir o seu registo e aceder à sua conta, verifique a caixa de entrada do seu e-mail para uma mensagem de confirmação. Se não recebeu o e-mail, verifique também a pasta de spam. Se precisar de ajuda, pode solicitar assistência através do serviço de apoio ao cliente.",
+        "biometricLogin": "Login with FaceID/Fingerprint",
     }
 };
 const getTranslations = (url) => {
@@ -372,6 +384,8 @@ const translate = (key, customLang, values) => {
     return translation;
 };
 
+const StyleCacheKey = '__WIDGET_GLOBAL_STYLE_CACHE__';
+
 /**
  * @name setClientStyling
  * @description Method used to create and append to the passed element of the widget a style element with the content received
@@ -417,18 +431,75 @@ function setClientStylingURL(stylingContainer, clientStylingUrl) {
  * @param {HTMLElement} stylingContainer The highest element of the widget
  * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
  * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ * @param {boolean} useAdoptedStyleSheets A flag to gradually enable testing of adoptedStyleSheets
  */
-function setStreamStyling(stylingContainer, domain, subscription) {
-  if (window.emMessageBus) {
-    const sheet = document.createElement('style');
+function setStreamStyling(stylingContainer, domain, subscription, useAdoptedStyleSheets = false) {
+  if (!window.emMessageBus) return;
 
-    window.emMessageBus.subscribe(domain, (data) => {
-      sheet.innerHTML = data;
-      if (stylingContainer) {
-        stylingContainer.appendChild(sheet);
-      }
-    });
+  const supportAdoptStyle = 'adoptedStyleSheets' in Document.prototype;
+
+  if (!supportAdoptStyle || !useAdoptedStyleSheets) {
+    subscription = getStyleTagSubscription(stylingContainer, domain);
+
+    return subscription;
   }
+
+  if (!window[StyleCacheKey]) {
+    window[StyleCacheKey] = {};
+  }
+  subscription = getAdoptStyleSubscription(stylingContainer, domain);
+
+  const originalUnsubscribe = subscription.unsubscribe.bind(subscription);
+  const wrappedUnsubscribe = () => {
+    if (window[StyleCacheKey][domain]) {
+      const cachedObject = window[StyleCacheKey][domain];
+      cachedObject.refCount > 1
+        ? (cachedObject.refCount = cachedObject.refCount - 1)
+        : delete window[StyleCacheKey][domain];
+    }
+
+    originalUnsubscribe();
+  };
+  subscription.unsubscribe = wrappedUnsubscribe;
+
+  return subscription;
+}
+
+function getStyleTagSubscription(stylingContainer, domain) {
+  const sheet = document.createElement('style');
+
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (stylingContainer) {
+      sheet.innerHTML = data;
+      stylingContainer.appendChild(sheet);
+    }
+  });
+}
+
+function getAdoptStyleSubscription(stylingContainer, domain) {
+  return window.emMessageBus.subscribe(domain, (data) => {
+    if (!stylingContainer) return;
+
+    const shadowRoot = stylingContainer.getRootNode();
+    const cacheStyleObject = window[StyleCacheKey];
+    let cachedStyle = cacheStyleObject[domain]?.sheet;
+
+    if (!cachedStyle) {
+      cachedStyle = new CSSStyleSheet();
+      cachedStyle.replaceSync(data);
+      cacheStyleObject[domain] = {
+        sheet: cachedStyle,
+        refCount: 1
+      };
+    } else {
+      cacheStyleObject[domain].refCount = cacheStyleObject[domain].refCount + 1;
+    }
+
+    const currentSheets = shadowRoot.adoptedStyleSheets || [];
+    if (!currentSheets.includes(cachedStyle)) {
+      shadowRoot.adoptedStyleSheets = [...currentSheets, cachedStyle];
+    }
+  });
 }
 
 /**
@@ -7110,13 +7181,26 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       <div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
     `}static get is(){return "vaadin-tabs"}}v(vh);
 
-const userLoginCss = ":host{display:block;font-family:\"Roboto\", sans-serif}section{height:100%;width:100%;background-position:center;background-size:cover}.FormValue{width:100%}.FormBox{height:100%;display:flex;position:relative;background:none;border:none;justify-content:center;align-items:center}.InputBox{position:relative;margin:30px 0;width:100%;border-bottom:2px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .PhoneInputBox{display:flex;flex-direction:row}.InputBox .PhoneInputBox .PhoneBox{position:relative;width:100%}.InputBox .PhoneInputBox .PrefixBox{position:relative;width:fit-content}.InputBox .PhoneInputBox .PrefixBox .UneditablePrefix{height:100%;width:100px;padding:0 0 0 5px;align-content:center;background:var(--emw--color-gray-100, #e6e6e6);border-radius:var(--emw--border-radius-medium, 10px)}.InputBox.InputInvalidBox .PasswordVisibilityIcon{fill:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox::after{content:\"\";height:2px;width:100%;transition:width 0.6s linear;background:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox::after{content:\"\";display:block;width:0;height:2px;position:relative;top:2px}.InputBox .PasswordVisibilityIcon{fill:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .InputIcon .TogglePasswordVisibility{cursor:pointer;position:absolute;top:18px;right:0}.InputBox .InputIcon .TogglePasswordVisibility.PasswordVisible{top:19.5px}.InputBox label{position:absolute;top:50%;left:5px;transform:translateY(-50%);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));font-size:var(--emw--font-size-medium, 16px);pointer-events:none;transition:0.5s}.InputBox label.FieldInvalid{color:#C23135}.InputBox input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:var(--emw--font-size-medium, 16px);padding:0 35px 0 5px;color:var(--emw--registration-typography, var(--emw--color-typography, #000000));box-sizing:border-box}input:focus~label,label.FieldFilledIn{top:-10px;font-size:var(--emw--font-size-x-small, 16px)}vaadin-combo-box:focus-within~label,label.FieldFilledIn{top:-10px;font-size:var(--emw--font-size-x-small, 16px)}.ForgotPassword button{margin:-10px 0 17px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));display:flex;justify-content:space-between;background-color:transparent;padding:0;height:unset;border:0;cursor:pointer}.SubmitCredentials{display:block;margin:0 auto;outline:none;cursor:pointer;background:var(--emw--color-primary, #0E5924);border-radius:var(--emw--button-border-radius, 10px);padding:10px 20px;font-size:var(--emw--font-size-large, 20px);font-family:var(--emw--button-typography);color:var(--emw--button-text-color, #FFFFFF)}.SubmitCredentials:disabled{background:var(--emw--color-primary, #0E5924);opacity:0.4;cursor:default}.Register{font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #FFFFFF));text-align:center;margin:25px 0 10px}.Register p a{text-decoration:none;font-weight:600}.Register p a:hover{text-decoration:underline}.InvalidField{position:absolute;color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px)}.SubmitCredentials{margin-bottom:20px}.CredentialsError{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px);padding:0 0 20px 0;margin:0}.CredentialsError input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}";
+const userLoginCss = ":host{display:block;font-family:\"Roboto\", sans-serif}section{height:100%;width:100%;background-position:center;background-size:cover}.FormValue{width:100%}.FormBox{height:100%;display:flex;position:relative;background:none;border:none;justify-content:center;align-items:center}.InputBox{position:relative;margin:30px 0;width:100%;border-bottom:2px solid var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .PhoneInputBox{display:flex;flex-direction:row}.InputBox .PhoneInputBox .PhoneBox{position:relative;width:100%}.InputBox .PhoneInputBox .PrefixBox{position:relative;width:fit-content}.InputBox .PhoneInputBox .PrefixBox .UneditablePrefix{height:100%;width:100px;padding:0 0 0 5px;align-content:center;background:var(--emw--color-gray-100, #e6e6e6);border-radius:var(--emw--border-radius-medium, 10px)}.InputBox.InputInvalidBox .PasswordVisibilityIcon{fill:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox.InputInvalidBox::after{content:\"\";height:2px;width:100%;transition:width 0.6s linear;background:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.InputBox::after{content:\"\";display:block;width:0;height:2px;position:relative;top:2px}.InputBox .PasswordVisibilityIcon{fill:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E))}.InputBox .InputIcon .TogglePasswordVisibility{cursor:pointer;position:absolute;top:18px;right:0}.InputBox .InputIcon .TogglePasswordVisibility.PasswordVisible{top:19.5px}.InputBox label{position:absolute;top:50%;left:5px;transform:translateY(-50%);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));font-size:var(--emw--font-size-medium, 16px);pointer-events:none;transition:0.5s}.InputBox label.FieldInvalid{color:#C23135}.InputBox input{width:100%;height:50px;background:transparent;border:none;outline:none;font-size:var(--emw--font-size-medium, 16px);padding:0 35px 0 5px;color:var(--emw--registration-typography, var(--emw--color-typography, #000000));box-sizing:border-box}input:focus~label,label.FieldFilledIn{top:-10px;font-size:var(--emw--font-size-x-small, 16px)}vaadin-combo-box:focus-within~label,label.FieldFilledIn{top:-10px;font-size:var(--emw--font-size-x-small, 16px)}.ForgotPassword button{margin:-10px 0 17px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-color-primary, var(--emw--color-primary, #22B04E));display:flex;justify-content:space-between;background-color:transparent;padding:0;height:unset;border:0;cursor:pointer}.SubmitCredentials{display:block;margin:0 auto;outline:none;cursor:pointer;background:var(--emw--color-primary, #0E5924);border-radius:var(--emw--button-border-radius, 10px);padding:10px 20px;font-size:var(--emw--font-size-large, 20px);font-family:var(--emw--button-typography);color:var(--emw--button-text-color, #FFFFFF)}.SubmitCredentials:disabled{background:var(--emw--color-primary, #0E5924);opacity:0.4;cursor:default}.Register{font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #FFFFFF));text-align:center;margin:25px 0 10px}.Register p a{text-decoration:none;font-weight:600}.Register p a:hover{text-decoration:underline}.InvalidField{position:absolute;color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px)}.SubmitCredentials{margin-bottom:20px}.CredentialsError{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839));font-size:var(--emw--font-size-x-small, 12px);padding:0 0 20px 0;margin:0}.CredentialsError input{color:var(--emfw-w-color-error, var(--emw--color-red, #FD2839))}.PlayerBiometricsContainer .PlayerBiometrics{margin:30px 0 40px;font-size:var(--emw--font-size-medium, 16px);color:var(--emw--registration-typography, var(--emw--color-typography, #000));display:flex;justify-content:space-between;background-color:transparent}@media screen and (max-width: 480px){.FormBox{width:100%;border-radius:0px}}";
 const UserLoginStyle0 = userLoginCss;
 
 const UserLogin = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.errorCode = '';
+        this.messageHandler = async (e) => {
+            var _a;
+            if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === 'NativeAppReady') {
+                this.isNativeApp = true;
+                if (!this.biometricsLoaded) {
+                    await Promise.resolve().then(function () { return require('./player-account-biometrics-action-5aaf0b8d.js'); });
+                    this.biometricsLoaded = true;
+                }
+            }
+        };
+        this.checkNativeApp = () => {
+            window.postMessage({ type: 'CheckNativeApp' });
+        };
         /**
          * Fetch phone prefixes from the API
          */
@@ -7414,6 +7498,9 @@ const UserLogin = class {
         this.defaultPrefix = undefined;
         this.isPrefixEditable = 'true';
         this.mbSource = undefined;
+        this.biometricEnabled = 'false';
+        this.biometricactionmode = 'switch';
+        this.isFromLogin = true;
         this.userNameEmail = '';
         this.userPassword = '';
         this.isValidUserEmail = true;
@@ -7433,6 +7520,8 @@ const UserLogin = class {
             provider: '',
             siteKey: ''
         };
+        this.isNativeApp = false;
+        this.biometricsLoaded = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -7510,6 +7599,11 @@ const UserLogin = class {
                 this.sendErrorNotification(this.errorMessage);
             });
         }
+        // If biometric login is enabled, start listening for native app messages
+        if (this.biometricEnabled === 'true') {
+            window.addEventListener('message', this.messageHandler);
+            this.checkNativeApp();
+        }
     }
     /**
      * Lifecycle method: Set up event listeners after the component is rendered
@@ -7517,7 +7611,7 @@ const UserLogin = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (window.emMessageBus != undefined) {
-                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
             }
             else {
                 if (this.clientStyling)
@@ -7621,6 +7715,7 @@ const UserLogin = class {
     disconnectedCallback() {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
         window.removeEventListener('LoginCredentials', this.autofillCredentialsHandler);
+        window.removeEventListener('message', this.messageHandler);
     }
     /**
      * Send error notification as a post message
@@ -7690,7 +7785,8 @@ const UserLogin = class {
                 index.h("p", { class: "CredentialsError" }, translate('userPhoneError', this.lang)))))
             : index.h("div", { class: (!this.isValidUserEmail && this.errorForFields['user']) ? 'InputBox InputInvalidBox' : 'InputBox' }, index.h("input", { type: "text", placeholder: '', value: this.userNameEmail, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), index.h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail && this.errorForFields['user'] ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail && this.errorForFields['user'] &&
                 index.h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), index.h("div", { class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, this.renderVisibilityIcon(), index.h("input", { type: this.isPasswordVisible ? "text" : "password", placeholder: '', value: this.userPassword, onInput: this.handleInputChangePartial('password'), autocapitalize: "none", required: true }), index.h("label", { class: (this.userPassword ? 'FieldFilledIn' : '') + ' ' + (!this.isValidPassword && this.errorForFields['password'] ? 'FieldInvalid' : '') }, translate('password', this.lang)), !this.isValidPassword && this.errorForFields['password'] &&
-            index.h("p", { class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.passwordReset == 'true' &&
+            index.h("p", { class: "CredentialsError" }, translate('userPasswordError', this.lang))), this.biometricEnabled === 'true' && this.isNativeApp &&
+            index.h("div", { class: "PlayerBiometricsContainer" }, index.h("div", { class: "PlayerBiometrics" }, index.h("span", null, translate('biometricLogin')), index.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' &&
             index.h("div", { class: "ForgotPassword" }, index.h("button", { onClick: this.resetPassword }, translate('forgotPassword', this.lang))), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
             index.h("slot", { name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
             index.h("slot", { name: "google" }), index.h("button", { disabled: this.checkIsDisabled(), class: "SubmitCredentials", onClick: this.handleLogin }, translate('login', this.lang)), this.hasError &&
@@ -7700,7 +7796,7 @@ const UserLogin = class {
      * Render function
      */
     render() {
-        return index.h("section", { key: '7ac7aaee8d984d1d70c59dd32d05d27468167415', ref: el => this.stylingContainer = el }, this.renderUserIdentification());
+        return index.h("section", { key: 'b60d626ea01f0804e83efba865234667b9828090', ref: el => this.stylingContainer = el }, this.renderUserIdentification());
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9f641387.js');
+const index = require('./index-7c1c14d6.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"],"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],"autofillCredentials":[64]},null,{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}]]]], 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"],"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":["handleClientStylingUrlChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -187,6 +187,15 @@ label.FieldFilledIn {
   color: var(--emfw-w-color-error, var(--emw--color-red, #FD2839));
 }
 
+.PlayerBiometricsContainer .PlayerBiometrics {
+  margin: 30px 0 40px;
+  font-size: var(--emw--font-size-medium, 16px);
+  color: var(--emw--registration-typography, var(--emw--color-typography, #000));
+  display: flex;
+  justify-content: space-between;
+  background-color: transparent;
+}
+
 /* Responsiveness:Start */
 @media screen and (max-width: 480px) {
   .FormBox {

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

@@ -6,6 +6,19 @@ import "../../../../../../../libs/vaadin-facade/index";
 export class UserLogin {
     constructor() {
         this.errorCode = '';
+        this.messageHandler = async (e) => {
+            var _a;
+            if (((_a = e.data) === null || _a === void 0 ? void 0 : _a.type) === 'NativeAppReady') {
+                this.isNativeApp = true;
+                if (!this.biometricsLoaded) {
+                    await import('@everymatrix/player-account-biometrics-action/dist');
+                    this.biometricsLoaded = true;
+                }
+            }
+        };
+        this.checkNativeApp = () => {
+            window.postMessage({ type: 'CheckNativeApp' });
+        };
         /**
          * Fetch phone prefixes from the API
          */
@@ -303,6 +316,9 @@ export class UserLogin {
         this.defaultPrefix = undefined;
         this.isPrefixEditable = 'true';
         this.mbSource = undefined;
+        this.biometricEnabled = 'false';
+        this.biometricactionmode = 'switch';
+        this.isFromLogin = true;
         this.userNameEmail = '';
         this.userPassword = '';
         this.isValidUserEmail = true;
@@ -322,6 +338,8 @@ export class UserLogin {
             provider: '',
             siteKey: ''
         };
+        this.isNativeApp = false;
+        this.biometricsLoaded = false;
     }
     /**
      * Watch for changes in the translation URL and fetch new translations
@@ -399,6 +417,11 @@ export class UserLogin {
                 this.sendErrorNotification(this.errorMessage);
             });
         }
+        // If biometric login is enabled, start listening for native app messages
+        if (this.biometricEnabled === 'true') {
+            window.addEventListener('message', this.messageHandler);
+            this.checkNativeApp();
+        }
     }
     /**
      * Lifecycle method: Set up event listeners after the component is rendered
@@ -510,6 +533,7 @@ export class UserLogin {
     disconnectedCallback() {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
         window.removeEventListener('LoginCredentials', this.autofillCredentialsHandler);
+        window.removeEventListener('message', this.messageHandler);
     }
     /**
      * Send error notification as a post message
@@ -579,7 +603,8 @@ export class UserLogin {
                 h("p", { class: "CredentialsError" }, translate('userPhoneError', this.lang)))))
             : h("div", { class: (!this.isValidUserEmail && this.errorForFields['user']) ? 'InputBox InputInvalidBox' : 'InputBox' }, h("input", { type: "text", placeholder: '', value: this.userNameEmail, onInput: this.handleInputChangePartial('user'), autocapitalize: "none", required: true }), h("label", { class: (this.userNameEmail ? 'FieldFilledIn' : '') + ' ' + (!this.isValidUserEmail && this.errorForFields['user'] ? 'FieldInvalid' : '') }, translate('userEmail', this.lang)), !this.isValidUserEmail && this.errorForFields['user'] &&
                 h("p", { class: "CredentialsError" }, translate('userEmailError', this.lang))), h("div", { class: (!this.isValidPassword && this.errorForFields['password']) ? 'InputBox InputInvalidBox' : 'InputBox' }, this.renderVisibilityIcon(), h("input", { 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.passwordReset == 'true' &&
+            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 &&
@@ -589,7 +614,7 @@ export class UserLogin {
      * Render function
      */
     render() {
-        return h("section", { key: '7ac7aaee8d984d1d70c59dd32d05d27468167415', ref: el => this.stylingContainer = el }, this.renderUserIdentification());
+        return h("section", { key: 'b60d626ea01f0804e83efba865234667b9828090', ref: el => this.stylingContainer = el }, this.renderUserIdentification());
     }
     static get is() { return "user-login"; }
     static get encapsulation() { return "shadow"; }
@@ -923,6 +948,60 @@ export class UserLogin {
                 },
                 "attribute": "mb-source",
                 "reflect": true
+            },
+            "biometricEnabled": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Flag for enabling biometric login on native apps only."
+                },
+                "attribute": "biometric-enabled",
+                "reflect": true,
+                "defaultValue": "'false'"
+            },
+            "biometricactionmode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'button' | 'switch'",
+                    "resolved": "\"button\" | \"switch\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Display mode for biometric toggle."
+                },
+                "attribute": "biometricactionmode",
+                "reflect": false,
+                "defaultValue": "'switch'"
+            },
+            "isFromLogin": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Flag indicating whether the component is rendered from the login flow"
+                },
+                "attribute": "is-from-login",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
@@ -941,7 +1020,9 @@ export class UserLogin {
             "hasError": {},
             "phoneCodes": {},
             "isLoginLoading": {},
-            "captchaData": {}
+            "captchaData": {},
+            "isNativeApp": {},
+            "biometricsLoaded": {}
         };
     }
     static get methods() {