@everymatrix/user-action-controller 1.61.1 → 1.62.1

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": {

package/dist/collection/utils/locale.utils.js

@@ -6,7 +6,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',
@@ -14,7 +16,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',
@@ -22,7 +26,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',
@@ -30,7 +36,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',
@@ -38,15 +46,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',
@@ -54,7 +66,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',
@@ -62,7 +76,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',
@@ -70,7 +86,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',
@@ -78,7 +96,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',
@@ -86,7 +106,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.'
     }
 };
 export const getTranslations = (url) => {

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["player-user-consents_2",[[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 bootstrapLazy([["player-user-consents_2",[[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);
 };
 
 export { defineCustomElements };