@everymatrix/user-action-controller 1.34.0 → 1.34.2

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

@@ -7,32 +7,38 @@ const TRANSLATIONS = {
   en: {
     termsandconditions: 'Terms and Conditions',
     sms: 'SMS marketing',
-    emailmarketing: 'Email marketing'
+    emailmarketing: 'Email marketing',
+    privacypolicy: 'Privacy Policy'
   },
   ro: {
     termsandconditions: 'Termeni şi condiţii',
     sms: 'SMS marketing',
-    emailmarketing: 'Email marketing'
+    emailmarketing: 'Email marketing',
+    privacypolicy: 'Privacy Policy'
   },
   hr: {
     termsandconditions: 'Terms and Conditions',
     sms: 'SMS marketing',
-    emailmarketing: 'Email marketing'
+    emailmarketing: 'Email marketing',
+    privacypolicy: 'Privacy Policy'
   },
   fr: {
     termsandconditions: 'Terms and Conditions',
     sms: 'SMS marketing',
-    emailmarketing: 'Email marketing'
+    emailmarketing: 'Email marketing',
+    privacypolicy: 'Privacy Policy'
   },
   cs: {
     termsandconditions: 'Terms and Conditions',
     sms: 'SMS marketing',
-    emailmarketing: 'Email marketing'
+    emailmarketing: 'Email marketing',
+    privacypolicy: 'Privacy Policy'
   },
   de: {
     termsandconditions: 'Terms and Conditions',
     sms: 'SMS marketing',
-    emailmarketing: 'Email marketing'
+    emailmarketing: 'Email marketing',
+    privacypolicy: 'Privacy Policy'
   },
 };
 const getTranslations = (url) => {
@@ -100,13 +106,14 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     this.limitStylingAppends = false;
     this.isLoading = true;
     this.mandatoryActionsChecked = 0;
-    //for now this variable is hardcoded bcs we have only terms and conditions mandatory and we dont receive with these new functionality the mandatory actions
-    this.mandatoryActions = ['termsandconditions'];
+    //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('termsandconditions', this.lang),
       sms: translate('sms', this.lang),
-      emailmarketing: translate('emailmarketing', this.lang)
+      emailmarketing: translate('emailmarketing', this.lang),
+      privacypolicy: translate('privacypolicy', this.lang)
     };
     this.setClientStyling = () => {
       let sheet = document.createElement('style');
@@ -148,56 +155,62 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       this.receivedQueryResponses++;
     }
   }
-  determineUserActions() {
+  determineUserActionsCore() {
     const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
     const headers = new Headers();
     headers.append('X-SessionId', this.userSession);
-    let requestOptions;
-    requestOptions = {
+    let requestOptions = {
       method: 'GET',
       headers
     };
-    if (url && requestOptions) {
-      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;
+    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);
+        }
       });
-    }
-    else {
-      return Promise.reject('Unsupported endpoint');
-    }
+      this.isLoading = false;
+    })
+      .catch(error => {
+      console.error('Error fetching data:', error);
+      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 = {
+      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) {
+          this.activeUserActions.push(element.tagCode);
+        }
+      });
+      this.isLoading = false;
+    })
+      .catch(error => {
+      console.error('Error fetching data:', error);
+      this.isLoading = false;
+    });
   }
   updateUserConsents() {
-    let url;
-    let requestOptions;
-    url = (this.gmVersion === 'gmcore')
+    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 = (this.gmVersion === 'gmcore')
-      ? {
-        items: this.userActions
-      }
-      : {
-        consents: [
-          {
-            tagCode: "termsandconditions",
-            note: "",
-            status: 1
-          }
-        ]
-      };
-    requestOptions = {
+    const body = {
+      items: this.userActions
+    };
+    let requestOptions = {
       method: 'POST',
       headers: {
         'Content-Type': 'application/json',
@@ -206,43 +219,40 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
       },
       body: JSON.stringify(body)
     };
-    if (url && requestOptions) {
-      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);
-      });
-    }
+    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);
+    });
   }
   handleApplyClick() {
     this.queryFired = true;
   }
   async componentWillLoad() {
     if (this.gmVersion === 'gmcore') {
-      return this.determineUserActions();
+      this.determineUserActionsCore();
     }
-    else {
-      this.activeUserActions = ['termsandconditions'];
-      this.isLoading = false;
+    if (this.gmVersion === 'gm16') {
+      this.determineUserActions16();
     }
     if (this.translationUrl.length > 2) {
       await getTranslations(this.translationUrl);
@@ -260,17 +270,19 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     // end custom styling area
   }
   render() {
-    const isMandatoryPresent = this.mandatoryActions.every(action => this.activeUserActions.includes(action));
-    if (isMandatoryPresent) {
-      this.userActionsValidated = !(this.mandatoryActionsChecked === this.mandatoryActions.length);
-    }
-    else {
-      this.userActionsValidated = false;
-    }
+    let mandatoryItems = 0;
+    const isMandatoryPresent = this.mandatoryActions.some(action => {
+      const isPresent = this.activeUserActions.includes(action);
+      if (isPresent) {
+        mandatoryItems++;
+      }
+      return isPresent;
+    });
+    this.userActionsValidated = isMandatoryPresent && (this.mandatoryActionsChecked === 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" }, this.userNoticeText), h("div", { class: "PlayerLegislationWrapper" }, this.activeUserActions.map(action => (h("slot", { name: action }, h("player-user-consents", { lang: this.lang, "translation-url": this.translationUrl, slot: action, consentType: action, consentTitle: this.consentTitles[action], queried: this.queryFired, mandatory: this.mandatoryActions.includes(action), "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
-      h("button", { class: "ConsentSubmitButton", disabled: this.userActionsValidated, onClick: () => this.handleApplyClick() }, this.submitButtonText)))));
+        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" }, this.userNoticeText), 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, slot: action, consentType: action, consentTitle: this.consentTitles[action], queried: this.queryFired, mandatory: this.mandatoryActions.includes(action), "client-styling": this.clientStyling }))))), this.includeSubmitButton &&
+      h("button", { class: "ConsentSubmitButton", disabled: !this.userActionsValidated, onClick: () => this.handleApplyClick() }, this.submitButtonText)))));
   }
   static get watchers() { return {
     "translationUrl": ["handleNewTranslations"],

package/dist/esm/loader.js

@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  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"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"gmVersion":[1,"gm-version"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"activeUserActions":[32],"userActionsValidated":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32],"isLoading":[32],"mandatoryActionsChecked":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-user-consents",{"lang":[1537],"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"clientStyling":[1,"client-styling"],"translationUrl":[513,"translation-url"],"textContent":[32],"limitStylingAppends":[32]}]]]], 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"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"gmVersion":[1,"gm-version"],"translationUrl":[513,"translation-url"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"activeUserActions":[32],"userActionsValidated":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32],"isLoading":[32],"mandatoryActionsChecked":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-user-consents",{"lang":[1537],"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"gmVersion":[1,"gm-version"],"consentTitle":[513,"consent-title"],"clientStyling":[1,"client-styling"],"translationUrl":[513,"translation-url"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
   });
 };