@everymatrix/player-kyc-verification 1.16.1

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

@@ -0,0 +1,496 @@
+import { Component, h, State, Prop, Fragment, Watch } from '@stencil/core';
+import { getTranslations, translate } from '../../utils/locale.utils';
+export class PlayerKycVerificationWidget {
+  constructor() {
+    /**
+     * The kyc title
+     */
+    this.kycTitle = '';
+    /**
+     * The description
+     */
+    this.description = '';
+    /**
+     * The userId
+     */
+    this.userId = '';
+    /**
+    * The session
+    */
+    this.session = '';
+    /**
+    * The NorWAy endpoint
+    */
+    this.endpoint = '';
+    /**
+     * The translationurl
+     */
+    this.translationUrl = '';
+    /**
+    * Client custom styling via string
+    */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url content
+     */
+    this.clientStylingUrl = '';
+    this.verificationType = [];
+    this.isLoading = false;
+    this.stylingAppends = false;
+    this.selectedFiles = null;
+    this.uploadSizeExceeded = false;
+    this.expandedOnDesktop = false;
+    this.scriptInjected = false;
+    this.MAX_UPLOAD_SIZE = 50000000;
+    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);
+      });
+    };
+  }
+  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;
+    });
+  }
+  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;
+    });
+  }
+  checkFileSize(file) {
+    let size = 0;
+    Object.keys(file).forEach(element => {
+      size += file[element].size;
+    });
+    return size <= this.MAX_UPLOAD_SIZE;
+  }
+  handleFileSelection(files, documentType, verificationTypeId) {
+    this.selectedFiles = files;
+    if (this.selectedFiles) {
+      if (!this.checkFileSize(this.selectedFiles)) {
+        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/GetPlayerKycVerificationDocumentUploadUrl`, 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();
+          const files = this.selectedFiles;
+          for (let i = 0; i < files.length; i++) {
+            formData.append("files", files[i]);
+          }
+          fetch(data.Url, { method: "POST", body: formData })
+            .then(res => {
+            if (res.ok) {
+              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);
+      });
+    });
+  }
+  renderVerificationTypeBox(verificationType) {
+    var _a, _b;
+    if (this.expandedOnDesktop) {
+      verificationType.expanded = true;
+    }
+    let expanded = verificationType.expanded;
+    let name = verificationType.type.replace(/([A-Z])/g, ' $1');
+    let optionChosen = verificationType.optionChosen;
+    let status = verificationType.status;
+    let documents = verificationType.documents;
+    let flowInfo = verificationType.flowInfo;
+    //not working yet
+    if ((flowInfo === null || flowInfo === void 0 ? void 0 : flowInfo.type) === 'Widget') {
+      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);
+      });
+    }
+    const isVerified = status === 'Verified';
+    const isFailedOrExpired = status === 'Failed' || status === 'Expired';
+    return (h("div", { class: `verification-box ${expanded ? 'expanded' : ''} ${isFailedOrExpired ? 'failed' : ''} ${isVerified ? 'success' : ''}` },
+      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); } },
+        h("div", { class: "box-icon" }, isVerified ? (h("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
+          h("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }),
+          h("circle", { cx: "50", cy: "50", r: "34", fill: "none", stroke: "#fff", "stroke-width": "12px" }),
+          h("polyline", { points: "30,50 45,63 70,35", fill: "none", stroke: "#fff", "stroke-width": "8px" }))) : (isFailedOrExpired ? (h("svg", { width: "100", height: "100", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
+          h("circle", { cx: "50", cy: "50", r: "40", fill: "red" }),
+          h("line", { x1: "30", y1: "30", x2: "70", y2: "70", stroke: "#fff", "stroke-width": "10px" }),
+          h("line", { x1: "30", y1: "70", x2: "70", y2: "30", stroke: "#fff", "stroke-width": "10px" }))) : (h("svg", { width: "800px", height: "800px", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+          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" }),
+          h("path", { d: "M9 13H15", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+          h("path", { d: "M9 17H12", stroke: "#000000", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }),
+          h("path", { d: "M14 2V6C14 7.10457 14.8954 8 16 8H20", stroke: "#000000", "stroke-width": "2", "stroke-linejoin": "round" }))))),
+        h("div", { class: "box-title" }, name),
+        h("div", { class: "chevron-icon" },
+          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" },
+            h("path", { d: expanded ? 'M6 15l6-6 6 6' : 'M6 9l6 6 6-6' })))),
+      expanded && (flowInfo === null || flowInfo === void 0 ? void 0 : flowInfo.type) != 'Widget' ? (h("div", { class: "box box-content" },
+        h(Fragment, null, isVerified ? (h("div", { class: "verification-status" }, translate('verificationComplete', this.language))) : isFailedOrExpired ? (h("div", { class: "verification-status" }, status === 'Failed' ? translate('verificationFailed', this.language) : translate('verificationExpired', this.language))) : (h("div", { class: "documents-dropdown" },
+          h("select", { class: "nice-select", onChange: (event) => this.handleOptionChange(event, verificationType.type) },
+            h("option", { value: "", selected: true, disabled: true, hidden: true }, translate('chooseDocument', this.language)),
+            documents.map((document) => (h("option", { selected: optionChosen == document.code ? true : false, value: document.code }, document.type.replace(/([A-Z])/g, ' $1'))))),
+          ((_a = documents.find((e) => e.code == optionChosen)) === null || _a === void 0 ? void 0 : _a.statusUploaded) ? (h("div", { class: "upload-status" }, (_b = documents.find((e) => e.code == optionChosen)) === null || _b === void 0 ? void 0 : _b.statusUploaded)) : (h("div", { class: "upload-button" }, optionChosen ? (h("label", null,
+            h("input", { type: "file", accept: "*", multiple: true, onChange: ($event) => this.handleFileSelection($event.target.files, this.selectedOption, verificationType.type), style: { display: 'none' } }),
+            h("svg", { width: "100", height: "100", xmlns: "http://www.w3.org/2000/svg" },
+              h("circle", { cx: "50", cy: "50", r: "40", fill: "#388D79" }),
+              h("line", { x1: "30", y1: "50", x2: "70", y2: "50", stroke: "white", "stroke-width": "6" }),
+              h("line", { x1: "50", y1: "30", x2: "50", y2: "70", stroke: "white", "stroke-width": "6" })))) : null))))))) :
+        h("div", { class: "box box-content" },
+          h("div", { id: "__avs-wrapper" }))));
+  }
+  render() {
+    if (this.isLoading) {
+      return (h("div", null,
+        h("p", null, translate('loading', this.language))));
+    }
+    else {
+      if (this.verificationType.length === 0) {
+        return h("div", { style: { padding: '24px', fontSize: '18px' } }, translate('noVerificationRequired', this.language));
+      }
+      else {
+        return (h("div", { class: "ModalContainer", ref: el => this.stylingContainer = el },
+          h("div", { class: "player-kyc-verification-widget" },
+            h("h2", null, this.kycTitle),
+            h("div", { class: "widget-description" }, this.description),
+            h("div", { class: "verification-types" }, this.verificationType.map((verificationType) => verificationType.vendorName === "Manual" || verificationType.vendorName === "Insic" ? this.renderVerificationTypeBox(verificationType) : null)))));
+      }
+    }
+  }
+  static get is() { return "player-kyc-verification"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["player-kyc-verification.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["player-kyc-verification.css"]
+  }; }
+  static get properties() { return {
+    "kycTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The kyc title"
+      },
+      "attribute": "kyc-title",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The description"
+      },
+      "attribute": "description",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "userId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The userId"
+      },
+      "attribute": "user-id",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "session": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The session"
+      },
+      "attribute": "session",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The language"
+      },
+      "attribute": "language",
+      "reflect": false
+    },
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The NorWAy endpoint"
+      },
+      "attribute": "endpoint",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "translationUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The translationurl"
+      },
+      "attribute": "translation-url",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "clientStyling": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Client custom styling via string"
+      },
+      "attribute": "client-styling",
+      "reflect": false,
+      "defaultValue": "''"
+    },
+    "clientStylingUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Client custom styling via url content"
+      },
+      "attribute": "client-styling-url",
+      "reflect": false,
+      "defaultValue": "''"
+    }
+  }; }
+  static get states() { return {
+    "verificationType": {},
+    "isLoading": {},
+    "stylingAppends": {},
+    "selectedFiles": {},
+    "uploadingStatus": {},
+    "uploadSizeExceeded": {},
+    "selectedOption": {},
+    "expandedOnDesktop": {}
+  }; }
+  static get watchers() { return [{
+      "propName": "translationUrl",
+      "methodName": "handleNewTranslations"
+    }]; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,90 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['de', 'en'];
+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',
+    failedUpload: 'Upload failed please try again',
+    chooseDocument: 'Choose Document',
+  },
+  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',
+    failedUpload: 'Upload failed please try again',
+    chooseDocument: 'Choose Document',
+  },
+  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',
+    failedUpload: 'Upload failed please try again',
+    chooseDocument: 'Choose Document',
+  },
+  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',
+    failedUpload: 'Upload failed please try again',
+    chooseDocument: 'Choose Document',
+  },
+  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',
+    failedUpload: 'Upload failed please try again',
+    chooseDocument: 'Choose Document',
+  }
+};
+export 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);
+    });
+  });
+};
+export 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;
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,30 @@
+/**
+ * @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
+ */
+export 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));
+};
+/**
+ * @name getDevice
+ * @description A method that returns the type of the device
+ * @param {String} userAgent window.navigator.userAgent
+ * @returns {String} Android/iPhone/iPad/PC
+ */
+export const getDevice = (userAgent) => {
+  if (userAgent.toLowerCase().match(/android/i)) {
+    return 'Android';
+  }
+  if (userAgent.toLowerCase().match(/iphone/i)) {
+    return 'iPhone';
+  }
+  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {
+    return 'iPad';
+  }
+  return 'PC';
+};

package/dist/components/index.d.ts

@@ -0,0 +1,26 @@
+/* PlayerKycVerification custom elements */
+
+import type { Components, JSX } from "../types/components";
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export type { Components, JSX };
+
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/player-kyc-verification.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface PlayerKycVerification extends Components.PlayerKycVerification, HTMLElement {}
+export const PlayerKycVerification: {
+  prototype: PlayerKycVerification;
+  new (): PlayerKycVerification;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;