@everymatrix/player-user-consents 1.44.0 → 1.45.2

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* PlayerUserConsents 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

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

package/dist/components/player-user-consents.d.ts

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

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

@@ -1,260 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-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: "Prihvaćam Opće uvjete i odredbe ",
-      acceptPart2: "",
-      acceptPart3: "",
-      tcLink: "Opći uvjeti i odredbe"
-    },
-    privacyPolicy: {
-      readUnderstandPart1: "Pročitao sam i razumijem Politiku Privatnosti ",
-      readUnderstandPart2: ", i potvrđujem da imam više od 18 godina",
-      privacyLink: "Politika Privatnosti"
-    },
-    sms: "Želim dobivati marketinški sadržaj putem sms",
-    emailmarketing: "Želim dobivati marketinški sadržaj putem e-maila"
-  },
-  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 PlayerUserConsents$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.userLegislationConsent = createEvent(this, "userLegislationConsent", 7);
-    /**
-    * Language
-    */
-    this.lang = 'en';
-    /**
-     * 'true' when parent expects component to emit it's current value
-     */
-    this.queried = false;
-    /**
-     * the type of the consent, used to determine render details
-     */
-    this.consentType = '';
-    /**
-     * wether or not this consent is mandatory. Used for render details
-     */
-    this.mandatory = false;
-    /**
-     * Select GM version
-     */
-    this.gmVersion = '';
-    /**
-     * the title of the consent to be displayed
-     */
-    this.consentTitle = '';
-    /**
-     * Client custom styling via inline style
-     */
-    this.clientStyling = '';
-    /**
-    * Translation url
-    */
-    this.translationUrl = '';
-    /**
-     * the text content to be rendered by the component. Determined at runtime
-     */
-    this.textContent = '';
-    this.limitStylingAppends = false;
-    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);
-    };
-  }
-  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", { ref: el => this.stylingContainer = el }, h("p", { class: "ConsentTitle" }, this.consentTitle), h("label", { class: "UserConsent", htmlFor: "userConsent" }, h("input", { ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && h("span", { class: "MandatoryItem" }, "*"))));
-  }
-  static get watchers() { return {
-    "translationUrl": ["handleNewTranslations"]
-  }; }
-  static get style() { return playerUserConsentsCss; }
-}, [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]
-  }]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["player-user-consents"];
-  components.forEach(tagName => { switch (tagName) {
-    case "player-user-consents":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PlayerUserConsents$1);
-      }
-      break;
-  } });
-}
-
-const PlayerUserConsents = PlayerUserConsents$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { PlayerUserConsents, defineCustomElement };