@everymatrix/temporary-consents 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-73481e72.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([["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.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

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

@@ -0,0 +1,198 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-73481e72.js');
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en', 'hr'];
+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...'
+    },
+    hr: {
+        title: 'Uvjeti sudjelovanja',
+        description: 'Važno: Potrebna je potpuna verifikacija kako biste mogli koristiti našu cjelokupnu ponudu. Ako potvrda nije dovršena, nije moguće podići i račun za klađenje bit će zaključan za {daysUntilLockout} dana.',
+        declineButton: 'Odbijte i odjavite se',
+        acceptButton: 'Prihvatiti',
+        loading: 'Molimo pričekajte, učitavanje...'
+    },
+    'es-mx': {
+        'title': 'Condiciones de participación',
+        'description': 'Importante: Una verificación completa es requerida para poder utilizar nuestra oferta. Si no se verifica, no será posible hacer retiros y la cuenta para realizar apuestas será bloqueada.',
+        'declineButton': 'Declinar y salir',
+        'acceptButton': 'Aceptar',
+        'Loading': 'Espere por favor, Cargando...'
+    },
+    'pt-br': {
+        'title': 'Condições de participação',
+        'description': 'Importante: É necessária uma verificação completa para poder utilizar a nossa oferta. Se não for verificado, os saques não serão possíveis e a conta de apostas será bloqueada.',
+        'declineButton': 'Recusar e sair',
+        'acceptButton': 'Aceitar',
+        'Loading': 'Espere, por favor, Carregando...'
+    }
+};
+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 TemporaryConsentsStyle0 = temporaryConsentsCss;
+
+const TemporaryConsents = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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);
+            });
+        };
+        this.endpoint = undefined;
+        this.userId = undefined;
+        this.sessionId = undefined;
+        this.daysUntilLockout = undefined;
+        this.lang = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.stylingAppends = false;
+    }
+    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 = TemporaryConsentsStyle0;
+
+exports.temporary_consents = TemporaryConsents;

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

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-73481e72.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('temporary-consents.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([["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.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

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

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

@@ -0,0 +1 @@
+export { TemporaryConsents } from './temporary-consents';

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,289 @@
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
+export class TemporaryConsents {
+    constructor() {
+        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);
+            });
+        };
+        this.endpoint = undefined;
+        this.userId = undefined;
+        this.sessionId = undefined;
+        this.daysUntilLockout = undefined;
+        this.lang = undefined;
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.translationUrl = '';
+        this.stylingAppends = false;
+    }
+    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,57 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['en', 'hr'];
+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...'
+    },
+    hr: {
+        title: 'Uvjeti sudjelovanja',
+        description: 'Važno: Potrebna je potpuna verifikacija kako biste mogli koristiti našu cjelokupnu ponudu. Ako potvrda nije dovršena, nije moguće podići i račun za klađenje bit će zaključan za {daysUntilLockout} dana.',
+        declineButton: 'Odbijte i odjavite se',
+        acceptButton: 'Prihvatiti',
+        loading: 'Molimo pričekajte, učitavanje...'
+    },
+    'es-mx': {
+        'title': 'Condiciones de participación',
+        'description': 'Importante: Una verificación completa es requerida para poder utilizar nuestra oferta. Si no se verifica, no será posible hacer retiros y la cuenta para realizar apuestas será bloqueada.',
+        'declineButton': 'Declinar y salir',
+        'acceptButton': 'Aceptar',
+        'Loading': 'Espere por favor, Cargando...'
+    },
+    'pt-br': {
+        'title': 'Condições de participação',
+        'description': 'Importante: É necessária uma verificação completa para poder utilizar a nossa oferta. Se não for verificado, os saques não serão possíveis e a conta de apostas será bloqueada.',
+        'declineButton': 'Recusar e sair',
+        'acceptButton': 'Aceitar',
+        'Loading': 'Espere, por favor, Carregando...'
+    }
+};
+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/collection/utils/utils.js

@@ -0,0 +1,3 @@
+export function format(first, middle, last) {
+    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
+}