@everymatrix/user-action-controller 1.61.0 → 1.62.0

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ 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_2.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"lang":[1537],"includeSubmitButton":[516,"include-submit-button"],"gmVersion":[1,"gm-version"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"queryFired":[32],"readyActionsCount":[32],"activeUserActions":[32],"userActionsValidated":[32],"receivedQueryResponses":[32],"isLoading":[32],"mandatoryActionsChecked":[32],"mandatoryItems":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"receivedQueryResponses":["handleQueryResponse"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"mbSource":[513,"mb-source"],"textContent":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
+  return index.bootstrapLazy([["player-user-consents_2.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"lang":[1537],"includeSubmitButton":[516,"include-submit-button"],"includeRejectButton":[516,"include-reject-button"],"includeRejectText":[516,"include-reject-text"],"gmVersion":[513,"gm-version"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"queryFired":[32],"readyActionsCount":[32],"activeUserActions":[32],"userActionsValidated":[32],"receivedQueryResponses":[32],"isLoading":[32],"mandatoryActionsChecked":[32],"mandatoryItems":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"receivedQueryResponses":["handleQueryResponse"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"mbSource":[513,"mb-source"],"textContent":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -280,7 +280,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Email marketing',
         privacyPolicyTitle: 'Privacy Policy',
         userNoticeText: 'Before you can proceed you must consent to the following',
-        submitButtonText: 'Submit'
+        submitButtonText: 'Submit',
+        rejectButtonText: 'Reject',
+        rejectText: 'Rejecting new consents will result in the inability to continue the login process and you will be logged out.'
     },
     'en-us': {
         termsAndConditionsTitle: 'Terms and Conditions',
@@ -288,7 +290,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Email marketing',
         privacyPolicyTitle: 'Privacy Policy',
         userNoticeText: 'Before you can proceed you must consent to the following',
-        submitButtonText: 'Submit'
+        submitButtonText: 'Submit',
+        rejectButtonText: 'Reject',
+        rejectText: 'Rejecting new consents will result in the inability to continue the login process and you will be logged out.'
     },
     ro: {
         termsAndConditionsTitle: 'Termeni și Condiții',
@@ -296,7 +300,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Marketing prin Email',
         privacyPolicyTitle: 'Politica de Confidențialitate',
         userNoticeText: 'Înainte de a continua, trebuie să vă dați consimțământul pentru următoarele',
-        submitButtonText: 'Trimite'
+        submitButtonText: 'Trimite',
+        rejectButtonText: 'Respinge',
+        rejectText: 'Respingerea noilor consimțăminte va duce la imposibilitatea de a continua procesul de autentificare și veți fi deconectat.'
     },
     hr: {
         termsAndConditionsTitle: 'Opći uvjeti i odredbe',
@@ -304,7 +310,9 @@ const TRANSLATIONS = {
         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'
+        submitButtonText: 'Pošalji',
+        rejectButtonText: 'Odbij',
+        rejectText: 'Odbijanje novih pristanka rezultirat će nemogućnošću nastavka procesa prijave i bit ćete odjavljeni.'
     },
     fr: {
         termsAndConditionsTitle: 'Termes et Conditions',
@@ -312,15 +320,19 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Marketing par Email',
         privacyPolicyTitle: 'Politique de Confidentialité',
         userNoticeText: 'Avant de continuer, vous devez consentir aux éléments suivants',
-        submitButtonText: 'Soumettre'
+        submitButtonText: 'Soumettre',
+        rejectButtonText: 'Rejeter',
+        rejectText: 'Le rejet des nouveaux consentements entraînera l\'impossibilité de continuer le processus de connexion et vous serez déconnecté.'
     },
     cs: {
-        termsAndConditionsTitle: 'Terms and Conditions',
+        termsAndConditionsTitle: 'Podmínky a ujednání',
         smsTitle: 'SMS marketing',
-        emailMarketingTitle: 'Email marketing',
-        privacyPolicyTitle: 'Privacy Policy',
-        userNoticeText: 'Before you can proceed you must consent to the following',
-        submitButtonText: 'Submit'
+        emailMarketingTitle: 'Emailový marketing',
+        privacyPolicyTitle: 'Zásady ochrany osobních údajů',
+        userNoticeText: 'Než budete moci pokračovat, musíte souhlasit s následujícím',
+        submitButtonText: 'Odeslat',
+        rejectButtonText: 'Odmítnout',
+        rejectText: 'Odmítnutí nových souhlasů povede k nemožnosti pokračovat v procesu přihlášení a budete odhlášeni.'
     },
     de: {
         termsAndConditionsTitle: 'Allgemeine Geschäftsbedingungen',
@@ -328,7 +340,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'E-Mail-Marketing',
         privacyPolicyTitle: 'Datenschutzrichtlinie',
         userNoticeText: 'Bevor Sie fortfahren können, müssen Sie den folgenden Punkten zustimmen',
-        submitButtonText: 'Absenden'
+        submitButtonText: 'Absenden',
+        rejectButtonText: 'Ablehnen',
+        rejectText: 'Das Ablehnen neuer Zustimmungen führt dazu, dass der Anmeldevorgang nicht fortgesetzt werden kann und Sie abgemeldet werden.'
     },
     es: {
         termsAndConditionsTitle: 'Términos y Condiciones',
@@ -336,7 +350,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Marketing por Email',
         privacyPolicyTitle: 'Política de Privacidad',
         userNoticeText: 'Antes de continuar, debe dar su consentimiento a lo siguiente',
-        submitButtonText: 'Enviar'
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rechazar',
+        rejectText: 'Rechazar nuevos consentimientos resultará en la imposibilidad de continuar el proceso de inicio de sesión y se cerrará la sesión.'
     },
     pt: {
         termsAndConditionsTitle: 'Termos e Condições',
@@ -344,7 +360,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Marketing por Email',
         privacyPolicyTitle: 'Política de Privacidade',
         userNoticeText: 'Antes de continuar, você deve consentir com o seguinte',
-        submitButtonText: 'Enviar'
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rejeitar',
+        rejectText: 'Rejeitar novos consentimentos resultará na impossibilidade de continuar o processo de login e você será desconectado.'
     },
     'es-mx': {
         termsAndConditionsTitle: 'Términos y Condiciones',
@@ -352,7 +370,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Marketing por Email',
         privacyPolicyTitle: 'Política de Privacidad',
         userNoticeText: 'Antes de continuar, debe dar su consentimiento a lo siguiente',
-        submitButtonText: 'Enviar'
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rechazar',
+        rejectText: 'Rechazar nuevos consentimientos resultará en la imposibilidad de continuar el proceso de inicio de sesión y se cerrará la sesión.'
     },
     'pt-br': {
         termsAndConditionsTitle: 'Termos e Condições',
@@ -360,7 +380,9 @@ const TRANSLATIONS = {
         emailMarketingTitle: 'Marketing por Email',
         privacyPolicyTitle: 'Política de Privacidade',
         userNoticeText: 'Antes de continuar, você deve consentir com o seguinte',
-        submitButtonText: 'Enviar'
+        submitButtonText: 'Enviar',
+        rejectButtonText: 'Rejeitar',
+        rejectText: 'Rejeitar novos consentimentos resultará na impossibilidade de continuar o processo de login e você será desconectado.'
     }
 };
 const getTranslations = (url) => {
@@ -392,7 +414,26 @@ const translate = (key, customLang, values) => {
     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(--emw--login-color-primary, var(--emw--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}}";
+/**
+ * @name dispatchCustomEvent
+ * @description dispatches the custom event CustomEventProcessor is listening for
+ * @param {string} type of the custom event
+ * @param {Object} data may contain additional information about the event, e.g. userId
+ */
+const dispatchCustomEvent = (type, data = {}) => {
+    const event = new CustomEvent('track-custom-event', {
+        detail: {
+            type,
+            data
+        },
+        bubbles: true,
+        composed: true
+    });  
+      
+    document.dispatchEvent(event);
+};
+
+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,.ConsentRejectButton{font-size:1rem;font-family:var(--emw--button-typography);padding:0.4rem 1.4rem;background:var(--emw--button-background-color, #FFFFFF);border:var(--emw-button-border, 2px solid #000);color:var(--emw--button-text-color, #000000);border-radius:var(--emw--button-border-radius, 5px);align-self:flex-end;cursor:pointer}.ConsentSubmitButton:disabled,.ConsentRejectButton:disabled{border:2px solid #ccc;color:#ccc;cursor:unset}.ButtonsWrapper{display:flex;flex-direction:row;justify-content:space-between;margin-top:10px}.ButtonsWrapper button:only-child{margin-left:auto}@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(--emw--login-color-primary, var(--emw--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 {
@@ -407,11 +448,30 @@ const UserActionController = class {
             emailmarketing: translate('emailMarketingTitle', this.lang),
             privacypolicy: translate('privacyPolicyTitle', this.lang)
         };
+        this.handleApplyClick = () => {
+            this.queryFired = true;
+        };
+        this.handleReject = () => {
+            const headers = new Headers();
+            headers.append('Content-type', 'application/json');
+            headers.append('X-SessionID', this.userSession);
+            const options = {
+                method: 'DELETE',
+                headers: headers
+            };
+            fetch(`${this.endpoint}/v1/player/session/player`, options)
+                .then(() => {
+                window.postMessage({ type: 'LogoutSuccessfull' }, window.location.href);
+                dispatchCustomEvent('logged_out', {});
+            });
+        };
         this.endpoint = undefined;
         this.userSession = undefined;
         this.userId = undefined;
         this.lang = 'en';
         this.includeSubmitButton = undefined;
+        this.includeRejectButton = undefined;
+        this.includeRejectText = undefined;
         this.gmVersion = '';
         this.translationUrl = '';
         this.clientStyling = '';
@@ -467,54 +527,52 @@ const UserActionController = class {
         const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
         const headers = new Headers();
         headers.append('X-SessionId', this.userSession);
-        let requestOptions = {
+        const options = {
             method: 'GET',
             headers
         };
-        return fetch(url.href, requestOptions)
+        fetch(url.href, options)
             .then(res => res.json())
             .then(data => {
-            const actionItems = data.items;
-            actionItems.forEach(element => {
+            data.items.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(() => {
+        })
+            .finally(() => {
             this.calcMandatoryActions();
-            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 }, window.location.href);
+            this.isLoading = false;
         });
     }
     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 = {
+        const options = {
             method: 'GET',
             headers
         };
-        return fetch(url.href, requestOptions)
+        fetch(url.href, options)
             .then(res => res.json())
             .then(data => {
-            const actionItems = data.consents;
-            actionItems.forEach(element => {
+            data.consents.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(() => {
+        })
+            .finally(() => {
             this.calcMandatoryActions();
-            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 }, window.location.href);
+            this.isLoading = false;
         });
     }
     updateUserConsents() {
@@ -524,7 +582,7 @@ const UserActionController = class {
         const body = {
             consents: this.userActions
         };
-        let requestOptions = {
+        let options = {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
@@ -533,7 +591,7 @@ const UserActionController = class {
             },
             body: JSON.stringify(body)
         };
-        fetch(url.href, requestOptions)
+        fetch(url.href, options)
             .then(res => res.json())
             .then(() => {
             window.postMessage({
@@ -558,15 +616,14 @@ const UserActionController = class {
             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();
+        switch (this.gmVersion) {
+            case 'gmcore':
+                this.determineUserActionsCore();
+                break;
+            case 'gm16':
+                this.determineUserActions16();
+                break;
         }
         if (this.translationUrl.length > 2) {
             await getTranslations(this.translationUrl);
@@ -591,24 +648,16 @@ const UserActionController = class {
     }
     calcMandatoryActions() {
         this.mandatoryItems = 0;
-        this.mandatoryActions.map(action => {
-            const isPresent = this.activeUserActions.includes(action);
-            if (isPresent) {
-                this.mandatoryItems++;
-            }
-        });
+        this.mandatoryActions.forEach(action => this.activeUserActions.includes(action) && 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-url": this.clientStylingUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
-                index.h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, translate('submitButtonText', this.lang))))));
-        }
-        else {
+        if (this.mandatoryItems === 0) {
             return;
         }
+        this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
+        return (index.h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (index.h("div", null, 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-url": this.clientStylingUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling }))))), index.h("div", { class: "ButtonsWrapper" }, this.includeRejectButton &&
+            index.h("button", { class: "ConsentRejectButton", onClick: this.handleReject }, translate('rejectButtonText', this.lang)), this.includeSubmitButton &&
+            index.h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: this.handleApplyClick }, translate('submitButtonText', this.lang))), this.includeRejectText && index.h("p", { class: "RejectText" }, translate('rejectText', this.lang))))));
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],

package/dist/cjs/user-action-controller.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy([["player-user-consents_2.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"lang":[1537],"includeSubmitButton":[516,"include-submit-button"],"gmVersion":[1,"gm-version"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"queryFired":[32],"readyActionsCount":[32],"activeUserActions":[32],"userActionsValidated":[32],"receivedQueryResponses":[32],"isLoading":[32],"mandatoryActionsChecked":[32],"mandatoryItems":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"receivedQueryResponses":["handleQueryResponse"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"mbSource":[513,"mb-source"],"textContent":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
+  return index.bootstrapLazy([["player-user-consents_2.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"lang":[1537],"includeSubmitButton":[516,"include-submit-button"],"includeRejectButton":[516,"include-reject-button"],"includeRejectText":[516,"include-reject-text"],"gmVersion":[513,"gm-version"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"mbSource":[513,"mb-source"],"queryFired":[32],"readyActionsCount":[32],"activeUserActions":[32],"userActionsValidated":[32],"receivedQueryResponses":[32],"isLoading":[32],"mandatoryActionsChecked":[32],"mandatoryItems":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"receivedQueryResponses":["handleQueryResponse"]}],[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"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"mbSource":[513,"mb-source"],"textContent":[32]},null,{"translationUrl":["handleNewTranslations"],"clientStylingUrl":["handleStylingUrlChange"]}]]]], options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/user-action-controller/user-action-controller.css

@@ -32,22 +32,33 @@
   border-radius: 5%;
 }
 
-.ConsentSubmitButton {
+.ConsentSubmitButton, .ConsentRejectButton {
   font-size: 1rem;
+  font-family: var(--emw--button-typography);
   padding: 0.4rem 1.4rem;
-  background: #fff;
-  border: 2px solid #000;
-  color: #000;
-  border-radius: 5px;
+  background: var(--emw--button-background-color, #FFFFFF);
+  border: var(--emw-button-border, 2px solid #000);
+  color: var(--emw--button-text-color, #000000);
+  border-radius: var(--emw--button-border-radius, 5px);
   align-self: flex-end;
   cursor: pointer;
 }
-.ConsentSubmitButton:disabled {
+.ConsentSubmitButton:disabled, .ConsentRejectButton:disabled {
   border: 2px solid #ccc;
   color: #ccc;
   cursor: unset;
 }
 
+.ButtonsWrapper {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  margin-top: 10px;
+}
+.ButtonsWrapper button:only-child {
+  margin-left: auto;
+}
+
 @media screen and (max-width: 320px) {
   .QueryReferenceContainer {
     font-size: 0.8rem;

package/dist/collection/components/user-action-controller/user-action-controller.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { getTranslations, translate } from "../../utils/locale.utils";
 import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { dispatchCustomEvent } from "../../../../../../../../libs/custom-events/src/index";
 import "../../../../../player-user-consents/dist/types/index";
 export class UserActionController {
     constructor() {
@@ -13,11 +14,30 @@ export class UserActionController {
             emailmarketing: translate('emailMarketingTitle', this.lang),
             privacypolicy: translate('privacyPolicyTitle', this.lang)
         };
+        this.handleApplyClick = () => {
+            this.queryFired = true;
+        };
+        this.handleReject = () => {
+            const headers = new Headers();
+            headers.append('Content-type', 'application/json');
+            headers.append('X-SessionID', this.userSession);
+            const options = {
+                method: 'DELETE',
+                headers: headers
+            };
+            fetch(`${this.endpoint}/v1/player/session/player`, options)
+                .then(() => {
+                window.postMessage({ type: 'LogoutSuccessfull' }, window.location.href);
+                dispatchCustomEvent('logged_out', {});
+            });
+        };
         this.endpoint = undefined;
         this.userSession = undefined;
         this.userId = undefined;
         this.lang = 'en';
         this.includeSubmitButton = undefined;
+        this.includeRejectButton = undefined;
+        this.includeRejectText = undefined;
         this.gmVersion = '';
         this.translationUrl = '';
         this.clientStyling = '';
@@ -73,54 +93,52 @@ export class UserActionController {
         const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
         const headers = new Headers();
         headers.append('X-SessionId', this.userSession);
-        let requestOptions = {
+        const options = {
             method: 'GET',
             headers
         };
-        return fetch(url.href, requestOptions)
+        fetch(url.href, options)
             .then(res => res.json())
             .then(data => {
-            const actionItems = data.items;
-            actionItems.forEach(element => {
+            data.items.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(() => {
+        })
+            .finally(() => {
             this.calcMandatoryActions();
-            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 }, window.location.href);
+            this.isLoading = false;
         });
     }
     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 = {
+        const options = {
             method: 'GET',
             headers
         };
-        return fetch(url.href, requestOptions)
+        fetch(url.href, options)
             .then(res => res.json())
             .then(data => {
-            const actionItems = data.consents;
-            actionItems.forEach(element => {
+            data.consents.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(() => {
+        })
+            .finally(() => {
             this.calcMandatoryActions();
-            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 ? true : false }, window.location.href);
+            window.postMessage({ type: 'UserActionsExists', displayUserActions: this.mandatoryItems > 0 }, window.location.href);
+            this.isLoading = false;
         });
     }
     updateUserConsents() {
@@ -130,7 +148,7 @@ export class UserActionController {
         const body = {
             consents: this.userActions
         };
-        let requestOptions = {
+        let options = {
             method: 'POST',
             headers: {
                 'Content-Type': 'application/json',
@@ -139,7 +157,7 @@ export class UserActionController {
             },
             body: JSON.stringify(body)
         };
-        fetch(url.href, requestOptions)
+        fetch(url.href, options)
             .then(res => res.json())
             .then(() => {
             window.postMessage({
@@ -164,15 +182,14 @@ export class UserActionController {
             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();
+        switch (this.gmVersion) {
+            case 'gmcore':
+                this.determineUserActionsCore();
+                break;
+            case 'gm16':
+                this.determineUserActions16();
+                break;
         }
         if (this.translationUrl.length > 2) {
             await getTranslations(this.translationUrl);
@@ -197,24 +214,16 @@ export class UserActionController {
     }
     calcMandatoryActions() {
         this.mandatoryItems = 0;
-        this.mandatoryActions.map(action => {
-            const isPresent = this.activeUserActions.includes(action);
-            if (isPresent) {
-                this.mandatoryItems++;
-            }
-        });
+        this.mandatoryActions.forEach(action => this.activeUserActions.includes(action) && this.mandatoryItems++);
     }
     render() {
-        if (this.mandatoryItems > 0) {
-            this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
-            return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (h("slot", { name: 'spinner' })
-                &&
-                    h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" }))) : (h("div", { class: "UserActionController" }, h("h2", { class: "UserConsentNotice" }, translate('userNoticeText', this.lang)), h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (h("slot", { name: action }, 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-url": this.clientStylingUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
-                h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, translate('submitButtonText', this.lang))))));
-        }
-        else {
+        if (this.mandatoryItems === 0) {
             return;
         }
+        this.userActionsValidated = this.mandatoryActionsChecked === this.mandatoryItems;
+        return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, this.isLoading ? (h("div", null, h("slot", { name: 'spinner' }), h("svg", { class: "spinner", viewBox: "0 0 50 50" }, h("circle", { class: "path", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "5" })))) : (h("div", { class: "UserActionController" }, h("h2", { class: "UserConsentNotice" }, translate('userNoticeText', this.lang)), h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (h("slot", { name: action }, 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-url": this.clientStylingUrl, "mb-source": this.mbSource, "client-styling": this.clientStyling }))))), h("div", { class: "ButtonsWrapper" }, this.includeRejectButton &&
+            h("button", { class: "ConsentRejectButton", onClick: this.handleReject }, translate('rejectButtonText', this.lang)), this.includeSubmitButton &&
+            h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: this.handleApplyClick }, translate('submitButtonText', this.lang))), this.includeRejectText && h("p", { class: "RejectText" }, translate('rejectText', this.lang))))));
     }
     static get is() { return "user-action-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -316,6 +325,40 @@ export class UserActionController {
                 "attribute": "include-submit-button",
                 "reflect": true
             },
+            "includeRejectButton": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "whether or not to include the reject button"
+                },
+                "attribute": "include-reject-button",
+                "reflect": true
+            },
+            "includeRejectText": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "whether or not to include the reject desctiption text"
+                },
+                "attribute": "include-reject-text",
+                "reflect": true
+            },
             "gmVersion": {
                 "type": "string",
                 "mutable": false,
@@ -331,7 +374,7 @@ export class UserActionController {
                     "text": "Select GM version"
                 },
                 "attribute": "gm-version",
-                "reflect": false,
+                "reflect": true,
                 "defaultValue": "''"
             },
             "translationUrl": {