@everymatrix/player-account-controller 1.90.4 → 1.90.5

package/stencil/{player-kyc-verification-DaKmgzNJ.js → player-kyc-verification-mnYQMtSn.js}

@@ -1,27 +1,27 @@
-var m = (e, t, i) => new Promise((o, a) => {
+var h = (e, i, n) => new Promise((o, a) => {
   var r = (c) => {
     try {
-      s(i.next(c));
+      d(n.next(c));
     } catch (u) {
       a(u);
     }
   }, l = (c) => {
     try {
-      s(i.throw(c));
+      d(n.throw(c));
     } catch (u) {
       a(u);
     }
-  }, s = (c) => c.done ? o(c.value) : Promise.resolve(c.value).then(r, l);
-  s((i = i.apply(e, t)).next());
+  }, d = (c) => c.done ? o(c.value) : Promise.resolve(c.value).then(r, l);
+  d((n = n.apply(e, i)).next());
 });
-import { b as w, p as S, r as k, h as n, F as y } from "./index-9c0f6c58-DEdG7mVW.js";
+import { b as w, p as C, r as S, h as t, F as y } from "./index-9c0f6c58-CK57ve5P.js";
 import { a as x } from "./app-globals-0f993ce5-XUXOuUQl.js";
 var b = () => {
-  const e = import.meta.url, t = {};
-  return e !== "" && (t.resourcesUrl = new URL(".", e).href), S(t);
+  const e = import.meta.url, i = {};
+  return e !== "" && (i.resourcesUrl = new URL(".", e).href), C(i);
 };
-b().then((e) => m(void 0, null, function* () {
-  return yield x(), w([["player-kyc-verification", [[1, "player-kyc-verification", { hideVulnerabilityCheck: [1, "hide-vulnerability-check"], 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"], mbSource: [1, "mb-source"], hideKycDescription: [1, "hide-kyc-description"], verificationType: [32], hasRequestedDocuments: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e);
+b().then((e) => h(void 0, null, function* () {
+  return yield x(), w([["player-kyc-verification", [[1, "player-kyc-verification", { hideVulnerabilityCheck: [1, "hide-vulnerability-check"], 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"], mbSource: [1, "mb-source"], hideKycDescription: [1, "hide-kyc-description"], verificationType: [32], hasAllDocumentsUploaded: [32], verificationsGeneralStatus: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e);
 }));
 const P = "en";
 let p = {
@@ -39,6 +39,8 @@ let p = {
     chooseDocument: "Choose Document",
     kycTitle: "Account Verification",
     kycDescription: "We require some documents to protect your account and to comply with legal and license requirements.",
+    kycVerifiedDescription: "Great news! Your account is verified. You're all set, jump in and enjoy the games. Thanks for playing with us!",
+    kycFailedDescription: "We need clearer images to verify your account. Please upload better quality photos to complete this step — this helps keep your account secure. Thank you.",
     download: "Download",
     Age: "Age",
     Aml: "AML",
@@ -103,6 +105,8 @@ let p = {
     chooseDocument: "Choose Document",
     kycTitle: "Account-Verifizierung",
     kycDescription: "Wir benötigen einige Dokumente, um Ihr Konto zu schützen und den rechtlichen und Lizenzanforderungen zu entsprechen.",
+    kycVerifiedDescription: "Great news! Your account is verified. You're all set, jump in and enjoy the games. Thanks for playing with us!",
+    kycFailedDescription: "We need clearer images to verify your account. Please upload better quality photos to complete this step — this helps keep your account secure. Thank you.",
     download: "Download",
     Age: "Age",
     Aml: "AML",
@@ -167,6 +171,8 @@ let p = {
     chooseDocument: "Choose Document",
     kycTitle: "Verificarea contului",
     kycDescription: "Avem nevoie de câteva documente pentru a proteja contul dvs. și pentru a respecta cerințele legale și de licență.",
+    kycVerifiedDescription: "Great news! Your account is verified. You're all set, jump in and enjoy the games. Thanks for playing with us!",
+    kycFailedDescription: "We need clearer images to verify your account. Please upload better quality photos to complete this step — this helps keep your account secure. Thank you.",
     download: "Download",
     Age: "Age",
     Aml: "AML",
@@ -231,6 +237,8 @@ let p = {
     chooseDocument: "Choose Document",
     kycTitle: "Vérification de compte",
     kycDescription: "Nous avons besoin de certains documents pour protéger votre compte et pour nous conformer aux exigences légales et de licence.",
+    kycVerifiedDescription: "Great news! Your account is verified. You're all set, jump in and enjoy the games. Thanks for playing with us!",
+    kycFailedDescription: "We need clearer images to verify your account. Please upload better quality photos to complete this step — this helps keep your account secure. Thank you.",
     download: "Download",
     Age: "Age",
     Aml: "AML",
@@ -295,6 +303,8 @@ let p = {
     chooseDocument: "Choose Document",
     kycTitle: "التحقق من الحساب",
     kycDescription: "نحتاج إلى بعض الوثائق لحماية حسابك والامتثال للمتطلبات القانونية والترخيص.",
+    kycVerifiedDescription: "Great news! Your account is verified. You're all set, jump in and enjoy the games. Thanks for playing with us!",
+    kycFailedDescription: "We need clearer images to verify your account. Please upload better quality photos to complete this step — this helps keep your account secure. Thank you.",
     download: "Download",
     Age: "Age",
     Aml: "AML",
@@ -359,6 +369,8 @@ let p = {
     chooseDocument: "Odaberite Dokument",
     kycTitle: "Verifikacija računa",
     kycDescription: "Potrebni su nam neki dokumenti kako bismo zaštitili vaš račun i kako bismo se pridržavali zakonskih i licencijskih zahtjeva.",
+    kycVerifiedDescription: "Great news! Your account is verified. You're all set, jump in and enjoy the games. Thanks for playing with us!",
+    kycFailedDescription: "We need clearer images to verify your account. Please upload better quality photos to complete this step — this helps keep your account secure. Thank you.",
     download: "Preuzmi",
     Age: "Dob",
     Aml: "AML",
@@ -485,6 +497,8 @@ let p = {
     chooseDocument: "Escolher documento",
     kycTitle: "Verificação de Conta",
     kycDescription: "Solicitamos alguns documentos para proteger sua conta e cumprir requisitos legais e de licença.",
+    kycVerifiedDescription: "Boas notícias! A sua conta foi verificada. Está tudo pronto, entre e divirta-se com os jogos. Obrigado por jogar connosco!",
+    kycFailedDescription: "Precisamos de imagens mais nítidas para verificar a sua conta. Por favor, envie fotos com melhor qualidade para concluir esta etapa — isto ajuda a manter a sua conta segura. Obrigado.",
     download: "Baixar",
     Age: "Idade",
     Aml: "AML",
@@ -598,63 +612,63 @@ let p = {
     Voucher: "Voucher"
   }
 };
-const g = (e) => new Promise((t) => {
-  fetch(e).then((i) => i.json()).then((i) => {
-    Object.keys(i).forEach((o) => {
+const g = (e) => new Promise((i) => {
+  fetch(e).then((n) => n.json()).then((n) => {
+    Object.keys(n).forEach((o) => {
       p[o] || (p[o] = {});
-      for (let a in i[o])
-        p[o][a] = i[o][a];
-    }), t(!0);
+      for (let a in n[o])
+        p[o][a] = n[o][a];
+    }), i(!0);
   });
-}), d = (e, t, i) => {
-  const o = t;
+}), s = (e, i, n) => {
+  const o = i;
   return p[o !== void 0 && o in p ? o : P][e];
 }, D = (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)), f = "__WIDGET_GLOBAL_STYLE_CACHE__";
-function v(e, t) {
+function v(e, i) {
   if (e) {
-    const i = document.createElement("style");
-    i.innerHTML = t, e.appendChild(i);
+    const n = document.createElement("style");
+    n.innerHTML = i, e.appendChild(n);
   }
 }
-function C(e, t) {
-  if (!e || !t)
+function k(e, i) {
+  if (!e || !i)
     return;
-  const i = new URL(t);
-  fetch(i.href).then((o) => o.text()).then((o) => {
+  const n = new URL(i);
+  fetch(n.href).then((o) => o.text()).then((o) => {
     const a = document.createElement("style");
     a.innerHTML = o, e && e.appendChild(a);
   }).catch((o) => {
     console.error("There was an error while trying to load client styling from URL", o);
   });
 }
-function O(e, t, i, o = !1) {
+function O(e, i, n, o = !1) {
   if (!window.emMessageBus)
     return;
   if (!("adoptedStyleSheets" in Document.prototype) || !o)
-    return i = I(e, t), i;
-  window[f] || (window[f] = {}), i = B(e, t);
-  const r = i.unsubscribe.bind(i), l = () => {
-    if (window[f][t]) {
-      const s = window[f][t];
-      s.refCount > 1 ? s.refCount = s.refCount - 1 : delete window[f][t];
+    return n = I(e, i), n;
+  window[f] || (window[f] = {}), n = B(e, i);
+  const r = n.unsubscribe.bind(n), l = () => {
+    if (window[f][i]) {
+      const d = window[f][i];
+      d.refCount > 1 ? d.refCount = d.refCount - 1 : delete window[f][i];
     }
     r();
   };
-  return i.unsubscribe = l, i;
+  return n.unsubscribe = l, n;
 }
-function I(e, t) {
-  const i = document.createElement("style");
-  return window.emMessageBus.subscribe(t, (o) => {
-    e && (i.innerHTML = o, e.appendChild(i));
+function I(e, i) {
+  const n = document.createElement("style");
+  return window.emMessageBus.subscribe(i, (o) => {
+    e && (n.innerHTML = o, e.appendChild(n));
   });
 }
-function B(e, t) {
-  return window.emMessageBus.subscribe(t, (i) => {
+function B(e, i) {
+  return window.emMessageBus.subscribe(i, (n) => {
     if (!e)
       return;
     const o = e.getRootNode(), a = window[f];
-    let r = a[t] && a[t].sheet;
-    r ? a[t].refCount = a[t].refCount + 1 : (r = new CSSStyleSheet(), r.replaceSync(i), a[t] = {
+    let r = a[i] && a[i].sheet;
+    r ? a[i].refCount = a[i].refCount + 1 : (r = new CSSStyleSheet(), r.replaceSync(n), a[i] = {
       sheet: r,
       refCount: 1
     });
@@ -682,7 +696,7 @@ button, select {
   margin: 15px;
   font-weight: var(--emw--font-weight-semibold, 500);
 }
-.player-kyc-verification-widget .widget-description {
+.player-kyc-verification-widget .widget-description, .player-kyc-verification-widget .widget-description-verified, .player-kyc-verification-widget .widget-description-failed {
   margin: 24px 0px;
 }
 .player-kyc-verification-widget .verification-types {
@@ -844,9 +858,9 @@ button, select {
   }
 }`, A = F, L = class {
   constructor(e) {
-    k(this, e), this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = D(this.userAgent), this.handleToggleScreen = () => {
+    S(this, e), this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = D(this.userAgent), this.handleToggleScreen = () => {
       this.toggleScreen(this.isMobile);
-    }, this.hideVulnerabilityCheck = "false", this.userId = "", this.session = "", this.language = void 0, this.endpoint = "", this.translationUrl = "", this.clientStyling = "", this.verifiedIcon = "", this.failedIcon = "", this.defaultIcon = "", this.clientStylingUrl = "", this.mbSource = void 0, this.hideKycDescription = "false", this.verificationType = [], this.hasRequestedDocuments = !1, this.isLoading = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1;
+    }, this.hideVulnerabilityCheck = "false", this.userId = "", this.session = "", this.language = void 0, this.endpoint = "", this.translationUrl = "", this.clientStyling = "", this.verifiedIcon = "", this.failedIcon = "", this.defaultIcon = "", this.clientStylingUrl = "", this.mbSource = void 0, this.hideKycDescription = "false", this.verificationType = [], this.hasAllDocumentsUploaded = !1, this.verificationsGeneralStatus = void 0, this.isLoading = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1;
   }
   handleNewTranslations() {
     this.isLoading = !0, g(this.translationUrl).then(() => {
@@ -854,22 +868,22 @@ button, select {
     });
   }
   componentWillLoad() {
-    return m(this, null, function* () {
+    return h(this, null, function* () {
       this.translationUrl.length > 2 && (yield g(this.translationUrl));
     });
   }
-  handleClientStylingChange(e, t) {
-    e != t && v(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(e, i) {
+    e != i && v(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingUrlChange(e, t) {
-    e != t && this.clientStylingUrl && C(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingUrlChange(e, i) {
+    e != i && this.clientStylingUrl && k(this.stylingContainer, this.clientStylingUrl);
   }
   componentDidLoad() {
-    return m(this, null, function* () {
-      this.stylingContainer && (window.emMessageBus != null ? O(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription) : (this.clientStyling && v(this.stylingContainer, this.clientStyling), this.clientStylingUrl && C(this.stylingContainer, this.clientStylingUrl))), window.innerWidth > 700 && (this.expandedOnDesktop = !0);
+    return h(this, null, function* () {
+      this.stylingContainer && (window.emMessageBus != null ? O(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription) : (this.clientStyling && v(this.stylingContainer, this.clientStyling), this.clientStylingUrl && k(this.stylingContainer, this.clientStylingUrl))), window.innerWidth > 700 && (this.expandedOnDesktop = !0);
       try {
         let e = new URL(`${this.endpoint}/v2/player/${this.userId}/verification/GetKYCCustomerStatus`);
-        const t = {
+        const i = {
           method: "POST",
           headers: {
             "X-SessionId": this.session,
@@ -877,63 +891,68 @@ button, select {
           },
           body: JSON.stringify({})
         };
-        fetch(e.href, t).then((i) => {
-          if (i.status === 200)
-            return i.json();
-          throw new Error("HTTP status " + i.status);
-        }).then((i) => {
+        fetch(e.href, i).then((n) => {
+          if (n.status === 200)
+            return n.json();
+          throw new Error("HTTP status " + n.status);
+        }).then((n) => {
           var o;
-          this.verificationType = i.verifications, this.hideKycDescription === "true" && ((o = i == null ? void 0 : i.verifications) === null || o === void 0 ? void 0 : o.length) > 0 && (this.hasRequestedDocuments = i.verifications.some((a) => {
+          this.verificationType = n.verifications, this.hideKycDescription === "true" && ((o = this.verificationType) === null || o === void 0 ? void 0 : o.length) > 0 && (this.hasAllDocumentsUploaded = this.verificationType.every((a) => {
             var r;
-            return (r = a == null ? void 0 : a.documents) === null || r === void 0 ? void 0 : r.some((l) => l.status === "Requested");
-          }));
-        }).catch((i) => {
-          console.error(i);
+            if ((a == null ? void 0 : a.documents.length) !== 0)
+              return (r = a == null ? void 0 : a.documents) === null || r === void 0 ? void 0 : r.some((l) => l.status === "Uploaded");
+          }), this.verificationsGeneralStatus = this.getGeneralVerificationStatus(this.verificationType));
+        }).catch((n) => {
+          console.error(n);
         });
       } catch (e) {
         console.error("Error fetching verification types:", e);
       }
     });
   }
+  getGeneralVerificationStatus(e) {
+    const i = e == null ? void 0 : e.map((n) => n.status.toLowerCase());
+    return i.includes("failed") ? "Failed" : i.includes("expired") ? "Expired" : i.includes("inprogress") ? "InProgress" : i.every((n) => n === "verified") ? "Verified" : "Unknown";
+  }
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
-  handleOptionChange(e, t) {
-    const i = e.target;
-    this.verificationType = this.verificationType.map((o) => (o.type === t && (o.optionChosen = i.value), o));
+  handleOptionChange(e, i) {
+    const n = e.target;
+    this.verificationType = this.verificationType.map((o) => (o.type === i && (o.optionChosen = n.value), o));
   }
-  handleDocumentsStatus(e, t, i) {
+  handleDocumentsStatus(e, i, n) {
     this.verificationType = this.verificationType.map((o) => {
       if (o.type === e) {
-        const a = o.documents.find((r) => r.code === i);
-        a && (a.statusUploaded = t);
+        const a = o.documents.find((r) => r.code === n);
+        a && (a.statusUploaded = i);
       }
       return o;
     });
   }
   downloadPDF(e) {
-    const t = document.createElement("a");
-    t.href = e, t.download = "file.pdf", t.target = "_blank", t.dispatchEvent(new MouseEvent("click"));
+    const i = document.createElement("a");
+    i.href = e, i.download = "file.pdf", i.target = "_blank", i.dispatchEvent(new MouseEvent("click"));
   }
-  toggleVerificationType(e, t) {
-    this.expandedOnDesktop = !1, this.verificationType = this.verificationType.map((i) => {
+  toggleVerificationType(e, i) {
+    this.expandedOnDesktop = !1, this.verificationType = this.verificationType.map((n) => {
       var o;
-      return i.type === e && ((o = i.flowInfo) === null || o === void 0 ? void 0 : o.type) == t && (i.expanded = !i.expanded), i;
+      return n.type === e && ((o = n.flowInfo) === null || o === void 0 ? void 0 : o.type) == i && (n.expanded = !n.expanded), n;
     });
   }
   toggleScreen(e) {
     window.postMessage({ type: "PlayerAccountMenuActive", isMobile: e }, window.location.href);
   }
   checkFileSize(e) {
-    let t = 0;
-    return Object.keys(e).forEach((i) => {
-      t += e[i].size;
-    }), t <= this.MAX_UPLOAD_SIZE;
+    let i = 0;
+    return Object.keys(e).forEach((n) => {
+      i += e[n].size;
+    }), i <= this.MAX_UPLOAD_SIZE;
   }
-  handleFileSelection(e, t, i) {
+  handleFileSelection(e, i, n) {
     if (e && e.length > 0)
       if (this.selectedFile = e, !this.checkFileSize(this.selectedFile))
-        console.error(d("fileSizeExceeded", this.language)), this.uploadingStatus = d("fileSizeExceeded", this.language), this.handleDocumentsStatus(i, this.uploadingStatus, t), this.uploadSizeExceeded = !0;
+        console.error(s("fileSizeExceeded", this.language)), this.uploadingStatus = s("fileSizeExceeded", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, i), this.uploadSizeExceeded = !0;
       else {
         const o = {
           method: "POST",
@@ -941,37 +960,37 @@ button, select {
             "Content-Type": "application/json",
             "X-SessionId": this.session
           },
-          body: JSON.stringify({ DocumentCode: t })
+          body: JSON.stringify({ DocumentCode: i })
         };
         fetch(`${this.endpoint}/v1/player/${this.userId}/verification/GetKYCVerificationDocumentUploadUrl`, o).then((a) => {
           if (a.ok)
-            return this.uploadingStatus = d("uploading", this.language), this.handleDocumentsStatus(i, this.uploadingStatus, t), a.json();
+            return this.uploadingStatus = s("uploading", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, i), a.json();
         }).then((a) => {
           if (a.ResponseCode == "Success") {
             const r = new FormData();
-            r.append(t, this.selectedFile[0]), fetch(a.Url, { method: "POST", body: r }).then((l) => {
-              l.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = d("successUploadMultipleFiles", this.language) : this.uploadingStatus = d("successUpload", this.language), this.handleDocumentsStatus(i, this.uploadingStatus, t)) : (this.uploadingStatus = d("failedUpload", this.language), this.handleDocumentsStatus(i, this.uploadingStatus, t), console.error("File upload error:", l.status));
+            r.append(i, this.selectedFile[0]), fetch(a.Url, { method: "POST", body: r }).then((l) => {
+              l.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = s("successUploadMultipleFiles", this.language) : this.uploadingStatus = s("successUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, i)) : (this.uploadingStatus = s("failedUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, i), console.error("File upload error:", l.status));
             }).catch((l) => {
               console.error("File upload error:", l);
             });
           } else
-            this.uploadingStatus = d("failedUpload", this.language), this.handleDocumentsStatus(i, this.uploadingStatus, t);
+            this.uploadingStatus = s("failedUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, i);
         }).catch((a) => {
           console.error("File upload error:", a);
         });
       }
   }
   importScript(e) {
-    return new Promise((t, i) => {
+    return new Promise((i, n) => {
       fetch(e).then((o) => o.text()).then((o) => {
         if (new Function(o)(), this.scriptInjected)
-          t(!0);
+          i(!0);
         else {
           const r = document.createElement("script");
-          r.src = "https://test.insic.de/frontend3/static/js/avs-loader.min.js", document.head.appendChild(r), this.scriptInjected = !0, t(!0);
+          r.src = "https://test.insic.de/frontend3/static/js/avs-loader.min.js", document.head.appendChild(r), this.scriptInjected = !0, i(!0);
         }
       }).catch((o) => {
-        i(o);
+        n(o);
       });
     });
   }
@@ -979,35 +998,46 @@ button, select {
     return !!(e && e.status === "Uploaded");
   }
   getFirstRequestedDocument(e) {
-    var t, i;
+    var i, n;
     let o;
-    return (t = e == null ? void 0 : e.documents) === null || t === void 0 || t.forEach((a) => {
+    return (i = e == null ? void 0 : e.documents) === null || i === void 0 || i.forEach((a) => {
       a.status == "Requested" && (o = o != null ? o : a.code);
-    }), o || (o = (i = e == null ? void 0 : e.documents[0]) === null || i === void 0 ? void 0 : i.code), o;
+    }), o || (o = (n = e == null ? void 0 : e.documents[0]) === null || n === void 0 ? void 0 : n.code), o;
+  }
+  renderDescription(e) {
+    const i = this.hideKycDescription === "true" && this.hasAllDocumentsUploaded;
+    switch (e) {
+      case "Verified":
+        return t("div", { class: "widget-description-verified" }, s("kycVerifiedDescription", this.language));
+      case "Failed":
+        return t("div", { class: "widget-description-failed" }, s("kycFailedDescription", this.language));
+      default:
+        return i ? null : t("div", { class: "widget-description" }, s("kycDescription", this.language));
+    }
   }
   renderVerificationTypeBox(e) {
     this.expandedOnDesktop && (e.expanded = !0);
-    let t = this.getFirstRequestedDocument(e), i = e.expanded, o = e.type.trim(), a = e.optionChosen || t, r = e.status, l = e.documents, s = e.flowInfo;
+    let i = this.getFirstRequestedDocument(e), n = e.expanded, o = e.type.trim(), a = e.optionChosen || i, r = e.status, l = e.documents, d = e.flowInfo;
     const c = r === "Verified", u = r === "Failed" || r === "Expired";
-    return c && o === "VulnerabilityCheck" && this.hideVulnerabilityCheck === "true" ? null : n("div", { class: `verification-box ${i ? "expanded" : ""} ${u ? "failed" : ""} ${c ? "success" : ""}` }, n("div", { class: `box box-header ${i ? "expanded" : ""}`, onClick: () => {
-      var h;
-      return this.toggleVerificationType(e.type, (h = e.flowInfo) === null || h === void 0 ? void 0 : h.type);
-    } }, n("div", { class: "box-icon" }, c ? n("div", null, this.verifiedIcon ? n("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" }) : n("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, n("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), n("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), n("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : u ? n("div", null, this.failedIcon ? n("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" }) : n("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, n("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), n("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), n("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : n("div", null, this.defaultIcon ? n("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" }) : n("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("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" }), n("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), n("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), n("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" })))), n("div", { class: "box-title" }, d(o, this.language)), n("div", { class: "chevron-icon" }, n("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" }, n("path", { d: i ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), i ? this.renderExpandedContent(e, a, r, l, s, c, u) : n("div", { class: "box box-content" }, n("div", { id: "__avs-wrapper" })));
+    return c && o === "VulnerabilityCheck" && this.hideVulnerabilityCheck === "true" ? null : t("div", { class: `verification-box ${n ? "expanded" : ""} ${u ? "failed" : ""} ${c ? "success" : ""}` }, t("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);
+    } }, t("div", { class: "box-icon" }, c ? t("div", null, this.verifiedIcon ? t("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" }) : t("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, t("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), t("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), t("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : u ? t("div", null, this.failedIcon ? t("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" }) : t("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, t("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), t("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), t("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : t("div", null, this.defaultIcon ? t("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" }) : t("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("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" }), t("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), t("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), t("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" })))), t("div", { class: "box-title" }, s(o, this.language)), t("div", { class: "chevron-icon" }, t("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" }, t("path", { d: n ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), n ? this.renderExpandedContent(e, a, r, l, d, c, u) : t("div", { class: "box box-content" }, t("div", { id: "__avs-wrapper" })));
   }
-  renderDocumentsActions(e, t, i) {
-    return n("div", null, this.isStatusUploaded(e) ? n("div", { class: "upload-status" }, d("uploaded", this.language)) : e != null && e.statusUploaded ? n("div", { class: "upload-status" }, e == null ? void 0 : e.statusUploaded) : n("div", { class: "documents-action" }, n("div", { class: "sample-file" }, (e == null ? void 0 : e.sampleType) === "FileDownload" ? n("button", { class: "download-button", onClick: () => this.downloadPDF(e == null ? void 0 : e.sampleUrl) }, n("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, n("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))" }), n("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" })), n("span", null, d("download", this.language))) : null), n("div", { class: "upload-button" }, t ? n("label", null, n("input", { type: "file", accept: "*", onChange: (o) => this.handleFileSelection(o.target.files, t, i.type), style: { display: "none" } }), n("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, n("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" }), n("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), n("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" }))) : null)));
+  renderDocumentsActions(e, i, n) {
+    return t("div", null, this.isStatusUploaded(e) ? t("div", { class: "upload-status" }, s("uploaded", this.language)) : e != null && e.statusUploaded ? t("div", { class: "upload-status" }, e == null ? void 0 : e.statusUploaded) : t("div", { class: "documents-action" }, t("div", { class: "sample-file" }, (e == null ? void 0 : e.sampleType) === "FileDownload" ? t("button", { class: "download-button", onClick: () => this.downloadPDF(e == null ? void 0 : e.sampleUrl) }, t("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, t("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))" }), t("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" })), t("span", null, s("download", this.language))) : null), t("div", { class: "upload-button" }, i ? t("label", null, t("input", { type: "file", accept: "*", onChange: (o) => this.handleFileSelection(o.target.files, i, n.type), style: { display: "none" } }), t("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, t("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E))" }), t("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), t("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" }))) : null)));
   }
-  renderExpandedContent(e, t, i, o, a, r, l) {
+  renderExpandedContent(e, i, n, o, a, r, l) {
     if ((a == null ? void 0 : a.type) === "Widget")
-      return n("div", null, n("hr", { style: { margin: "5px" } }), n("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" }));
-    if ((a == null ? void 0 : a.type) === "Redirect" && e.vendorName !== "Manual" && i !== "Verified") {
-      const s = e.vendorName === "ShuftiPro" ? "650px" : "400px";
-      return n("div", null, n("hr", { style: { margin: "5px" } }), n("iframe", { src: a.url, frameborder: "0", height: s, width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" }));
+      return t("div", null, t("hr", { style: { margin: "5px" } }), t("iframe", { src: a.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" }));
+    if ((a == null ? void 0 : a.type) === "Redirect" && e.vendorName !== "Manual" && n !== "Verified") {
+      const d = e.vendorName === "ShuftiPro" ? "650px" : "400px";
+      return t("div", null, t("hr", { style: { margin: "5px" } }), t("iframe", { src: a.url, frameborder: "0", height: d, width: "100%", allowfullScreen: !0, allow: "camera *;microphone *" }));
     } else
-      return n("div", { class: "box box-content" }, n(y, null, r ? n("div", { class: "verification-status" }, d("verificationComplete", this.language)) : l ? n("div", { class: "verification-status" }, i === "Failed" ? d("verificationFailed", this.language) : d("verificationExpired", this.language)) : o.length > 0 ? n("div", { class: "documents-dropdown" }, n("select", { class: "nice-select", onChange: (s) => this.handleOptionChange(s, e.type) }, o.map((s) => n("option", { selected: s.code == t, value: s.code }, d(s.type, this.language)))), this.renderDocumentsActions(o.find((s) => s.code === t), t, e)) : null));
+      return t("div", { class: "box box-content" }, t(y, null, r ? t("div", { class: "verification-status" }, s("verificationComplete", this.language)) : l ? t("div", { class: "verification-status" }, n === "Failed" ? s("verificationFailed", this.language) : s("verificationExpired", this.language)) : o.length > 0 ? t("div", { class: "documents-dropdown" }, t("select", { class: "nice-select", onChange: (d) => this.handleOptionChange(d, e.type) }, o.map((d) => t("option", { selected: d.code == i, value: d.code }, s(d.type, this.language)))), this.renderDocumentsActions(o.find((d) => d.code === i), i, e)) : null));
   }
   render() {
-    return this.isLoading ? n("div", null, n("p", null, d("loading", this.language))) : n("div", { class: "ModalContainer", ref: (e) => this.stylingContainer = e }, n("div", { class: "player-kyc-verification-widget" }, this.isMobile ? n("div", { class: "MenuReturnButton", onClick: this.handleToggleScreen }, n("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, n("defs", null), n("g", { transform: "translate(-20 -158)" }, n("g", { transform: "translate(20 158)" }, n("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)" })))), n("h2", null, d("kycTitle", this.language))) : n("h2", null, d("kycTitle", this.language)), this.verificationType.length === 0 ? n("div", { class: "no-verification-description", style: { padding: "24px", fontSize: "18px" } }, d("noVerificationRequired", this.language)) : n(y, null, this.hideKycDescription === "true" && !this.hasRequestedDocuments ? null : n("div", { class: "widget-description" }, d("kycDescription", this.language)), n("div", { class: "verification-types" }, this.verificationType.map((e) => e ? this.renderVerificationTypeBox(e) : null)))));
+    return this.isLoading ? t("div", null, t("p", null, s("loading", this.language))) : t("div", { class: "ModalContainer", ref: (e) => this.stylingContainer = e }, t("div", { class: "player-kyc-verification-widget" }, this.isMobile ? t("div", { class: "MenuReturnButton", onClick: this.handleToggleScreen }, t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, t("defs", null), t("g", { transform: "translate(-20 -158)" }, t("g", { transform: "translate(20 158)" }, t("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)" })))), t("h2", null, s("kycTitle", this.language))) : t("h2", null, s("kycTitle", this.language)), this.verificationType.length === 0 ? t("div", { class: "no-verification-description", style: { padding: "24px", fontSize: "18px" } }, s("noVerificationRequired", this.language)) : t(y, null, this.hideKycDescription === "true" ? this.renderDescription(this.verificationsGeneralStatus) : t("div", { class: "widget-description" }, " ", s("kycDescription", this.language)), t("div", { class: "verification-types" }, this.verificationType.map((e) => e ? this.renderVerificationTypeBox(e) : null)))));
   }
   static get watchers() {
     return {