@everymatrix/player-account-controller 1.65.1 → 1.65.3

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

@@ -1,10 +1,10 @@
-import { b as v, p as w, r as k, h as i, F as m } from "./index-9c0f6c58-pr1WGVFu.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, t = {};
-  return e !== "" && (t.resourcesUrl = new URL(".", e).href), w(t);
+  const e = import.meta.url, n = {};
+  return e !== "" && (n.resourcesUrl = new URL(".", e).href), w(n);
 };
-x().then(async (e) => (await C(), v([["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"], mbSource: [1, "mb-source"], verificationType: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], selectedOption: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e)));
+x().then(async (e) => (await C(), v([["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"], mbSource: [1, "mb-source"], verificationType: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e)));
 const S = "en";
 let c = {
   en: {
@@ -516,37 +516,37 @@ let c = {
     Voucher: "Voucher"
   }
 };
-const h = (e) => new Promise((t) => {
-  fetch(e).then((n) => n.json()).then((n) => {
-    Object.keys(n).forEach((o) => {
+const h = (e) => new Promise((n) => {
+  fetch(e).then((t) => t.json()).then((t) => {
+    Object.keys(t).forEach((o) => {
       c[o] || (c[o] = {});
-      for (let a in n[o])
-        c[o][a] = n[o][a];
-    }), t(!0);
+      for (let a in t[o])
+        c[o][a] = t[o][a];
+    }), n(!0);
   });
-}), r = (e, t, n) => {
-  const o = t;
+}), r = (e, n, t) => {
+  const o = n;
   return c[o !== void 0 && o in c ? o : S][e];
 }, b = (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));
-function y(e, t) {
+function g(e, n) {
   if (e) {
-    const n = document.createElement("style");
-    n.innerHTML = t, e.appendChild(n);
+    const t = document.createElement("style");
+    t.innerHTML = n, e.appendChild(t);
   }
 }
-function g(e, t) {
-  const n = new URL(t);
-  fetch(n.href).then((o) => o.text()).then((o) => {
+function y(e, n) {
+  const t = new URL(n);
+  fetch(t.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 P(e, t, n) {
+function P(e, n, t) {
   if (window.emMessageBus) {
     const o = document.createElement("style");
-    window.emMessageBus.subscribe(t, (a) => {
+    window.emMessageBus.subscribe(n, (a) => {
       o.innerHTML = a, e && e.appendChild(o);
     });
   }
@@ -734,7 +734,7 @@ button, select {
   constructor(e) {
     k(this, e), this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = b(this.userAgent), 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.mbSource = void 0, this.verificationType = [], this.isLoading = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.selectedOption = void 0, this.expandedOnDesktop = !1;
+    }, 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.verificationType = [], this.isLoading = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1;
   }
   handleNewTranslations() {
     this.isLoading = !0, h(this.translationUrl).then(() => {
@@ -744,17 +744,17 @@ button, select {
   async componentWillLoad() {
     this.translationUrl.length > 2 && await h(this.translationUrl);
   }
-  handleClientStylingChange(e, t) {
-    e != t && y(this.stylingContainer, this.clientStyling);
+  handleClientStylingChange(e, n) {
+    e != n && g(this.stylingContainer, this.clientStyling);
   }
-  handleClientStylingUrlChange(e, t) {
-    e != t && this.clientStylingUrl && g(this.stylingContainer, this.clientStylingUrl);
+  handleClientStylingUrlChange(e, n) {
+    e != n && this.clientStylingUrl && y(this.stylingContainer, this.clientStylingUrl);
   }
   async componentDidLoad() {
-    this.stylingContainer && (window.emMessageBus != null ? P(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && y(this.stylingContainer, this.clientStyling), this.clientStylingUrl && g(this.stylingContainer, this.clientStylingUrl))), window.innerWidth > 700 && (this.expandedOnDesktop = !0);
+    this.stylingContainer && (window.emMessageBus != null ? P(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && g(this.stylingContainer, this.clientStyling), this.clientStylingUrl && y(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 n = {
         method: "POST",
         headers: {
           "X-SessionId": this.session,
@@ -762,14 +762,14 @@ button, select {
         },
         body: JSON.stringify({})
       };
-      fetch(e.href, t).then((n) => {
-        if (n.status === 200)
-          return n.json();
-        throw new Error("HTTP status " + n.status);
-      }).then((n) => {
-        this.verificationType = n.verifications;
-      }).catch((n) => {
-        console.error(n);
+      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);
@@ -778,42 +778,42 @@ button, select {
   disconnectedCallback() {
     this.stylingSubscription && this.stylingSubscription.unsubscribe();
   }
-  handleOptionChange(e, t) {
-    const n = e.target;
-    this.selectedOption = n.value, this.verificationType = this.verificationType.map((o) => (o.type === t && (o.optionChosen = n.value), o));
+  handleOptionChange(e, n) {
+    const t = e.target;
+    this.verificationType = this.verificationType.map((o) => (o.type === n && (o.optionChosen = t.value), o));
   }
-  handleDocumentsStatus(e, t, n) {
+  handleDocumentsStatus(e, n, t) {
     this.verificationType = this.verificationType.map((o) => {
       if (o.type === e) {
-        const a = o.documents.find((s) => s.code === n);
-        a && (a.statusUploaded = t);
+        const a = o.documents.find((s) => s.code === t);
+        a && (a.statusUploaded = n);
       }
       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 n = document.createElement("a");
+    n.href = e, n.download = "file.pdf", n.target = "_blank", n.dispatchEvent(new MouseEvent("click"));
   }
-  toggleVerificationType(e, t) {
-    this.expandedOnDesktop = !1, this.verificationType = this.verificationType.map((n) => {
+  toggleVerificationType(e, n) {
+    this.expandedOnDesktop = !1, this.verificationType = this.verificationType.map((t) => {
       var o;
-      return n.type === e && ((o = n.flowInfo) === null || o === void 0 ? void 0 : o.type) == t && (n.expanded = !n.expanded), n;
+      return t.type === e && ((o = t.flowInfo) === null || o === void 0 ? void 0 : o.type) == n && (t.expanded = !t.expanded), t;
     });
   }
   toggleScreen(e) {
     window.postMessage({ type: "PlayerAccountMenuActive", isMobile: e }, window.location.href);
   }
   checkFileSize(e) {
-    let t = 0;
-    return Object.keys(e).forEach((n) => {
-      t += e[n].size;
-    }), t <= this.MAX_UPLOAD_SIZE;
+    let n = 0;
+    return Object.keys(e).forEach((t) => {
+      n += e[t].size;
+    }), n <= this.MAX_UPLOAD_SIZE;
   }
-  handleFileSelection(e, t, n) {
+  handleFileSelection(e, n, t) {
     if (e && e.length > 0)
       if (this.selectedFile = e, !this.checkFileSize(this.selectedFile))
-        console.error(r("fileSizeExceeded", this.language)), this.uploadingStatus = r("fileSizeExceeded", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t), this.uploadSizeExceeded = !0;
+        console.error(r("fileSizeExceeded", this.language)), this.uploadingStatus = r("fileSizeExceeded", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), this.uploadSizeExceeded = !0;
       else {
         const o = {
           method: "POST",
@@ -821,34 +821,37 @@ button, select {
             "Content-Type": "application/json",
             "X-SessionId": this.session
           },
-          body: JSON.stringify({ DocumentCode: t })
+          body: JSON.stringify({ DocumentCode: n })
         };
         fetch(`${this.endpoint}/v1/player/${this.userId}/verification/GetKYCVerificationDocumentUploadUrl`, o).then((a) => {
           if (a.ok)
-            return this.uploadingStatus = r("uploading", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t), a.json();
+            return this.uploadingStatus = r("uploading", this.language), this.handleDocumentsStatus(t, this.uploadingStatus, n), a.json();
         }).then((a) => {
-          const s = new FormData();
-          s.append(t, 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(n, this.uploadingStatus, t)) : (this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t), console.error("File upload error:", d.status));
-          }).catch((d) => {
-            console.error("File upload error:", d);
-          });
+          if (a.ResponseCode == "Success") {
+            const s = new FormData();
+            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);
         }).catch((a) => {
           console.error("File upload error:", a);
         });
       }
   }
   importScript(e) {
-    return new Promise((t, n) => {
+    return new Promise((n, t) => {
       fetch(e).then((o) => o.text()).then((o) => {
         if (new Function(o)(), this.scriptInjected)
-          t(!0);
+          n(!0);
         else {
           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, t(!0);
+          s.src = "https://test.insic.de/frontend3/static/js/avs-loader.min.js", document.head.appendChild(s), this.scriptInjected = !0, n(!0);
         }
       }).catch((o) => {
-        n(o);
+        t(o);
       });
     });
   }
@@ -856,26 +859,26 @@ button, select {
     return !!(e && e.status === "Uploaded");
   }
   getFirstRequestedDocument(e) {
-    var t;
-    let n;
-    return (t = e?.documents) === null || t === void 0 || t.forEach((o) => {
-      o.status == "Requested" && (n = n ?? o.code);
-    }), n;
+    var n, t;
+    let o;
+    return (n = e?.documents) === null || n === void 0 || n.forEach((a) => {
+      a.status == "Requested" && (o = o ?? a.code);
+    }), o || (o = (t = e?.documents[0]) === null || t === void 0 ? void 0 : t.code), o;
   }
   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, 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 ${n ? "expanded" : ""} ${u ? "failed" : ""} ${f ? "success" : ""}` }, i("div", { class: `box box-header ${n ? "expanded" : ""}`, onClick: () => {
+    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: n ? "M6 15l6-6 6 6" : "M6 9l6 6 6-6" })))), n ? 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, t, n) {
-    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" }, t ? i("label", null, i("input", { type: "file", accept: "*", onChange: (o) => this.handleFileSelection(o.target.files, this.selectedOption, 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)));
+  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, t, n, 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" && 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(m, null, s ? i("div", { class: "verification-status" }, r("verificationComplete", this.language)) : d ? 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));
+  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-DPUx1txP.js → player-kyc-verification-DA_O1Dqu.js}

@@ -1,27 +1,27 @@
 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-BNoMpTuB.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 = {};
   return e !== "" && (t.resourcesUrl = new URL(".", e).href), k(t);
 };
 S().then((e) => p(void 0, null, function* () {
-  return yield x(), w([["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"], mbSource: [1, "mb-source"], verificationType: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], selectedOption: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e);
+  return yield x(), w([["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"], mbSource: [1, "mb-source"], verificationType: [32], isLoading: [32], selectedFile: [32], uploadingStatus: [32], uploadSizeExceeded: [32], expandedOnDesktop: [32] }, null, { translationUrl: ["handleNewTranslations"], clientStyling: ["handleClientStylingChange"], clientStylingUrl: ["handleClientStylingUrlChange"] }]]]], e);
 }));
 const b = "en";
 let u = {
@@ -534,7 +534,7 @@ let u = {
     Voucher: "Voucher"
   }
 };
-const y = (e) => new Promise((t) => {
+const g = (e) => new Promise((t) => {
   fetch(e).then((n) => n.json()).then((n) => {
     Object.keys(n).forEach((o) => {
       u[o] || (u[o] = {});
@@ -546,7 +546,7 @@ const y = (e) => new Promise((t) => {
   const o = t;
   return u[o !== void 0 && o in u ? o : b][e];
 }, P = (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));
-function g(e, t) {
+function y(e, t) {
   if (e) {
     const n = document.createElement("style");
     n.innerHTML = t, e.appendChild(n);
@@ -752,27 +752,27 @@ button, select {
   constructor(e) {
     C(this, e), this.scriptInjected = !1, this.MAX_UPLOAD_SIZE = 5e7, this.userAgent = window.navigator.userAgent, this.isMobile = P(this.userAgent), 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.mbSource = void 0, this.verificationType = [], this.isLoading = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.selectedOption = void 0, this.expandedOnDesktop = !1;
+    }, 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.verificationType = [], this.isLoading = !1, this.selectedFile = null, this.uploadingStatus = void 0, this.uploadSizeExceeded = !1, this.expandedOnDesktop = !1;
   }
   handleNewTranslations() {
-    this.isLoading = !0, y(this.translationUrl).then(() => {
+    this.isLoading = !0, g(this.translationUrl).then(() => {
       this.isLoading = !1;
     });
   }
   componentWillLoad() {
     return p(this, null, function* () {
-      this.translationUrl.length > 2 && (yield y(this.translationUrl));
+      this.translationUrl.length > 2 && (yield g(this.translationUrl));
     });
   }
   handleClientStylingChange(e, t) {
-    e != t && g(this.stylingContainer, this.clientStyling);
+    e != t && y(this.stylingContainer, this.clientStyling);
   }
   handleClientStylingUrlChange(e, t) {
     e != t && this.clientStylingUrl && v(this.stylingContainer, this.clientStylingUrl);
   }
   componentDidLoad() {
     return p(this, null, function* () {
-      this.stylingContainer && (window.emMessageBus != null ? D(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && g(this.stylingContainer, this.clientStyling), this.clientStylingUrl && v(this.stylingContainer, this.clientStylingUrl))), window.innerWidth > 700 && (this.expandedOnDesktop = !0);
+      this.stylingContainer && (window.emMessageBus != null ? D(this.stylingContainer, `${this.mbSource}.Style`) : (this.clientStyling && y(this.stylingContainer, this.clientStyling), this.clientStylingUrl && v(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 = {
@@ -802,7 +802,7 @@ button, select {
   }
   handleOptionChange(e, t) {
     const n = e.target;
-    this.selectedOption = n.value, this.verificationType = this.verificationType.map((o) => (o.type === t && (o.optionChosen = n.value), o));
+    this.verificationType = this.verificationType.map((o) => (o.type === t && (o.optionChosen = n.value), o));
   }
   handleDocumentsStatus(e, t, n) {
     this.verificationType = this.verificationType.map((o) => {
@@ -849,12 +849,15 @@ button, select {
           if (a.ok)
             return this.uploadingStatus = r("uploading", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t), a.json();
         }).then((a) => {
-          const s = new FormData();
-          s.append(t, this.selectedFile[0]), fetch(a.Url, { method: "POST", body: s }).then((c) => {
-            c.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = r("successUploadMultipleFiles", this.language) : this.uploadingStatus = r("successUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t)) : (this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t), console.error("File upload error:", c.status));
-          }).catch((c) => {
-            console.error("File upload error:", c);
-          });
+          if (a.ResponseCode == "Success") {
+            const s = new FormData();
+            s.append(t, this.selectedFile[0]), fetch(a.Url, { method: "POST", body: s }).then((c) => {
+              c.ok ? (this.selectedFile.length > 1 ? this.uploadingStatus = r("successUploadMultipleFiles", this.language) : this.uploadingStatus = r("successUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t)) : (this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t), console.error("File upload error:", c.status));
+            }).catch((c) => {
+              console.error("File upload error:", c);
+            });
+          } else
+            this.uploadingStatus = r("failedUpload", this.language), this.handleDocumentsStatus(n, this.uploadingStatus, t);
         }).catch((a) => {
           console.error("File upload error:", a);
         });
@@ -878,26 +881,26 @@ button, select {
     return !!(e && e.status === "Uploaded");
   }
   getFirstRequestedDocument(e) {
-    var t;
-    let n;
-    return (t = e == null ? void 0 : e.documents) === null || t === void 0 || t.forEach((o) => {
-      o.status == "Requested" && (n = n != null ? n : o.code);
-    }), n;
+    var t, n;
+    let o;
+    return (t = e == null ? void 0 : e.documents) === null || t === void 0 || t.forEach((a) => {
+      a.status == "Requested" && (o = o != null ? o : a.code);
+    }), o || (o = (n = e == null ? void 0 : e.documents[0]) === null || n === void 0 ? void 0 : n.code), o;
   }
   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, this.selectedOption, 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)));
+    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)))));