@everymatrix/pam-change-password 1.67.0

package/dist/cjs/index.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const pamChangePassword = require('./pam-change-password-99f2d5ce.js');
+require('./index-719211a0.js');
+
+
+
+exports.PamChangePassword = pamChangePassword.PamChangePassword;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-719211a0.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"pam-change-password",{"language":[513],"endpoint":[513],"session":[513],"token":[513],"forgotMode":[513,"forgot-mode"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"isBtnSubmitEnabled":[32],"isSkeletonLoading":[32],"isMobile":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange","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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"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);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/pam-change-password-99f2d5ce.js

@@ -0,0 +1,430 @@
+'use strict';
+
+const index = require('./index-719211a0.js');
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    "en": {
+        "title": "Change Password",
+        "btnSubmit": "Change Password",
+        "passwordPlaceholderText": "Please enter your password",
+        "newPasswordPlaceholderText": "Please enter your new password",
+        "confirmPasswordPlaceholderText": "Please confirm your new password",
+        "passwordDisplayText": "Current Password",
+        "newPasswordDisplayText": "New Password",
+        "confirmPasswordDisplayText": "Confirm Password",
+        "successMsg": "Password changed successfully",
+        "errorMsgGeneric": "There was an error when attempting to change your password",
+        "gm.pms.password_not_verified_unauthorized": "The current password you have entered is incorrect",
+        "gm.pms.password_policy_failed": "Password cannot be the same as any of the {forbiddenLastPasswordsCount} previous passwords. Password cannot be changed sooner than {minimumPasswordAgeLimitHours} {hours} after the last change."
+    },
+    "fr": {
+        "title": "Changer le mot de passe",
+        "btnSubmit": "Changer le mot de passe",
+        "passwordPlaceholderText": "Veuillez entrer votre mot de passe",
+        "newPasswordPlaceholderText": "Veuillez entrer votre nouveau mot de passe",
+        "confirmPasswordPlaceholderText": "Veuillez confirmer votre nouveau mot de passe",
+        "passwordDisplayText": "Mot de passe actuel",
+        "newPasswordDisplayText": "Nouveau mot de passe",
+        "confirmPasswordDisplayText": "Confirmer le mot de passe",
+        "successMsg": "Mot de passe changé avec succès",
+        "errorMsgGeneric": "Une erreur est survenue lors de la tentative de changement de mot de passe",
+        "gm.pms.password_not_verified_unauthorized": "Le mot de passe actuel que vous avez entré est incorrect",
+        "gm.pms.password_policy_failed": "Le mot de passe ne peut pas être identique à l'un des {forbiddenLastPasswordsCount} derniers mots de passe. Le mot de passe ne peut pas être changé avant {minimumPasswordAgeLimitHours} {hours} après le dernier changement."
+    },
+    "ro": {
+        "title": "Schimbă Parola",
+        "btnSubmit": "Schimbă Parola",
+        "passwordPlaceholderText": "Vă rugăm să introduceți parola",
+        "newPasswordPlaceholderText": "Vă rugăm să introduceți noua parolă",
+        "confirmPasswordPlaceholderText": "Vă rugăm să confirmați noua parolă",
+        "passwordDisplayText": "Parolă Curentă",
+        "newPasswordDisplayText": "Parolă Nouă",
+        "confirmPasswordDisplayText": "Confirmă Parola",
+        "successMsg": "Parola a fost schimbată cu succes",
+        "errorMsgGeneric": "A apărut o eroare la încercarea de schimbare a parolei",
+        "gm.pms.password_not_verified_unauthorized": "Parola curentă introdusă este incorectă",
+        "gm.pms.password_policy_failed": "Parola nu poate fi aceeași cu oricare dintre ultimele {forbiddenLastPasswordsCount} parole. Parola nu poate fi schimbată mai devreme de {minimumPasswordAgeLimitHours} {hours} după ultima schimbare."
+    },
+    "es": {
+        "title": "Cambiar Contraseña",
+        "btnSubmit": "Cambiar Contraseña",
+        "passwordPlaceholderText": "Por favor, introduce tu contraseña",
+        "newPasswordPlaceholderText": "Por favor, introduce tu nueva contraseña",
+        "confirmPasswordPlaceholderText": "Por favor, confirma tu nueva contraseña",
+        "passwordDisplayText": "Contraseña Actual",
+        "newPasswordDisplayText": "Nueva Contraseña",
+        "confirmPasswordDisplayText": "Confirmar Contraseña",
+        "successMsg": "Contraseña cambiada con éxito",
+        "errorMsgGeneric": "Hubo un error al intentar cambiar tu contraseña",
+        "gm.pms.password_not_verified_unauthorized": "La contraseña actual que has introducido es incorrecta",
+        "gm.pms.password_policy_failed": "La contraseña no puede ser la misma que cualquiera de las {forbiddenLastPasswordsCount} contraseñas anteriores. La contraseña no se puede cambiar antes de {minimumPasswordAgeLimitHours} {hours} después del último cambio."
+    },
+    "pt": {
+        "title": "Alterar Senha",
+        "btnSubmit": "Alterar Senha",
+        "passwordPlaceholderText": "Por favor, insira sua senha",
+        "newPasswordPlaceholderText": "Por favor, insira sua nova senha",
+        "confirmPasswordPlaceholderText": "Por favor, confirme sua nova senha",
+        "passwordDisplayText": "Senha Atual",
+        "newPasswordDisplayText": "Nova Senha",
+        "confirmPasswordDisplayText": "Confirmar Senha",
+        "successMsg": "Senha alterada com sucesso",
+        "errorMsgGeneric": "Ocorreu um erro ao tentar alterar sua senha",
+        "gm.pms.password_not_verified_unauthorized": "A senha atual que você inseriu está incorreta",
+        "gm.pms.password_policy_failed": "A senha não pode ser a mesma que qualquer uma das últimas {forbiddenLastPasswordsCount} senhas. A senha não pode ser alterada antes de {minimumPasswordAgeLimitHours} {hours} após a última alteração."
+    },
+    "hr": {
+        "title": "Promijeni lozinku",
+        "btnSubmit": "Promijeni lozinku",
+        "passwordPlaceholderText": "Unesite svoju lozinku",
+        "newPasswordPlaceholderText": "Unesite novu lozinku",
+        "confirmPasswordPlaceholderText": "Potvrdite novu lozinku",
+        "passwordDisplayText": "Trenutna lozinka",
+        "newPasswordDisplayText": "Nova lozinka",
+        "confirmPasswordDisplayText": "Potvrdite lozinku",
+        "successMsg": "Lozinka je uspješno promijenjena",
+        "errorMsgGeneric": "Došlo je do pogreške prilikom pokušaja promjene lozinke",
+        "gm.pms.password_not_verified_unauthorized": "Unesena trenutna lozinka nije ispravna",
+        "gm.pms.password_policy_failed": "Lozinka ne može biti ista kao bilo koja od posljednjih {forbiddenLastPasswordsCount} lozinki. Lozinka se ne može promijeniti prije nego što prođe {minimumPasswordAgeLimitHours} {hours} od posljednje promjene."
+    },
+    "tr": {
+        "title": "Şifreyi Değiştir",
+        "btnSubmit": "Şifreyi Değiştir",
+        "passwordPlaceholderText": "Lütfen şifrenizi girin",
+        "newPasswordPlaceholderText": "Lütfen yeni şifrenizi girin",
+        "confirmPasswordPlaceholderText": "Lütfen yeni şifrenizi onaylayın",
+        "passwordDisplayText": "Mevcut Şifre",
+        "newPasswordDisplayText": "Yeni Şifre",
+        "confirmPasswordDisplayText": "Şifreyi Onaylayın",
+        "successMsg": "Şifre başarıyla değiştirildi",
+        "errorMsgGeneric": "Şifrenizi değiştirirken bir hata oluştu",
+        "gm.pms.password_not_verified_unauthorized": "Girdiğiniz mevcut şifre yanlış",
+        "gm.pms.password_policy_failed": "Şifre, son {forbiddenLastPasswordsCount} şifreden herhangi biriyle aynı olamaz. Şifre, son değişiklikten sonra {minimumPasswordAgeLimitHours} {hours} içinde değiştirilemez."
+    },
+    "hu": {
+        "title": "Jelszó megváltoztatása",
+        "btnSubmit": "Jelszó megváltoztatása",
+        "passwordPlaceholderText": "Kérjük, adja meg a jelszavát",
+        "newPasswordPlaceholderText": "Kérjük, adja meg az új jelszavát",
+        "confirmPasswordPlaceholderText": "Kérjük, erősítse meg az új jelszavát",
+        "passwordDisplayText": "Jelenlegi jelszó",
+        "newPasswordDisplayText": "Új jelszó",
+        "confirmPasswordDisplayText": "Jelszó megerősítése",
+        "successMsg": "A jelszó sikeresen megváltozott",
+        "errorMsgGeneric": "Hiba történt a jelszó megváltoztatásakor",
+        "gm.pms.password_not_verified_unauthorized": "A megadott jelenlegi jelszó helytelen",
+        "gm.pms.password_policy_failed": "A jelszó nem egyezhet meg az utolsó {forbiddenLastPasswordsCount} jelszóval. A jelszó nem változtatható meg {minimumPasswordAgeLimitHours} {hours}-on belül az utolsó módosítás óta."
+    }
+};
+const getTranslations = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    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, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[lang !== undefined ? lang : DEFAULT_LANGUAGE][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+
+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 pamChangePasswordCss = ":host {\n  display: block;\n}\n\n.PlayerChangePassword {\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.PlayerChangePassword .Wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.PlayerChangePassword .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.PlayerChangePassword .TitleMobile {\n  font-size: var(--emw--font-size-x-large, 20px);\n  color: var(--emw--color-primary, #22B04E);\n}\n.PlayerChangePassword svg {\n  fill: var(--emw--color-primary, #22B04E);\n}\n.PlayerChangePassword .ButtonReturn {\n  display: none;\n  font-family: inherit;\n  align-items: center;\n  gap: 10px;\n}\n.PlayerChangePassword .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.PlayerChangePassword .Form .FieldsSection {\n  display: flex;\n  flex-direction: column;\n  gap: 30px;\n}\n.PlayerChangePassword .Form .ButtonsSection {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  align-items: center;\n  position: relative;\n}\n.PlayerChangePassword .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.PlayerChangePassword .Button:disabled {\n  background: var(--emfe-w-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.PlayerChangePassword.skeleton .Form .ButtonReturn {\n  width: 150px;\n  height: 30px;\n  margin-top: 15px;\n  display: block;\n}\n.PlayerChangePassword.skeleton .Form .FieldsSection {\n  display: block;\n}\n.PlayerChangePassword.skeleton .Form .FieldsSection .FieldContainer .FieldTitle {\n  width: 100px;\n  margin-top: 30px;\n  margin-bottom: 15px;\n}\n.PlayerChangePassword.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  .PlayerChangePassword .Form .ButtonReturn {\n    display: inline-flex;\n  }\n  .PlayerChangePassword .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 PamChangePasswordStyle0 = pamChangePasswordCss;
+
+const PamChangePassword = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.currentPasswordValue = '';
+        this.newPasswordValue = '';
+        this.confirmPasswordValue = '';
+        this.isCurrentPasswordValid = false;
+        this.isNewPasswordValid = false;
+        this.isConfirmPasswordValid = false;
+        this.errorMsg = '';
+        this.currentPasswordValidationSchema = { mandatory: true, custom: [] };
+        this.newPasswordValidationSchema = { mandatory: true, custom: [] };
+        this.confirmPasswordValidationSchema = { mandatory: true, custom: [] };
+        this.initValidationSchemas = () => {
+            this.confirmPasswordValidationSchema = {
+                mandatory: true,
+                maxLength: this.policy.maximumPasswordLength,
+                minLength: this.policy.minimumPasswordLength,
+                custom: [
+                    this.policy.customValidationRules.find(validation => validation.rule === 'duplicate-input')
+                ]
+            };
+            this.newPasswordValidationSchema = {
+                mandatory: true,
+                maxLength: this.policy.maximumPasswordLength,
+                minLength: this.policy.minimumPasswordLength,
+                custom: this.policy.customValidationRules
+            };
+            this.currentPasswordValidationSchema = {
+                mandatory: true,
+                maxLength: this.policy.maximumPasswordLength,
+                minLength: this.policy.minimumPasswordLength,
+                custom: this.policy.customValidationRules
+            };
+        };
+        this.setErrorMsg = (key) => {
+            switch (key) {
+                case 'gm.pms.password_policy_failed':
+                    const values = {
+                        forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
+                        minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
+                        hours: this.policy.minimumPasswordAgeLimitHours > 1 ? 'hours' : 'hour'
+                    };
+                    this.errorMsg = translate(key, this.language, { values: values });
+                    break;
+                case 'gm.pms.password_not_verified_unauthorized':
+                    this.errorMsg = translate(key, this.language);
+                    break;
+                default:
+                    this.errorMsg = translate('errorMsgGeneric', this.language);
+            }
+        };
+        this.toggleScreen = () => {
+            window.postMessage({ type: 'PlayerAccountMenuActive', isMobile: this.isMobile }, window.location.href);
+        };
+        this.getPolicy = () => {
+            const url = new URL('/api/v1/players/password-management/password', this.endpoint);
+            const headers = new Headers();
+            headers.append('Accept', 'text/plain');
+            headers.append('Content-Type', 'application/json-patch+json');
+            const requestParams = {
+                method: 'GET',
+                headers: headers
+            };
+            fetch(url.href, requestParams)
+                .then((res) => res.status === 200 && res.json())
+                .then((res) => {
+                this.policy = res;
+                this.policy.customValidationRules.forEach((validation) => {
+                    validation.rule = validation.rule.toLowerCase();
+                    if (validation.rule === 'duplicateinput')
+                        validation.rule = 'duplicate-input';
+                });
+                this.initValidationSchemas();
+            })
+                .catch((err) => {
+                console.error(`${translate('errorMsgGeneric', this.language)}:`, err);
+                window.postMessage({ type: 'WidgetNotification', data: { type: 'error', message: translate('errorMsgGeneric', this.language) } }, window.location.href);
+            })
+                .finally(() => {
+                this.isSkeletonLoading = false;
+            });
+        };
+        this.submitNewPassword = (e) => {
+            e.preventDefault();
+            if (this.isBtnSubmitEnabled) {
+                const url = new URL('/api/v1/players/password-management/password', this.endpoint);
+                const headers = new Headers();
+                headers.append('accept', 'text/plain');
+                headers.append('Content-Type', 'application/json-patch+json');
+                const body = JSON.stringify({
+                    token: this.forgotMode === 'true' ? this.token : this.session,
+                    oldPassword: this.currentPasswordValue,
+                    newPassword: this.confirmPasswordValue
+                });
+                const requestParams = {
+                    method: 'PUT',
+                    headers: headers,
+                    body: body
+                };
+                fetch(url.href, requestParams)
+                    .then((res) => res.json())
+                    .then((res) => {
+                    if (res.errorCode === null && res.message === 'pms.password.update.success') {
+                        window.postMessage({ type: 'PasswordChangedSuccessfully' });
+                        window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate('successMsg', this.language) } }, window.location.href);
+                    }
+                    else {
+                        this.setErrorMsg(res.message);
+                        window.postMessage({ type: 'WidgetNotification', data: { type: 'error', message: this.errorMsg } }, window.location.href);
+                    }
+                })
+                    .catch((err) => console.error(err));
+            }
+        };
+        this.language = 'en';
+        this.endpoint = '';
+        this.session = '';
+        this.token = '';
+        this.forgotMode = '';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.mbSource = undefined;
+        this.translationUrl = '';
+        this.isBtnSubmitEnabled = false;
+        this.isSkeletonLoading = true;
+        this.isMobile = checkDeviceType() === 'mobile' || checkDeviceType() === 'tablet';
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    sendValidityStateHandler(e) {
+        this.isBtnSubmitEnabled = false;
+        switch (e.detail.name) {
+            case 'password':
+                this.isCurrentPasswordValid = e.detail.valid;
+                break;
+            case 'newPassword':
+                this.isNewPasswordValid = e.detail.valid;
+                break;
+            case 'newPasswordDuplicate':
+                this.isConfirmPasswordValid = e.detail.valid;
+                break;
+        }
+        if ((this.forgotMode === 'true' || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid) {
+            this.isBtnSubmitEnabled = true;
+        }
+    }
+    sendInputValueHandler(e) {
+        switch (e.detail.name) {
+            case 'password':
+                this.currentPasswordValue = e.detail.value;
+                break;
+            case 'newPassword':
+                this.newPasswordValue = e.detail.value;
+                break;
+            case 'newPasswordDuplicate':
+                this.confirmPasswordValue = e.detail.value;
+                break;
+        }
+    }
+    componentWillLoad() {
+        this.getPolicy();
+        if (this.translationUrl) {
+            return getTranslations(this.translationUrl);
+        }
+    }
+    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);
+            }
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    render() {
+        if (this.isSkeletonLoading) {
+            return (index.h("div", { class: "PlayerChangePassword skeleton" }, index.h("form", { class: "Form" }, index.h("div", { class: "ButtonReturn" }, index.h("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), index.h("section", { class: "FieldsSection" }, index.h("div", { class: "FieldContainer" }, index.h("div", { class: "FieldTitle" }, index.h("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), index.h("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), index.h("div", { class: "FieldContainer" }, index.h("div", { class: "FieldTitle" }, index.h("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), index.h("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), index.h("div", { class: "FieldContainer" }, index.h("div", { class: "FieldTitle" }, index.h("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), index.h("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), index.h("section", { class: "ButtonsSection" }, index.h("div", { class: "Button" }, index.h("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))));
+        }
+        return (index.h("div", { class: "PlayerChangePassword", ref: el => this.stylingContainer = el }, index.h("form", { class: "Form" }, index.h("div", { class: "ButtonReturn", onClick: this.toggleScreen }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, index.h("g", { transform: "translate(-20 -158)" }, index.h("g", { transform: "translate(20 158)" }, index.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)" })))), index.h("h2", { class: "TitleMobile" }, translate('title', this.language))), index.h("h2", { class: "Title" }, translate('title', this.language)), index.h("section", { class: "FieldsSection" }, this.forgotMode === 'false'
+            && index.h("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": translate('passwordDisplayText', this.language), placeholder: translate('passwordPlaceholderText', this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": true }), index.h("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": translate('newPasswordDisplayText', this.language), placeholder: translate('newPasswordPlaceholderText', this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), index.h("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": translate('confirmPasswordDisplayText', this.language), placeholder: translate('confirmPasswordPlaceholderText', this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": true, clientStyling: this.clientStyling, "mb-source": this.mbSource })), index.h("section", { class: "ButtonsSection" }, index.h("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, translate('btnSubmit', this.language))))));
+    }
+    static get watchers() { return {
+        "clientStyling": ["handleClientStylingChange", "handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"]
+    }; }
+};
+PamChangePassword.style = PamChangePasswordStyle0;
+
+exports.PamChangePassword = PamChangePassword;

package/dist/cjs/pam-change-password.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-719211a0.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('pam-change-password.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["checkbox-group-input_14.cjs",[[1,"pam-change-password",{"language":[513],"endpoint":[513],"session":[513],"token":[513],"forgotMode":[513,"forgot-mode"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[1,"mb-source"],"translationUrl":[513,"translation-url"],"isBtnSubmitEnabled":[32],"isSkeletonLoading":[32],"isMobile":[32]},[[0,"sendValidityState","sendValidityStateHandler"],[0,"sendInputValue","sendInputValueHandler"]],{"clientStyling":["handleClientStylingChange","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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"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"],"hidePasswordComplexity":[516,"hide-password-complexity"],"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);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,36 @@
+{
+  "entries": [
+    "components/pam-change-password/pam-change-password.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/general-input",
+      "tags": [
+        "checkbox-group-input",
+        "checkbox-input",
+        "date-input",
+        "email-input",
+        "general-input",
+        "number-input",
+        "password-input",
+        "radio-input",
+        "select-input",
+        "tel-input",
+        "text-input",
+        "toggle-checkbox-input"
+      ]
+    },
+    {
+      "name": "@everymatrix/ui-skeleton",
+      "tags": [
+        "ui-skeleton"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/pam-change-password/index.js

@@ -0,0 +1 @@
+export { PamChangePassword } from './pam-change-password';