@everymatrix/player-account-anonymization 1.41.0

package/dist/cjs/index.cjs.js

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

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b17b388b.js');
+
+/*
+ Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchEsm = () => {
+    return index.promiseResolve();
+};
+
+const defineCustomElements = (win, options) => {
+  if (typeof window === 'undefined') return Promise.resolve();
+  return patchEsm().then(() => {
+  return index.bootstrapLazy([["player-account-anonymization.cjs",[[1,"player-account-anonymization",{"endpoint":[513],"language":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isMobile":[32],"displayConfirmationPopup":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/player-account-anonymization.cjs.entry.js

@@ -0,0 +1,229 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-b17b388b.js');
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+  en: {
+    "title": "Account Anonymization",
+    "description": "According to the General Data Protection Regulation (GDPR), you have the right to anonymize your personal information from the system. This process will take up to 30 days, once started.",
+    "confirmation": "Please confirm that you wish to start the personal information anonymization process.",
+    "btnSubmit": "Submit Request",
+    "btnCancel": "Cancel",
+    "btnOpenConfirmationPopup": "Request Anonymization",
+    "successMsg": "The anonymization process was started successfully.",
+    "errorMsg": "An error occurred. Please try again later."
+  },
+  ro: {
+    "title": "Anonimizarea contului",
+    "description": "Conform Regulamentului General privind Protecția Datelor (GDPR), aveți dreptul de a anonimiza informațiile dvs. personale din sistem. Acest proces va dura până la 30 de zile de la inițiere.",
+    "confirmation": "Vă rugăm să confirmați că doriți să începeți procesul de anonimizare a informațiilor personale.",
+    "btnSubmit": "Trimite solicitarea",
+    "btnCancel": "Anulează",
+    "btnOpenConfirmationPopup": "Solicită anonimizarea",
+    "successMsg": "Procesul de anonimizare a fost inițiat cu succes.",
+    "errorMsg": "A apărut o eroare. Vă rugăm să încercați din nou mai târziu."
+  },
+  fr: {
+    "title": "Anonymisation du compte",
+    "description": "Conformément au Règlement général sur la protection des données (RGPD), vous avez le droit d'anonymiser vos informations personnelles du système. Ce processus prendra jusqu'à 30 jours une fois commencé.",
+    "confirmation": "Veuillez confirmer que vous souhaitez commencer le processus d'anonymisation de vos informations personnelles.",
+    "btnSubmit": "Soumettre la demande",
+    "btnCancel": "Annuler",
+    "btnOpenConfirmationPopup": "Demander l'anonymisation",
+    "successMsg": "Le processus d'anonymisation a été lancé avec succès.",
+    "errorMsg": "Une erreur s'est produite. Veuillez réessayer plus tard."
+  },
+  hu: {
+    "title": "Fiók anonimizálása",
+    "description": "A General Data Protection Regulation (GDPR) szerint joga van anonimizálni személyes adatait a rendszerből. Ez a folyamat legfeljebb 30 napig tart, miután elindult.",
+    "confirmation": "Kérjük, erősítse meg, hogy el kívánja indítani a személyes adatok anonimizálási folyamatát.",
+    "btnSubmit": "Kérelem benyújtása",
+    "btnCancel": "Mégse",
+    "btnOpenConfirmationPopup": "Anonimizálás kérése",
+    "successMsg": "Az anonimizálási folyamat sikeresen elindult.",
+    "errorMsg": "Hiba történt. Kérjük, próbálja meg később."
+  },
+  tr: {
+    "title": "Hesap Anonimleştirme",
+    "description": "Genel Veri Koruma Yönetmeliği'ne (GDPR) göre, kişisel bilgilerinizi sistemden anonimleştirme hakkına sahipsiniz. Bu işlem başlatıldıktan sonra 30 güne kadar sürebilir.",
+    "confirmation": "Kişisel bilgilerin anonimleştirilme sürecini başlatmak istediğinizi lütfen onaylayın.",
+    "btnSubmit": "Talebi Gönder",
+    "btnCancel": "İptal",
+    "btnOpenConfirmationPopup": "Anonimleştirme Talebi",
+    "successMsg": "Anonimleştirme süreci başarıyla başlatıldı.",
+    "errorMsg": "Bir hata oluştu. Lütfen daha sonra tekrar deneyin."
+  },
+  el: {
+    "title": "Ανωνυμοποίηση Λογαριασμού",
+    "description": "Σύμφωνα με τον Γενικό Κανονισμό Προστασίας Δεδομένων (GDPR), έχετε το δικαίωμα να ανωνυμοποιήσετε τα προσωπικά σας δεδομένα από το σύστημα. Αυτή η διαδικασία θα διαρκέσει έως και 30 ημέρες από την έναρξή της.",
+    "confirmation": "Παρακαλούμε επιβεβαιώστε ότι επιθυμείτε να ξεκινήσετε τη διαδικασία ανωνυμοποίησης προσωπικών δεδομένων.",
+    "btnSubmit": "Υποβολή Αιτήματος",
+    "btnCancel": "Ακύρωση",
+    "btnOpenConfirmationPopup": "Αίτημα Ανωνυμοποίησης",
+    "successMsg": "Η διαδικασία ανωνυμοποίησης ξεκίνησε με επιτυχία.",
+    "errorMsg": "Παρουσιάστηκε σφάλμα. Παρακαλούμε δοκιμάστε ξανά αργότερα."
+  },
+  es: {
+    "title": "Anonimización de Cuenta",
+    "description": "De acuerdo con el Reglamento General de Protección de Datos (GDPR), tiene el derecho de anonimizar su información personal del sistema. Este proceso tardará hasta 30 días una vez iniciado.",
+    "confirmation": "Por favor, confirme que desea iniciar el proceso de anonimización de la información personal.",
+    "btnSubmit": "Enviar Solicitud",
+    "btnCancel": "Cancelar",
+    "btnOpenConfirmationPopup": "Solicitar Anonimización",
+    "successMsg": "El proceso de anonimización se ha iniciado correctamente.",
+    "errorMsg": "Ocurrió un error. Por favor, inténtelo de nuevo más tarde."
+  },
+  pt: {
+    "title": "Anonimização de Conta",
+    "description": "De acordo com o Regulamento Geral de Proteção de Dados (GDPR), você tem o direito de anonimizar suas informações pessoais do sistema. Este processo levará até 30 dias após o início.",
+    "confirmation": "Por favor, confirme que deseja iniciar o processo de anonimização das informações pessoais.",
+    "btnSubmit": "Enviar Solicitação",
+    "btnCancel": "Cancelar",
+    "btnOpenConfirmationPopup": "Solicitar Anonimização",
+    "successMsg": "O processo de anonimização foi iniciado com sucesso.",
+    "errorMsg": "Ocorreu um erro. Por favor, tente novamente mais tarde."
+  },
+  hr: {
+    "title": "Anonimizacija računa",
+    "description": "Prema Općoj uredbi o zaštiti podataka (GDPR), imate pravo anonimizirati svoje osobne podatke iz sustava. Ovaj proces može potrajati do 30 dana nakon početka.",
+    "confirmation": "Molimo potvrdite da želite započeti proces anonimizacije osobnih podataka.",
+    "btnSubmit": "Pošalji zahtjev",
+    "btnCancel": "Otkaži",
+    "btnOpenConfirmationPopup": "Zatraži anonimizaciju",
+    "successMsg": "Proces anonimizacije uspješno je započeo.",
+    "errorMsg": "Došlo je do pogreške. Molimo pokušajte ponovno kasnije."
+  },
+};
+const getTranslations = (url) => {
+  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) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined ? lang : DEFAULT_LANGUAGE][key];
+};
+
+function checkDeviceType() {
+  const userAgent = navigator.userAgent.toLowerCase();
+  const width = screen.availWidth;
+  const height = screen.availHeight;
+  if (userAgent.includes('iphone')) {
+    return 'mobile';
+  }
+  if (userAgent.includes('android')) {
+    if (height > width && width < 800) {
+      return 'mobile';
+    }
+    if (width > height && height < 800) {
+      return 'tablet';
+    }
+  }
+  return 'desktop';
+}
+
+const playerAccountAnonymizationCss = ":host{display:block}.PlayerAccountAnonymization{font-family:inherit;width:100%;height:100%}.PlayerAccountAnonymization .Title{font-size:var(--emw--font-size-x-large, 26px);color:var(--emw--color-primary, #D0046C);font-weight:var(--emw--font-weight-semibold, 500)}.PlayerAccountAnonymization .Title.Mobile{font-size:var(--emw--font-size-x-large, 20px);color:var(--emw--color-primary, #D0046C)}.PlayerAccountAnonymization svg{fill:var(--emw--color-primary, #D0046C)}.PlayerAccountAnonymization .ButtonReturn{font-family:inherit;display:inline-flex;align-items:center;gap:10px}.PlayerAccountAnonymization .Button{font-family:inherit;border-radius:var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));background:var(--emw--button-background-color, var(--emw--color-primary, #D0046C));border:var(--emw--button-border, 1px solid var(--emw--button-border-color, #D0046C));color:var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));font-size:var(--emw--font-size-large, 20px);font-weight:var(--emw--font-weight-normal, 400);height:50px;width:100%;text-transform:uppercase;cursor:pointer}.PlayerAccountAnonymization .Button.Mobile{font-size:var(--emw--font-size-small, 14px);height:40px}.PlayerAccountAnonymization .Description{padding:10px;text-align:left;font-size:var(--emw--font-size-small, 14px)}.PlayerAccountAnonymization .ConfirmationPopupWindow{z-index:99999;background-color:var(--emw--color-gray-transparency-40, rgba(0, 0, 0, 0.4));display:flex;position:fixed;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%}.PlayerAccountAnonymization .ConfirmationPopupWindow .ConfirmationPopup{max-width:600px;max-height:800px;align-items:center;position:relative;border:1px solid black;background-color:var(--emw--color-background, #FFFFFF);display:flex;flex-direction:column;gap:100px;padding:15px;border-radius:10px}.PlayerAccountAnonymization .ConfirmationPopupWindow .ConfirmationPopup.Mobile{max-width:300px;max-height:600px}.PlayerAccountAnonymization .ConfirmationPopupWindow .ConfirmationPopup .ButtonContainer{width:100%;display:flex;flex-direction:row;gap:20px;align-items:center}";
+
+const PlayerAccountAnonymization = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isMobile = checkDeviceType() === 'mobile' || checkDeviceType() === 'tablet';
+    this.displayConfirmationPopup = false;
+    this.setClientStyling = () => {
+      const sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      const url = new URL(this.clientStylingUrl);
+      const 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.toggleScreen = () => {
+      window.postMessage({ type: 'PlayerAccountMenuActive', isMobile: this.isMobile }, window.location.href);
+    };
+    this.openConfirmationPopup = () => {
+      this.displayConfirmationPopup = true;
+    };
+    this.closeConfirmationPopup = () => {
+      this.displayConfirmationPopup = false;
+    };
+    this.submitRequest = () => {
+      const url = new URL(`${this.endpoint}/api/v1/players/legislation/anonymization`);
+      const headers = new Headers();
+      headers.append('X-SessionId', this.session);
+      const requestParams = {
+        method: 'POST',
+        headers: headers,
+      };
+      fetch(url.href, requestParams)
+        .then((res) => {
+        if (res.status < 300) {
+          window.postMessage({ type: 'PlayerAccountAnonymizationSuccessful' });
+          window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate('successMsg', this.language) } }, window.location.href);
+        }
+        else {
+          window.postMessage({ type: 'WidgetNotification', data: { type: 'error', message: translate('errorMsg', this.language) } }, window.location.href);
+        }
+      });
+    };
+  }
+  updateClientStyling() {
+    if (this.clientStyling)
+      this.setClientStyling();
+    if (this.clientStylingUrl)
+      this.setClientStylingURL();
+  }
+  async componentWillLoad() {
+    if (this.translationUrl) {
+      await getTranslations(this.translationUrl);
+    }
+  }
+  componentDidLoad() {
+    if (this.clientStyling)
+      this.setClientStyling();
+    if (this.clientStylingUrl)
+      this.setClientStylingURL();
+  }
+  debounce(func, delay) {
+    return function (...args) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = setTimeout(() => {
+        func.apply(this, args);
+      }, delay);
+    };
+  }
+  render() {
+    return index.h("div", { class: "PlayerAccountAnonymization", ref: el => this.stylingContainer = el }, this.isMobile
+      ? index.h("div", { class: "ButtonReturn", onClick: this.toggleScreen }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" }, 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", { class: "Title Mobile" }, translate('title', this.language)))
+      : index.h("h2", { class: "Title" }, translate('title', this.language)), index.h("div", { class: "Description" }, index.h("p", null, translate('description', this.language))), index.h("button", { class: "Button", onClick: this.openConfirmationPopup }, translate('btnOpenConfirmationPopup', this.language)), this.displayConfirmationPopup &&
+      index.h("div", { class: "ConfirmationPopupWindow" }, index.h("div", { class: 'ConfirmationPopup' + (this.isMobile ? ' Mobile' : '') }, index.h("div", { class: "Description" }, index.h("p", null, translate('confirmation', this.language))), index.h("div", { class: "ButtonContainer" }, index.h("button", { class: "Button" + (this.isMobile ? ' Mobile' : ''), onClick: this.debounce(this.submitRequest, 850) }, translate('btnSubmit', this.language)), index.h("button", { class: "Button" + (this.isMobile ? ' Mobile' : ''), onClick: this.closeConfirmationPopup }, translate('btnCancel', this.language))))));
+  }
+  static get watchers() { return {
+    "clientStyling": ["updateClientStyling"],
+    "clientStylingUrl": ["updateClientStyling"]
+  }; }
+};
+PlayerAccountAnonymization.style = playerAccountAnonymizationCss;
+
+exports.player_account_anonymization = PlayerAccountAnonymization;

package/dist/cjs/player-account-anonymization.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-b17b388b.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('player-account-anonymization.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["player-account-anonymization.cjs",[[1,"player-account-anonymization",{"endpoint":[513],"language":[513],"session":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"isMobile":[32],"displayConfirmationPopup":[32]}]]]], options);
+});

package/dist/collection/collection-manifest.json

@@ -0,0 +1,12 @@
+{
+  "entries": [
+    "./components/player-account-anonymization/player-account-anonymization.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/player-account-anonymization/player-account-anonymization.css

@@ -0,0 +1,85 @@
+:host {
+  display: block;
+}
+
+.PlayerAccountAnonymization {
+  font-family: inherit;
+  width: 100%;
+  height: 100%;
+}
+.PlayerAccountAnonymization .Title {
+  font-size: var(--emw--font-size-x-large, 26px);
+  color: var(--emw--color-primary, #D0046C);
+  font-weight: var(--emw--font-weight-semibold, 500);
+}
+.PlayerAccountAnonymization .Title.Mobile {
+  font-size: var(--emw--font-size-x-large, 20px);
+  color: var(--emw--color-primary, #D0046C);
+}
+.PlayerAccountAnonymization svg {
+  fill: var(--emw--color-primary, #D0046C);
+}
+.PlayerAccountAnonymization .ButtonReturn {
+  font-family: inherit;
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+}
+.PlayerAccountAnonymization .Button {
+  font-family: inherit;
+  border-radius: var(--emw--button-border-radius, var(--emw--border-radius-large, 50px));
+  background: var(--emw--button-background-color, var(--emw--color-primary, #D0046C));
+  border: var(--emw--button-border, 1px solid var(--emw--button-border-color, #D0046C));
+  color: var(--emw--button-text-color, var(--emw--color-white, #FFFFFF));
+  font-size: var(--emw--font-size-large, 20px);
+  font-weight: var(--emw--font-weight-normal, 400);
+  height: 50px;
+  width: 100%;
+  text-transform: uppercase;
+  cursor: pointer;
+}
+.PlayerAccountAnonymization .Button.Mobile {
+  font-size: var(--emw--font-size-small, 14px);
+  height: 40px;
+}
+.PlayerAccountAnonymization .Description {
+  padding: 10px;
+  text-align: left;
+  font-size: var(--emw--font-size-small, 14px);
+}
+.PlayerAccountAnonymization .ConfirmationPopupWindow {
+  z-index: 99999;
+  background-color: var(--emw--color-gray-transparency-40, rgba(0, 0, 0, 0.4));
+  display: flex;
+  position: fixed;
+  align-items: center;
+  justify-content: center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.PlayerAccountAnonymization .ConfirmationPopupWindow .ConfirmationPopup {
+  max-width: 600px;
+  max-height: 800px;
+  align-items: center;
+  position: relative;
+  border: 1px solid black;
+  background-color: var(--emw--color-background, #FFFFFF);
+  display: flex;
+  flex-direction: column;
+  gap: 100px;
+  padding: 15px;
+  border-radius: 10px;
+}
+.PlayerAccountAnonymization .ConfirmationPopupWindow .ConfirmationPopup.Mobile {
+  max-width: 300px;
+  max-height: 600px;
+}
+.PlayerAccountAnonymization .ConfirmationPopupWindow .ConfirmationPopup .ButtonContainer {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+  align-items: center;
+}

package/dist/collection/components/player-account-anonymization/player-account-anonymization.js

@@ -0,0 +1,225 @@
+import { Component, h, Prop, State, Watch } from '@stencil/core';
+import { getTranslations, translate } from '../../utils/locale.utils';
+import { checkDeviceType } from '../../utils/utils';
+export class PlayerAccountAnonymization {
+  constructor() {
+    this.isMobile = checkDeviceType() === 'mobile' || checkDeviceType() === 'tablet';
+    this.displayConfirmationPopup = false;
+    this.setClientStyling = () => {
+      const sheet = document.createElement('style');
+      sheet.innerHTML = this.clientStyling;
+      this.stylingContainer.prepend(sheet);
+    };
+    this.setClientStylingURL = () => {
+      const url = new URL(this.clientStylingUrl);
+      const 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.toggleScreen = () => {
+      window.postMessage({ type: 'PlayerAccountMenuActive', isMobile: this.isMobile }, window.location.href);
+    };
+    this.openConfirmationPopup = () => {
+      this.displayConfirmationPopup = true;
+    };
+    this.closeConfirmationPopup = () => {
+      this.displayConfirmationPopup = false;
+    };
+    this.submitRequest = () => {
+      const url = new URL(`${this.endpoint}/api/v1/players/legislation/anonymization`);
+      const headers = new Headers();
+      headers.append('X-SessionId', this.session);
+      const requestParams = {
+        method: 'POST',
+        headers: headers,
+      };
+      fetch(url.href, requestParams)
+        .then((res) => {
+        if (res.status < 300) {
+          window.postMessage({ type: 'PlayerAccountAnonymizationSuccessful' });
+          window.postMessage({ type: 'WidgetNotification', data: { type: 'success', message: translate('successMsg', this.language) } }, window.location.href);
+        }
+        else {
+          window.postMessage({ type: 'WidgetNotification', data: { type: 'error', message: translate('errorMsg', this.language) } }, window.location.href);
+        }
+      });
+    };
+  }
+  updateClientStyling() {
+    if (this.clientStyling)
+      this.setClientStyling();
+    if (this.clientStylingUrl)
+      this.setClientStylingURL();
+  }
+  async componentWillLoad() {
+    if (this.translationUrl) {
+      await getTranslations(this.translationUrl);
+    }
+  }
+  componentDidLoad() {
+    if (this.clientStyling)
+      this.setClientStyling();
+    if (this.clientStylingUrl)
+      this.setClientStylingURL();
+  }
+  debounce(func, delay) {
+    return function (...args) {
+      clearTimeout(this.debounceTimer);
+      this.debounceTimer = setTimeout(() => {
+        func.apply(this, args);
+      }, delay);
+    };
+  }
+  render() {
+    return h("div", { class: "PlayerAccountAnonymization", ref: el => this.stylingContainer = el },
+      this.isMobile
+        ? h("div", { class: "ButtonReturn", onClick: this.toggleScreen },
+          h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "15", height: "15", viewBox: "0 0 15 15" },
+            h("g", { transform: "translate(-20 -158)" },
+              h("g", { transform: "translate(20 158)" },
+                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)" })))),
+          h("h2", { class: "Title Mobile" }, translate('title', this.language)))
+        : h("h2", { class: "Title" }, translate('title', this.language)),
+      h("div", { class: "Description" },
+        h("p", null, translate('description', this.language))),
+      h("button", { class: "Button", onClick: this.openConfirmationPopup }, translate('btnOpenConfirmationPopup', this.language)),
+      this.displayConfirmationPopup &&
+        h("div", { class: "ConfirmationPopupWindow" },
+          h("div", { class: 'ConfirmationPopup' + (this.isMobile ? ' Mobile' : '') },
+            h("div", { class: "Description" },
+              h("p", null, translate('confirmation', this.language))),
+            h("div", { class: "ButtonContainer" },
+              h("button", { class: "Button" + (this.isMobile ? ' Mobile' : ''), onClick: this.debounce(this.submitRequest, 850) }, translate('btnSubmit', this.language)),
+              h("button", { class: "Button" + (this.isMobile ? ' Mobile' : ''), onClick: this.closeConfirmationPopup }, translate('btnCancel', this.language))))));
+  }
+  static get is() { return "player-account-anonymization"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["player-account-anonymization.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["player-account-anonymization.css"]
+  }; }
+  static get properties() { return {
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "endpoint"
+      },
+      "attribute": "endpoint",
+      "reflect": true
+    },
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "language"
+      },
+      "attribute": "language",
+      "reflect": true
+    },
+    "session": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "player session"
+      },
+      "attribute": "session",
+      "reflect": true
+    },
+    "clientStyling": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "clientStyling"
+      },
+      "attribute": "client-styling",
+      "reflect": true
+    },
+    "clientStylingUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "clientStylingUrl"
+      },
+      "attribute": "client-styling-url",
+      "reflect": true
+    },
+    "translationUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "translationUrl"
+      },
+      "attribute": "translation-url",
+      "reflect": true
+    }
+  }; }
+  static get states() { return {
+    "isMobile": {},
+    "displayConfirmationPopup": {}
+  }; }
+  static get watchers() { return [{
+      "propName": "clientStyling",
+      "methodName": "updateClientStyling"
+    }, {
+      "propName": "clientStylingUrl",
+      "methodName": "updateClientStyling"
+    }]; }
+}

package/dist/collection/index.js

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