@everymatrix/player-account-controller 1.66.2 → 1.67.3

package/stencil/{player-change-password-gm2-5cb5c6c1-Bu5Dac83.js → pam-change-password-f4a1e7e7-DegbNPpZ.js}

@@ -1,5 +1,5 @@
-import { r as w, h as i } from "./index-9cd44522-C0ycW8_E.js";
-const p = "en", h = {
+import { r as p, h as e } from "./index-13661b98-l0CINbAR.js";
+const w = "en", h = {
   en: {
     title: "Change Password",
     btnSubmit: "Change Password",
@@ -112,152 +112,301 @@ const p = "en", h = {
     "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."
   }
-}, g = (e) => new Promise((s) => {
-  fetch(e).then((a) => a.json()).then((a) => {
-    Object.keys(a).forEach((t) => {
-      for (let r in a[t])
-        h[t][r] = a[t][r];
-    }), s(!0);
+}, g = (s) => new Promise((t) => {
+  fetch(s).then((a) => a.json()).then((a) => {
+    Object.keys(a).forEach((n) => {
+      for (let i in a[n])
+        h[n][i] = a[n][i];
+    }), t(!0);
   });
-}), o = (e, s, a) => {
-  const t = s;
-  let r = h[t !== void 0 ? t : p][e];
+}), r = (s, t, a) => {
+  const n = t;
+  let i = h[n !== void 0 ? n : w][s];
   if (a !== void 0)
-    for (const [l, n] of Object.entries(a.values)) {
+    for (const [l, o] of Object.entries(a.values)) {
       const m = new RegExp(`{${l}}`, "g");
-      r = r.replace(m, n);
+      i = i.replace(m, o);
     }
-  return r;
+  return i;
 };
 function d() {
-  const e = navigator.userAgent.toLowerCase(), s = screen.availWidth, a = screen.availHeight;
-  if (e.includes("iphone"))
+  const s = navigator.userAgent.toLowerCase(), t = screen.availWidth, a = screen.availHeight;
+  if (s.includes("iphone"))
     return "mobile";
-  if (e.includes("android")) {
-    if (a > s && s < 800)
+  if (s.includes("android")) {
+    if (a > t && t < 800)
       return "mobile";
-    if (s > a && a < 800)
+    if (t > a && a < 800)
       return "tablet";
   }
   return "desktop";
 }
-function c(e, s) {
-  if (e) {
+function c(s, t) {
+  if (s) {
     const a = document.createElement("style");
-    a.innerHTML = s, e.appendChild(a);
+    a.innerHTML = t, s.appendChild(a);
   }
 }
-function u(e, s) {
-  const a = new URL(s);
-  fetch(a.href).then((t) => t.text()).then((t) => {
-    const r = document.createElement("style");
-    r.innerHTML = t, e && e.appendChild(r);
-  }).catch((t) => {
-    console.error("There was an error while trying to load client styling from URL", t);
+function u(s, t) {
+  const a = new URL(t);
+  fetch(a.href).then((n) => n.text()).then((n) => {
+    const i = document.createElement("style");
+    i.innerHTML = n, s && s.appendChild(i);
+  }).catch((n) => {
+    console.error("There was an error while trying to load client styling from URL", n);
   });
 }
-function f(e, s, a) {
+function P(s, t, a) {
   if (window.emMessageBus) {
-    const t = document.createElement("style");
-    window.emMessageBus.subscribe(s, (r) => {
-      t.innerHTML = r, e && e.appendChild(t);
+    const n = document.createElement("style");
+    window.emMessageBus.subscribe(t, (i) => {
+      n.innerHTML = i, s && s.appendChild(n);
     });
   }
 }
-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, #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{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, #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}", y = P, b = class {
-  constructor(e) {
-    w(this, e), 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.policy && (this.newPasswordValidationSchema.custom = this.policy.customValidationRules, this.newPasswordValidationSchema.maxLength = this.policy.maximumPasswordLength, this.newPasswordValidationSchema.minLength = this.policy.minimumPasswordLength);
-    }, this.setErrorMsg = (s) => {
-      switch (s) {
+const f = `: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;
+  }
+}`, y = f, b = class {
+  constructor(s) {
+    p(this, s), 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((t) => t.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 = (t) => {
+      switch (t) {
         case "gm.pms.password_policy_failed":
           const a = {
             forbiddenLastPasswordsCount: this.policy.forbiddenLastPasswordsCount,
             minimumPasswordAgeLimitHours: this.policy.minimumPasswordAgeLimitHours,
             hours: this.policy.minimumPasswordAgeLimitHours > 1 ? "hours" : "hour"
           };
-          this.errorMsg = o(s, this.language, { values: a });
+          this.errorMsg = r(t, this.language, { values: a });
           break;
         case "gm.pms.password_not_verified_unauthorized":
-          this.errorMsg = o(s, this.language);
+          this.errorMsg = r(t, this.language);
           break;
         default:
-          this.errorMsg = o("errorMsgGeneric", this.language);
+          this.errorMsg = r("errorMsgGeneric", this.language);
       }
     }, this.toggleScreen = () => {
       window.postMessage({ type: "PlayerAccountMenuActive", isMobile: this.isMobile }, window.location.href);
     }, this.getPolicy = () => {
-      const s = new URL("/api/v1/players/password-management/password", this.endpoint), a = new Headers();
-      a.append("Accept", "text/plain");
-      const t = {
+      const t = new URL("/api/v1/players/password-management/password", this.endpoint), a = new Headers();
+      a.append("Accept", "text/plain"), a.append("Content-Type", "application/json-patch+json");
+      const n = {
         method: "GET",
         headers: a
       };
-      fetch(s.href, t).then((r) => r.status === 200 && r.json()).then((r) => this.policy = r).catch((r) => console.error(r));
-    }, this.submitNewPassword = (s) => {
-      if (s.preventDefault(), this.isBtnSubmitEnabled) {
-        const a = 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({
+      fetch(t.href, n).then((i) => i.status === 200 && i.json()).then((i) => {
+        this.policy = i, this.policy.customValidationRules.forEach((l) => {
+          l.rule = l.rule.toLowerCase(), l.rule === "duplicateinput" && (l.rule = "duplicate-input");
+        }), this.initValidationSchemas();
+      }).catch((i) => {
+        console.error(`${r("errorMsgGeneric", this.language)}:`, i), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: r("errorMsgGeneric", this.language) } }, window.location.href);
+      }).finally(() => {
+        this.isSkeletonLoading = !1;
+      });
+    }, this.submitNewPassword = (t) => {
+      if (t.preventDefault(), this.isBtnSubmitEnabled) {
+        const a = new URL("/api/v1/players/password-management/password", this.endpoint), n = new Headers();
+        n.append("accept", "text/plain"), n.append("Content-Type", "application/json-patch+json");
+        const i = JSON.stringify({
           token: this.forgotMode === "true" ? this.token : this.session,
           oldPassword: this.currentPasswordValue,
           newPassword: this.confirmPasswordValue
         }), l = {
           method: "PUT",
-          headers: t,
-          body: r
+          headers: n,
+          body: i
         };
-        fetch(a.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));
+        fetch(a.href, l).then((o) => o.json()).then((o) => {
+          o.errorCode === null && o.message === "pms.password.update.success" ? (window.postMessage({ type: "PasswordChangedSuccessfully" }), window.postMessage({ type: "WidgetNotification", data: { type: "success", message: r("successMsg", this.language) } }, window.location.href)) : (this.setErrorMsg(o.message), window.postMessage({ type: "WidgetNotification", data: { type: "error", message: this.errorMsg } }, window.location.href));
+        }).catch((o) => console.error(o));
       }
-    }, 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.isMobile = d() === "mobile" || d() === "tablet";
+    }, 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 = d() === "mobile" || d() === "tablet";
   }
-  handleClientStylingChange(e, s) {
-    e != s && c(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(s, t) {
+    s != t && c(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingUrlChange(e, s) {
-    e != s && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingUrlChange(s, t) {
+    s != t && this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl);
   }
-  sendValidityStateHandler(e) {
-    switch (this.isBtnSubmitEnabled = !1, e.detail.name) {
+  sendValidityStateHandler(s) {
+    switch (this.isBtnSubmitEnabled = !1, s.detail.name) {
       case "password":
-        this.isCurrentPasswordValid = e.detail.valid;
+        this.isCurrentPasswordValid = s.detail.valid;
         break;
       case "newPassword":
-        this.isNewPasswordValid = e.detail.valid;
+        this.isNewPasswordValid = s.detail.valid;
         break;
       case "newPasswordDuplicate":
-        this.isConfirmPasswordValid = e.detail.valid;
+        this.isConfirmPasswordValid = s.detail.valid;
         break;
     }
     (this.forgotMode === "true" || this.isCurrentPasswordValid) && this.isNewPasswordValid && this.isConfirmPasswordValid && (this.isBtnSubmitEnabled = !0);
   }
-  sendInputValueHandler(e) {
-    switch (e.detail.name) {
+  sendInputValueHandler(s) {
+    switch (s.detail.name) {
       case "password":
-        this.currentPasswordValue = e.detail.value;
+        this.currentPasswordValue = s.detail.value;
         break;
       case "newPassword":
-        this.newPasswordValue = e.detail.value;
+        this.newPasswordValue = s.detail.value;
         break;
       case "newPasswordDuplicate":
-        this.confirmPasswordValue = e.detail.value;
+        this.confirmPasswordValue = s.detail.value;
         break;
     }
   }
   componentWillLoad() {
-    if (this.getPolicy(), this.initValidationSchemas(), this.translationUrl)
+    if (this.getPolicy(), this.translationUrl)
       return g(this.translationUrl);
   }
   componentDidLoad() {
-    this.stylingContainer && (window.emMessageBus != null ? f(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && c(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
+    this.stylingContainer && (window.emMessageBus != null ? P(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && c(this.stylingContainer, this.clientStyling), this.clientStylingUrl && u(this.stylingContainer, this.clientStylingUrl)));
   }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
   render() {
-    return i("div", { key: "9a8f54fe541ef6409f7cc21bb8431c850d031830", class: "PlayerChangePassword", ref: (e) => this.stylingContainer = e }, i("form", { key: "8a3aaa6a96b16a26477657f0216a7a0a2e2e0869", 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: "47a7214266e06ef9f8ded9f86f76e15ce4f6fc3a", class: "FieldsSection" }, this.forgotMode === "false" && i("password-input", { key: "41b721a65332283a3699ab8e838dadb8d73913fa", language: this.language, name: "password", "display-name": o("passwordDisplayText", this.language), placeholder: o("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), i("password-input", { key: "eb7c697eb1900ed580ff17a4cd56819993599924", language: this.language, name: "newPassword", "display-name": o("newPasswordDisplayText", this.language), placeholder: o("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), i("password-input", { key: "4b12c17b882fe8117f9c49ad296c5918198e18f0", 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, "mb-source": this.mbSource })), i("section", { key: "a0cd6777b46ac8e4ba5eef6c42f77531a9c7ee0b", class: "ButtonsSection" }, i("button", { key: "d21c481e07a7c7762bf0fa7acbb4f1d68ac92d4d", class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, o("btnSubmit", this.language)))));
+    return this.isSkeletonLoading ? e("div", { class: "PlayerChangePassword skeleton" }, e("form", { class: "Form" }, e("div", { class: "ButtonReturn" }, e("ui-skeleton", { structure: "text", width: "auto", height: "30px" })), e("section", { class: "FieldsSection" }, e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" })), e("div", { class: "FieldContainer" }, e("div", { class: "FieldTitle" }, e("ui-skeleton", { structure: "title", width: "auto", height: "10px" })), e("ui-skeleton", { structure: "rectangle", width: "auto", height: "35px" }))), e("section", { class: "ButtonsSection" }, e("div", { class: "Button" }, e("ui-skeleton", { structure: "rectangle", width: "auto", height: "50px" }))))) : e("div", { class: "PlayerChangePassword", ref: (s) => this.stylingContainer = s }, e("form", { class: "Form" }, e("div", { class: "ButtonReturn", onClick: this.toggleScreen }, e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, e("g", { transform: "translate(-20 -158)" }, e("g", { transform: "translate(20 158)" }, e("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)" })))), e("h2", { class: "TitleMobile" }, r("title", this.language))), e("h2", { class: "Title" }, r("title", this.language)), e("section", { class: "FieldsSection" }, this.forgotMode === "false" && e("general-input", { type: "password", action: "input", name: "password", language: this.language, "display-name": r("passwordDisplayText", this.language), placeholder: r("passwordPlaceholderText", this.language), validation: this.currentPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource, "hide-password-complexity": !0 }), e("general-input", { type: "password", action: "input", name: "newPassword", language: this.language, "display-name": r("newPasswordDisplayText", this.language), placeholder: r("newPasswordPlaceholderText", this.language), validation: this.newPasswordValidationSchema, clientStyling: this.clientStyling, "mb-source": this.mbSource }), e("general-input", { type: "password", action: "input", name: "newPasswordDuplicate", language: this.language, "display-name": r("confirmPasswordDisplayText", this.language), placeholder: r("confirmPasswordPlaceholderText", this.language), validation: this.confirmPasswordValidationSchema, "is-duplicate-input": !0, clientStyling: this.clientStyling, "mb-source": this.mbSource })), e("section", { class: "ButtonsSection" }, e("button", { class: "Button", disabled: !this.isBtnSubmitEnabled, onClick: this.submitNewPassword }, r("btnSubmit", this.language)))));
   }
   static get watchers() {
     return {

package/stencil/{player-kyc-verification-CMAkNiAB.js → player-kyc-verification-Cxnz1raa.js}

@@ -1,4 +1,4 @@
-import { b as v, p as w, r as k, h as i, F as m } from "./index-9c0f6c58-BB5opCt9.js";
+import { b as v, p as w, r as k, h as i, F as m } from "./index-9c0f6c58-RPoO1End.js";
 import { a as C } from "./app-globals-0f993ce5-DzSE6TtH.js";
 var x = () => {
   const e = import.meta.url, n = {};
@@ -829,10 +829,10 @@ button, select {
         }).then((a) => {
           if (a.ResponseCode == "Success") {
             const s = new FormData();
-            s.append(n, this.selectedFile[0]), fetch(a.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);
+            s.append(n, this.selectedFile[0]), fetch(a.Url, { method: "POST", body: s }).then((l) => {
+              l.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:", l.status));
+            }).catch((l) => {
+              console.error("File upload error:", l);
             });
           } else
             this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n);
@@ -867,18 +867,18 @@ button, select {
   }
   renderVerificationTypeBox(e) {
     this.expandedOnDesktop && (e.expanded = !0);
-    let n = this.getFirstRequestedDocument(e), t = e.expanded, o = e.type.trim(), a = e.optionChosen || n, s = e.status, d = e.documents, l = e.flowInfo;
+    let n = this.getFirstRequestedDocument(e), t = e.expanded, o = e.type.trim(), a = e.optionChosen || n, s = e.status, l = e.documents, d = e.flowInfo;
     const f = s === "Verified", u = s === "Failed" || s === "Expired";
     return i("div", { class: `verification-box ${t ? "expanded" : ""} ${u ? "failed" : ""} ${f ? "success" : ""}` }, i("div", { class: `box box-header ${t ? "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" }, f ? 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" }))) : u ? 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(o, 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: t ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), t ? this.renderExpandedContent(e, a, s, d, l, f, u) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
+    } }, i("div", { class: "box-icon" }, f ? 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" }))) : u ? 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(o, 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: t ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), t ? this.renderExpandedContent(e, a, s, l, d, f, u) : 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?.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, #22B04E))" }), i("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" })), i("span", null, r("download", this.language))) : null), i("div", { class: "upload-button" }, n ? i("label", null, i("input", { type: "file", accept: "*", onChange: (o) => this.handleFileSelection(o.target.files, n, 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, #22B04E))" }), 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, o, a, s, d) {
-    return a?.type === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : a?.type === "Redirect" && e.vendorName !== "Manual" && t !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(m, 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)) : o.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (l) => this.handleOptionChange(l, e.type) }, o.map((l) => i("option", { selected: l.code == n, value: l.code }, r(l.type, this.language)))), this.renderDocumentsActions(o.find((l) => l.code === n), n, e)) : null));
+  renderExpandedContent(e, n, t, o, a, s, l) {
+    return a?.type === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : a?.type === "Redirect" && e.vendorName !== "Manual" && t !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(m, null, s ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : l ? i("div", { class: "verification-status" }, t === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : o.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (d) => this.handleOptionChange(d, e.type) }, o.map((d) => i("option", { selected: d.code == n, value: d.code }, r(d.type, this.language)))), this.renderDocumentsActions(o.find((d) => d.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)))));

package/stencil/{player-kyc-verification-p2WFnKBp.js → player-kyc-verification-DA_O1Dqu.js}

@@ -1,20 +1,20 @@
 var p = (e, t, n) => new Promise((o, a) => {
-  var s = (d) => {
+  var s = (l) => {
     try {
-      l(n.next(d));
+      d(n.next(l));
     } catch (f) {
       a(f);
     }
-  }, c = (d) => {
+  }, c = (l) => {
     try {
-      l(n.throw(d));
+      d(n.throw(l));
     } catch (f) {
       a(f);
     }
-  }, l = (d) => d.done ? o(d.value) : Promise.resolve(d.value).then(s, c);
-  l((n = n.apply(e, t)).next());
+  }, d = (l) => l.done ? o(l.value) : Promise.resolve(l.value).then(s, c);
+  d((n = n.apply(e, t)).next());
 });
-import { b as w, p as k, r as C, h as i, F as h } from "./index-9c0f6c58-bxjYqwOi.js";
+import { b as w, p as k, r as C, h as i, F as h } from "./index-9c0f6c58-NlVKpLut.js";
 import { a as x } from "./app-globals-0f993ce5-DzSE6TtH.js";
 var S = () => {
   const e = import.meta.url, t = {};
@@ -889,18 +889,18 @@ button, select {
   }
   renderVerificationTypeBox(e) {
     this.expandedOnDesktop && (e.expanded = !0);
-    let t = this.getFirstRequestedDocument(e), n = e.expanded, o = e.type.trim(), a = e.optionChosen || t, s = e.status, c = e.documents, l = e.flowInfo;
-    const d = s === "Verified", f = s === "Failed" || s === "Expired";
-    return i("div", { class: `verification-box ${n ? "expanded" : ""} ${f ? "failed" : ""} ${d ? "success" : ""}` }, i("div", { class: `box box-header ${n ? "expanded" : ""}`, onClick: () => {
+    let t = this.getFirstRequestedDocument(e), n = e.expanded, o = e.type.trim(), a = e.optionChosen || t, s = e.status, c = e.documents, d = e.flowInfo;
+    const l = s === "Verified", f = s === "Failed" || s === "Expired";
+    return i("div", { class: `verification-box ${n ? "expanded" : ""} ${f ? "failed" : ""} ${l ? "success" : ""}` }, i("div", { class: `box box-header ${n ? "expanded" : ""}`, onClick: () => {
       var m;
       return this.toggleVerificationType(e.type, (m = e.flowInfo) === null || m === void 0 ? void 0 : m.type);
-    } }, i("div", { class: "box-icon" }, d ? 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" }))) : f ? 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(o, 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, s, c, l, d, f) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
+    } }, 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" }))) : f ? 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(o, 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, s, c, d, l, f) : i("div", { class: "box box-content" }, i("div", { id: "__avs-wrapper" })));
   }
   renderDocumentsActions(e, t, n) {
     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, #22B04E))" }), i("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" })), i("span", null, r("download", this.language))) : null), i("div", { class: "upload-button" }, t ? i("label", null, i("input", { type: "file", accept: "*", onChange: (o) => this.handleFileSelection(o.target.files, t, n.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, #22B04E))" }), 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, t, n, o, a, s, c) {
-    return (a == null ? void 0 : a.type) === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : (a == null ? void 0 : a.type) === "Redirect" && e.vendorName !== "Manual" && n !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(h, null, s ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : c ? i("div", { class: "verification-status" }, n === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : o.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (l) => this.handleOptionChange(l, e.type) }, o.map((l) => i("option", { selected: l.code == t, value: l.code }, r(l.type, this.language)))), this.renderDocumentsActions(o.find((l) => l.code === t), t, e)) : null));
+    return (a == null ? void 0 : a.type) === "Widget" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : (a == null ? void 0 : a.type) === "Redirect" && e.vendorName !== "Manual" && n !== "Verified" ? i("div", null, i("hr", { style: { margin: "5px" } }), i("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" })) : i("div", { class: "box box-content" }, i(h, null, s ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : c ? i("div", { class: "verification-status" }, n === "Failed" ? r("verificationFailed", this.language) : r("verificationExpired", this.language)) : o.length > 0 ? i("div", { class: "documents-dropdown" }, i("select", { class: "nice-select", onChange: (d) => this.handleOptionChange(d, e.type) }, o.map((d) => i("option", { selected: d.code == t, value: d.code }, r(d.type, this.language)))), this.renderDocumentsActions(o.find((d) => d.code === t), t, 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(h, null, i("div", { class: "widget-description" }, r("kycDescription", this.language)), i("div", { class: "verification-types" }, this.verificationType.map((e) => e ? this.renderVerificationTypeBox(e) : null)))));