@everymatrix/user-action-controller 1.43.4 → 1.45.0

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

@@ -2,554 +2,516 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-87049e21.js');
+const index = require('./index-c5061e5a.js');
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const TRANSLATIONS$1 = {
-  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"
+    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."
     },
-    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"
+    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."
     },
-    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"
+    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"
     },
-    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"
+    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."
     },
-    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"
+    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."
     },
-    privacyPolicy: {
-      readUnderstandPart1: "Pročitao sam i razumijem Politiku Privatnosti ",
-      readUnderstandPart2: ", i potvrđujem da imam više od 18 godina",
-      privacyLink: "Politika Privatnosti"
+    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."
     },
-    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$1 = (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$1[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
+    // 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$1[item][key] = data[item][key];
+                }
+            });
+            resolve(true);
+        });
     });
-  });
 };
 const translate$1 = (key, customLang, values) => {
-  const lang = customLang || DEFAULT_LANGUAGE$1;
-  const getNestedTranslation = (obj, path) => {
-    return path.split('.').reduce((o, k) => (o && o[k] !== undefined ? o[k] : null), obj);
-  };
-  let translation = getNestedTranslation(TRANSLATIONS$1[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);
+    const lang = customLang || DEFAULT_LANGUAGE$1;
+    const getNestedTranslation = (obj, path) => {
+        return path.split('.').reduce((o, k) => (o && o[k] !== undefined ? o[k] : null), obj);
+    };
+    let translation = getNestedTranslation(TRANSLATIONS$1[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;
+    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);
-    /**
-    * 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$1(this.translationUrl);
-  }
-  async componentWillLoad() {
-    if (this.translationUrl.length > 2) {
-      await getTranslations$1(this.translationUrl);
+    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;
     }
-  }
-  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;
+    handleNewTranslations() {
+        getTranslations$1(this.translationUrl);
     }
-    // end custom styling area
-  }
-  determineTextContent() {
-    if (this.gmVersion === 'gmcore') {
-      if (this.consentType === 'termsandconditions') {
-        return index.h("p", null, translate$1('termsAndConditions.acceptPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate$1('termsAndConditions.tcLink', this.lang)), translate$1('termsAndConditions.acceptPart2', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate$1('privacyPolicy.privacyLink', this.lang)), translate$1('termsAndConditions.acceptPart3', this.lang));
-      }
+    async componentWillLoad() {
+        if (this.translationUrl.length > 2) {
+            await getTranslations$1(this.translationUrl);
+        }
     }
-    if (this.gmVersion === 'gm16') {
-      if (this.consentType === 'termsandconditions') {
-        return index.h("p", null, translate$1('termsAndConditions.acceptPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate$1('termsAndConditions.tcLink', this.lang)));
-      }
-      if (this.consentType === 'privacypolicy') {
-        return index.h("p", null, translate$1('privacyPolicy.readUnderstandPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate$1('privacyPolicy.privacyLink', this.lang)), translate$1('privacyPolicy.readUnderstandPart2', this.lang));
-      }
+    userLegislationConsentHandler() {
+        this.userLegislationConsent.emit({
+            type: this.consentType,
+            value: this.checkboxInput.checked
+        });
     }
-    return index.h("p", null, translate$1(this.consentType, this.lang));
-  }
-  render() {
-    if (this.queried) {
-      this.userLegislationConsentHandler();
+    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$1('termsAndConditions.acceptPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate$1('termsAndConditions.tcLink', this.lang)), translate$1('termsAndConditions.acceptPart2', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate$1('privacyPolicy.privacyLink', this.lang)), translate$1('termsAndConditions.acceptPart3', this.lang));
+            }
+        }
+        if (this.gmVersion === 'gm16') {
+            if (this.consentType === 'termsandconditions') {
+                return index.h("p", null, translate$1('termsAndConditions.acceptPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToTermsAndConditions }, translate$1('termsAndConditions.tcLink', this.lang)));
+            }
+            if (this.consentType === 'privacypolicy') {
+                return index.h("p", null, translate$1('privacyPolicy.readUnderstandPart1', this.lang), index.h("span", { class: "ConsentLink", onClick: this.goToPrivacyPolicy }, translate$1('privacyPolicy.privacyLink', this.lang)), translate$1('privacyPolicy.readUnderstandPart2', this.lang));
+            }
+        }
+        return index.h("p", null, translate$1(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" }, "*"))));
     }
-    return (index.h("div", { ref: el => this.stylingContainer = el }, index.h("p", { class: "ConsentTitle" }, this.consentTitle), index.h("label", { class: "UserConsent", htmlFor: "userConsent" }, index.h("input", { ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && index.h("span", { class: "MandatoryItem" }, "*"))));
-  }
-  static get watchers() { return {
-    "translationUrl": ["handleNewTranslations"]
-  }; }
+    static get watchers() { return {
+        "translationUrl": ["handleNewTranslations"]
+    }; }
 };
-PlayerUserConsents.style = playerUserConsentsCss;
+PlayerUserConsents.style = PlayerUserConsentsStyle0;
 
 const DEFAULT_LANGUAGE = 'en';
 const TRANSLATIONS = {
-  en: {
-    termsAndConditionsTitle: 'Terms and Conditions',
-    smsTitle: 'SMS marketing',
-    emailMarketingTitle: 'Email marketing',
-    privacyPolicyTitle: 'Privacy Policy',
-    userNoticeText: 'Before you can proceed you must consent to the following',
-    submitButtonText: 'Submit'
-  },
-  ro: {
-    termsAndConditionsTitle: 'Termeni şi condiţii',
-    smsTitle: 'SMS marketing',
-    emailMarketingTitle: 'Email marketing',
-    privacyPolicyTitle: 'Privacy Policy',
-    userNoticeText: 'Before you can proceed you must consent to the following',
-    submitButtonText: 'Submit'
-  },
-  hr: {
-    termsAndConditionsTitle: 'Opći uvjeti i odredbe',
-    smsTitle: 'SMS makretinški sadržaj',
-    emailMarketingTitle: 'E-mail makretinški sadržaj',
-    privacyPolicyTitle: 'Politika Privatnosti',
-    userNoticeText: 'Prije nego što možete nastaviti, morate pristati na sljedeće',
-    submitButtonText: 'Pošalji'
-  },
-  fr: {
-    termsAndConditionsTitle: 'Terms and Conditions',
-    smsTitle: 'SMS marketing',
-    emailMarketingTitle: 'Email marketing',
-    privacyPolicyTitle: 'Privacy Policy',
-    userNoticeText: 'Before you can proceed you must consent to the following',
-    submitButtonText: 'Submit'
-  },
-  cs: {
-    termsAndConditionsTitle: 'Terms and Conditions',
-    smsTitle: 'SMS marketing',
-    emailMarketingTitle: 'Email marketing',
-    privacyPolicyTitle: 'Privacy Policy',
-    userNoticeText: 'Before you can proceed you must consent to the following',
-    submitButtonText: 'Submit'
-  },
-  de: {
-    termsAndConditionsTitle: 'Terms and Conditions',
-    smsTitle: 'SMS marketing',
-    emailMarketingTitle: 'Email marketing',
-    privacyPolicyTitle: 'Privacy Policy',
-    userNoticeText: 'Before you can proceed you must consent to the following',
-    submitButtonText: 'Submit'
-  },
+    en: {
+        termsAndConditionsTitle: 'Terms and Conditions',
+        smsTitle: 'SMS marketing',
+        emailMarketingTitle: 'Email marketing',
+        privacyPolicyTitle: 'Privacy Policy',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Submit'
+    },
+    ro: {
+        termsAndConditionsTitle: 'Termeni şi condiţii',
+        smsTitle: 'SMS marketing',
+        emailMarketingTitle: 'Email marketing',
+        privacyPolicyTitle: 'Privacy Policy',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Submit'
+    },
+    hr: {
+        termsAndConditionsTitle: 'Opći uvjeti i odredbe',
+        smsTitle: 'SMS makretinški sadržaj',
+        emailMarketingTitle: 'E-mail makretinški sadržaj',
+        privacyPolicyTitle: 'Politika Privatnosti',
+        userNoticeText: 'Prije nego što možete nastaviti, morate pristati na sljedeće',
+        submitButtonText: 'Pošalji'
+    },
+    fr: {
+        termsAndConditionsTitle: 'Terms and Conditions',
+        smsTitle: 'SMS marketing',
+        emailMarketingTitle: 'Email marketing',
+        privacyPolicyTitle: 'Privacy Policy',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Submit'
+    },
+    cs: {
+        termsAndConditionsTitle: 'Terms and Conditions',
+        smsTitle: 'SMS marketing',
+        emailMarketingTitle: 'Email marketing',
+        privacyPolicyTitle: 'Privacy Policy',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Submit'
+    },
+    de: {
+        termsAndConditionsTitle: 'Terms and Conditions',
+        smsTitle: 'SMS marketing',
+        emailMarketingTitle: 'Email marketing',
+        privacyPolicyTitle: 'Privacy Policy',
+        userNoticeText: 'Before you can proceed you must consent to the following',
+        submitButtonText: 'Submit'
+    },
 };
 const getTranslations = (url) => {
-  return new Promise((resolve) => {
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => {
-      Object.keys(data).forEach((lang) => {
-        if (!TRANSLATIONS[lang]) {
-          TRANSLATIONS[lang] = {};
-        }
-        for (let key in data[lang]) {
-          TRANSLATIONS[lang][key] = data[lang][key];
-        }
-      });
-      resolve(true);
+    return new Promise((resolve) => {
+        fetch(url)
+            .then((res) => res.json())
+            .then((data) => {
+            Object.keys(data).forEach((lang) => {
+                if (!TRANSLATIONS[lang]) {
+                    TRANSLATIONS[lang] = {};
+                }
+                for (let key in data[lang]) {
+                    TRANSLATIONS[lang][key] = data[lang][key];
+                }
+            });
+            resolve(true);
+        });
     });
-  });
 };
 const translate = (key, customLang, values) => {
-  const lang = customLang;
-  let translation = TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? 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);
+    const lang = customLang;
+    let translation = TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? 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;
+    return translation;
 };
 
 const userActionControllerCss = ":host{display:block}.QueryReferenceContainer{height:100%;width:100%}.UserConsentNotice{font-size:1.2rem;font-weight:200;text-align:center}.CloseButton{width:25px;height:25px;align-self:flex-end}.UserActionController{font-family:Arial, Helvetica, sans-serif;font-weight:100;height:100%;width:100%;padding:1rem 1.5rem 2rem;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between;border-radius:5%}.ConsentSubmitButton{font-size:1rem;padding:0.4rem 1.4rem;background:#fff;border:2px solid #000;color:#000;border-radius:5px;align-self:flex-end;cursor:pointer}.ConsentSubmitButton:disabled{border:2px solid #ccc;color:#ccc;cursor:unset}@media screen and (max-width: 320px){.QueryReferenceContainer{font-size:0.8rem;color:blue}}.spinner{animation:rotate 2s linear infinite;z-index:2;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;width:50px;height:50px}.spinner .path{stroke:var(--emfe-w-login-color-primary, var(--emfe-w-color-primary, #D0046C));stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1, 150;stroke-dashoffset:0}50%{stroke-dasharray:90, 150;stroke-dashoffset:-35}100%{stroke-dasharray:90, 150;stroke-dashoffset:-124}}";
+const UserActionControllerStyle0 = userActionControllerCss;
 
 const UserActionController = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-    * Language
-    */
-    this.lang = 'en';
-    /**
-     * Select GM version
-     */
-    this.gmVersion = '';
-    /**
-    * Translation url
-    */
-    this.translationUrl = '';
-    /**
-     * Client custom styling via inline style
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingUrl = '';
-    /**
-     * Which actions are required in order to activate the "Apply" button. Other actions are considered optional.
-     */
-    this.queryFired = false;
-    this.readyActionsCount = 0;
-    this.activeUserActions = [];
-    this.userActionsValidated = true;
-    this.receivedQueryResponses = 0;
-    this.limitStylingAppends = false;
-    this.isLoading = true;
-    this.mandatoryActionsChecked = 0;
-    //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
-    this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
-    this.userActions = [];
-    this.consentTitles = {
-      termsandconditions: translate('termsAndConditionsTitle', this.lang),
-      sms: translate('smsTitle', this.lang),
-      emailmarketing: translate('emailMarketingTitle', this.lang),
-      privacypolicy: translate('privacyPolicyTitle', this.lang)
-    };
-    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) => {
-        this.clientStyling = data;
-        cssFile.innerHTML = data;
-        setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
-      })
-        .catch((err) => {
-        console.log('error ', err);
-      });
-    };
-  }
-  handleNewTranslations() {
-    getTranslations(this.translationUrl);
-  }
-  handleQueryResponse() {
-    if (this.receivedQueryResponses === this.activeUserActions.length) {
-      this.updateUserConsents();
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
+        this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
+        this.userActions = [];
+        this.consentTitles = {
+            termsandconditions: translate('termsAndConditionsTitle', this.lang),
+            sms: translate('smsTitle', this.lang),
+            emailmarketing: translate('emailMarketingTitle', this.lang),
+            privacypolicy: translate('privacyPolicyTitle', this.lang)
+        };
+        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) => {
+                this.clientStyling = data;
+                cssFile.innerHTML = data;
+                setTimeout(() => { this.stylingContainer.prepend(cssFile); }, 1);
+            })
+                .catch((err) => {
+                console.log('error ', err);
+            });
+        };
+        this.endpoint = undefined;
+        this.userSession = undefined;
+        this.userId = undefined;
+        this.lang = 'en';
+        this.includeSubmitButton = undefined;
+        this.gmVersion = '';
+        this.translationUrl = '';
+        this.clientStyling = '';
+        this.clientStylingUrl = '';
+        this.queryFired = false;
+        this.readyActionsCount = 0;
+        this.activeUserActions = [];
+        this.userActionsValidated = true;
+        this.receivedQueryResponses = 0;
+        this.limitStylingAppends = false;
+        this.isLoading = true;
+        this.mandatoryActionsChecked = 0;
+        this.mandatoryItems = undefined;
     }
-  }
-  userLegislationConsentHandler(event) {
-    const actionType = event.detail.type;
-    const actionTypeChecked = event.detail.value;
-    if (this.mandatoryActions.includes(actionType) && this.queryFired === false) {
-      actionTypeChecked === true ? this.mandatoryActionsChecked++ : this.mandatoryActionsChecked--;
+    handleNewTranslations() {
+        getTranslations(this.translationUrl);
     }
-    // Register final user choices only if we're ready to update
-    if (this.queryFired) {
-      const determineStatus = (checked, version) => {
-        if (version === 'gm16') {
-          return checked ? 1 : 0;
+    handleQueryResponse() {
+        if (this.receivedQueryResponses === this.activeUserActions.length) {
+            this.updateUserConsents();
         }
-        return checked ? 'Accepted' : 'Denied';
-      };
-      this.userActions.push(Object.assign({ tagCode: actionType, status: determineStatus(actionTypeChecked, this.gmVersion) }, (this.gmVersion === 'gm16' && { note: '' })));
-      this.receivedQueryResponses++;
     }
-  }
-  determineUserActionsCore() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
-    const headers = new Headers();
-    headers.append('X-SessionId', this.userSession);
-    let requestOptions = {
-      method: 'GET',
-      headers
-    };
-    return fetch(url.href, requestOptions)
-      .then(res => res.json())
-      .then(data => {
-      const actionItems = data.items;
-      actionItems.forEach(element => {
-        if (element.status === 'Expired') {
-          this.activeUserActions.push(element.tagCode);
+    userLegislationConsentHandler(event) {
+        const actionType = event.detail.type;
+        const actionTypeChecked = event.detail.value;
+        if (this.mandatoryActions.includes(actionType) && this.queryFired === false) {
+            actionTypeChecked === true ? this.mandatoryActionsChecked++ : this.mandatoryActionsChecked--;
         }
-      });
-      this.isLoading = false;
-    })
-      .catch(error => {
-      console.error('Error fetching data:', error);
-      this.isLoading = false;
-    }).finally(() => {
-      this.calcMandatoryActions();
-      window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
-    });
-  }
-  determineUserActions16() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
-    const headers = new Headers();
-    headers.append('X-SessionId', this.userSession);
-    let requestOptions = {
-      method: 'GET',
-      headers
-    };
-    return fetch(url.href, requestOptions)
-      .then(res => res.json())
-      .then(data => {
-      const actionItems = data.consents;
-      actionItems.forEach(element => {
-        if (element.status === 2 && element.tagCode !== 'pepconsent') {
-          this.activeUserActions.push(element.tagCode);
-        }
-      });
-      this.isLoading = false;
-    })
-      .catch(error => {
-      console.error('Error fetching data:', error);
-      this.isLoading = false;
-    }).finally(() => {
-      this.calcMandatoryActions();
-      window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
-    });
-  }
-  updateUserConsents() {
-    const url = (this.gmVersion === 'gmcore')
-      ? new URL(`${this.endpoint}/v1/player/${this.userId}/consent`)
-      : new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
-    const body = {
-      consents: this.userActions
-    };
-    let requestOptions = {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'X-SessionId': `${this.userSession}`,
-      },
-      body: JSON.stringify(body)
-    };
-    fetch(url.href, requestOptions)
-      .then(res => res.json())
-      .then(() => {
-      window.postMessage({
-        type: 'WidgetNotification',
-        data: {
-          type: 'success',
-          message: 'Consent update successful!'
+        // Register final user choices only if we're ready to update
+        if (this.queryFired) {
+            const determineStatus = (checked, version) => {
+                if (version === 'gm16') {
+                    return checked ? 1 : 0;
+                }
+                return checked ? 'Accepted' : 'Denied';
+            };
+            this.userActions.push(Object.assign({ tagCode: actionType, status: determineStatus(actionTypeChecked, this.gmVersion) }, (this.gmVersion === 'gm16' && { note: '' })));
+            this.receivedQueryResponses++;
         }
-      }, window.location.href);
-    })
-      .catch((err) => {
-      window.postMessage({
-        type: 'WidgetNotification',
-        data: {
-          type: 'error',
-          message: 'Server might not be responding',
-          err
-        }
-      }, window.location.href);
-    })
-      .finally(() => {
-      window.postMessage({ type: 'UserActionsCompleted' }, window.location.href);
-    });
-  }
-  handleApplyClick() {
-    this.queryFired = true;
-  }
-  async componentWillLoad() {
-    if (this.gmVersion === 'gmcore') {
-      this.determineUserActionsCore();
     }
-    if (this.gmVersion === 'gm16') {
-      this.determineUserActions16();
+    determineUserActionsCore() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
+        const headers = new Headers();
+        headers.append('X-SessionId', this.userSession);
+        let requestOptions = {
+            method: 'GET',
+            headers
+        };
+        return fetch(url.href, requestOptions)
+            .then(res => res.json())
+            .then(data => {
+            const actionItems = data.items;
+            actionItems.forEach(element => {
+                if (element.status === 'Expired') {
+                    this.activeUserActions.push(element.tagCode);
+                }
+            });
+            this.isLoading = false;
+        })
+            .catch(error => {
+            console.error('Error fetching data:', error);
+            this.isLoading = false;
+        }).finally(() => {
+            this.calcMandatoryActions();
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+        });
     }
-    if (this.translationUrl.length > 2) {
-      await getTranslations(this.translationUrl);
+    determineUserActions16() {
+        const url = new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+        const headers = new Headers();
+        headers.append('X-SessionId', this.userSession);
+        let requestOptions = {
+            method: 'GET',
+            headers
+        };
+        return fetch(url.href, requestOptions)
+            .then(res => res.json())
+            .then(data => {
+            const actionItems = data.consents;
+            actionItems.forEach(element => {
+                if (element.status === 2 && element.tagCode !== 'pepconsent') {
+                    this.activeUserActions.push(element.tagCode);
+                }
+            });
+            this.isLoading = false;
+        })
+            .catch(error => {
+            console.error('Error fetching data:', error);
+            this.isLoading = false;
+        }).finally(() => {
+            this.calcMandatoryActions();
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+        });
     }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrl)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
+    updateUserConsents() {
+        const url = (this.gmVersion === 'gmcore')
+            ? new URL(`${this.endpoint}/v1/player/${this.userId}/consent`)
+            : new URL(`${this.endpoint}/v1/player/${this.userId}/legislation/consents`);
+        const body = {
+            consents: this.userActions
+        };
+        let requestOptions = {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Accept': 'application/json',
+                'X-SessionId': `${this.userSession}`,
+            },
+            body: JSON.stringify(body)
+        };
+        fetch(url.href, requestOptions)
+            .then(res => res.json())
+            .then(() => {
+            window.postMessage({
+                type: 'WidgetNotification',
+                data: {
+                    type: 'success',
+                    message: 'Consent update successful!'
+                }
+            }, window.location.href);
+        })
+            .catch((err) => {
+            window.postMessage({
+                type: 'WidgetNotification',
+                data: {
+                    type: 'error',
+                    message: 'Server might not be responding',
+                    err
+                }
+            }, window.location.href);
+        })
+            .finally(() => {
+            window.postMessage({ type: 'UserActionsCompleted' }, window.location.href);
+        });
     }
-    // end custom styling area
-  }
-  calcMandatoryActions() {
-    this.mandatoryItems = 0;
-    this.mandatoryActions.map(action => {
-      const isPresent = this.activeUserActions.includes(action);
-      if (isPresent) {
-        this.mandatoryItems++;
-      }
-    });
-  }
-  render() {
-    if (this.mandatoryItems > 0) {
-      this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
-      return (index.h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (index.h("slot", { name: 'spinner' })
-        &&
-          index.h("svg", { class: "spinner", viewBox: "0 0 50 50" }, index.h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" }))) : (index.h("div", { class: "UserActionController" }, index.h("h2", { class: "UserConsentNotice" }, translate('userNoticeText', this.lang)), index.h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (index.h("slot", { name: action }, index.h("player-user-consents", { lang: this.lang, "gm-version": this.gmVersion, "translation-url": this.translationUrl, consentType: action, consentTitle: this.consentTitles[action], queried: this.queryFired, mandatory: this.mandatoryActions.includes(action), "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
-        index.h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, translate('submitButtonText', this.lang))))));
+    handleApplyClick() {
+        this.queryFired = true;
+    }
+    async componentWillLoad() {
+        if (this.gmVersion === 'gmcore') {
+            this.determineUserActionsCore();
+        }
+        if (this.gmVersion === 'gm16') {
+            this.determineUserActions16();
+        }
+        if (this.translationUrl.length > 2) {
+            await getTranslations(this.translationUrl);
+        }
+    }
+    componentDidRender() {
+        // start custom styling area
+        if (!this.limitStylingAppends && this.stylingContainer) {
+            if (this.clientStyling)
+                this.setClientStyling();
+            if (this.clientStylingUrl)
+                this.setClientStylingURL();
+            this.limitStylingAppends = true;
+        }
+        // end custom styling area
     }
-    else {
-      return;
+    calcMandatoryActions() {
+        this.mandatoryItems = 0;
+        this.mandatoryActions.map(action => {
+            const isPresent = this.activeUserActions.includes(action);
+            if (isPresent) {
+                this.mandatoryItems++;
+            }
+        });
+    }
+    render() {
+        if (this.mandatoryItems > 0) {
+            this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
+            return (index.h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (index.h("slot", { name: 'spinner' })
+                &&
+                    index.h("svg", { class: "spinner", viewBox: "0 0 50 50" }, index.h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" }))) : (index.h("div", { class: "UserActionController" }, index.h("h2", { class: "UserConsentNotice" }, translate('userNoticeText', this.lang)), index.h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (index.h("slot", { name: action }, index.h("player-user-consents", { lang: this.lang, "gm-version": this.gmVersion, "translation-url": this.translationUrl, consentType: action, consentTitle: this.consentTitles[action], queried: this.queryFired, mandatory: this.mandatoryActions.includes(action), "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
+                index.h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, translate('submitButtonText', this.lang))))));
+        }
+        else {
+            return;
+        }
     }
-  }
-  static get watchers() { return {
-    "translationUrl": ["handleNewTranslations"],
-    "receivedQueryResponses": ["handleQueryResponse"]
-  }; }
+    static get watchers() { return {
+        "translationUrl": ["handleNewTranslations"],
+        "receivedQueryResponses": ["handleQueryResponse"]
+    }; }
 };
-UserActionController.style = userActionControllerCss;
+UserActionController.style = UserActionControllerStyle0;
 
 exports.player_user_consents = PlayerUserConsents;
 exports.user_action_controller = UserActionController;