@everymatrix/user-action-controller 1.22.2 → 1.22.10

package/dist/cjs/loader.cjs.js

@@ -14,7 +14,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["player-legislation-wrapper_3.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["player-legislation-wrapper_3.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"gmVersion":[1,"gm-version"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32],"hasToSetConsents":[32]},[[0,"hasToSetConsents","hasToSetConsentsHandler"],[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
   });
 };
 

package/dist/cjs/player-legislation-wrapper_3.cjs.entry.js

@@ -132,6 +132,10 @@ const UserActionController = class {
      * Event name to be sent when the button is clicked
      */
     this.postMessageEvent = 'closeButtonClicked';
+    /**
+     * Select GM version
+     */
+    this.gmVersion = '';
     /**
      * Client custom styling via inline style
      */
@@ -177,14 +181,30 @@ const UserActionController = class {
     };
   }
   determineMandatoryActions() {
-    let url = new URL(`${this.endpoint}/v1/player/consentRequirements`);
-    return fetch(url.href)
-      .then(res => res.json())
-      .then(data => {
-      data.items.forEach(action => {
-        action.mustAccept && this.mandatoryActions.push(action.tagCode);
+    let url;
+    let requestOptions;
+    url = this.gmVersion === 'gmcore' ? new URL(`${this.endpoint}v1/player/consentRequirements`) : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consents`);
+    requestOptions = {
+      method: 'GET',
+      headers: {
+        'X-SessionId': `${this.userSession}`,
+      }
+    };
+    if (url && requestOptions) {
+      return fetch(url.href, requestOptions)
+        .then(res => res.json())
+        .then(data => {
+        const selectGmVersion = this.gmVersion === 'gmcore' ? data.consents || [] : data.items || [];
+        selectGmVersion.forEach(action => action.mustAccept && this.mandatoryActions.push(action.tagCode));
+      })
+        .catch(error => {
+        console.error('Error fetching data:', error);
       });
-    });
+    }
+    else {
+      // Handle the case where 'url' is not defined
+      return Promise.reject('Unsupported endpoint');
+    }
   }
   handleQueryResponse() {
     if (this.receivedQueryResponses === this.expectedQueryResponses) {
@@ -192,43 +212,53 @@ const UserActionController = class {
     }
   }
   updateUserConsents() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
-    let body = {
+    let url;
+    let requestOptions;
+    url = (this.gmVersion === 'gmcore')
+      ? new URL(`${this.endpoint}v1/player/${this.userId}/consent`)
+      : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consent`);
+    const body = {
       items: this.userActions
     };
-    let options = {
+    requestOptions = {
       method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'X-SessionId': `${this.userSession}`,
-      },
+      headers: (this.gmVersion === 'gmcore')
+        ? {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+          'X-SessionId': `${this.userSession}`,
+        }
+        : {
+          'X-SessionId': `${this.userSession}`,
+        },
       body: JSON.stringify(body)
     };
-    fetch(url.href, options)
-      .then(res => res.json())
-      .then(() => {
-      /**
-       * @TODO document this
-       */
-      window.postMessage({ type: 'WidgetNotification', data: {
-          type: 'success',
-          message: 'Consent update successfull!'
-        } }, window.location.href);
-    })
-      .catch((err) => {
-      /**
-       * @TODO document this
-       */
-      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);
-    });
+    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);
+      });
+    }
   }
   handleApplyClick() {
     this.queryFired = true;
@@ -239,6 +269,9 @@ const UserActionController = class {
     }
     this.closeButtonEvent.emit();
   }
+  hasToSetConsentsHandler(_) {
+    this.hasToSetConsents = true;
+  }
   userLegislationConsentHandler(event) {
     // Increase / Decrease the amount of mandatory actions taken
     if (this.mandatoryActions.includes(event.detail.type)) {
@@ -269,7 +302,7 @@ const UserActionController = class {
     // end custom styling area
   }
   render() {
-    const activeUAList = this.activeUserActions.replace(/ /g, '').split(',');
+    const activeUAList = this.hasToSetConsents ? ['termsandconditions'] : this.activeUserActions.replace(/ /g, '').split(',');
     this.requiredActionsCount = activeUAList.filter(action => this.mandatoryActions.includes(action)).length;
     this.expectedQueryResponses = activeUAList.length;
     return (index.h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, index.h("div", { class: "UserActionController" }, this.showCloseButton &&

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

@@ -15,5 +15,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["player-legislation-wrapper_3.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
+  return index.bootstrapLazy([["player-legislation-wrapper_3.cjs",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"gmVersion":[1,"gm-version"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32],"hasToSetConsents":[32]},[[0,"hasToSetConsents","hasToSetConsentsHandler"],[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
 });

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

@@ -7,6 +7,10 @@ export class UserActionController {
      * Event name to be sent when the button is clicked
      */
     this.postMessageEvent = 'closeButtonClicked';
+    /**
+     * Select GM version
+     */
+    this.gmVersion = '';
     /**
      * Client custom styling via inline style
      */
@@ -52,14 +56,30 @@ export class UserActionController {
     };
   }
   determineMandatoryActions() {
-    let url = new URL(`${this.endpoint}/v1/player/consentRequirements`);
-    return fetch(url.href)
-      .then(res => res.json())
-      .then(data => {
-      data.items.forEach(action => {
-        action.mustAccept && this.mandatoryActions.push(action.tagCode);
+    let url;
+    let requestOptions;
+    url = this.gmVersion === 'gmcore' ? new URL(`${this.endpoint}v1/player/consentRequirements`) : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consents`);
+    requestOptions = {
+      method: 'GET',
+      headers: {
+        'X-SessionId': `${this.userSession}`,
+      }
+    };
+    if (url && requestOptions) {
+      return fetch(url.href, requestOptions)
+        .then(res => res.json())
+        .then(data => {
+        const selectGmVersion = this.gmVersion === 'gmcore' ? data.consents || [] : data.items || [];
+        selectGmVersion.forEach(action => action.mustAccept && this.mandatoryActions.push(action.tagCode));
+      })
+        .catch(error => {
+        console.error('Error fetching data:', error);
       });
-    });
+    }
+    else {
+      // Handle the case where 'url' is not defined
+      return Promise.reject('Unsupported endpoint');
+    }
   }
   handleQueryResponse() {
     if (this.receivedQueryResponses === this.expectedQueryResponses) {
@@ -67,43 +87,53 @@ export class UserActionController {
     }
   }
   updateUserConsents() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
-    let body = {
+    let url;
+    let requestOptions;
+    url = (this.gmVersion === 'gmcore')
+      ? new URL(`${this.endpoint}v1/player/${this.userId}/consent`)
+      : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consent`);
+    const body = {
       items: this.userActions
     };
-    let options = {
+    requestOptions = {
       method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'X-SessionId': `${this.userSession}`,
-      },
+      headers: (this.gmVersion === 'gmcore')
+        ? {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+          'X-SessionId': `${this.userSession}`,
+        }
+        : {
+          'X-SessionId': `${this.userSession}`,
+        },
       body: JSON.stringify(body)
     };
-    fetch(url.href, options)
-      .then(res => res.json())
-      .then(() => {
-      /**
-       * @TODO document this
-       */
-      window.postMessage({ type: 'WidgetNotification', data: {
-          type: 'success',
-          message: 'Consent update successfull!'
-        } }, window.location.href);
-    })
-      .catch((err) => {
-      /**
-       * @TODO document this
-       */
-      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);
-    });
+    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);
+      });
+    }
   }
   handleApplyClick() {
     this.queryFired = true;
@@ -114,6 +144,9 @@ export class UserActionController {
     }
     this.closeButtonEvent.emit();
   }
+  hasToSetConsentsHandler(_) {
+    this.hasToSetConsents = true;
+  }
   userLegislationConsentHandler(event) {
     // Increase / Decrease the amount of mandatory actions taken
     if (this.mandatoryActions.includes(event.detail.type)) {
@@ -144,7 +177,7 @@ export class UserActionController {
     // end custom styling area
   }
   render() {
-    const activeUAList = this.activeUserActions.replace(/ /g, '').split(',');
+    const activeUAList = this.hasToSetConsents ? ['termsandconditions'] : this.activeUserActions.replace(/ /g, '').split(',');
     this.requiredActionsCount = activeUAList.filter(action => this.mandatoryActions.includes(action)).length;
     this.expectedQueryResponses = activeUAList.length;
     return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el },
@@ -338,6 +371,24 @@ export class UserActionController {
       "reflect": false,
       "defaultValue": "'closeButtonClicked'"
     },
+    "gmVersion": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Select GM version"
+      },
+      "attribute": "gm-version",
+      "reflect": false,
+      "defaultValue": "''"
+    },
     "clientStyling": {
       "type": "string",
       "mutable": true,
@@ -379,7 +430,8 @@ export class UserActionController {
     "queryFired": {},
     "readyActionsCount": {},
     "receivedQueryResponses": {},
-    "limitStylingAppends": {}
+    "limitStylingAppends": {},
+    "hasToSetConsents": {}
   }; }
   static get events() { return [{
       "method": "closeButtonEvent",
@@ -402,6 +454,12 @@ export class UserActionController {
       "methodName": "handleQueryResponse"
     }]; }
   static get listeners() { return [{
+      "name": "hasToSetConsents",
+      "method": "hasToSetConsentsHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
       "name": "userLegislationConsent",
       "method": "userLegislationConsentHandler",
       "target": undefined,

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

@@ -14,6 +14,10 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
      * Event name to be sent when the button is clicked
      */
     this.postMessageEvent = 'closeButtonClicked';
+    /**
+     * Select GM version
+     */
+    this.gmVersion = '';
     /**
      * Client custom styling via inline style
      */
@@ -59,14 +63,30 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     };
   }
   determineMandatoryActions() {
-    let url = new URL(`${this.endpoint}/v1/player/consentRequirements`);
-    return fetch(url.href)
-      .then(res => res.json())
-      .then(data => {
-      data.items.forEach(action => {
-        action.mustAccept && this.mandatoryActions.push(action.tagCode);
+    let url;
+    let requestOptions;
+    url = this.gmVersion === 'gmcore' ? new URL(`${this.endpoint}v1/player/consentRequirements`) : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consents`);
+    requestOptions = {
+      method: 'GET',
+      headers: {
+        'X-SessionId': `${this.userSession}`,
+      }
+    };
+    if (url && requestOptions) {
+      return fetch(url.href, requestOptions)
+        .then(res => res.json())
+        .then(data => {
+        const selectGmVersion = this.gmVersion === 'gmcore' ? data.consents || [] : data.items || [];
+        selectGmVersion.forEach(action => action.mustAccept && this.mandatoryActions.push(action.tagCode));
+      })
+        .catch(error => {
+        console.error('Error fetching data:', error);
       });
-    });
+    }
+    else {
+      // Handle the case where 'url' is not defined
+      return Promise.reject('Unsupported endpoint');
+    }
   }
   handleQueryResponse() {
     if (this.receivedQueryResponses === this.expectedQueryResponses) {
@@ -74,43 +94,53 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     }
   }
   updateUserConsents() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
-    let body = {
+    let url;
+    let requestOptions;
+    url = (this.gmVersion === 'gmcore')
+      ? new URL(`${this.endpoint}v1/player/${this.userId}/consent`)
+      : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consent`);
+    const body = {
       items: this.userActions
     };
-    let options = {
+    requestOptions = {
       method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'X-SessionId': `${this.userSession}`,
-      },
+      headers: (this.gmVersion === 'gmcore')
+        ? {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+          'X-SessionId': `${this.userSession}`,
+        }
+        : {
+          'X-SessionId': `${this.userSession}`,
+        },
       body: JSON.stringify(body)
     };
-    fetch(url.href, options)
-      .then(res => res.json())
-      .then(() => {
-      /**
-       * @TODO document this
-       */
-      window.postMessage({ type: 'WidgetNotification', data: {
-          type: 'success',
-          message: 'Consent update successfull!'
-        } }, window.location.href);
-    })
-      .catch((err) => {
-      /**
-       * @TODO document this
-       */
-      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);
-    });
+    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);
+      });
+    }
   }
   handleApplyClick() {
     this.queryFired = true;
@@ -121,6 +151,9 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     }
     this.closeButtonEvent.emit();
   }
+  hasToSetConsentsHandler(_) {
+    this.hasToSetConsents = true;
+  }
   userLegislationConsentHandler(event) {
     // Increase / Decrease the amount of mandatory actions taken
     if (this.mandatoryActions.includes(event.detail.type)) {
@@ -151,7 +184,7 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     // end custom styling area
   }
   render() {
-    const activeUAList = this.activeUserActions.replace(/ /g, '').split(',');
+    const activeUAList = this.hasToSetConsents ? ['termsandconditions'] : this.activeUserActions.replace(/ /g, '').split(',');
     this.requiredActionsCount = activeUAList.filter(action => this.mandatoryActions.includes(action)).length;
     this.expectedQueryResponses = activeUAList.length;
     return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, h("div", { class: "UserActionController" }, this.showCloseButton &&
@@ -173,13 +206,15 @@ const UserActionController$1 = /*@__PURE__*/ proxyCustomElement(class extends HT
     "showCloseButton": [516, "show-close-button"],
     "usePostmessage": [516, "use-postmessage"],
     "postMessageEvent": [1, "post-message-event"],
+    "gmVersion": [1, "gm-version"],
     "clientStyling": [1537, "client-styling"],
     "clientStylingUrl": [513, "client-styling-url"],
     "queryFired": [32],
     "readyActionsCount": [32],
     "receivedQueryResponses": [32],
-    "limitStylingAppends": [32]
-  }, [[0, "userLegislationConsent", "userLegislationConsentHandler"]]]);
+    "limitStylingAppends": [32],
+    "hasToSetConsents": [32]
+  }, [[0, "hasToSetConsents", "hasToSetConsentsHandler"], [0, "userLegislationConsent", "userLegislationConsentHandler"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

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-legislation-wrapper_3",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
+  return bootstrapLazy([["player-legislation-wrapper_3",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"gmVersion":[1,"gm-version"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32],"hasToSetConsents":[32]},[[0,"hasToSetConsents","hasToSetConsentsHandler"],[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
   });
 };
 

package/dist/esm/player-legislation-wrapper_3.entry.js

@@ -128,6 +128,10 @@ const UserActionController = class {
      * Event name to be sent when the button is clicked
      */
     this.postMessageEvent = 'closeButtonClicked';
+    /**
+     * Select GM version
+     */
+    this.gmVersion = '';
     /**
      * Client custom styling via inline style
      */
@@ -173,14 +177,30 @@ const UserActionController = class {
     };
   }
   determineMandatoryActions() {
-    let url = new URL(`${this.endpoint}/v1/player/consentRequirements`);
-    return fetch(url.href)
-      .then(res => res.json())
-      .then(data => {
-      data.items.forEach(action => {
-        action.mustAccept && this.mandatoryActions.push(action.tagCode);
+    let url;
+    let requestOptions;
+    url = this.gmVersion === 'gmcore' ? new URL(`${this.endpoint}v1/player/consentRequirements`) : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consents`);
+    requestOptions = {
+      method: 'GET',
+      headers: {
+        'X-SessionId': `${this.userSession}`,
+      }
+    };
+    if (url && requestOptions) {
+      return fetch(url.href, requestOptions)
+        .then(res => res.json())
+        .then(data => {
+        const selectGmVersion = this.gmVersion === 'gmcore' ? data.consents || [] : data.items || [];
+        selectGmVersion.forEach(action => action.mustAccept && this.mandatoryActions.push(action.tagCode));
+      })
+        .catch(error => {
+        console.error('Error fetching data:', error);
       });
-    });
+    }
+    else {
+      // Handle the case where 'url' is not defined
+      return Promise.reject('Unsupported endpoint');
+    }
   }
   handleQueryResponse() {
     if (this.receivedQueryResponses === this.expectedQueryResponses) {
@@ -188,43 +208,53 @@ const UserActionController = class {
     }
   }
   updateUserConsents() {
-    const url = new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);
-    let body = {
+    let url;
+    let requestOptions;
+    url = (this.gmVersion === 'gmcore')
+      ? new URL(`${this.endpoint}v1/player/${this.userId}/consent`)
+      : new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consent`);
+    const body = {
       items: this.userActions
     };
-    let options = {
+    requestOptions = {
       method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'X-SessionId': `${this.userSession}`,
-      },
+      headers: (this.gmVersion === 'gmcore')
+        ? {
+          'Content-Type': 'application/json',
+          'Accept': 'application/json',
+          'X-SessionId': `${this.userSession}`,
+        }
+        : {
+          'X-SessionId': `${this.userSession}`,
+        },
       body: JSON.stringify(body)
     };
-    fetch(url.href, options)
-      .then(res => res.json())
-      .then(() => {
-      /**
-       * @TODO document this
-       */
-      window.postMessage({ type: 'WidgetNotification', data: {
-          type: 'success',
-          message: 'Consent update successfull!'
-        } }, window.location.href);
-    })
-      .catch((err) => {
-      /**
-       * @TODO document this
-       */
-      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);
-    });
+    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);
+      });
+    }
   }
   handleApplyClick() {
     this.queryFired = true;
@@ -235,6 +265,9 @@ const UserActionController = class {
     }
     this.closeButtonEvent.emit();
   }
+  hasToSetConsentsHandler(_) {
+    this.hasToSetConsents = true;
+  }
   userLegislationConsentHandler(event) {
     // Increase / Decrease the amount of mandatory actions taken
     if (this.mandatoryActions.includes(event.detail.type)) {
@@ -265,7 +298,7 @@ const UserActionController = class {
     // end custom styling area
   }
   render() {
-    const activeUAList = this.activeUserActions.replace(/ /g, '').split(',');
+    const activeUAList = this.hasToSetConsents ? ['termsandconditions'] : this.activeUserActions.replace(/ /g, '').split(',');
     this.requiredActionsCount = activeUAList.filter(action => this.mandatoryActions.includes(action)).length;
     this.expectedQueryResponses = activeUAList.length;
     return (h("div", { class: "QueryReferenceContainer", ref: el => this.stylingContainer = el }, h("div", { class: "UserActionController" }, this.showCloseButton &&

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

@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["player-legislation-wrapper_3",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
+  return bootstrapLazy([["player-legislation-wrapper_3",[[1,"user-action-controller",{"endpoint":[513],"userSession":[513,"user-session"],"userId":[513,"user-id"],"includeSubmitButton":[516,"include-submit-button"],"submitButtonText":[513,"submit-button-text"],"userNoticeText":[513,"user-notice-text"],"activeUserActions":[513,"active-user-actions"],"showCloseButton":[516,"show-close-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[1,"post-message-event"],"gmVersion":[1,"gm-version"],"clientStyling":[1537,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"queryFired":[32],"readyActionsCount":[32],"receivedQueryResponses":[32],"limitStylingAppends":[32],"hasToSetConsents":[32]},[[0,"hasToSetConsents","hasToSetConsentsHandler"],[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{"activeUserActions":[513,"active-user-actions"],"clientStyling":[1,"client-styling"],"limitStylingAppends":[32]}],[1,"player-user-consents",{"queried":[516],"consentType":[513,"consent-type"],"mandatory":[516],"consentTitle":[513,"consent-title"],"tcLink":[513,"tc-link"],"privacyLink":[513,"privacy-link"],"clientStyling":[1,"client-styling"],"textContent":[32],"limitStylingAppends":[32]}]]]], options);
 });

package/dist/types/components/user-action-controller/user-action-controller.d.ts

@@ -46,6 +46,10 @@ export declare class UserActionController {
    * Event name to be sent when the button is clicked
    */
   postMessageEvent: string;
+  /**
+   * Select GM version
+   */
+  gmVersion: string;
   /**
    * Client custom styling via inline style
    */
@@ -66,6 +70,7 @@ export declare class UserActionController {
   readyActionsCount: number;
   receivedQueryResponses: number;
   private limitStylingAppends;
+  hasToSetConsents: boolean;
   private mandatoryActions;
   private requiredActionsCount;
   private expectedQueryResponses;
@@ -76,6 +81,7 @@ export declare class UserActionController {
   updateUserConsents(): void;
   handleApplyClick(): void;
   handleClose(): void;
+  hasToSetConsentsHandler(_: CustomEvent): void;
   userLegislationConsentHandler(event: CustomEvent<LegislationConsentEvent>): void;
   componentWillLoad(): Promise<void>;
   componentDidRender(): void;

package/dist/types/components.d.ts

@@ -23,6 +23,10 @@ export namespace Components {
           * the endpoint required for the update call
          */
         "endpoint": string;
+        /**
+          * Select GM version
+         */
+        "gmVersion": string;
         /**
           * whether or not to include the submit button (in case we want to compose a different )
          */
@@ -86,6 +90,10 @@ declare namespace LocalJSX {
           * the endpoint required for the update call
          */
         "endpoint": string;
+        /**
+          * Select GM version
+         */
+        "gmVersion"?: string;
         /**
           * whether or not to include the submit button (in case we want to compose a different )
          */

package/dist/user-action-controller/p-ecc1c1e4.entry.js

@@ -0,0 +1 @@
+import{r as t,h as s,c as e}from"./p-ba444709.js";const i=class{constructor(s){t(this,s),this.clientStyling="",this.limitStylingAppends=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}render(){const t=this.activeUserActions.replace(/ /g,"").split(",");return s("div",{class:"PlayerLegislationWrapper",ref:t=>this.stylingContainer=t},t.map((t=>s("slot",{name:t}))))}};i.style=":host{display:block}";const n=class{constructor(s){t(this,s),this.userLegislationConsent=e(this,"userLegislationConsent",7),this.queried=!1,this.consentType="",this.mandatory=!1,this.consentTitle="",this.tcLink="#",this.privacyLink="#",this.clientStyling="",this.textContent="",this.limitStylingAppends=!1,this.stringVariants={termsandconditions1:"I accept the ",termsandconditions2:", I have read and understood the ",termsandconditions3:" as published on this site and confirm that I am over 18 years old.",tc:"Terms and Conditions",privacy:"Privacy Policy",sms:"I consent to receive marketing communication via SMS.",emailmarketing:"I consent to receive marketing communication via Email."},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}determineTextContent(){return"termsandconditions"===this.consentType?s("span",null,this.stringVariants.termsandconditions1,s("a",{href:this.tcLink},this.stringVariants.tc),this.stringVariants.termsandconditions2,s("a",{href:this.privacyLink},this.stringVariants.privacy),this.stringVariants.termsandconditions3):s("span",null,this.stringVariants[this.consentType])}userLegislationConsentHandler(){this.userLegislationConsent.emit({type:this.consentType,value:this.checkboxInput.checked})}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}render(){return this.queried&&this.userLegislationConsentHandler(),this.textContent=this.determineTextContent(),s("div",{ref:t=>this.stylingContainer=t},s("p",{class:"ConsentTitle"},this.consentTitle),s("label",{class:"userConsent",htmlFor:"userConsent"},s("input",{ref:t=>this.checkboxInput=t,id:"userConsent",type:"checkbox",onInput:()=>this.userLegislationConsentHandler()}),this.textContent,this.mandatory&&s("span",{class:"MandatoryItem"},"*")))}};n.style=":host{display:block}.ConsentTitle{margin-bottom:0.2rem;font-weight:600}.userConsent:hover{border-bottom:1px solid #000;cursor:pointer}.MandatoryItem{color:#f00;font-size:1.2rem}";const o=class{constructor(s){t(this,s),this.closeButtonEvent=e(this,"closeButtonClicked",7),this.postMessageEvent="closeButtonClicked",this.gmVersion="",this.clientStyling="",this.clientStylingUrl="",this.consentTitles={termsandconditions:"Terms and Conditions",sms:"SMS marketing",emailmarketing:"Email marketing"},this.queryFired=!1,this.readyActionsCount=0,this.receivedQueryResponses=0,this.limitStylingAppends=!1,this.mandatoryActions=["termsandconditions"],this.requiredActionsCount=0,this.expectedQueryResponses=0,this.userActions=[],this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),s=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{this.clientStyling=t,s.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(s)}),1)})).catch((t=>{console.log("error ",t)}))}}determineMandatoryActions(){let t,s;return t="gmcore"===this.gmVersion?new URL(`${this.endpoint}v1/player/consentRequirements`):new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consents`),s={method:"GET",headers:{"X-SessionId":`${this.userSession}`}},t&&s?fetch(t.href,s).then((t=>t.json())).then((t=>{("gmcore"===this.gmVersion?t.consents||[]:t.items||[]).forEach((t=>t.mustAccept&&this.mandatoryActions.push(t.tagCode)))})).catch((t=>{console.error("Error fetching data:",t)})):Promise.reject("Unsupported endpoint")}handleQueryResponse(){this.receivedQueryResponses===this.expectedQueryResponses&&this.updateUserConsents()}updateUserConsents(){let t,s;t="gmcore"===this.gmVersion?new URL(`${this.endpoint}v1/player/${this.userId}/consent`):new URL(`${this.endpoint}v1/player/${this.userId}/legislation/consent`),s={method:"POST",headers:"gmcore"===this.gmVersion?{"Content-Type":"application/json",Accept:"application/json","X-SessionId":`${this.userSession}`}:{"X-SessionId":`${this.userSession}`},body:JSON.stringify({items:this.userActions})},t&&s&&fetch(t.href,s).then((t=>t.json())).then((()=>{window.postMessage({type:"WidgetNotification",data:{type:"success",message:"Consent update successful!"}},window.location.href)})).catch((t=>{window.postMessage({type:"WidgetNotification",data:{type:"error",message:"Server might not be responding",err:t}},window.location.href)})).finally((()=>{window.postMessage({type:"UserActionsCompleted"},window.location.href)}))}handleApplyClick(){this.queryFired=!0}handleClose(){this.usePostmessage&&window.postMessage({type:this.postMessageEvent}),this.closeButtonEvent.emit()}hasToSetConsentsHandler(t){this.hasToSetConsents=!0}userLegislationConsentHandler(t){this.mandatoryActions.includes(t.detail.type)&&(t.detail.value?this.readyActionsCount++:this.readyActionsCount--),this.queryFired&&(this.userActions.push({tagCode:t.detail.type,status:t.detail.value?"Accepted":"Denied"}),this.receivedQueryResponses++)}componentWillLoad(){return this.determineMandatoryActions()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const t=this.hasToSetConsents?["termsandconditions"]:this.activeUserActions.replace(/ /g,"").split(",");return this.requiredActionsCount=t.filter((t=>this.mandatoryActions.includes(t))).length,this.expectedQueryResponses=t.length,s("div",{class:"QueryReferenceContainer",ref:t=>this.stylingContainer=t},s("div",{class:"UserActionController"},this.showCloseButton&&s("div",{class:"CloseButton",onClick:()=>this.handleClose()},s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",fill:"currentColor",viewBox:"0 0 16 16"},s("path",{d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"}))),s("h2",{class:"UserConsentNotice"},this.userNoticeText),s("player-legislation-wrapper",{"active-user-actions":this.activeUserActions,"client-styling":this.clientStyling},t.map((t=>s("player-user-consents",{slot:t,consentType:t,consentTitle:this.consentTitles[t],queried:this.queryFired,mandatory:this.mandatoryActions.includes(t),"client-styling":this.clientStyling})))),this.includeSubmitButton&&s("button",{class:"ConsentSubmitButton",disabled:this.readyActionsCount!==this.requiredActionsCount,onClick:()=>this.handleApplyClick()},this.submitButtonText)))}static get watchers(){return{receivedQueryResponses:["handleQueryResponse"]}}};o.style=":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}.ConsentSubmitButton:disabled{border:2px solid #ccc;color:#ccc}@media screen and (max-width: 320px){.QueryReferenceContainer{font-size:0.8rem;color:blue}}";export{i as player_legislation_wrapper,n as player_user_consents,o as user_action_controller}

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

@@ -1 +1 @@
-import{p as e,b as t}from"./p-ba444709.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-9b3c5ed7",[[1,"user-action-controller",{endpoint:[513],userSession:[513,"user-session"],userId:[513,"user-id"],includeSubmitButton:[516,"include-submit-button"],submitButtonText:[513,"submit-button-text"],userNoticeText:[513,"user-notice-text"],activeUserActions:[513,"active-user-actions"],showCloseButton:[516,"show-close-button"],usePostmessage:[516,"use-postmessage"],postMessageEvent:[1,"post-message-event"],clientStyling:[1537,"client-styling"],clientStylingUrl:[513,"client-styling-url"],queryFired:[32],readyActionsCount:[32],receivedQueryResponses:[32],limitStylingAppends:[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{activeUserActions:[513,"active-user-actions"],clientStyling:[1,"client-styling"],limitStylingAppends:[32]}],[1,"player-user-consents",{queried:[516],consentType:[513,"consent-type"],mandatory:[516],consentTitle:[513,"consent-title"],tcLink:[513,"tc-link"],privacyLink:[513,"privacy-link"],clientStyling:[1,"client-styling"],textContent:[32],limitStylingAppends:[32]}]]]],e)));
+import{p as e,b as t}from"./p-ba444709.js";(()=>{const t=import.meta.url,n={};return""!==t&&(n.resourcesUrl=new URL(".",t).href),e(n)})().then((e=>t([["p-ecc1c1e4",[[1,"user-action-controller",{endpoint:[513],userSession:[513,"user-session"],userId:[513,"user-id"],includeSubmitButton:[516,"include-submit-button"],submitButtonText:[513,"submit-button-text"],userNoticeText:[513,"user-notice-text"],activeUserActions:[513,"active-user-actions"],showCloseButton:[516,"show-close-button"],usePostmessage:[516,"use-postmessage"],postMessageEvent:[1,"post-message-event"],gmVersion:[1,"gm-version"],clientStyling:[1537,"client-styling"],clientStylingUrl:[513,"client-styling-url"],queryFired:[32],readyActionsCount:[32],receivedQueryResponses:[32],limitStylingAppends:[32],hasToSetConsents:[32]},[[0,"hasToSetConsents","hasToSetConsentsHandler"],[0,"userLegislationConsent","userLegislationConsentHandler"]]],[1,"player-legislation-wrapper",{activeUserActions:[513,"active-user-actions"],clientStyling:[1,"client-styling"],limitStylingAppends:[32]}],[1,"player-user-consents",{queried:[516],consentType:[513,"consent-type"],mandatory:[516],consentTitle:[513,"consent-title"],tcLink:[513,"tc-link"],privacyLink:[513,"privacy-link"],clientStyling:[1,"client-styling"],textContent:[32],limitStylingAppends:[32]}]]]],e)));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/user-action-controller",
-  "version": "1.22.2",
+  "version": "1.22.10",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/user-action-controller/p-9b3c5ed7.entry.js

@@ -1 +0,0 @@
-import{r as t,h as s,c as e}from"./p-ba444709.js";const i=class{constructor(s){t(this,s),this.clientStyling="",this.limitStylingAppends=!1,this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}render(){const t=this.activeUserActions.replace(/ /g,"").split(",");return s("div",{class:"PlayerLegislationWrapper",ref:t=>this.stylingContainer=t},t.map((t=>s("slot",{name:t}))))}};i.style=":host{display:block}";const n=class{constructor(s){t(this,s),this.userLegislationConsent=e(this,"userLegislationConsent",7),this.queried=!1,this.consentType="",this.mandatory=!1,this.consentTitle="",this.tcLink="#",this.privacyLink="#",this.clientStyling="",this.textContent="",this.limitStylingAppends=!1,this.stringVariants={termsandconditions1:"I accept the ",termsandconditions2:", I have read and understood the ",termsandconditions3:" as published on this site and confirm that I am over 18 years old.",tc:"Terms and Conditions",privacy:"Privacy Policy",sms:"I consent to receive marketing communication via SMS.",emailmarketing:"I consent to receive marketing communication via Email."},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)}}determineTextContent(){return"termsandconditions"===this.consentType?s("span",null,this.stringVariants.termsandconditions1,s("a",{href:this.tcLink},this.stringVariants.tc),this.stringVariants.termsandconditions2,s("a",{href:this.privacyLink},this.stringVariants.privacy),this.stringVariants.termsandconditions3):s("span",null,this.stringVariants[this.consentType])}userLegislationConsentHandler(){this.userLegislationConsent.emit({type:this.consentType,value:this.checkboxInput.checked})}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.limitStylingAppends=!0)}render(){return this.queried&&this.userLegislationConsentHandler(),this.textContent=this.determineTextContent(),s("div",{ref:t=>this.stylingContainer=t},s("p",{class:"ConsentTitle"},this.consentTitle),s("label",{class:"userConsent",htmlFor:"userConsent"},s("input",{ref:t=>this.checkboxInput=t,id:"userConsent",type:"checkbox",onInput:()=>this.userLegislationConsentHandler()}),this.textContent,this.mandatory&&s("span",{class:"MandatoryItem"},"*")))}};n.style=":host{display:block}.ConsentTitle{margin-bottom:0.2rem;font-weight:600}.userConsent:hover{border-bottom:1px solid #000;cursor:pointer}.MandatoryItem{color:#f00;font-size:1.2rem}";const o=class{constructor(s){t(this,s),this.closeButtonEvent=e(this,"closeButtonClicked",7),this.postMessageEvent="closeButtonClicked",this.clientStyling="",this.clientStylingUrl="",this.consentTitles={termsandconditions:"Terms and Conditions",sms:"SMS marketing",emailmarketing:"Email marketing"},this.queryFired=!1,this.readyActionsCount=0,this.receivedQueryResponses=0,this.limitStylingAppends=!1,this.mandatoryActions=["termsandconditions"],this.requiredActionsCount=0,this.expectedQueryResponses=0,this.userActions=[],this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=new URL(this.clientStylingUrl),s=document.createElement("style");fetch(t.href).then((t=>t.text())).then((t=>{this.clientStyling=t,s.innerHTML=t,setTimeout((()=>{this.stylingContainer.prepend(s)}),1)})).catch((t=>{console.log("error ",t)}))}}determineMandatoryActions(){let t=new URL(`${this.endpoint}/v1/player/consentRequirements`);return fetch(t.href).then((t=>t.json())).then((t=>{t.items.forEach((t=>{t.mustAccept&&this.mandatoryActions.push(t.tagCode)}))}))}handleQueryResponse(){this.receivedQueryResponses===this.expectedQueryResponses&&this.updateUserConsents()}updateUserConsents(){const t=new URL(`${this.endpoint}/v1/player/${this.userId}/consent`);let s={method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json","X-SessionId":`${this.userSession}`},body:JSON.stringify({items:this.userActions})};fetch(t.href,s).then((t=>t.json())).then((()=>{window.postMessage({type:"WidgetNotification",data:{type:"success",message:"Consent update successfull!"}},window.location.href)})).catch((t=>{window.postMessage({type:"WidgetNotification",data:{type:"error",message:"Server might not be responding",err:t}},window.location.href)})).finally((()=>{window.postMessage({type:"UserActionsCompleted"},window.location.href)}))}handleApplyClick(){this.queryFired=!0}handleClose(){this.usePostmessage&&window.postMessage({type:this.postMessageEvent}),this.closeButtonEvent.emit()}userLegislationConsentHandler(t){this.mandatoryActions.includes(t.detail.type)&&(t.detail.value?this.readyActionsCount++:this.readyActionsCount--),this.queryFired&&(this.userActions.push({tagCode:t.detail.type,status:t.detail.value?"Accepted":"Denied"}),this.receivedQueryResponses++)}componentWillLoad(){return this.determineMandatoryActions()}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrl&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){const t=this.activeUserActions.replace(/ /g,"").split(",");return this.requiredActionsCount=t.filter((t=>this.mandatoryActions.includes(t))).length,this.expectedQueryResponses=t.length,s("div",{class:"QueryReferenceContainer",ref:t=>this.stylingContainer=t},s("div",{class:"UserActionController"},this.showCloseButton&&s("div",{class:"CloseButton",onClick:()=>this.handleClose()},s("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",fill:"currentColor",viewBox:"0 0 16 16"},s("path",{d:"M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"}))),s("h2",{class:"UserConsentNotice"},this.userNoticeText),s("player-legislation-wrapper",{"active-user-actions":this.activeUserActions,"client-styling":this.clientStyling},t.map((t=>s("player-user-consents",{slot:t,consentType:t,consentTitle:this.consentTitles[t],queried:this.queryFired,mandatory:this.mandatoryActions.includes(t),"client-styling":this.clientStyling})))),this.includeSubmitButton&&s("button",{class:"ConsentSubmitButton",disabled:this.readyActionsCount!==this.requiredActionsCount,onClick:()=>this.handleApplyClick()},this.submitButtonText)))}static get watchers(){return{receivedQueryResponses:["handleQueryResponse"]}}};o.style=":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}.ConsentSubmitButton:disabled{border:2px solid #ccc;color:#ccc}@media screen and (max-width: 320px){.QueryReferenceContainer{font-size:0.8rem;color:blue}}";export{i as player_legislation_wrapper,n as player_user_consents,o as user_action_controller}