@everymatrix/player-user-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-69db8b9e.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["player-user-consents.cjs",[[1,"player-user-consents",{"lang":[1537],"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"gmVersion":[1,"gm-version"],"consentTitle":[513,"consent-title"],"clientStyling":[1,"client-styling"],"translationUrl":[513,"translation-url"],"textContent":[32],"limitStylingAppends":[32]},null,{"translationUrl":["handleNewTranslations"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/player-user-consents.cjs.entry.js

@@ -0,0 +1,209 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-69db8b9e.js');
+
+const DEFAULT_LANGUAGE = 'en';
+const TRANSLATIONS = {
+    en: {
+        termsAndConditions: {
+            acceptPart1: "I accept the ",
+            acceptPart2: ", I have read and understood the ",
+            acceptPart3: " as published on this site and confirm that I am over 18 years old.",
+            tc: "Terms and Conditions"
+        },
+        privacyPolicy: {
+            readUnderstandPart1: "I have read and understood the ",
+            readUnderstandPart2: ", as published on this site and confirm that I am over 18 years old.",
+            privacy: "Privacy Policy"
+        },
+        sms: "I consent to receive marketing communication via SMS.",
+        emailmarketing: "I consent to receive marketing communication via Email."
+    },
+    ro: {
+        termsAndConditions: {
+            acceptPart1: "Accept ",
+            acceptPart2: " platformei. Am citit şi înţeles ",
+            acceptPart3: " publicată pe acest site şi confirm că am vârstă peste 18 ani.",
+            tc: "Termenii şi condiţiile"
+        },
+        privacyPolicy: {
+            readUnderstandPart1: "Am citit şi înţeles ",
+            readUnderstandPart2: " publicată pe acest site şi confirm că am vârstă peste 18 ani.",
+            privacy: "Politica de confidenţialitate"
+        },
+        sms: "Sunt de acord să primesc promoţii de marketing prin SMS.",
+        emailmarketing: "Sunt de acord să primesc promoţii de marketing pe e-mail."
+    },
+    hr: {
+        termsAndConditions: {
+            acceptPart1: "I accept the ",
+            acceptPart2: ", I have read and understood the ",
+            acceptPart3: " as published on this site and confirm that I am over 18 years old.",
+            tc: "Terms and Conditions"
+        },
+        privacyPolicy: {
+            readUnderstandPart1: "I have read and understood the ",
+            readUnderstandPart2: ", as published on this site and confirm that I am over 18 years old.",
+            privacy: "Privacy Policy"
+        },
+        sms: "I consent to receive marketing communication via SMS.",
+        emailmarketing: "I consent to receive marketing communication via Email."
+    },
+    fr: {
+        termsAndConditions: {
+            acceptPart1: "I accept the ",
+            acceptPart2: ", I have read and understood the ",
+            acceptPart3: " as published on this site and confirm that I am over 18 years old.",
+            tc: "Terms and Conditions"
+        },
+        privacyPolicy: {
+            readUnderstandPart1: "I have read and understood the ",
+            readUnderstandPart2: ", as published on this site and confirm that I am over 18 years old.",
+            privacy: "Privacy Policy"
+        },
+        sms: "I consent to receive marketing communication via SMS.",
+        emailmarketing: "I consent to receive marketing communication via Email."
+    },
+    cs: {
+        termsAndConditions: {
+            acceptPart1: "I accept the ",
+            acceptPart2: ", I have read and understood the ",
+            acceptPart3: " as published on this site and confirm that I am over 18 years old.",
+            tc: "Terms and Conditions"
+        },
+        privacyPolicy: {
+            readUnderstandPart1: "I have read and understood the ",
+            readUnderstandPart2: ", as published on this site and confirm that I am over 18 years old.",
+            privacy: "Privacy Policy"
+        },
+        sms: "I consent to receive marketing communication via SMS.",
+        emailmarketing: "I consent to receive marketing communication via Email."
+    },
+    de: {
+        termsAndConditions: {
+            acceptPart1: "I accept the ",
+            acceptPart2: ", I have read and understood the ",
+            acceptPart3: " as published on this site and confirm that I am over 18 years old.",
+            tc: "Terms and Conditions"
+        },
+        privacyPolicy: {
+            readUnderstandPart1: "I have read and understood the ",
+            readUnderstandPart2: ", as published on this site and confirm that I am over 18 years old.",
+            privacy: "Privacy Policy"
+        },
+        sms: "I consent to receive marketing communication via SMS.",
+        emailmarketing: "I consent to receive marketing communication via Email."
+    },
+};
+const getTranslations = (url) => {
+    // fetch url, get the data, replace the TRANSLATIONS content
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((item) => {
+                for (let key in data[item]) {
+                    TRANSLATIONS[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
+    });
+};
+const translate = (key, customLang, values) => {
+    const lang = customLang || DEFAULT_LANGUAGE;
+    const getNestedTranslation = (obj, path) => {
+        return path.split('.').reduce((o, k) => (o && o[k] !== undefined ? o[k] : null), obj);
+    };
+    let translation = getNestedTranslation(TRANSLATIONS[lang], key);
+    if (translation === null) {
+        return key;
+    }
+    if (values !== undefined) {
+        for (const [k, v] of Object.entries(values)) {
+            const regex = new RegExp(`{${k}}`, 'g');
+            translation = translation.replace(regex, v);
+        }
+    }
+    return translation;
+};
+
+const playerUserConsentsCss = ":host{display:block}.ConsentTitle{margin-bottom:0.2rem;font-weight:600}.UserConsent:hover{cursor:pointer}.UserConsent{display:flex;align-items:baseline}.MandatoryItem{color:#f00;font-size:1.2rem}.ConsentLink{text-decoration:underline;color:var(--emfe-w-color-primary);font-weight:bold}";
+const PlayerUserConsentsStyle0 = playerUserConsentsCss;
+
+const PlayerUserConsents = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.userLegislationConsent = index.createEvent(this, "userLegislationConsent", 7);
+        this.goToTermsAndConditions = () => window.postMessage({ type: 'GoToTermsAndConditions' });
+        this.goToPrivacyPolicy = () => window.postMessage({ type: 'GoToPrivacyPolicy' });
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.lang = 'en';
+        this.queried = false;
+        this.consentType = '';
+        this.mandatory = false;
+        this.gmVersion = '';
+        this.consentTitle = '';
+        this.clientStyling = '';
+        this.translationUrl = '';
+        this.textContent = '';
+        this.limitStylingAppends = false;
+    }
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    userLegislationConsentHandler() {
+        this.userLegislationConsent.emit({
+            type: this.consentType,
+            value: this.checkboxInput.checked
+        });
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    determineTextContent() {
+        if (this.gmVersion === 'gmcore') {
+            if (this.consentType === 'termsandconditions') {
+                return index.h("p", null, translate('termsAndConditions.acceptPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)), translate('termsAndConditions.acceptPart2', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)), translate('termsAndConditions.acceptPart3', this.lang));
+            }
+        }
+        if (this.gmVersion === 'gm16') {
+            if (this.consentType === 'termsandconditions') {
+                return index.h("p", null, translate('termsAndConditions.acceptPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)));
+            }
+            if (this.consentType === 'privacypolicy') {
+                return index.h("p", null, translate('privacyPolicy.readUnderstandPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)), translate('privacyPolicy.readUnderstandPart2', this.lang));
+            }
+        }
+        return index.h("p", null, translate(this.consentType, this.lang));
+    }
+    render() {
+        if (this.queried) {
+            this.userLegislationConsentHandler();
+        }
+        return (index.h("div", { key: 'e3c5e7d280de637fd8297dd59c170479d6142372', ref: el => this.stylingContainer = el }, index.h("p", { key: '8d103ef2eda5fd078a46a7d818eadd07dade5277', class: "ConsentTitle" }, this.consentTitle), index.h("label", { key: '6a333af5b8585e609285f9f172bf8ddb3b0d4b4b', class: "UserConsent", htmlFor: "userConsent" }, index.h("input", { key: 'c003a2ef7219e4c5442730432dffcaef4a16b947', ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && index.h("span", { key: '0bc4b24a85b76763af5e691f126e8ee8ae90e447', class: "MandatoryItem" }, "*"))));
+    }
+    static get watchers() { return {
+        "translationUrl": ["handleNewTranslations"]
+    }; }
+};
+PlayerUserConsents.style = PlayerUserConsentsStyle0;
+
+exports.player_user_consents = PlayerUserConsents;

package/dist/cjs/player-user-consents.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-69db8b9e.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.20.0 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('player-user-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([["player-user-consents.cjs",[[1,"player-user-consents",{"lang":[1537],"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"gmVersion":[1,"gm-version"],"consentTitle":[513,"consent-title"],"clientStyling":[1,"client-styling"],"translationUrl":[513,"translation-url"],"textContent":[32],"limitStylingAppends":[32]},null,{"translationUrl":["handleNewTranslations"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

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

package/dist/collection/components/player-user-consents/index.js

@@ -0,0 +1 @@
+export { PlayerUserConsents } from './player-user-consents';

package/dist/collection/components/player-user-consents/player-user-consents.css

@@ -0,0 +1,28 @@
+:host {
+  display: block;
+}
+
+.ConsentTitle {
+  margin-bottom: 0.2rem;
+  font-weight: 600;
+}
+
+.UserConsent:hover {
+  cursor: pointer;
+}
+
+.UserConsent {
+  display: flex;
+  align-items: baseline;
+}
+
+.MandatoryItem {
+  color: #f00;
+  font-size: 1.2rem;
+}
+
+.ConsentLink {
+  text-decoration: underline;
+  color: var(--emfe-w-color-primary);
+  font-weight: bold;
+}

package/dist/collection/components/player-user-consents/player-user-consents.js

@@ -0,0 +1,258 @@
+import { h } from "@stencil/core";
+import { getTranslations, translate } from "../../utils/locale.utils";
+export class PlayerUserConsents {
+    constructor() {
+        this.goToTermsAndConditions = () => window.postMessage({ type: 'GoToTermsAndConditions' });
+        this.goToPrivacyPolicy = () => window.postMessage({ type: 'GoToPrivacyPolicy' });
+        this.setClientStyling = () => {
+            let sheet = document.createElement('style');
+            sheet.innerHTML = this.clientStyling;
+            this.stylingContainer.prepend(sheet);
+        };
+        this.lang = 'en';
+        this.queried = false;
+        this.consentType = '';
+        this.mandatory = false;
+        this.gmVersion = '';
+        this.consentTitle = '';
+        this.clientStyling = '';
+        this.translationUrl = '';
+        this.textContent = '';
+        this.limitStylingAppends = false;
+    }
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
+    }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    userLegislationConsentHandler() {
+        this.userLegislationConsent.emit({
+            type: this.consentType,
+            value: this.checkboxInput.checked
+        });
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
+    }
+    determineTextContent() {
+        if (this.gmVersion === 'gmcore') {
+            if (this.consentType === 'termsandconditions') {
+                return h("p", null, translate('termsAndConditions.acceptPart1', this.lang), h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)), translate('termsAndConditions.acceptPart2', this.lang), h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)), translate('termsAndConditions.acceptPart3', this.lang));
+            }
+        }
+        if (this.gmVersion === 'gm16') {
+            if (this.consentType === 'termsandconditions') {
+                return h("p", null, translate('termsAndConditions.acceptPart1', this.lang), h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate('termsAndConditions.tcLink', this.lang)));
+            }
+            if (this.consentType === 'privacypolicy') {
+                return h("p", null, translate('privacyPolicy.readUnderstandPart1', this.lang), h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate('privacyPolicy.privacyLink', this.lang)), translate('privacyPolicy.readUnderstandPart2', this.lang));
+            }
+        }
+        return h("p", null, translate(this.consentType, this.lang));
+    }
+    render() {
+        if (this.queried) {
+            this.userLegislationConsentHandler();
+        }
+        return (h("div", { key: 'e3c5e7d280de637fd8297dd59c170479d6142372', ref: el => this.stylingContainer = el }, h("p", { key: '8d103ef2eda5fd078a46a7d818eadd07dade5277', class: "ConsentTitle" }, this.consentTitle), h("label", { key: '6a333af5b8585e609285f9f172bf8ddb3b0d4b4b', class: "UserConsent", htmlFor: "userConsent" }, h("input", { key: 'c003a2ef7219e4c5442730432dffcaef4a16b947', ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && h("span", { key: '0bc4b24a85b76763af5e691f126e8ee8ae90e447', class: "MandatoryItem" }, "*"))));
+    }
+    static get is() { return "player-user-consents"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["player-user-consents.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["player-user-consents.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "lang": {
+                "type": "string",
+                "mutable": true,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Language"
+                },
+                "attribute": "lang",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "queried": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "'true' when parent expects component to emit it's current value"
+                },
+                "attribute": "queried",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "consentType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the type of the consent, used to determine render details"
+                },
+                "attribute": "consent-type",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "mandatory": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "wether or not this consent is mandatory. Used for render details"
+                },
+                "attribute": "mandatory",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "gmVersion": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Select GM version"
+                },
+                "attribute": "gm-version",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "consentTitle": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "the title of the consent to be displayed"
+                },
+                "attribute": "consent-title",
+                "reflect": true,
+                "defaultValue": "''"
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Client custom styling via inline style"
+                },
+                "attribute": "client-styling",
+                "reflect": false,
+                "defaultValue": "''"
+            },
+            "translationUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Translation url"
+                },
+                "attribute": "translation-url",
+                "reflect": true,
+                "defaultValue": "''"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "textContent": {},
+            "limitStylingAppends": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "userLegislationConsent",
+                "name": "userLegislationConsent",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "object",
+                    "resolved": "object",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "translationUrl",
+                "methodName": "handleNewTranslations"
+            }];
+    }
+}

package/dist/collection/index.js

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