@everymatrix/temporary-consents 1.12.1

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-51051de1.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([["temporary-consents.cjs",[[1,"temporary-consents",{"endpoint":[513],"userId":[513,"user-id"],"sessionId":[513,"session-id"],"daysUntilLockout":[513,"days-until-lockout"],"lang":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"stylingAppends":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/temporary-consents.cjs.entry.js

@@ -0,0 +1,180 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-51051de1.js');
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en'];
+let TRANSLATIONS = {
+  en: {
+    title: 'Participation conditions',
+    description: 'Important: Full verification is required in order to be able to use our entire offer. If verification is not completed, it is not possible to withdraw and the betting account will be locked in {daysUntilLockout} days.',
+    declineButton: 'Decline and log out',
+    acceptButton: 'Accept',
+    loading: 'Please wait, loading...'
+  }
+};
+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, 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;
+};
+
+const temporaryConsentsCss = "*,*::after,*::before{box-sizing:border-box;padding:0;margin:0}:host{display:block}.TemporaryConsents{max-width:500px;display:flex;gap:35px;flex-direction:column;box-shadow:0px 1px 5px 1px rgba(0, 0, 0, 0.1);padding:20px;font-family:sans-serif}.TemporaryConsentsTitle{text-align:left;font-family:inherit;color:#000;font-weight:400;font-size:18px;display:block;border-bottom:1px solid #000;padding-bottom:10px}.TemporaryConsentsText{font-family:inherit;font-weight:300;font-size:16px}.TemporaryConsentsButtonsWrapper{display:flex;justify-content:space-evenly;gap:50px}.TemporaryConsentsButton{font-family:inherit;font-weight:300;font-size:14px;border:none;padding:10px;min-width:150px;border-radius:4px}.TemporaryConsentsButtonDecline{background-color:transparent;border:1px solid #000}.TemporaryConsentsButtonAccept{color:white;background-color:#000}";
+
+const TemporaryConsents = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+    * Client custom styling via inline styles
+    */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Translation via url
+     */
+    this.translationUrl = '';
+    this.stylingAppends = false;
+    this.isLoading = false;
+    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);
+      });
+    };
+  }
+  componentWillLoad() {
+    const promises = [];
+    if (this.endpoint && this.userId) {
+      const consentsPromise = this.getConsents().then((consents) => {
+        this.temporaryAccountConsent = consents.consents.some((consent) => consent.tagCode == 'temporaryaccountconsent');
+      });
+      promises.push(consentsPromise);
+    }
+    if (this.translationUrl) {
+      const translationPromise = getTranslations(this.translationUrl);
+      promises.push(translationPromise);
+    }
+    return Promise.all(promises);
+  }
+  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
+  }
+  getConsents() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+    const headers = new Headers();
+    headers.append('X-SessionId', this.sessionId);
+    headers.append('Accept', 'application/json');
+    const options = {
+      method: 'GET',
+      headers
+    };
+    return new Promise((resolve, reject) => {
+      this.isLoading = true;
+      fetch(url.href, options)
+        .then((res) => res.json())
+        .then((consents) => {
+        resolve(consents);
+      }).catch((err) => {
+        console.error(err);
+        reject(err);
+      }).finally(() => {
+        this.isLoading = false;
+      });
+    });
+  }
+  setConsents() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+    const headers = new Headers();
+    headers.append('X-SessionId', this.sessionId);
+    headers.append('Accept', 'application/json');
+    headers.append('Content-Type', 'application/json');
+    const body = {
+      consents: [{
+          tagCode: 'temporaryaccountconsent',
+          note: '',
+          status: 1
+        }]
+    };
+    const options = {
+      method: 'POST',
+      headers,
+      body: JSON.stringify(body)
+    };
+    return new Promise((resolve, reject) => {
+      this.isLoading = true;
+      fetch(url.href, options)
+        .then((res) => res.json())
+        .then((res) => {
+        resolve(res);
+      }).catch((err) => {
+        console.error(err);
+        reject(err);
+      }).finally(() => {
+        this.isLoading = false;
+      });
+    });
+  }
+  handleDecline() {
+    window.postMessage({ type: 'TemporaryConsentsDeclined' }, window.location.href);
+  }
+  handleAccept() {
+    this.setConsents();
+    window.postMessage({ type: 'TemporaryConsentsAccepted' }, window.location.href);
+  }
+  render() {
+    if (this.temporaryAccountConsent) {
+      if (this.isLoading) {
+        return index.h("p", null, translate('loading', this.lang));
+      }
+      return index.h("div", { class: 'TemporaryConsents', ref: el => this.stylingContainer = el }, index.h("h2", { class: 'TemporaryConsentsTitle' }, " ", translate('title', this.lang), " "), index.h("p", { class: 'TemporaryConsentsText' }, " ", translate('description', this.lang, { values: { daysUntilLockout: this.daysUntilLockout } }), " "), index.h("div", { class: 'TemporaryConsentsButtonsWrapper' }, index.h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonDecline', onClick: () => this.handleDecline() }, translate('declineButton', this.lang)), index.h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonAccept', onClick: this.handleAccept }, translate('acceptButton', this.lang))));
+    }
+  }
+};
+TemporaryConsents.style = temporaryConsentsCss;
+
+exports.temporary_consents = TemporaryConsents;

package/dist/cjs/temporary-consents.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-51051de1.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('temporary-consents.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([["temporary-consents.cjs",[[1,"temporary-consents",{"endpoint":[513],"userId":[513,"user-id"],"sessionId":[513,"session-id"],"daysUntilLockout":[513,"days-until-lockout"],"lang":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"stylingAppends":[32]}]]]], options);
+});

package/dist/collection/collection-manifest.json

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

package/dist/collection/components/temporary-consents/temporary-consents.css

@@ -0,0 +1,58 @@
+*,
+*::after,
+*::before {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+}
+
+:host {
+  display: block;
+}
+
+.TemporaryConsents {
+  max-width: 500px;
+  display: flex;
+  gap: 35px;
+  flex-direction: column;
+  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.1);
+  padding: 20px;
+  font-family: sans-serif;
+}
+.TemporaryConsentsTitle {
+  text-align: left;
+  font-family: inherit;
+  color: #000;
+  font-weight: 400;
+  font-size: 18px;
+  display: block;
+  border-bottom: 1px solid #000;
+  padding-bottom: 10px;
+}
+.TemporaryConsentsText {
+  font-family: inherit;
+  font-weight: 300;
+  font-size: 16px;
+}
+.TemporaryConsentsButtonsWrapper {
+  display: flex;
+  justify-content: space-evenly;
+  gap: 50px;
+}
+.TemporaryConsentsButton {
+  font-family: inherit;
+  font-weight: 300;
+  font-size: 14px;
+  border: none;
+  padding: 10px;
+  min-width: 150px;
+  border-radius: 4px;
+}
+.TemporaryConsentsButtonDecline {
+  background-color: transparent;
+  border: 1px solid #000;
+}
+.TemporaryConsentsButtonAccept {
+  color: white;
+  background-color: #000;
+}

package/dist/collection/components/temporary-consents/temporary-consents.js

@@ -0,0 +1,296 @@
+import { Component, h, Prop, State } from '@stencil/core';
+import { getTranslations, translate } from '../../utils/locale.utils';
+export class TemporaryConsents {
+  constructor() {
+    /**
+    * Client custom styling via inline styles
+    */
+    this.clientStyling = '';
+    /**
+     * Client custom styling via url
+     */
+    this.clientStylingUrl = '';
+    /**
+     * Translation via url
+     */
+    this.translationUrl = '';
+    this.stylingAppends = false;
+    this.isLoading = false;
+    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);
+      });
+    };
+  }
+  componentWillLoad() {
+    const promises = [];
+    if (this.endpoint && this.userId) {
+      const consentsPromise = this.getConsents().then((consents) => {
+        this.temporaryAccountConsent = consents.consents.some((consent) => consent.tagCode == 'temporaryaccountconsent');
+      });
+      promises.push(consentsPromise);
+    }
+    if (this.translationUrl) {
+      const translationPromise = getTranslations(this.translationUrl);
+      promises.push(translationPromise);
+    }
+    return Promise.all(promises);
+  }
+  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
+  }
+  getConsents() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+    const headers = new Headers();
+    headers.append('X-SessionId', this.sessionId);
+    headers.append('Accept', 'application/json');
+    const options = {
+      method: 'GET',
+      headers
+    };
+    return new Promise((resolve, reject) => {
+      this.isLoading = true;
+      fetch(url.href, options)
+        .then((res) => res.json())
+        .then((consents) => {
+        resolve(consents);
+      }).catch((err) => {
+        console.error(err);
+        reject(err);
+      }).finally(() => {
+        this.isLoading = false;
+      });
+    });
+  }
+  setConsents() {
+    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+    const headers = new Headers();
+    headers.append('X-SessionId', this.sessionId);
+    headers.append('Accept', 'application/json');
+    headers.append('Content-Type', 'application/json');
+    const body = {
+      consents: [{
+          tagCode: 'temporaryaccountconsent',
+          note: '',
+          status: 1
+        }]
+    };
+    const options = {
+      method: 'POST',
+      headers,
+      body: JSON.stringify(body)
+    };
+    return new Promise((resolve, reject) => {
+      this.isLoading = true;
+      fetch(url.href, options)
+        .then((res) => res.json())
+        .then((res) => {
+        resolve(res);
+      }).catch((err) => {
+        console.error(err);
+        reject(err);
+      }).finally(() => {
+        this.isLoading = false;
+      });
+    });
+  }
+  handleDecline() {
+    window.postMessage({ type: 'TemporaryConsentsDeclined' }, window.location.href);
+  }
+  handleAccept() {
+    this.setConsents();
+    window.postMessage({ type: 'TemporaryConsentsAccepted' }, window.location.href);
+  }
+  render() {
+    if (this.temporaryAccountConsent) {
+      if (this.isLoading) {
+        return h("p", null, translate('loading', this.lang));
+      }
+      return h("div", { class: 'TemporaryConsents', ref: el => this.stylingContainer = el },
+        h("h2", { class: 'TemporaryConsentsTitle' },
+          " ",
+          translate('title', this.lang),
+          " "),
+        h("p", { class: 'TemporaryConsentsText' },
+          " ",
+          translate('description', this.lang, { values: { daysUntilLockout: this.daysUntilLockout } }),
+          " "),
+        h("div", { class: 'TemporaryConsentsButtonsWrapper' },
+          h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonDecline', onClick: () => this.handleDecline() }, translate('declineButton', this.lang)),
+          h("button", { class: 'TemporaryConsentsButton TemporaryConsentsButtonAccept', onClick: this.handleAccept }, translate('acceptButton', this.lang))));
+    }
+  }
+  static get is() { return "temporary-consents"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["temporary-consents.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["temporary-consents.css"]
+  }; }
+  static get properties() { return {
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The NWA endpoint"
+      },
+      "attribute": "endpoint",
+      "reflect": true
+    },
+    "userId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The NWA user id"
+      },
+      "attribute": "user-id",
+      "reflect": true
+    },
+    "sessionId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": true,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The NWA session for the logged in user"
+      },
+      "attribute": "session-id",
+      "reflect": true
+    },
+    "daysUntilLockout": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The language of the integrator"
+      },
+      "attribute": "days-until-lockout",
+      "reflect": true
+    },
+    "lang": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "The language of the integrator"
+      },
+      "attribute": "lang",
+      "reflect": true
+    },
+    "clientStyling": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Client custom styling via inline styles"
+      },
+      "attribute": "client-styling",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "clientStylingUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Client custom styling via url"
+      },
+      "attribute": "client-styling-url",
+      "reflect": true,
+      "defaultValue": "''"
+    },
+    "translationUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Translation via url"
+      },
+      "attribute": "translation-url",
+      "reflect": true,
+      "defaultValue": "''"
+    }
+  }; }
+  static get states() { return {
+    "stylingAppends": {}
+  }; }
+}

package/dist/collection/components/temporary-consents/temporary-consents.type.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/index.js

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

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

@@ -0,0 +1,36 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en'];
+let TRANSLATIONS = {
+  en: {
+    title: 'Participation conditions',
+    description: 'Important: Full verification is required in order to be able to use our entire offer. If verification is not completed, it is not possible to withdraw and the betting account will be locked in {daysUntilLockout} days.',
+    declineButton: 'Decline and log out',
+    acceptButton: 'Accept',
+    loading: 'Please wait, loading...'
+  }
+};
+export 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);
+    });
+  });
+};
+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/components/index.d.ts

@@ -0,0 +1,26 @@
+/* TemporaryConsents 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/temporary-consents.d.ts

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