import { r as p, h as s } from "./index-c666b6e6-obVBSBkL.js";
const g = "en", w = {
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  },
  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.",
    passwordContainsFirstName: "Password should not contain your first name.",
    passwordContainsLastName: "Password should not contain your last name.",
    passwordContainsUsername: "Password should not contain your username.",
    passwordContainsEmail: "Password should not contain your email.",
    passwordContainsFirstNamePlusLastName: "Password should not contain first name + last name.",
    passwordContainsFirstNameAndLastName: "Password should not contain first name and last name.",
    passwordContainsDateOfBirth: "Password should not contain date of birth."
  }
}, P = (a) => new Promise((n) => {
  fetch(a).then((e) => e.json()).then((e) => {
    Object.keys(e).forEach((t) => {
      for (let o in e[t])
        w[t][o] = e[t][o];
    }), n(!0);
  });
}), i = (a, n, e) => {
  const t = n;
  let o = w[t !== void 0 ? t : g][a];
  if (e !== void 0)
    for (const [l, r] of Object.entries(e.values)) {
      const d = new RegExp(`{${l}}`, "g");
      o = o.replace(d, r);
    }
  return o;
};
function c() {
  const a = navigator.userAgent.toLowerCase(), n = screen.availWidth, e = screen.availHeight;
  if (a.includes("iphone"))
    return "mobile";
  if (a.includes("android")) {
    if (e > n && n < 800)
      return "mobile";
    if (n > e && e < 800)
      return "tablet";
  }
  return "desktop";
}
function m(a, n) {
  if (a) {
    const e = document.createElement("style");
    e.innerHTML = n, a.appendChild(e);
  }
}
function h(a, n) {
  if (!a || !n)
    return;
  const e = new URL(n);
  fetch(e.href).then((t) => t.text()).then((t) => {
    const o = document.createElement("style");
    o.innerHTML = t, a && a.appendChild(o);
  }).catch((t) => {
    console.error("There was an error while trying to load client styling from URL", t);
  });
}
function f(a, n, e) {
  if (window.emMessageBus) {
    const t = document.createElement("style");
    window.emMessageBus.subscribe(n, (o) => {
      t.innerHTML = o, a && a.appendChild(t);
    });
  }
}
const y = `:host {
  display: block;
}

.PlayerChangePassword {
  font-family: inherit;
  width: 100%;
  height: 100%;
  container-type: inline-size;
  opacity: 1;
  animation-name: fadeIn;
  animation-iteration-count: 1;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
  container-type: inline-size;
}
.PlayerChangePassword .Wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PlayerChangePassword .Title {
  background-color: transparent;
  font-size: var(--emw--font-size-x-large, 26px);
  color: var(--emw--color-primary, #22B04E);
  font-weight: var(--emw--font-weight-semibold, 500);
}
.PlayerChangePassword .TitleMobile {
  font-size: var(--emw--font-size-x-large, 20px);
  color: var(--emw--color-primary, #22B04E);
}
.PlayerChangePassword svg {
  fill: var(--emw--color-primary, #22B04E);
}
.PlayerChangePassword .ButtonReturn {
  display: none;
  font-family: inherit;
  align-items: center;
  gap: 10px;
}
.PlayerChangePassword .Form {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 40px;
  justify-items: stretch;
  align-content: flex-start;
  overflow: auto;
  width: 100%;
  height: 100%;
}
.PlayerChangePassword .Form .FieldsSection {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.PlayerChangePassword .Form .ButtonsSection {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  position: relative;
}
.PlayerChangePassword .Button {
  font-family: inherit;
  border-radius: var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));
  background: var(--emw--button-background-color, var(--emw--color-primary, #22B04E));
  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #22B04E));
  color: var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));
  font-size: var(--emw--font-size-large, 20px);
  font-weight: var(--emw--font-weight-normal, 400);
  height: 50px;
  width: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
.PlayerChangePassword .Button:disabled {
  background: var(--emfe-w-color-gray-100, #E6E6E6);
  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #828282));
  pointer-events: none;
  cursor: not-allowed;
}
.PlayerChangePassword.skeleton .Form .ButtonReturn {
  width: 150px;
  height: 30px;
  margin-top: 15px;
  display: block;
}
.PlayerChangePassword.skeleton .Form .FieldsSection {
  display: block;
}
.PlayerChangePassword.skeleton .Form .FieldsSection .FieldContainer .FieldTitle {
  width: 100px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.PlayerChangePassword.skeleton .Form .ButtonsSection .Button {
  font-family: inherit;
  border-radius: 50px;
  background: transparent;
  border: none;
  overflow: hidden;
}
@container (max-width: 425px) {
  .PlayerChangePassword .Form .ButtonReturn {
    display: inline-flex;
  }
  .PlayerChangePassword .Form .Title {
    display: none;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0.01;
  }
  1% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}`, C = y, b = class {
  constructor(a) {
    p(this, a), this.currentPasswordValue = "", this.newPasswordValue = "", this.confirmPasswordValue = "", this.isCurrentPasswordValid = !1, this.isNewPasswordValid = !1, this.isConfirmPasswordValid = !1, this.errorMsg = "", this.currentPasswordValidationSchema = { mandatory: !0, custom: [] }, this.newPasswordValidationSchema = { mandatory: !0, custom: [] }, this.confirmPasswordValidationSchema = { mandatory: !0, custom: [] }, this.initValidationSchemas = () => {
      this.confirmPasswordValidationSchema = {
        mandatory: !0,
        maxLength: this.policy.maximumPasswordLength,
        minLength: this.policy.minimumPasswordLength,
        custom: [
          this.policy.customValidationRules.find((n) => n.rule === "duplicate-input")
        ]
      }, this.newPasswordValidationSchema = {
        mandatory: !0,
        maxLength: this.policy.maximumPasswordLength,
        minLength: this.policy.minimumPasswordLength,
        custom: this.policy.customValidationRules
      }, this.currentPasswordValidationSchema = {
        mandatory: !0,
        maxLength: this.policy.maximumPasswordLength,
        minLength: this.policy.minimumPasswordLength,
        custom: this.policy.customValidationRules
      };
    }, this.setErrorMsg = (n, e) => {
      var t, o, l;
      switch (n) {
        case "gm.pms.password_policy_failed":
          if (((o = (t = e?.errors) === null || t === void 0 ? void 0 : t.policy) === null || o === void 0 ? void 0 : o.length) > 0) {
            const r = {
              forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
              minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
              hours: this.policy.minimumPasswordAgeLimitHours > 1 ? "hours" : "hour"
            };
            this.errorMsg = i(n, this.language, { values: r });
          } else if (!((l = e?.errors) === null || l === void 0) && l.strength && Array.isArray(e.errors.strength)) {
            const r = e.errors.strength.map((d) => {
              const u = {
                "Password should not contain first name.": "passwordContainsFirstName",
                "Password should not contain last name.": "passwordContainsLastName",
                "Password should not contain username.": "passwordContainsUsername",
                "Password should not contain email.": "passwordContainsEmail",
                "Password should not contain first name + last name.": "passwordContainsFirstNamePlusLastName",
                "Password should not contain first name and last name.": "passwordContainsFirstNameAndLastName",
                "Password should not contain date of birth.": "passwordContainsDateOfBirth"
              }[d] || null;
              return u ? i(u, this.language) : d;
            });
            this.errorMsg = r.join(" ");
          }
          break;
        case "gm.pms.password_not_verified_unauthorized":
          this.errorMsg = i(n, this.language);
          break;
        default:
          this.errorMsg = i("errorMsgGeneric", this.language);
      }
    }, this.toggleScreen = () => {
      this.forgotMode ? window.postMessage({ type: "OpenLoginRegisterModal", transition: "ForgotPassword" }, window.location.href) : window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.isMobile }, window.location.href);
    }, this.getPolicy = () => {
      const n = new URL("/api/v1/players/password-management/password", this.endpoint), e = new Headers();
      e.append("Accept", "text/plain"), e.append("Content-Type", "application/json-patch+json");
      const t = {
        method: "GET",
        headers: e
      };
      fetch(n.href, t).then((o) => o.status === 200 && o.json()).then((o) => {
        this.policy = o, this.policy.customValidationRules.forEach((l) => {
          l.rule = l.rule.toLowerCase(), l.rule === "duplicateinput" && (l.rule = "duplicate-input");
        }), this.initValidationSchemas();
      }).catch((o) => {
        console.error(`${i("errorMsgGeneric", this.language)}:`, o), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: i("errorMsgGeneric", this.language) } }, window.location.href);
      }).finally(() => {
        this.isSkeletonLoading = !1;
      });
    }, this.submitNewPassword = (n) => {
      if (n.preventDefault(), this.isBtnSubmitEnabled) {
        const e = new URL("/api/v1/players/password-management/password", this.endpoint), t = new Headers();
        t.append("accept", "text/plain"), t.append("Content-Type", "application/json-patch+json");
        const o = JSON.stringify({
          token: this.forgotMode === "true" ? this.token : this.session,
          oldPassword: this.currentPasswordValue,
          newPassword: this.confirmPasswordValue
        }), l = {
          method: "PUT",
          headers: t,
          body: o
        };
        fetch(e.href, l).then((r) => r.json()).then((r) => {
          r.errorCode === null && r.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: i("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(r.message, r), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
        }).catch((r) => console.error(r));
      }
    }, this.language = "en", this.endpoint = "", this.session = "", this.token = "", this.forgotMode = "", this.clientStyling = "", this.clientStylingUrl = "", this.mbSource = void 0, this.translationUrl = "", this.isBtnSubmitEnabled = !1, this.isSkeletonLoading = !0, this.isMobile = c() === "mobile" || c() === "tablet";
  }
  handleClientStylingChange(a, n) {
    a != n && m(this.stylingContainer, this.clientStyling);
  }
  handleClientStylingUrlChange(a, n) {
    a != n && this.clientStylingUrl && h(this.stylingContainer, this.clientStylingUrl);
  }
  sendValidityStateHandler(a) {
    switch (this.isBtnSubmitEnabled = !1, a.detail.name) {
      case "password":
        this.isCurrentPasswordValid = a.detail.valid;
        break;
      case "newPassword":
        this.isNewPasswordValid = a.detail.valid;
        break;
      case "newPasswordDuplicate":
        this.isConfirmPasswordValid = a.detail.valid;
        break;
    }
    (this.forgotMode === "true" || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid && (this.isBtnSubmitEnabled = !0);
  }
  sendInputValueHandler(a) {
    switch (a.detail.name) {
      case "password":
        this.currentPasswordValue = a.detail.value;
        break;
      case "newPassword":
        this.newPasswordValue = a.detail.value;
        break;
      case "newPasswordDuplicate":
        this.confirmPasswordValue = a.detail.value;
        break;
    }
  }
  componentWillLoad() {
    if (this.getPolicy(), this.translationUrl)
      return P(this.translationUrl);
  }
  componentDidLoad() {
    this.stylingContainer && (window.emMessageBus != null ? f(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && m(this.stylingContainer, this.clientStyling), this.clientStylingUrl && h(this.stylingContainer, this.clientStylingUrl)));
  }
  disconnectedCallback() {
    this.stylingSubscription && this.stylingSubscription.unsubscribe();
  }
  render() {
    return this.isSkeletonLoading ? s("div", { class: "PlayerChangePassword skeleton" }, s("form", { class: "Form" }, s("div", { class: "ButtonReturn" }, s("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), s("section", { class: "FieldsSection" }, s("div", { class: "FieldContainer" }, s("div", { class: "FieldTitle" }, s("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), s("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), s("div", { class: "FieldContainer" }, s("div", { class: "FieldTitle" }, s("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), s("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), s("div", { class: "FieldContainer" }, s("div", { class: "FieldTitle" }, s("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), s("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), s("section", { class: "ButtonsSection" }, s("div", { class: "Button" }, s("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))) : s("div", { class: "PlayerChangePassword", ref: (a) => this.stylingContainer = a }, s("form", { class: "Form" }, s("div", { class: "ButtonReturn", onClick: this.toggleScreen }, s("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, s("g", { transform: "translate(-20 -158)" }, s("g", { transform: "translate(20 158)" }, s("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)" })))), s("h2", { class: "TitleMobile" }, i("title", this.language))), s("h2", { class: "Title" }, i("title", this.language)), s("section", { class: "FieldsSection" }, this.forgotMode === "false" && s("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": i("passwordDisplayText", this.language), placeholder: i("passwordPlaceholderText", this.language), validation: { mandatory: !1 }, "no-validation": "true", clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": "true" }), s("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": i("newPasswordDisplayText", this.language), placeholder: i("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), s("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": i("confirmPasswordDisplayText", this.language), placeholder: i("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), s("section", { class: "ButtonsSection" }, s("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, i("btnSubmit", this.language)))));
  }
  static get watchers() {
    return {
      clientStyling: ["handleClientStylingChange", "handleClientStylingChange"],
      clientStylingUrl: ["handleClientStylingUrlChange"]
    };
  }
};
b.style = C;
export {
  b as P
};
