@everymatrix/player-kyc-verification 1.0.69

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ff559e5a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["player-kyc-verification.cjs",[[1,"player-kyc-verification",{"userId":[1,"user-id"],"session":[1],"language":[1],"endpoint":[1],"translationUrl":[1,"translation-url"],"clientStyling":[1,"client-styling"],"verifiedIcon":[1,"verified-icon"],"failedIcon":[1,"failed-icon"],"defaultIcon":[1,"default-icon"],"clientStylingUrl":[1,"client-styling-url"],"verificationType":[32],"isLoading":[32],"stylingAppends":[32],"selectedFile":[32],"uploadingStatus":[32],"uploadSizeExceeded":[32],"selectedOption":[32],"expandedOnDesktop":[32]},null,{"translationUrl":["handleNewTranslations"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/player-kyc-verification.cjs.entry.js

@@ -0,0 +1,564 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ff559e5a.js');
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['de', 'en', 'hr'];
+let TRANSLATIONS = {
+    en: {
+        loading: 'Loading, please wait ...',
+        noVerificationRequired: 'There is no verification required for your account at this moment.',
+        verificationComplete: 'Verification complete',
+        verificationFailed: 'Verification failed',
+        verificationExpired: 'Verification expired',
+        fileSizeExceeded: 'Maximum file size exceeded. Max file size is: 50mb',
+        uploading: 'Uploading ... ',
+        successUpload: 'Your document has been uploaded and it will be reviewed shortly',
+        successUploadMultipleFiles: 'Your documents have been uploaded and it will be reviewed shortly',
+        failedUpload: 'Upload failed please try again',
+        chooseDocument: 'Choose Document',
+        kycTitle: 'Account Verification',
+        kycDescription: 'We require some documents to protect your account and to comply with legal and license requirements.',
+        download: 'Download',
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Recheck: 'Recheck',
+        Biometric: 'Biometric',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    },
+    de: {
+        loading: 'Loading, please wait ...',
+        noVerificationRequired: 'There is no verification required for your account at this moment.',
+        verificationComplete: 'Verification complete',
+        verificationFailed: 'Verification failed',
+        verificationExpired: 'Verification expired',
+        fileSizeExceeded: 'Maximum file size exceeded. Max file size is: 50mb',
+        uploading: 'Uploading ... ',
+        successUpload: 'Your document has been uploaded and it will be reviewed shortly',
+        successUploadMultipleFiles: 'Your documents have been uploaded and it will be reviewed shortly',
+        failedUpload: 'Upload failed please try again',
+        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.',
+        download: 'Download',
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Biometric: 'Biometric',
+        Recheck: 'Recheck',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    },
+    ro: {
+        loading: 'Loading, please wait ...',
+        noVerificationRequired: 'There is no verification required for your account at this moment.',
+        verificationComplete: 'Verification complete',
+        verificationFailed: 'Verification failed',
+        verificationExpired: 'Verification expired',
+        fileSizeExceeded: 'Maximum file size exceeded. Max file size is: 50mb',
+        uploading: 'Uploading ... ',
+        successUpload: 'Your document has been uploaded and it will be reviewed shortly',
+        successUploadMultipleFiles: 'Your documents have been uploaded and it will be reviewed shortly',
+        failedUpload: 'Upload failed please try again',
+        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ță.',
+        download: 'Download',
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Biometric: 'Biometric',
+        Recheck: 'Recheck',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    },
+    fr: {
+        loading: 'Loading, please wait ...',
+        noVerificationRequired: 'There is no verification required for your account at this moment.',
+        verificationComplete: 'Verification complete',
+        verificationFailed: 'Verification failed',
+        verificationExpired: 'Verification expired',
+        fileSizeExceeded: 'Maximum file size exceeded. Max file size is: 50mb',
+        uploading: 'Uploading ... ',
+        successUpload: 'Your document has been uploaded and it will be reviewed shortly',
+        successUploadMultipleFiles: 'Your documents have been uploaded and it will be reviewed shortly',
+        failedUpload: 'Upload failed please try again',
+        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.',
+        download: 'Download',
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Biometric: 'Biometric',
+        Recheck: 'Recheck',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    },
+    ar: {
+        loading: 'Loading, please wait ...',
+        noVerificationRequired: 'There is no verification required for your account at this moment.',
+        verificationComplete: 'Verification complete',
+        verificationFailed: 'Verification failed',
+        verificationExpired: 'Verification expired',
+        fileSizeExceeded: 'Maximum file size exceeded. Max file size is: 50mb',
+        uploading: 'Uploading ... ',
+        successUpload: 'Your document has been uploaded and it will be reviewed shortly',
+        successUploadMultipleFiles: 'Your documents have been uploaded and it will be reviewed shortly',
+        failedUpload: 'Upload failed please try again',
+        chooseDocument: 'Choose Document',
+        kycTitle: 'التحقق من الحساب',
+        kycDescription: 'نحتاج إلى بعض الوثائق لحماية حسابك والامتثال للمتطلبات القانونية والترخيص.',
+        download: 'Download',
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Biometric: 'Biometric',
+        Recheck: 'Recheck',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    },
+    hr: {
+        loading: 'Učitavanje, molimo pričekajte ...',
+        noVerificationRequired: 'Trenutačno nije potrebna provjera vašeg računa.',
+        verificationComplete: 'Provjera dovršena',
+        verificationFailed: 'Provjera nije uspjela',
+        verificationExpired: 'Provjera je istekla',
+        fileSizeExceeded: 'Premašena je maksimalna veličina datoteke. Maksimalna veličina datoteke je: 50mb',
+        uploading: 'Prijenos…',
+        successUpload: 'Vaš dokument je učitan i uskoro će biti pregledan',
+        successUploadMultipleFiles: 'Vaši su dokumenti učitani i uskoro će biti pregledani',
+        failedUpload: 'Prijenos nije uspio pokušajte ponovo',
+        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.',
+        download: 'Download',
+        Age: 'Dob',
+        Aml: 'AML',
+        Documents: 'Dokumenti',
+        PEP: 'Politički izložena osoba',
+        Sanction: 'Sankcija',
+        Biometric: 'Verifikacija',
+        Recheck: 'Ponovna provjera',
+        ProofOfAddress: 'Potvrda adrese',
+        SourceOfWealth: 'Izvor sredstava',
+        SocialMedia: 'Društvene mreže',
+        ProofOfPayment: 'Platna metoda',
+    },
+    'pt-br': {
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Biometric: 'Biometric',
+        Recheck: 'Recheck',
+        'Loading': 'Carregando, espere por favor…',
+        'noVerificationRequired': 'Não há necessidade de verificação para sua conta no momento',
+        'verificationComplete': 'Verificação completa',
+        'verificationFailed': 'Verificação de falha',
+        'verificationExpired': 'A verificação expirou',
+        'fileSizeExceeded': 'Tamanho máximo do arquivo excedido. O tamanho máximo do arquivo é: 50 MB',
+        'uploading': 'Carregando...',
+        'successUpload': 'Seu documento foi carregado e será analisado em breve',
+        'successUploadMultipleFiles': 'Seus documentos foram enviados e serão revisados ​​em breve',
+        'failedUpload': 'Falha no upload do arquivo, tente novamente',
+        'chooseDocument': 'Escolha um arquivo',
+        'download': 'Download',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    },
+    'es-mx': {
+        Age: 'Age',
+        Aml: 'AML',
+        Documents: 'Documents',
+        PEP: 'PEP',
+        Sanction: 'Sanctions',
+        Biometric: 'Biometric',
+        Recheck: 'Recheck',
+        'Loading': 'Cargando, espere por favor…',
+        'noVerificationRequired': 'No hay verificación requerida para su cuenta al momento',
+        'verificationComplete': 'Verificación completa',
+        'verificationFailed': 'Verificación fallo',
+        'verificationExpired': 'Verificación expiro',
+        'fileSizeExceeded': 'Tamaño máximo de archivo se excedió. El tamaño máximo del archivo es: 50mb',
+        'uploading': 'Cargando ...',
+        'successUpload': 'Su documento ha sido cargado y será revisado en breve',
+        'successUploadMultipleFiles': 'Sus documento han sido cargados y serán revisado en breve',
+        'failedUpload': 'La carga del archivo falló, por favor intente de nuevo',
+        'chooseDocument': 'Elija un archivo',
+        'download': 'Download',
+        ProofOfAddress: 'Proof of Address',
+        SourceOfWealth: 'Source of Wealth',
+        SocialMedia: 'Social Media',
+        ProofOfPayment: 'Proof of Payment',
+    }
+};
+const getTranslations = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+const translate = (key, customLang, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+
+/**
+ * @name isMobile
+ * @description A method that returns if the browser used to access the app is from a mobile device or not
+ * @param {String} userAgent window.navigator.userAgent
+ * @returns {Boolean} true or false
+ */
+const isMobile = (userAgent) => {
+    return !!(userAgent.toLowerCase().match(/android/i) ||
+        userAgent.toLowerCase().match(/blackberry|bb/i) ||
+        userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+        userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};
+
+const playerKycVerificationCss = ":host {\n  font-family: inherit;\n}\n\nbutton, select {\n  font-family: inherit;\n}\n\n.ModalContainer {\n  container-type: inline-size;\n}\n\n.player-kyc-verification-widget {\n  padding: 20px;\n  align-items: center;\n}\n.player-kyc-verification-widget h2 {\n  margin: 15px;\n}\n.player-kyc-verification-widget .widget-description {\n  margin: 24px 0px;\n}\n.player-kyc-verification-widget .verification-types {\n  width: 100%;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-gap: 34px;\n}\n.player-kyc-verification-widget .verification-types .verification-box {\n  transition: height 0.3s, border-color 0.3s;\n  border: solid 1px var(--emfe-w-color-gray-100, #E6E6E6);\n  border-radius: 2px;\n  display: flex;\n  flex-direction: column;\n  padding: 0px 14px;\n  border-width: 2px 2px 8px 2px;\n  align-self: start;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box {\n  flex-shrink: 0;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header {\n  display: flex;\n  padding: 14px 0px;\n  justify-content: space-between;\n  cursor: pointer;\n  align-items: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-icon {\n  flex-grow: 1;\n  display: flex;\n  justify-content: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-icon svg {\n  height: 24px;\n  width: 24px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .box-title {\n  flex-grow: 1;\n  font-size: 18px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .chevron-icon {\n  flex-grow: 10;\n  width: 14px;\n  height: 14px;\n  display: flex;\n  justify-content: flex-end;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-header .chevron-icon svg {\n  width: 20px;\n  height: 22px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content {\n  display: none;\n  flex-grow: 1;\n  border-top: 0.4px solid var(--emfe-w-color-gray-100, #E6E6E6);\n  padding: 10px 0px;\n  flex-grow: 1;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .upload-status {\n  text-align: center;\n  padding: 20px;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  align-items: center;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown svg {\n  margin: 16px;\n  cursor: pointer;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .nice-select {\n  cursor: pointer;\n  width: 100%;\n  height: 30px;\n  padding: 4px 14px;\n  font-size: 14px;\n  border: 1px solid var(--emfe-w-color-gray-150, #828282);\n  border-radius: 2px;\n  background-color: var(--emfe-w-color-white, #FFFFFF);\n  color: #333;\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  padding-right: 30px;\n  background-repeat: no-repeat;\n  background-position: right 10px center;\n  background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"><path fill=\"%23333\" d=\"M10 18.4l-6.5-6.5h13z\"/><path fill=\"%23333\" d=\"M10 1.6l6.5 6.5H3.5z\"/></svg>');\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .sample-file .download-button {\n  font-family: inherit;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--emfe-w-color-white, #FFFFFF);\n  color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));\n  border: none;\n  font-size: 16px;\n  padding: 10px 0px 0px 0px;\n  cursor: pointer;\n}\n.player-kyc-verification-widget .verification-types .verification-box .box-content .documents-dropdown .sample-file .download-button svg {\n  margin-right: 10px;\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded {\n  border-color: var(--emfe-w-color-valid var(--emfe-w-color-green, #48952a));\n  min-height: 120px;\n}\n.player-kyc-verification-widget .verification-types .verification-box.failed {\n  border-color: var(--emfe-w-color-error var(--emfe-w-color-red, #FD2839));\n}\n.player-kyc-verification-widget .verification-types .verification-box.success {\n  border-color: var(--emfe-w-color-valid var(--emfe-w-color-green, #48952a));\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded .box-content {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n.player-kyc-verification-widget .verification-types .verification-box.expanded .box-content .verification-status {\n  margin: 12px 0px 16px;\n  font-size: 18px;\n  text-align: center;\n  color: var(--emfe-w-color-gray-150, #828282);\n}\n\n.MenuReturnButton {\n  display: flex;\n  align-items: center;\n}\n\n@container (min-width: 700px) {\n  .player-kyc-verification-widget {\n    padding: 100px 60px;\n  }\n}\n@container (max-width: 700px) {\n  .player-kyc-verification-widget h2 {\n    margin: 15px;\n    text-align: center;\n  }\n  .player-kyc-verification-widget .verification-types {\n    grid-template-columns: 1fr;\n    grid-gap: 16px;\n  }\n}\n@container (max-width: 1240px) and (min-width: 701px) {\n  .player-kyc-verification-widget .verification-types {\n    grid-template-columns: repeat(2, 1fr);\n  }\n}";
+const PlayerKycVerificationStyle0 = playerKycVerificationCss;
+
+const PlayerKycVerificationWidget = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.scriptInjected = false;
+        this.MAX_UPLOAD_SIZE = 50000000;
+        this.userAgent = window.navigator.userAgent;
+        this.isMobile = isMobile(this.userAgent);
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.setClientStylingURL = () => {
+            let url = new URL(this.clientStylingUrl);
+            let cssFile = document.createElement('style');
+            fetch(url.href)
+                .then((res) => res.text())
+                .then((data) => {
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+            });
+        };
+        this.handleToggleScreen = () => {
+            this.toggleScreen(this.isMobile);
+        };
+        this.userId = '';
+        this.session = '';
+        this.language = undefined;
+        this.endpoint = '';
+        this.translationUrl = '';
+        this.clientStyling = '';
+        this.verifiedIcon = '';
+        this.failedIcon = '';
+        this.defaultIcon = '';
+        this.clientStylingUrl = '';
+        this.verificationType = [];
+        this.isLoading = false;
+        this.stylingAppends = false;
+        this.selectedFile = null;
+        this.uploadingStatus = undefined;
+        this.uploadSizeExceeded = false;
+        this.selectedOption = undefined;
+        this.expandedOnDesktop = false;
+    }
+    handleNewTranslations() {
+        this.isLoading = true;
+        getTranslations(this.translationUrl).then(() => {
+            this.isLoading = false;
+        });
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.stylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.stylingAppends = true;
+        }
+        // end custom styling area
+    }
+    async componentDidLoad() {
+        if (window.innerWidth > 700) {
+            this.expandedOnDesktop = true;
+        }
+        try {
+            let url = new URL(`${this.endpoint}/v2/player/${this.userId}/verification/GetKYCCustomerStatus`);
+            const options = {
+                method: 'POST',
+                headers: {
+                    'X-SessionId': this.session,
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({})
+            };
+            fetch(url.href, options)
+                .then((res) => {
+                if (res.status === 200) {
+                    return res.json();
+                }
+                else {
+                    throw new Error("HTTP status " + res.status);
+                }
+            })
+                .then((data) => {
+                this.verificationType = data.verifications;
+            })
+                .catch((err) => {
+                // Handle any errors
+                console.error(err);
+            });
+        }
+        catch (error) {
+            console.error('Error fetching verification types:', error);
+        }
+    }
+    handleOptionChange(event, verificationTypeId) {
+        const target = event.target;
+        this.selectedOption = target.value;
+        this.verificationType = this.verificationType.map((type) => {
+            if (type.type === verificationTypeId) {
+                type.optionChosen = target.value;
+            }
+            return type;
+        });
+    }
+    handleDocumentsStatus(verificationTypeId, documentsStatus, documentCode) {
+        this.verificationType = this.verificationType.map((vType) => {
+            if (vType.type === verificationTypeId) {
+                const document = vType.documents.find((doc) => doc.code === documentCode);
+                if (document) {
+                    document.statusUploaded = documentsStatus;
+                }
+            }
+            return vType;
+        });
+    }
+    downloadPDF(pdfUrl) {
+        const link = document.createElement('a');
+        link.href = pdfUrl;
+        link.download = 'file.pdf';
+        link.target = '_blank';
+        link.dispatchEvent(new MouseEvent('click'));
+    }
+    toggleVerificationType(verificationTypeId, verificationTypeFlowInfoType) {
+        this.expandedOnDesktop = false;
+        this.verificationType = this.verificationType.map((type) => {
+            var _a;
+            if (type.type === verificationTypeId && ((_a = type.flowInfo) === null || _a === void 0 ? void 0 : _a.type) == verificationTypeFlowInfoType) {
+                type.expanded = !type.expanded;
+            }
+            return type;
+        });
+    }
+    toggleScreen(isMobile) {
+        window.postMessage({ type: 'PlayerAccountMenuActive', isMobile }, window.location.href);
+    }
+    checkFileSize(file) {
+        let size = 0;
+        Object.keys(file).forEach(element => {
+            size += file[element].size;
+        });
+        return size <= this.MAX_UPLOAD_SIZE;
+    }
+    handleFileSelection(file, documentType, verificationTypeId) {
+        if (file && file.length > 0) {
+            this.selectedFile = file;
+            if (!this.checkFileSize(this.selectedFile)) {
+                console.error(translate('fileSizeExceeded', this.language));
+                this.uploadingStatus = translate('fileSizeExceeded', this.language);
+                this.handleDocumentsStatus(verificationTypeId, this.uploadingStatus, documentType);
+                this.uploadSizeExceeded = true;
+            }
+            else {
+                const uploadOptions = {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-SessionId': this.session,
+                    },
+                    body: JSON.stringify({ DocumentCode: documentType }),
+                };
+                fetch(`${this.endpoint}/v1/player/${this.userId}/verification/GetKYCVerificationDocumentUploadUrl`, uploadOptions)
+                    .then(response => {
+                    if (response.ok) {
+                        this.uploadingStatus = translate('uploading', this.language);
+                        this.handleDocumentsStatus(verificationTypeId, this.uploadingStatus, documentType);
+                        return response.json();
+                    }
+                }).then((data) => {
+                    const formData = new FormData();
+                    formData.append(documentType, this.selectedFile[0]);
+                    fetch(data.Url, { method: "POST", body: formData })
+                        .then(res => {
+                        if (res.ok) {
+                            if (this.selectedFile.length > 1) {
+                                this.uploadingStatus = translate('successUploadMultipleFiles', this.language);
+                            }
+                            else {
+                                this.uploadingStatus = translate('successUpload', this.language);
+                            }
+                            this.handleDocumentsStatus(verificationTypeId, this.uploadingStatus, documentType);
+                        }
+                        else {
+                            this.uploadingStatus = translate('failedUpload', this.language);
+                            this.handleDocumentsStatus(verificationTypeId, this.uploadingStatus, documentType);
+                            console.error('File upload error:', res.status);
+                        }
+                    })
+                        .catch(error => {
+                        console.error('File upload error:', error);
+                    });
+                })
+                    .catch(error => {
+                    console.error('File upload error:', error);
+                });
+            }
+        }
+    }
+    importScript(url) {
+        return new Promise((resolve, reject) => {
+            fetch(url)
+                .then((res) => res.text())
+                .then((res) => {
+                const scriptFunction = new Function(res);
+                scriptFunction();
+                if (this.scriptInjected) {
+                    resolve(true);
+                }
+                else {
+                    const scriptElement = document.createElement('script');
+                    scriptElement.src = 'https://test.insic.de/frontend3/static/js/avs-loader.min.js';
+                    document.head.appendChild(scriptElement);
+                    this.scriptInjected = true;
+                    resolve(true);
+                }
+            })
+                .catch(error => {
+                reject(error);
+            });
+        });
+    }
+    isStatusUploaded(document) {
+        if (document && document.status === 'Uploaded')
+            return true;
+        return false;
+    }
+    renderVerificationTypeBox(verificationType) {
+        if (this.expandedOnDesktop) {
+            verificationType.expanded = true;
+        }
+        let expanded = verificationType.expanded;
+        let name = verificationType.type.trim();
+        let optionChosen = verificationType.optionChosen;
+        let status = verificationType.status;
+        let documents = verificationType.documents;
+        let flowInfo = verificationType.flowInfo;
+        const isVerified = status === 'Verified';
+        const isFailedOrExpired = status === 'Failed' || status === 'Expired';
+        return (index.h("div", { class: `verification-box ${expanded ? 'expanded' : ''} ${isFailedOrExpired ? 'failed' : ''} ${isVerified ? 'success' : ''}` }, index.h("div", { class: `box box-header ${expanded ? 'expanded' : ''}`, onClick: () => { var _a; return this.toggleVerificationType(verificationType.type, (_a = verificationType.flowInfo) === null || _a === void 0 ? void 0 : _a.type); } }, index.h("div", { class: "box-icon" }, isVerified ? (index.h("div", null, this.verifiedIcon ? (index.h("img", { class: "CustomVerifiedIcon", src: this.verifiedIcon, alt: "" })) : (index.h("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }), index.h("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }), index.h("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))))) : (isFailedOrExpired ? (index.h("div", null, this.failedIcon ? (index.h("img", { class: "CustomFailedIcon", src: this.failedIcon, alt: "" })) : (index.h("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { cx: "50", cy: "50", r: "40", fill: "red" }), index.h("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }), index.h("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))))) : (index.h("div", null, this.defaultIcon ? (index.h("img", { class: "CustomDefaultIcon", src: this.defaultIcon, alt: "" })) : (index.h("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("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" }), index.h("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }), index.h("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" }))))))), index.h("div", { class: "box-title" }, translate(name, this.language)), index.h("div", { class: "chevron-icon" }, index.h("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" }, index.h("path", { d: expanded ? 'M6 15l6-6 6 6' : 'M6 9l6 6 6-6' })))), expanded ? (this.renderExpandedContent(verificationType, optionChosen, status, documents, flowInfo, isVerified, isFailedOrExpired)) :
+            (index.h("div", { class: "box box-content" }, index.h("div", { id: "__avs-wrapper" })))));
+    }
+    renderDocumentsActions(selectedDocument, optionChosen, verificationType) {
+        return (index.h("div", null, this.isStatusUploaded(selectedDocument) ? (index.h("div", { class: "upload-status" }, translate('uploaded', this.language))) :
+            (selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.statusUploaded) ? (index.h("div", { class: "upload-status" }, selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.statusUploaded)) : (index.h("div", { class: "documents-action" }, index.h("div", { class: "sample-file" }, (selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.sampleType) === "FileDownload" ? (index.h("button", { class: "download-button", onClick: () => this.downloadPDF(selectedDocument === null || selectedDocument === void 0 ? void 0 : selectedDocument.sampleUrl) }, index.h("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("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(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C))" }), index.h("path", { d: "M17 11H14V6H10V11H7L12 16L17 11ZM7 17V19H17V17H7Z", fill: "var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C))" })), index.h("span", null, translate('download', this.language)))) : null), index.h("div", { class: "upload-button" }, optionChosen ? (index.h("label", null, index.h("input", { type: "file", accept: "*", onChange: ($event) => this.handleFileSelection($event.target.files, this.selectedOption, verificationType.type), style: { display: 'none' } }), index.h("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { cx: "50", cy: "50", r: "40", fill: "var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C))" }), index.h("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }), index.h("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" })))) : null)))));
+    }
+    ;
+    renderExpandedContent(verificationType, optionChosen, status, documents, flowInfo, isVerified, isFailedOrExpired) {
+        if ((flowInfo === null || flowInfo === void 0 ? void 0 : flowInfo.type) === 'Widget') {
+            return (index.h("div", null, index.h("hr", { style: { margin: '5px' } }), index.h("iframe", { src: flowInfo.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: true, allow: "camera *;microphone *" })));
+            // comment the functionality under because it might have a different type of script that we might have to handle
+            // this.importScript(flowInfo.url)
+            //   .then(() => {
+            //     // Script imported successfully
+            //     console.log('Script imported correctly');
+            //     // Open/show the widget
+            //     // You'll need to check the widget documentation for how to open/show it
+            //   })
+            //   .catch(error => {
+            //     // Handle script import error
+            //     console.error('Error importing script:', error);
+            //   });
+        }
+        else if ((flowInfo === null || flowInfo === void 0 ? void 0 : flowInfo.type) === 'Redirect' && verificationType.vendorName !== "Manual" && status !== "Verified") {
+            return (index.h("div", null, index.h("hr", { style: { margin: '5px' } }), index.h("iframe", { src: flowInfo.url, frameborder: "0", height: "400px", width: "100%", allowfullScreen: true, allow: "camera *;microphone *" })));
+        }
+        else {
+            return (index.h("div", { class: "box box-content" }, index.h(index.Fragment, null, isVerified ? (index.h("div", { class: "verification-status" }, translate('verificationComplete', this.language))) : isFailedOrExpired ? (index.h("div", { class: "verification-status" }, status === 'Failed' ? translate('verificationFailed', this.language) : translate('verificationExpired', this.language))) : documents.length > 0 ? (index.h("div", { class: "documents-dropdown" }, index.h("select", { class: "nice-select", onChange: (event) => this.handleOptionChange(event, verificationType.type) }, index.h("option", { value: "", selected: true, disabled: true, hidden: true }, translate('chooseDocument', this.language)), documents.map((doc) => (index.h("option", { selected: optionChosen == doc.code ? true : false, value: doc.code }, translate(doc.type, this.language))))), this.renderDocumentsActions(documents.find((e) => e.code === optionChosen), optionChosen, verificationType))) : null)));
+        }
+    }
+    render() {
+        if (this.isLoading) {
+            return (index.h("div", null, index.h("p", null, translate('loading', this.language))));
+        }
+        else {
+            return (index.h("div", { class: "ModalContainer", ref: el => this.stylingContainer = el }, index.h("div", { class: "player-kyc-verification-widget" }, (this.isMobile ?
+                index.h("div", { class: "MenuReturnButton", onClick: this.handleToggleScreen }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, index.h("defs", null), index.h("g", { transform: "translate(-20 -158)" }, index.h("g", { transform: "translate(20 158)" }, index.h("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)" })))), index.h("h2", null, translate('kycTitle', this.language)))
+                :
+                    index.h("h2", null, translate('kycTitle', this.language))), this.verificationType.length === 0 ?
+                index.h("div", { class: "no-verification-description", style: { padding: '24px', fontSize: '18px' } }, translate('noVerificationRequired', this.language))
+                :
+                    index.h(index.Fragment, null, index.h("div", { class: "widget-description" }, translate('kycDescription', this.language)), index.h("div", { class: "verification-types" }, this.verificationType.map((verificationType) => verificationType ? this.renderVerificationTypeBox(verificationType) : null))))));
+        }
+    }
+    static get watchers() { return {
+        "translationUrl": ["handleNewTranslations"]
+    }; }
+};
+PlayerKycVerificationWidget.style = PlayerKycVerificationStyle0;
+
+exports.player_kyc_verification = PlayerKycVerificationWidget;

package/dist/cjs/player-kyc-verification.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-ff559e5a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('player-kyc-verification.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["player-kyc-verification.cjs",[[1,"player-kyc-verification",{"userId":[1,"user-id"],"session":[1],"language":[1],"endpoint":[1],"translationUrl":[1,"translation-url"],"clientStyling":[1,"client-styling"],"verifiedIcon":[1,"verified-icon"],"failedIcon":[1,"failed-icon"],"defaultIcon":[1,"default-icon"],"clientStylingUrl":[1,"client-styling-url"],"verificationType":[32],"isLoading":[32],"stylingAppends":[32],"selectedFile":[32],"uploadingStatus":[32],"uploadSizeExceeded":[32],"selectedOption":[32],"expandedOnDesktop":[32]},null,{"translationUrl":["handleNewTranslations"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "components/player-kyc-verification/player-kyc-verification.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/player-kyc-verification/index.js

@@ -0,0 +1 @@
+export { PlayerKycVerificationWidget } from './player-kyc-verification';