@everymatrix/pam-forgot-password 1.65.0

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export { P as PamForgotPassword } from './pam-forgot-password-0f76562c.js';
+import './index-6f00d158.js';

package/dist/esm/loader.js

@@ -0,0 +1,11 @@
+import { b as bootstrapLazy } from './index-6f00d158.js';
+export { s as setNonce } from './index-6f00d158.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([["checkbox-group-input_14",[[1,"pam-forgot-password",{"endpoint":[513],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"contactType":[32],"isBtnSubmitEnabled":[32],"skeletonLoading":[32],"hasError":[32],"isMobile":[32],"captchaData":[32],"errorMessage":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[2,"border-radius"],"marginBottom":[2,"margin-bottom"],"marginTop":[2,"margin-top"],"marginLeft":[2,"margin-left"],"marginRight":[2,"margin-right"],"animation":[4],"rows":[2],"size":[1],"color":[1],"primaryColor":[1,"primary-color"],"secondaryColor":[1,"secondary-color"]},null,{"structure":["handleStructureChange"]}],[1,"general-input",{"type":[513],"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"validation":[16],"options":[520],"language":[513],"autofilled":[516],"tooltip":[513],"defaultValue":[520,"default-value"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[520,"client-styling"],"dateFormat":[513,"date-format"],"translationUrl":[513,"translation-url"],"emitOnClick":[516,"emit-on-click"]}],[1,"toggle-checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"options":[16],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"showFields":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"]}],[1,"checkbox-group-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32],"selectedValues":[32],"showCheckboxes":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"selectedValues":["setValue"],"emitValue":["emitValueHandler"]}],[1,"checkbox-input",{"name":[513],"displayName":[513,"display-name"],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"date-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"dateFormat":[513,"date-format"],"emitOnClick":[516,"emit-on-click"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"email-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"number-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"password-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32],"passwordComplexity":[32],"showPopup":[32],"value":[32]},[[16,"sendOriginalValidityState","originalValidityChangedHandler"],[16,"sendInputValue","valueChangedHandler"],[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"value":["valueChanged"],"emitValue":["emitValueHandler"]}],[1,"radio-input",{"name":[513],"displayName":[513,"display-name"],"optionsGroup":[16],"validation":[16],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"select-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"action":[513],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"options":[16],"validation":[16],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"errorMessage":[32],"isValid":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"tel-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"showLabels":[516,"show-labels"],"action":[513],"validation":[16],"defaultValue":[520,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"emitValue":[516,"emit-value"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}],[1,"text-input",{"name":[513],"displayName":[513,"display-name"],"placeholder":[513],"validation":[16],"defaultValue":[513,"default-value"],"autofilled":[516],"tooltip":[513],"language":[513],"checkValidity":[516,"check-validity"],"emitValue":[516,"emit-value"],"isDuplicateInput":[516,"is-duplicate-input"],"clientStyling":[513,"client-styling"],"isValid":[32],"errorMessage":[32],"limitStylingAppends":[32],"showTooltip":[32]},[[4,"click","handleClickOutside"],[16,"sendInputValue","valueChangedHandler"],[16,"validationChange","handleValidationChange"]],{"clientStyling":["handleStylingChange"],"isValid":["validityChanged"],"emitValue":["emitValueHandler"]}]]]], options);
+};
+
+export { defineCustomElements };

package/dist/esm/pam-forgot-password-0f76562c.js

@@ -0,0 +1,601 @@
+import { r as registerInstance, h } from './index-6f00d158.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        "title": "Forgot Password",
+        "dropdownDisplayName": "Contact",
+        "telDisplayName": "Phone Number",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Email",
+        "emailPlaceholder": "Enter your email",
+        "usernameDisplayName": "Username",
+        "usernamePlaceholder": "Enter your username",
+        "firstNameDisplayName": "First Name",
+        "firstNamePlaceholder": "Enter your first name",
+        "dateOfBirthDisplayName": "Date of Birth",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Loading ...",
+        "submitError": "Something went wrong. Please try again later",
+        "configError": "Something went wrong. Please try again later",
+        "successMsg": "If your account exists, a reset link is on its way",
+        "btnSubmit": "submit",
+        "sms": "sms",
+        "email": "email"
+    },
+    ro: {
+        "title": "Parolă uitată",
+        "dropdownDisplayName": "Contact",
+        "telDisplayName": "Număr de telefon",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Email",
+        "emailPlaceholder": "Introduceți emailul dvs.",
+        "usernameDisplayName": "Nume de utilizator",
+        "usernamePlaceholder": "Introduceți numele dvs. de utilizator",
+        "firstNameDisplayName": "Prenume",
+        "firstNamePlaceholder": "Introduceți prenumele dvs.",
+        "dateOfBirthDisplayName": "Data nașterii",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Se încarcă ...",
+        "submitError": "Ceva nu a mers bine. Vă rugăm să încercați din nou mai târziu",
+        "configError": "Ceva nu a mers bine. Vă rugăm să încercați din nou mai târziu",
+        "successMsg": "Dacă contul dvs. există, un link de resetare este va fi trimis",
+        "btnSubmit": "Trimite",
+        "sms": "sms",
+        "email": "email"
+    },
+    fr: {
+        "title": "Mot de passe oublié",
+        "dropdownDisplayName": "Contact",
+        "telDisplayName": "Numéro de téléphone",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Email",
+        "emailPlaceholder": "Entrez votre email",
+        "usernameDisplayName": "Nom d'utilisateur",
+        "usernamePlaceholder": "Entrez votre nom d'utilisateur",
+        "firstNameDisplayName": "Prénom",
+        "firstNamePlaceholder": "Entrez votre prénom",
+        "dateOfBirthDisplayName": "Date de naissance",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Chargement ...",
+        "submitError": "Un problème est survenu. Veuillez réessayer plus tard",
+        "configError": "Un problème est survenu. Veuillez réessayer plus tard",
+        "successMsg": "Si votre compte existe, un lien de réinitialisation est en route",
+        "btnSubmit": "soumettre",
+        "sms": "sms",
+        "email": "email"
+    },
+    hu: {
+        "title": "Elfelejtett jelszó",
+        "dropdownDisplayName": "Kapcsolat",
+        "telDisplayName": "Telefonszám",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Email",
+        "emailPlaceholder": "Adja meg az email címét",
+        "usernameDisplayName": "Felhasználónév",
+        "usernamePlaceholder": "Adja meg a felhasználónevét",
+        "firstNameDisplayName": "Keresztnév",
+        "firstNamePlaceholder": "Adja meg a keresztnevét",
+        "dateOfBirthDisplayName": "Születési dátum",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Betöltés ...",
+        "submitError": "Valami hiba történt. Kérjük, próbálja meg később",
+        "configError": "Valami hiba történt. Kérjük, próbálja meg később",
+        "successMsg": "Ha létezik a fiókja, egy visszaállítási link úton van",
+        "btnSubmit": "Beküldés",
+        "sms": "sms",
+        "email": "email"
+    },
+    tr: {
+        "title": "Şifremi Unuttum",
+        "dropdownDisplayName": "İletişim",
+        "telDisplayName": "Telefon Numarası",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "E-posta",
+        "emailPlaceholder": "E-postanızı girin",
+        "usernameDisplayName": "Kullanıcı Adı",
+        "usernamePlaceholder": "Kullanıcı adınızı girin",
+        "firstNameDisplayName": "İsim",
+        "firstNamePlaceholder": "İsminizi girin",
+        "dateOfBirthDisplayName": "Doğum Tarihi",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Yükleniyor ...",
+        "submitError": "Bir şeyler ters gitti. Lütfen daha sonra tekrar deneyin",
+        "configError": "Bir şeyler ters gitti. Lütfen daha sonra tekrar deneyin",
+        "successMsg": "Hesabınız varsa, bir sıfırlama bağlantısı yolda",
+        "btnSubmit": "Gönder",
+        "sms": "sms",
+        "email": "e-posta"
+    },
+    el: {
+        "title": "Ξεχάσατε τον κωδικό;",
+        "dropdownDisplayName": "Επικοινωνία",
+        "telDisplayName": "Αριθμός τηλεφώνου",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Email",
+        "emailPlaceholder": "Εισάγετε το email σας",
+        "usernameDisplayName": "Όνομα χρήστη",
+        "usernamePlaceholder": "Εισάγετε το όνομα χρήστη σας",
+        "firstNameDisplayName": "Όνομα",
+        "firstNamePlaceholder": "Εισάγετε το όνομά σας",
+        "dateOfBirthDisplayName": "Ημερομηνία γέννησης",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Φόρτωση ...",
+        "submitError": "Κάτι πήγε στραβά. Παρακαλούμε δοκιμάστε ξανά αργότερα",
+        "configError": "Κάτι πήγε στραβά. Παρακαλούμε δοκιμάστε ξανά αργότερα",
+        "successMsg": "Αν ο λογαριασμός σας υπάρχει, ένας σύνδεσμος επαναφοράς είναι καθ' οδόν",
+        "btnSubmit": "υποβάλλουν",
+        "sms": "sms",
+        "email": "email"
+    },
+    es: {
+        "title": "Olvidé mi contraseña",
+        "dropdownDisplayName": "Contacto",
+        "telDisplayName": "Número de teléfono",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Correo electrónico",
+        "emailPlaceholder": "Introduce tu correo electrónico",
+        "usernameDisplayName": "Nombre de usuario",
+        "usernamePlaceholder": "Introduce tu nombre de usuario",
+        "firstNameDisplayName": "Nombre",
+        "firstNamePlaceholder": "Introduce tu nombre",
+        "dateOfBirthDisplayName": "Fecha de nacimiento",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Cargando ...",
+        "submitError": "Algo salió mal. Por favor, inténtalo de nuevo más tarde",
+        "configError": "Algo salió mal. Por favor, inténtalo de nuevo más tarde",
+        "successMsg": "Si tu cuenta existe, un enlace de restablecimiento está en camino",
+        "btnSubmit": "enviar",
+        "sms": "sms",
+        "email": "email"
+    },
+    pt: {
+        "title": "Esqueci a Senha",
+        "dropdownDisplayName": "Contato",
+        "telDisplayName": "Número de Telefone",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "Email",
+        "emailPlaceholder": "Digite seu email",
+        "usernameDisplayName": "Nome de Usuário",
+        "usernamePlaceholder": "Digite seu nome de usuário",
+        "firstNameDisplayName": "Nome",
+        "firstNamePlaceholder": "Digite seu nome",
+        "dateOfBirthDisplayName": "Data de Nascimento",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Carregando ...",
+        "submitError": "Algo deu errado. Por favor, tente novamente mais tarde",
+        "configError": "Algo deu errado. Por favor, tente novamente mais tarde",
+        "successMsg": "Se sua conta existir, um link de redefinição está a caminho",
+        "btnSubmit": "enviar",
+        "sms": "sms",
+        "email": "email"
+    },
+    hr: {
+        "title": "Zaboravljena lozinka",
+        "dropdownDisplayName": "Kontakt",
+        "telDisplayName": "Broj telefona",
+        "telPlaceholder": "0000000000",
+        "emailDisplayName": "E-mail",
+        "emailPlaceholder": "Unesite svoj e-mail",
+        "usernameDisplayName": "Korisničko ime",
+        "usernamePlaceholder": "Unesite svoje korisničko ime",
+        "firstNameDisplayName": "Ime",
+        "firstNamePlaceholder": "Unesite svoje ime",
+        "dateOfBirthDisplayName": "Datum rođenja",
+        "dateOfBirthPlaceholder": "1911-11-11",
+        "loading": "Učitavanje ...",
+        "submitError": "Nešto je pošlo po zlu. Molimo pokušajte ponovno kasnije",
+        "configError": "Nešto je pošlo po zlu. Molimo pokušajte ponovno kasnije",
+        "successMsg": "Ako vaš račun postoji, poveznica za poništavanje lozinke je na putu",
+        "btnSubmit": "pošalji",
+        "sms": "sms",
+        "email": "email"
+    },
+};
+const getTranslations = (url) => {
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+const translate = (key, customLang) => {
+    const lang = customLang;
+    return TRANSLATIONS[lang !== undefined ? lang : DEFAULT_LANGUAGE][key];
+};
+
+function checkDeviceType() {
+    const userAgent = navigator.userAgent.toLowerCase();
+    const width = screen.availWidth;
+    const height = screen.availHeight;
+    if (userAgent.includes('iphone')) {
+        return 'mobile';
+    }
+    if (userAgent.includes('android')) {
+        if (height > width && width < 800) {
+            return 'mobile';
+        }
+        if (width > height && height < 800) {
+            return 'tablet';
+        }
+    }
+    return 'desktop';
+}
+
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @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
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
+const pamForgotPasswordCss = "::host {\n  display: block;\n}\n\n.PlayerForgotPassword {\n  font-family: inherit;\n  width: 100%;\n  height: 100%;\n  container-type: inline-size;\n  opacity: 1;\n  animation-name: fadeIn;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-in;\n  animation-duration: 0.3s;\n  container-type: inline-size;\n}\n.PlayerForgotPassword .Error {\n  font-size: var(--emw--font-size-x-small, 12px);\n  color: var(--emw--color-error, #ed0909);\n}\n.PlayerForgotPassword .Loading {\n  font-size: var(--emw--font-size-x-small, 12px);\n  color: var(--emw--color-primary, #22B04E);\n}\n.PlayerForgotPassword .Title {\n  background-color: transparent;\n  font-size: var(--emw--font-size-x-large, 26px);\n  color: var(--emw--color-primary, #22B04E);\n  font-weight: var(--emw--font-weight-semibold, 500);\n}\n.PlayerForgotPassword .TitleMobile {\n  font-size: var(--emw--font-size-x-large, 20px);\n  color: var(--emw--color-primary, #22B04E);\n}\n.PlayerForgotPassword svg {\n  fill: var(--emw--color-primary, #22B04E);\n}\n.PlayerForgotPassword .ButtonReturn {\n  display: none;\n  font-family: inherit;\n  align-items: center;\n  gap: 10px;\n}\n.PlayerForgotPassword .Form {\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  gap: 40px;\n  justify-items: stretch;\n  align-content: flex-start;\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.PlayerForgotPassword .Form .FieldsSection {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n.PlayerForgotPassword .Form .ContactWrapper {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n  gap: 5px;\n}\n.PlayerForgotPassword .Form .ContactWrapper .Select {\n  width: 25%;\n}\n.PlayerForgotPassword .Form .ContactWrapper .Contact {\n  width: 100%;\n}\n.PlayerForgotPassword .Form .ContactWrapperMobile {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 30px;\n}\n.PlayerForgotPassword .Form .ContactWrapperMobile .Select {\n  width: 100%;\n}\n.PlayerForgotPassword .Form .ContactWrapperMobile .Contact {\n  width: 100%;\n}\n.PlayerForgotPassword .Form .ButtonsSection {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n}\n.PlayerForgotPassword .Button {\n  font-family: inherit;\n  border-radius: var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));\n  background: var(--emw--button-background-color, var(--emw--color-primary, #22B04E));\n  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));\n  color: var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));\n  font-size: var(--emw--font-size-large, 20px);\n  font-weight: var(--emw--font-weight-normal, 400);\n  height: 50px;\n  width: 100%;\n  text-transform: uppercase;\n  cursor: pointer;\n}\n.PlayerForgotPassword .Button:disabled {\n  background: var(--emw--color-gray-100, #E6E6E6);\n  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));\n  pointer-events: none;\n  cursor: not-allowed;\n}\n.PlayerForgotPassword.skeleton .Form .ButtonReturn {\n  width: 150px;\n  height: 30px;\n  margin-top: 15px;\n  display: block;\n}\n.PlayerForgotPassword.skeleton .Form .FieldsSection {\n  display: block;\n}\n.PlayerForgotPassword.skeleton .Form .FieldsSection .FieldContainer .FieldTitle {\n  width: 100px;\n  margin-top: 30px;\n  margin-bottom: 15px;\n}\n.PlayerForgotPassword.skeleton .Form .ButtonsSection .Button {\n  font-family: inherit;\n  border-radius: 50px;\n  background: transparent;\n  border: none;\n  overflow: hidden;\n}\n@container (max-width: 425px) {\n  .PlayerForgotPassword .Form .ButtonReturn {\n    display: inline-flex;\n  }\n  .PlayerForgotPassword .Form .Title {\n    display: none;\n  }\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0.01;\n  }\n  1% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}";
+const PamForgotPasswordStyle0 = pamForgotPasswordCss;
+
+const PamForgotPassword = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.isContactValid = false;
+        this.validation = { mandatory: true, custom: [] };
+        /**
+         * Handles the submission of the forgot password request.
+         *
+         * @param e - The event object from the form submission.
+         */
+        this.submitRequest = (e) => {
+            e.preventDefault();
+            // Construct the request URL
+            const url = new URL('/api/v1/players/password-management/password/forgot/request', this.endpoint);
+            // Set up request headers
+            const headers = new Headers();
+            if (this.captchaData.isEnabled && this.captchaData.token) {
+                headers.append('X-Captcha-Response', this.captchaData.token);
+            }
+            headers.append('Content-Type', 'application/json');
+            // Create the request body
+            const requestBody = JSON.stringify({ contact: this.contact });
+            // Define request parameters
+            const requestParams = {
+                method: 'POST',
+                headers: headers,
+                body: requestBody,
+            };
+            // Send the request
+            fetch(url.href, requestParams)
+                .then((response) => response.json())
+                .then((data) => {
+                if (!data.errorCode) {
+                    // Success: Notify the parent window
+                    window.postMessage({ type: 'ForgotPasswordSuccess' });
+                    window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate('successMsg', this.language) } }, window.location.href);
+                }
+                else {
+                    // API responded with an error
+                    this.sendErrorNotification(translate('submitError', this.language));
+                }
+            })
+                .catch(() => {
+                // Network or server error
+                this.sendErrorNotification(translate('submitError', this.language));
+            });
+        };
+        /**
+         * Toggles the player account menu visibility.
+         *
+         * Sends a post message to notify that the player account menu has been activated.
+         */
+        this.toggleScreen = () => {
+            window.postMessage({ type: 'PlayerAccountMenuActive', isMobile: this.isMobile }, window.location.href);
+        };
+        this.endpoint = undefined;
+        this.language = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.mbSource = undefined;
+        this.translationUrl = undefined;
+        this.contactType = '';
+        this.isBtnSubmitEnabled = false;
+        this.skeletonLoading = true;
+        this.hasError = false;
+        this.isMobile = checkDeviceType() === 'mobile' || checkDeviceType() === 'tablet';
+        this.captchaData = {
+            isEnabled: true,
+            token: '',
+            provider: '',
+            siteKey: ''
+        };
+        this.errorMessage = '';
+    }
+    /**
+     * Checks for input validity and set the flags accordingly.
+     */
+    sendValidityStateHandler(e) {
+        if (e.detail.name === 'contact') {
+            this.isContactValid = e.detail.valid;
+            return;
+        }
+    }
+    /**
+     * Handles the 'sendInputValue' event to update component state based on the input field name.
+     *
+     * This function listens for a custom event that carries input values and updates corresponding properties:
+     * - Updates `contactType` if the input name is 'dropdown'.
+     * - Parses and assigns `contact` if the input name is 'contact' (handles phone numbers separately).
+     *
+     * Also determines whether the submit button should be enabled based on the validity of the inputs.
+     *
+     * @param {CustomEvent<InputValueEvent>} e - The custom event containing input details.
+     */
+    sendInputValueHandler(e) {
+        switch (e.detail.name) {
+            case 'dropdown':
+                this.contactType = e.detail.value.toLowerCase();
+                break;
+            case 'contact':
+                this.contact = e.detail.value;
+                break;
+        }
+        this.updateSubmitButtonState();
+    }
+    /**
+     * Updates the state of the submit button based on form validation rules.
+     *
+     * The button is enabled only if:
+     * - The contact (email) input is valid.
+     * - CAPTCHA is either disabled or has a valid token.
+     */
+    updateSubmitButtonState() {
+        this.isBtnSubmitEnabled = this.isContactValid &&
+            !!this.contact &&
+            (!this.captchaData.isEnabled || !!this.captchaData.token);
+    }
+    /**
+     * Watch for changes in the client styling and apply the new styling
+     *
+     * @param newValue - new client styling
+     * @param oldValue - previous client styling
+     */
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    /**
+     * Watch for changes in the client styling URL and fetch the new CSS
+     *
+     * @param newValue - new client styling URL
+     * @param oldValue - previous client styling URL
+     */
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    /**
+     * Send error notification as a post message
+     */
+    sendErrorNotification(errorMessage) {
+        window.postMessage({ type: "HasError", error: errorMessage }, window.location.href);
+        window.postMessage({
+            type: 'WidgetNotification', data: {
+                type: 'error',
+                message: errorMessage
+            }
+        }, window.location.href);
+    }
+    /**
+     * Get the translations and get the configuration.
+     *
+     * Called once just after the component is first connected to the DOM.
+     */
+    async componentWillLoad() {
+        // Get translations
+        if (this.translationUrl) {
+            await getTranslations(this.translationUrl);
+        }
+        // Get widget config
+        this.getConfig().then(() => {
+            this.appendCaptchaScript();
+        }).catch((error) => {
+            console.error(error);
+            this.hasError = true;
+            this.errorMessage = translate('configError', this.language);
+            this.sendErrorNotification(this.errorMessage);
+        }).finally(() => {
+            this.skeletonLoading = false;
+        });
+    }
+    /**
+     * Set the styling for the widget once it's loaded.
+     *
+     * Called once just after the component is fully loaded and the first render() occurs.
+     */
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (window.emMessageBus != undefined) {
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            }
+            else {
+                if (this.clientStyling)
+                    setClientStyling(this.stylingContainer, this.clientStyling);
+                if (this.clientStylingUrl)
+                    setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            }
+        }
+    }
+    /**
+     * Fetches the forgot password configuration from the backend API.
+     *
+     * @returns A Promise that resolves once the configuration is fetched and set.
+     */
+    getConfig() {
+        const url = new URL('/api/v1/players/password-management/password/forgot/config', this.endpoint);
+        return new Promise((resolve, reject) => {
+            fetch(url.href)
+                .then((res) => {
+                if (!res.ok) {
+                    throw new Error(`HTTP error! Status: ${res.status}`);
+                }
+                return res.json();
+            })
+                .then((res) => {
+                const { captcha } = res;
+                if (captcha && typeof captcha.provider === 'string') {
+                    captcha.provider = captcha.provider.toLowerCase();
+                }
+                this.captchaData = Object.assign({}, captcha);
+                resolve();
+            })
+                .catch((error) => {
+                console.error('Error fetching login configuration:', error);
+                reject(error);
+            });
+        });
+    }
+    /**
+     * Dynamically loads the captcha script and renders it 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);
+    }
+    /**
+     * 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
+        this.updateSubmitButtonState();
+    }
+    /**
+     * Lifecycle method: Clean up event listeners for styling.
+     * Called every time the component is disconnected from the DOM
+     */
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    /**
+     * The render function.
+     */
+    render() {
+        if (this.skeletonLoading) {
+            return h("div", { class: "PlayerForgotPassword skeleton" }, h("form", { class: "Form" }, h("div", { class: "ButtonReturn" }, h("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), h("section", { class: "FieldsSection" }, h("div", { class: "FieldContainer" }, h("div", { class: "FieldTitle" }, h("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), h("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), h("section", { class: "ButtonsSection" }, h("div", { class: "Button" }, h("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" })))));
+        }
+        if (this.hasError) {
+            return h("div", { class: "PlayerForgotPassword", ref: el => this.stylingContainer = el }, h("h4", { class: "Error" }, translate('configError', this.language)));
+        }
+        return h("div", { class: "PlayerForgotPassword", ref: el => this.stylingContainer = el }, h("form", { action: ".", class: "Form" }, h("div", { class: "ButtonReturn", onClick: this.toggleScreen }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, h("g", { transform: "translate(-20 -158)" }, h("g", { transform: "translate(20 158)" }, h("path", { class: "aaa", d: "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z", transform: "translate(15 15) rotate(180)" })))), h("h2", { class: "TitleMobile" }, translate('title', this.language))), h("h2", { class: "Title" }, translate('title', this.language)), h("section", { class: "FieldsSection" }, h("div", { class: `ContactWrapper${this.isMobile ? 'Mobile' : ''}` }, h("general-input", { class: "Contact", language: this.language, "client-styling": this.clientStyling, "mb-source": this.mbSource, type: "email", name: "contact", displayName: translate('emailDisplayName'), emitValue: true, validation: this.validation, placeholder: translate('emailPlaceholder') })), this.captchaData.isEnabled && this.captchaData.provider === 'cloudflare' &&
+            h("slot", { name: "turnstile" }), this.captchaData.isEnabled && this.captchaData.provider === 'google' &&
+            h("slot", { name: "google" })), h("section", { class: "ButtonsWrapper" }, h("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitRequest }, translate('btnSubmit', this.language)))));
+    }
+    ;
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"]
+    }; }
+};
+PamForgotPassword.style = PamForgotPasswordStyle0;
+
+export { PamForgotPassword as P };