@everymatrix/player-account-controller 1.53.0 → 1.53.10

package/stencil/player-change-password-gm2-98dcb7bc-gLcZhl3S.js

@@ -0,0 +1,253 @@
+import { r as m, h as i } from "./index-062e829b-DAFsZs6D.js";
+const h = "en", c = {
+  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."
+  }
+}, w = (s) => new Promise((a) => {
+  fetch(s).then((e) => e.json()).then((e) => {
+    Object.keys(e).forEach((t) => {
+      for (let r in e[t])
+        c[t][r] = e[t][r];
+    }), a(!0);
+  });
+}), o = (s, a, e) => {
+  const t = a;
+  let r = c[t !== void 0 ? t : h][s];
+  if (e !== void 0)
+    for (const [l, n] of Object.entries(e.values)) {
+      const u = new RegExp(`{${l}}`, "g");
+      r = r.replace(u, n);
+    }
+  return r;
+};
+function d() {
+  const s = navigator.userAgent.toLowerCase(), a = screen.availWidth, e = screen.availHeight;
+  if (s.includes("iphone"))
+    return "mobile";
+  if (s.includes("android")) {
+    if (e > a && a < 800)
+      return "mobile";
+    if (a > e && e < 800)
+      return "tablet";
+  }
+  return "desktop";
+}
+const p = ":host{display:block}.PlayerChangePassword{font-family:inherit;width:100%;height:100%;container-type:inline-size}.PlayerChangePassword .Wrapper{display:flex;justify-content:center;align-items:center}.PlayerChangePassword .Title{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--color-primary, #D0046C);font-weight:var(--emw--font-weight-semibold, 500)}.PlayerChangePassword .TitleMobile{font-size:var(--emw--font-size-x-large, 20px);color:var(--emw--color-primary, #D0046C)}.PlayerChangePassword svg{fill:var(--emw--color-primary, #D0046C)}.PlayerChangePassword .ButtonReturn{font-family:inherit;display:inline-flex;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, #D0046C));border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #D0046C));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}", g = p, f = class {
+  constructor(s) {
+    m(this, s), this.language = "en", this.endpoint = "", this.session = "", this.token = "", this.forgotMode = "", this.clientStyling = "", this.clientStylingUrl = "", this.translationUrl = "", this.isBtnSubmitEnabled = !1, this.isMobile = d() === "mobile" || d() === "tablet", 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.setClientStyling = () => {
+      let a = document.createElement("style");
+      a.innerHTML = this.clientStyling, this.stylingContainer.shadowRoot.prepend(a);
+    }, this.setClientStylingURL = () => {
+      let a = new URL(this.clientStylingUrl), e = document.createElement("style");
+      fetch(a.href).then((t) => t.text()).then((t) => {
+        e.innerHTML = t, this.clientStyling = t, setTimeout(() => {
+          this.stylingContainer.shadowRoot.prepend(e);
+        }, 1);
+      });
+    }, this.initValidationSchemas = () => {
+      this.policy && (this.newPasswordValidationSchema.custom = this.policy.customValidationRules, this.newPasswordValidationSchema.maxLength = this.policy.maximumPasswordLength, this.newPasswordValidationSchema.minLength = this.policy.minimumPasswordLength);
+    }, this.setErrorMsg = (a) => {
+      switch (a) {
+        case "gm.pms.password_policy_failed":
+          const e = {
+            forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
+            minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
+            hours: this.policy.minimumPasswordAgeLimitHours > 1 ? "hours" : "hour"
+          };
+          this.errorMsg = o(a, this.language, { values: e });
+          break;
+        case "gm.pms.password_not_verified_unauthorized":
+          this.errorMsg = o(a, this.language);
+          break;
+        default:
+          this.errorMsg = o("errorMsgGeneric", this.language);
+      }
+    }, this.toggleScreen = () => {
+      window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.isMobile }, window.location.href);
+    }, this.getPolicy = () => {
+      const a = new URL("/api/v1/players/password-management/password", this.endpoint), e = new Headers();
+      e.append("Accept", "text/plain");
+      const t = {
+        method: "GET",
+        headers: e
+      };
+      fetch(a.href, t).then((r) => r.status === 200 && r.json()).then((r) => this.policy = r).catch((r) => console.error(r));
+    }, this.submitNewPassword = (a) => {
+      if (a.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 r = JSON.stringify({
+          token: this.forgotMode === "true" ? this.token : this.session,
+          oldPassword: this.currentPasswordValue,
+          newPassword: this.confirmPasswordValue
+        }), l = {
+          method: "PUT",
+          headers: t,
+          body: r
+        };
+        fetch(e.href, l).then((n) => n.json()).then((n) => {
+          n.errorCode === null && n.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: o("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(n.message), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
+        }).catch((n) => console.error(n));
+      }
+    };
+  }
+  updateClientStyling() {
+    this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL();
+  }
+  sendValidityStateHandler(s) {
+    switch (this.isBtnSubmitEnabled = !1, s.detail.name) {
+      case "password":
+        this.isCurrentPasswordValid = s.detail.valid;
+        break;
+      case "newPassword":
+        this.isNewPasswordValid = s.detail.valid;
+        break;
+      case "newPasswordDuplicate":
+        this.isConfirmPasswordValid = s.detail.valid;
+        break;
+    }
+    (this.forgotMode === "true" || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid && (this.isBtnSubmitEnabled = !0);
+  }
+  sendInputValueHandler(s) {
+    switch (s.detail.name) {
+      case "password":
+        this.currentPasswordValue = s.detail.value;
+        break;
+      case "newPassword":
+        this.newPasswordValue = s.detail.value;
+        break;
+      case "newPasswordDuplicate":
+        this.confirmPasswordValue = s.detail.value;
+        break;
+    }
+  }
+  componentWillLoad() {
+    if (this.getPolicy(), this.initValidationSchemas(), this.translationUrl)
+      return w(this.translationUrl);
+  }
+  componentDidLoad() {
+    this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL();
+  }
+  render() {
+    return i("div", { key: "fdc5ea51aa25b9fbc8a7ee478297d71d15a08f2c", class: "PlayerChangePassword", ref: (s) => this.stylingContainer = s }, i("form", { key: "9e57cd2df6b15a1ae99fb27fa3a2486f1a21f18f", class: "Form" }, this.isMobile ? i("div", { class: "ButtonReturn", onClick: this.toggleScreen }, i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, i("g", { transform: "translate(-20 -158)" }, i("g", { transform: "translate(20 158)" }, i("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)" })))), i("h2", { class: "TitleMobile" }, o("title", this.language))) : i("h2", { class: "Title" }, o("title", this.language)), i("section", { key: "9b60406411e82d8dafa816ce01d6e3a5e57d8525", class: "FieldsSection" }, this.forgotMode === "false" && i("password-input", { key: "f82fe04e2fc6cf1edc0a09aecb45ad369d24f0d1", language: this.language, name: "password", "display-name": o("passwordDisplayText", this.language), placeholder: o("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling }), i("password-input", { key: "c187ab98fd9f1c030ed346d3bfc2e63fcf11a606", language: this.language, name: "newPassword", "display-name": o("newPasswordDisplayText", this.language), placeholder: o("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling }), i("password-input", { key: "1036d4a277523255c4d9295a4ac21319073bc97c", language: this.language, name: "newPasswordDuplicate", "display-name": o("confirmPasswordDisplayText", this.language), placeholder: o("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling })), i("section", { key: "f717e1427c3669abfafb8a3bd81a3b804427c50b", class: "ButtonsSection" }, i("button", { key: "02229a9b3e5f730e77831bec06043392f29bd8d0", class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, o("btnSubmit", this.language)))));
+  }
+  static get watchers() {
+    return {
+      clientStyling: ["updateClientStyling"],
+      clientStylingUrl: ["updateClientStyling"]
+    };
+  }
+};
+f.style = g;
+export {
+  f as P
+};

package/stencil/player-change-password-gm2-DR3e2gh5.js

@@ -0,0 +1,7 @@
+import { b as i, p as a } from "./index-062e829b-DAFsZs6D.js";
+import { g as t } from "./app-globals-0f993ce5-C0vi_PY4.js";
+var n = () => {
+  const e = import.meta.url, l = {};
+  return e !== "" && (l.resourcesUrl = new URL(".", e).href), a(l);
+};
+n().then(async (e) => (await t(), i([["password-input_2", [[1, "player-change-password-gm2", { language: [513], endpoint: [513], session: [513], token: [513], forgotMode: [513, "forgot-mode"], clientStyling: [513, "client-styling"], clientStylingUrl: [513, "client-styling-url"], translationUrl: [513, "translation-url"], isBtnSubmitEnabled: [32], isMobile: [32] }, [[0, "sendValidityState", "sendValidityStateHandler"], [0, "sendInputValue", "sendInputValueHandler"]], { clientStyling: ["updateClientStyling"], clientStylingUrl: ["updateClientStyling"] }], [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"]], { isValid: ["validityChanged"], value: ["valueChanged"], emitValue: ["emitValueHandler"] }]]], ["checkbox-group-input_9", [[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] }, [[4, "click", "handleClickOutside"]], { 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"]], { 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"]], { 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"]], { 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"]], { isValid: ["validityChanged"], 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"]], { 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"]], { 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"]], { 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"]], { isValid: ["validityChanged"], emitValue: ["emitValueHandler"] }]]], ["general-input", [[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"] }]]], ["toggle-checkbox-input", [[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"]]]]]], e)));

package/stencil/{player-kyc-verification-BwGXWzTR.js → player-kyc-verification-BQZdJFEJ.js}

@@ -1,30 +1,12 @@
-var u = (e, n, t) => new Promise((a, o) => {
-  var l = (d) => {
-    try {
-      s(t.next(d));
-    } catch (p) {
-      o(p);
-    }
-  }, c = (d) => {
-    try {
-      s(t.throw(d));
-    } catch (p) {
-      o(p);
-    }
-  }, s = (d) => d.done ? a(d.value) : Promise.resolve(d.value).then(l, c);
-  s((t = t.apply(e, n)).next());
-});
-import { b as g, p as y, r as v, h as i, F as m } from "./index-0437c9c0-1mLvhyVA.js";
-import { g as w } from "./app-globals-0f993ce5-aPSxk6sG.js";
-var C = () => {
+import { b as h, p as g, r as y, h as i, F as u } from "./index-9b3245b3-rzHgwqlB.js";
+import { a as v } from "./app-globals-0f993ce5-C0vi_PY4.js";
+var w = () => {
   const e = import.meta.url, n = {};
-  return e !== "" && (n.resourcesUrl = new URL(".", e).href), y(n);
+  return e !== "" && (n.resourcesUrl = new URL(".", e).href), g(n);
 };
-C().then((e) => u(void 0, null, function* () {
-  return yield w(), g([["player-kyc-verification", [[1, "player-kyc-verification", { userId: [1, "user-id"], session: [1], language: [1], endpoint: [1], translationUrl: [1, "translation-url"], clientStyling: [1, "client-styling"], verifiedIcon: [1, "verified-icon"], failedIcon: [1, "failed-icon"], defaultIcon: [1, "default-icon"], clientStylingUrl: [1, "client-styling-url"], verificationType: [32], isLoading: [32], stylingAppends: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], selectedOption: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"] }]]]], e);
-}));
-const x = "en";
-let f = {
+w().then(async (e) => (await v(), h([["player-kyc-verification", [[1, "player-kyc-verification", { userId: [1, "user-id"], session: [1], language: [1], endpoint: [1], translationUrl: [1, "translation-url"], clientStyling: [1, "client-styling"], verifiedIcon: [1, "verified-icon"], failedIcon: [1, "failed-icon"], defaultIcon: [1, "default-icon"], clientStylingUrl: [1, "client-styling-url"], verificationType: [32], isLoading: [32], stylingAppends: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], selectedOption: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"] }]]]], e)));
+const C = "en";
+let c = {
   en: {
     loading: "Loading, please wait ...",
     noVerificationRequired: "There is no verification required for your account at this moment.",
@@ -510,18 +492,18 @@ let f = {
     Voucher: "Voucher"
   }
 };
-const h = (e) => new Promise((n) => {
+const m = (e) => new Promise((n) => {
   fetch(e).then((t) => t.json()).then((t) => {
     Object.keys(t).forEach((a) => {
-      f[a] || (f[a] = {});
+      c[a] || (c[a] = {});
       for (let o in t[a])
-        f[a][o] = t[a][o];
+        c[a][o] = t[a][o];
     }), n(!0);
   });
 }), r = (e, n, t) => {
   const a = n;
-  return f[a !== void 0 && a in f ? a : x][e];
-}, k = (e) => !!(e.toLowerCase().match(/android/i) || e.toLowerCase().match(/blackberry|bb/i) || e.toLowerCase().match(/iphone|ipad|ipod/i) || e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)), b = `:host {
+  return c[a !== void 0 && a in c ? a : C][e];
+}, x = (e) => !!(e.toLowerCase().match(/android/i) || e.toLowerCase().match(/blackberry|bb/i) || e.toLowerCase().match(/iphone|ipad|ipod/i) || e.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)), k = `:host {
   font-family: inherit;
 }
 
@@ -700,9 +682,9 @@ button, select {
   .player-kyc-verification-widget .verification-types {
     grid-template-columns: repeat(2, 1fr);
   }
-}`, S = b, P = class {
+}`, b = k, S = class {
   constructor(e) {
-    v(this, e), this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = k(this.userAgent), this.setClientStyling = () => {
+    y(this, e), this.userId = "", this.session = "", this.endpoint = "", this.translationUrl = "", this.clientStyling = "", this.verifiedIcon = "", this.failedIcon = "", this.defaultIcon = "", this.clientStylingUrl = "", this.verificationType = [], this.isLoading = !1, this.stylingAppends = !1, this.selectedFile = null, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1, this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = x(this.userAgent), this.setClientStyling = () => {
       let n = document.createElement("style");
       n.innerHTML = this.clientStyling, this.stylingContainer.prepend(n);
     }, this.setClientStylingURL = () => {
@@ -716,47 +698,43 @@ button, select {
       });
     }, this.handleToggleScreen = () => {
       this.toggleScreen(this.isMobile);
-    }, this.userId = "", this.session = "", this.language = void 0, this.endpoint = "", this.translationUrl = "", this.clientStyling = "", this.verifiedIcon = "", this.failedIcon = "", this.defaultIcon = "", this.clientStylingUrl = "", this.verificationType = [], this.isLoading = !1, this.stylingAppends = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.selectedOption = void 0, this.expandedOnDesktop = !1;
+    };
   }
   handleNewTranslations() {
-    this.isLoading = !0, h(this.translationUrl).then(() => {
+    this.isLoading = !0, m(this.translationUrl).then(() => {
       this.isLoading = !1;
     });
   }
-  componentWillLoad() {
-    return u(this, null, function* () {
-      this.translationUrl.length > 2 && (yield h(this.translationUrl));
-    });
+  async componentWillLoad() {
+    this.translationUrl.length > 2 && await m(this.translationUrl);
   }
   componentDidRender() {
     !this.stylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.clientStylingUrl && this.setClientStylingURL(), this.stylingAppends = !0);
   }
-  componentDidLoad() {
-    return u(this, null, function* () {
-      window.innerWidth > 700 && (this.expandedOnDesktop = !0);
-      try {
-        let e = new URL(`${this.endpoint}/v2/player/${this.userId}/verification/GetKYCCustomerStatus`);
-        const n = {
-          method: "POST",
-          headers: {
-            "X-SessionId": this.session,
-            "Content-Type": "application/json"
-          },
-          body: JSON.stringify({})
-        };
-        fetch(e.href, n).then((t) => {
-          if (t.status === 200)
-            return t.json();
-          throw new Error("HTTP status " + t.status);
-        }).then((t) => {
-          this.verificationType = t.verifications;
-        }).catch((t) => {
-          console.error(t);
-        });
-      } catch (e) {
-        console.error("Error fetching verification types:", e);
-      }
-    });
+  async componentDidLoad() {
+    window.innerWidth > 700 && (this.expandedOnDesktop = !0);
+    try {
+      let e = new URL(`${this.endpoint}/v2/player/${this.userId}/verification/GetKYCCustomerStatus`);
+      const n = {
+        method: "POST",
+        headers: {
+          "X-SessionId": this.session,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify({})
+      };
+      fetch(e.href, n).then((t) => {
+        if (t.status === 200)
+          return t.json();
+        throw new Error("HTTP status " + t.status);
+      }).then((t) => {
+        this.verificationType = t.verifications;
+      }).catch((t) => {
+        console.error(t);
+      });
+    } catch (e) {
+      console.error("Error fetching verification types:", e);
+    }
   }
   handleOptionChange(e, n) {
     const t = e.target;
@@ -765,7 +743,7 @@ button, select {
   handleDocumentsStatus(e, n, t) {
     this.verificationType = this.verificationType.map((a) => {
       if (a.type === e) {
-        const o = a.documents.find((l) => l.code === t);
+        const o = a.documents.find((s) => s.code === t);
         o && (o.statusUploaded = n);
       }
       return a;
@@ -807,11 +785,11 @@ button, select {
           if (o.ok)
             return this.uploadingStatus = r("uploading", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), o.json();
         }).then((o) => {
-          const l = new FormData();
-          l.append(n, this.selectedFile[0]), fetch(o.Url, { method: "POST", body: l }).then((c) => {
-            c.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = r("successUploadMultipleFiles", this.language) : this.uploadingStatus = r("successUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n)) : (this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), console.error("File upload error:", c.status));
-          }).catch((c) => {
-            console.error("File upload error:", c);
+          const s = new FormData();
+          s.append(n, this.selectedFile[0]), fetch(o.Url, { method: "POST", body: s }).then((d) => {
+            d.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = r("successUploadMultipleFiles", this.language) : this.uploadingStatus = r("successUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n)) : (this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), console.error("File upload error:", d.status));
+          }).catch((d) => {
+            console.error("File upload error:", d);
           });
         }).catch((o) => {
           console.error("File upload error:", o);
@@ -824,8 +802,8 @@ button, select {
         if (new Function(a)(), this.scriptInjected)
           n(!0);
         else {
-          const l = document.createElement("script");
-          l.src = "https://test.insic.de/frontend3/static/js/avs-loader.min.js", document.head.appendChild(l), this.scriptInjected = !0, n(!0);
+          const s = document.createElement("script");
+          s.src = "https://test.insic.de/frontend3/static/js/avs-loader.min.js", document.head.appendChild(s), this.scriptInjected = !0, n(!0);
         }
       }).catch((a) => {
         t(a);
@@ -837,21 +815,21 @@ button, select {
   }
   renderVerificationTypeBox(e) {
     this.expandedOnDesktop && (e.expanded = !0);
-    let n = e.expanded, t = e.type.trim(), a = e.optionChosen, o = e.status, l = e.documents, c = e.flowInfo;
-    const s = o === "Verified", d = o === "Failed" || o === "Expired";
-    return i("div", { class: `verification-box ${n ? "expanded" : ""} ${d ? "failed" : ""} ${s ? "success" : ""}` }, i("div", { class: `box box-header ${n ? "expanded" : ""}`, onClick: () => {
-      var p;
-      return this.toggleVerificationType(e.type, (p = e.flowInfo) === null || p === void 0 ? void 0 : p.type);
-    } }, i("div", { class: "box-icon" }, s ? i("div", null, this.verifiedIcon ? i("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), i("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), i("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : d ? i("div", null, this.failedIcon ? i("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), i("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), i("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : i("div", null, this.defaultIcon ? i("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" }) : i("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M4 4V20C4 21.1046 4.89543 22 6 22L18 22C19.1046 22 20 21.1046 20 20V8.34162C20 7.8034 19.7831 7.28789 19.3982 6.91161L14.9579 2.56999C14.5842 2.20459 14.0824 2 13.5597 2L6 2C4.89543 2 4 2.89543 4 4Z", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" })))), i("div", { class: "box-title" }, r(t, this.language)), i("div", { class: "chevron-icon" }, i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, i("path", { d: n ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), n ? this.renderExpandedContent(e, a, o, l, c, s, d) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
+    let n = e.expanded, t = e.type.trim(), a = e.optionChosen, o = e.status, s = e.documents, d = e.flowInfo;
+    const l = o === "Verified", p = o === "Failed" || o === "Expired";
+    return i("div", { class: `verification-box ${n ? "expanded" : ""} ${p ? "failed" : ""} ${l ? "success" : ""}` }, i("div", { class: `box box-header ${n ? "expanded" : ""}`, onClick: () => {
+      var f;
+      return this.toggleVerificationType(e.type, (f = e.flowInfo) === null || f === void 0 ? void 0 : f.type);
+    } }, i("div", { class: "box-icon" }, l ? i("div", null, this.verifiedIcon ? i("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), i("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), i("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : p ? i("div", null, this.failedIcon ? i("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" }) : i("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), i("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), i("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : i("div", null, this.defaultIcon ? i("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" }) : i("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M4 4V20C4 21.1046 4.89543 22 6 22L18 22C19.1046 22 20 21.1046 20 20V8.34162C20 7.8034 19.7831 7.28789 19.3982 6.91161L14.9579 2.56999C14.5842 2.20459 14.0824 2 13.5597 2L6 2C4.89543 2 4 2.89543 4 4Z", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), i("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" })))), i("div", { class: "box-title" }, r(t, this.language)), i("div", { class: "chevron-icon" }, i("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, i("path", { d: n ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), n ? this.renderExpandedContent(e, a, o, s, d, l, p) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
   }
   renderDocumentsActions(e, n, t) {
-    return i("div", null, this.isStatusUploaded(e) ? i("div", { class: "upload-status" }, r("uploaded", this.language)) : e != null && e.statusUploaded ? i("div", { class: "upload-status" }, e == null ? void 0 : e.statusUploaded) : i("div", { class: "documents-action" }, i("div", { class: "sample-file" }, (e == null ? void 0 : e.sampleType) === "FileDownload" ? i("button", { class: "download-button", onClick: () => this.downloadPDF(e == null ? void 0 : e.sampleUrl) }, i("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M12 0C5.372 0 0 5.372 0 12C0 18.628 5.372 24 12 24C18.628 24 24 18.628 24 12C24 5.372 18.628 0 12 0ZM12 22C6.485 22 2 17.515 2 12C2 6.485 6.485 2 12 2C17.515 2 22 6.485 22 12C22 17.515 17.515 22 12 22Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" })), i("span", null, r("download", this.language))) : null), i("div", { class: "upload-button" }, n ? i("label", null, i("input", { type: "file", accept: "*", onChange: (a) => this.handleFileSelection(a.target.files, this.selectedOption, t.type), style: { display: "none" } }), i("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), i("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" }))) : null)));
+    return i("div", null, this.isStatusUploaded(e) ? i("div", { class: "upload-status" }, r("uploaded", this.language)) : e?.statusUploaded ? i("div", { class: "upload-status" }, e?.statusUploaded) : i("div", { class: "documents-action" }, i("div", { class: "sample-file" }, e?.sampleType === "FileDownload" ? i("button", { class: "download-button", onClick: () => this.downloadPDF(e?.sampleUrl) }, i("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, i("path", { d: "M12 0C5.372 0 0 5.372 0 12C0 18.628 5.372 24 12 24C18.628 24 24 18.628 24 12C24 5.372 18.628 0 12 0ZM12 22C6.485 22 2 17.515 2 12C2 6.485 6.485 2 12 2C17.515 2 22 6.485 22 12C22 17.515 17.515 22 12 22Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" })), i("span", null, r("download", this.language))) : null), i("div", { class: "upload-button" }, n ? i("label", null, i("input", { type: "file", accept: "*", onChange: (a) => this.handleFileSelection(a.target.files, this.selectedOption, t.type), style: { display: "none" } }), i("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, i("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #D0046C))" }), i("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), i("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" }))) : null)));
   }
-  renderExpandedContent(e, n, t, a, o, l, c) {
-    return (o == null ? void 0 : o.type) === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: o.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : (o == null ? void 0 : o.type) === "Redirect" && e.vendorName !== "Manual" && t !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: o.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(m, null, l ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : c ? i("div", { class: "verification-status" }, t === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : a.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (s) => this.handleOptionChange(s, e.type) }, i("option", { value: "", selected: !0, disabled: !0, hidden: !0 }, r("chooseDocument", this.language)), a.map((s) => i("option", { selected: n == s.code, value: s.code }, r(s.type, this.language)))), this.renderDocumentsActions(a.find((s) => s.code === n), n, e)) : null));
+  renderExpandedContent(e, n, t, a, o, s, d) {
+    return o?.type === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: o.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : o?.type === "Redirect" && e.vendorName !== "Manual" && t !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: o.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(u, null, s ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : d ? i("div", { class: "verification-status" }, t === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : a.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (l) => this.handleOptionChange(l, e.type) }, i("option", { value: "", selected: !0, disabled: !0, hidden: !0 }, r("chooseDocument", this.language)), a.map((l) => i("option", { selected: n == l.code, value: l.code }, r(l.type, this.language)))), this.renderDocumentsActions(a.find((l) => l.code === n), n, e)) : null));
   }
   render() {
-    return this.isLoading ? i("div", null, i("p", null, r("loading", this.language))) : i("div", { class: "ModalContainer", ref: (e) => this.stylingContainer = e }, i("div", { class: "player-kyc-verification-widget" }, this.isMobile ? i("div", { class: "MenuReturnButton", onClick: this.handleToggleScreen }, i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, i("defs", null), i("g", { transform: "translate(-20 -158)" }, i("g", { transform: "translate(20 158)" }, i("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)" })))), i("h2", null, r("kycTitle", this.language))) : i("h2", null, r("kycTitle", this.language)), this.verificationType.length === 0 ? i("div", { class: "no-verification-description", style: { padding: "24px", fontSize: "18px" } }, r("noVerificationRequired", this.language)) : i(m, null, i("div", { class: "widget-description" }, r("kycDescription", this.language)), i("div", { class: "verification-types" }, this.verificationType.map((e) => e ? this.renderVerificationTypeBox(e) : null)))));
+    return this.isLoading ? i("div", null, i("p", null, r("loading", this.language))) : i("div", { class: "ModalContainer", ref: (e) => this.stylingContainer = e }, i("div", { class: "player-kyc-verification-widget" }, this.isMobile ? i("div", { class: "MenuReturnButton", onClick: this.handleToggleScreen }, i("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, i("defs", null), i("g", { transform: "translate(-20 -158)" }, i("g", { transform: "translate(20 158)" }, i("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)" })))), i("h2", null, r("kycTitle", this.language))) : i("h2", null, r("kycTitle", this.language)), this.verificationType.length === 0 ? i("div", { class: "no-verification-description", style: { padding: "24px", fontSize: "18px" } }, r("noVerificationRequired", this.language)) : i(u, null, i("div", { class: "widget-description" }, r("kycDescription", this.language)), i("div", { class: "verification-types" }, this.verificationType.map((e) => e ? this.renderVerificationTypeBox(e) : null)))));
   }
   static get watchers() {
     return {
@@ -859,7 +837,7 @@ button, select {
     };
   }
 };
-P.style = S;
+S.style = b;
 export {
-  P as player_kyc_verification
+  S as player_kyc_verification
 };

package/stencil/toggle-checkbox-input-CCLW6-uK.js

@@ -0,0 +1,46 @@
+import { r as l, c as o, h as t } from "./index-062e829b-DAFsZs6D.js";
+import { t as a } from "./locale-BG_TzyDt.js";
+import { t as r } from "./tooltipIcon-ee9760a8-BCCb4EU-.js";
+const s = '*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}.togglecheckbox{font-family:"Roboto";font-style:normal;font-size:15px}.togglecheckbox__wrapper{position:relative}.togglecheckbox__wrapper--flex{display:flex;gap:10px;align-items:baseline}.togglecheckbox__wrapper--relative{position:relative;display:inline}.togglecheckbox__input{transform:scale(1.307, 1.307);margin-left:2px;accent-color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__label{font-style:inherit;font-family:inherit;font-weight:400;font-size:16px;color:var(--emw--registration-typography, var(--emw--color-black, #000000));line-height:1.5;cursor:pointer;padding:0}.togglecheckbox__label-text{font-size:16px}.togglecheckbox__label a{color:var(--emw--login-color-primary, var(--emw--color-primary, #D0046C))}.togglecheckbox__error-message{position:absolute;top:calc(100% + 5px);left:0;color:var(--emw--color-error, var(--emw--color-red, #ed0909))}.togglecheckbox__tooltip-icon{width:16px;height:auto}.togglecheckbox__tooltip{position:absolute;top:0;right:0;background-color:var(--emw--color-white, #FFFFFF);border:1px solid var(--emw--color-gray-100, #E6E6E6);color:var(--emw--registration-typography, var(--emw--color-black, #000000));padding:10px;border-radius:5px;opacity:0;transition:opacity 0.3s ease-in-out;z-index:10}.togglecheckbox__tooltip.visible{opacity:1}.togglecheckbox__fields-wrapper{margin-top:40px;display:flex;flex-direction:column;gap:40px}.hidden{display:none}', n = s, c = class {
+  constructor(e) {
+    l(this, e), this.sendValidityState = o(this, "sendValidityState"), this.sendInputValue = o(this, "sendInputValue"), this.defaultValue = "", this.clientStyling = "", this.limitStylingAppends = !1, this.showTooltip = !1, this.showFields = this.defaultValue === "true", this.value = "", this.setClientStyling = () => {
+      let i = document.createElement("style");
+      i.innerHTML = this.clientStyling, this.stylingContainer.prepend(i);
+    };
+  }
+  validityStateHandler(e) {
+    this.sendValidityState.emit(e);
+  }
+  valueHandler(e) {
+    this.sendInputValue.emit(e);
+  }
+  handleClickOutside(e) {
+    e.composedPath()[0] !== this.tooltipIconReference && e.composedPath()[0] !== this.tooltipReference && (this.showTooltip = !1);
+  }
+  componentDidRender() {
+    !this.limitStylingAppends && this.stylingContainer && (this.clientStyling && this.setClientStyling(), this.limitStylingAppends = !0);
+  }
+  handleClick() {
+    this.showFields = this.checkboxReference.checked, this.errorMessage = this.setErrorMessage(), this.isValid = this.setValidity(), this.valueHandler({ name: this.name, value: this.checkboxReference.checked ? "true" : "false", type: "toggle" });
+  }
+  setValidity() {
+    return this.checkboxReference.validity.valid;
+  }
+  setErrorMessage() {
+    if (this.checkboxReference.validity.valueMissing)
+      return a("requiredError", this.language);
+  }
+  renderLabel() {
+    return t("label", { class: "togglecheckbox__label", htmlFor: `${this.name}__input` }, t("div", { class: "togglecheckbox__label-text", innerHTML: `${this.displayName} ${this.validation.mandatory ? "*" : ""}` }));
+  }
+  renderTooltip() {
+    return this.showTooltip ? t("div", { class: `togglecheckbox__tooltip ${this.showTooltip ? "visible" : ""}`, ref: (e) => this.tooltipReference = e, innerHTML: this.tooltip }) : null;
+  }
+  render() {
+    return t("div", { key: "8c8e9bb2ae7feadf3a5fc38b9913e38d7ccb9aed", class: `togglecheckbox__wrapper  ${this.name}__input`, ref: (e) => this.stylingContainer = e }, t("div", { key: "18e2ec43ff98738323ddab1e134d6d215978e1c7", class: "togglecheckbox__wrapper--flex" }, t("input", { key: "640b3ba4fd34bd813239533236e51f452e735409", class: "togglecheckbox__input", type: "checkbox", id: `${this.name}__input`, ref: (e) => this.checkboxReference = e, name: this.name, checked: this.defaultValue === "true", readOnly: this.autofilled, required: this.validation.mandatory, value: this.value, onClick: () => this.handleClick() }), this.renderLabel()), t("small", { key: "efd70a691559cfa98e93561dd945a0fe92909718", class: "togglecheckbox__error-message" }, this.errorMessage), t("div", { key: "e56a8fafa17da25d01f894fe6e6c143c318d2aab", class: "togglecheckbox__wrapper--relative" }, this.tooltip && t("img", { key: "8b59366827b8f4f8ca5581203a2dca44ae8132d5", class: "togglecheckbox__tooltip-icon", src: r, alt: "", ref: (e) => this.tooltipIconReference = e, onClick: () => this.showTooltip = !this.showTooltip }), this.renderTooltip()), t("div", { key: "475e27345b51396c36e78b5a1e06edd980bc3ae1", class: `togglecheckbox__fields-wrapper ${this.showFields ? "" : "hidden"}` }, this.options.map((e) => t("general-input", { type: e.inputType, name: e.name, displayName: e.displayName, validation: e.validate, action: e.action || null, defaultValue: e.defaultValue, autofilled: e.autofill, emitValue: this.emitValue, language: this.language, "client-styling": this.clientStyling, tooltip: e.tooltip, placeholder: e.placeholder == null ? "" : e.placeholder }))));
+  }
+};
+c.style = n;
+export {
+  c as toggle_checkbox_input
+};

package/stencil/tooltipIcon-ee9760a8-BCCb4EU-.js

@@ -0,0 +1,4 @@
+const I = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNiIgY3k9IjYiIHI9IjUuNSIgc3Ryb2tlPSIjOTc5Nzk3Ii8+CjxyZWN0IHg9IjUiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjUiIGZpbGw9IiM5Nzk3OTciLz4KPGNpcmNsZSBjeD0iNiIgY3k9IjMiIHI9IjEiIGZpbGw9IiM5Nzk3OTciLz4KPC9zdmc+Cg==";
+export {
+  I as t
+};