@everymatrix/user-action-controller 1.55.0 → 1.56.0

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-316ef19a.js');
+const index = require('./index-acdc077f.js');
 
 const DEFAULT_LANGUAGE$1 = 'en';
 const TRANSLATIONS$1 = {
@@ -194,26 +194,52 @@ const PlayerUserConsents = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.userLegislationConsent = index.createEvent(this, "userLegislationConsent", 7);
-        this.goToTermsAndConditions = () => window.postMessage({ type: 'GoToTermsAndConditions' });
-        this.goToPrivacyPolicy = () => window.postMessage({ type: 'GoToPrivacyPolicy' });
+        /**
+        * Language
+        */
         this.lang = 'en';
+        /**
+         * 'true' when parent expects component to emit it's current value
+         */
         this.queried = false;
+        /**
+         * the type of the consent, used to determine render details
+         */
         this.consentType = '';
+        /**
+         * wether or not this consent is mandatory. Used for render details
+         */
         this.mandatory = false;
+        /**
+         * Select GM version
+         */
         this.gmVersion = '';
+        /**
+         * the title of the consent to be displayed
+         */
         this.consentTitle = '';
+        /**
+         * Client custom styling via inline style
+         */
         this.clientStyling = '';
+        /**
+        * Client custom styling via url
+        */
         this.clientStylingUrl = '';
+        /**
+        * Translation url
+        */
         this.translationUrl = '';
-        this.mbSource = undefined;
         this.textContent = '';
+        this.goToTermsAndConditions = () => window.postMessage({ type: 'GoToTermsAndConditions' });
+        this.goToPrivacyPolicy = () => window.postMessage({ type: 'GoToPrivacyPolicy' });
     }
     handleNewTranslations() {
         getTranslations$1(this.translationUrl);
     }
     handleStylingUrlChange(newValue, oldValue) {
         if (newValue !== oldValue)
-            this.setClientStylingURL();
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
     }
     async componentWillLoad() {
         if (this.translationUrl.length > 2) {
@@ -263,7 +289,7 @@ const PlayerUserConsents = class {
         if (this.queried) {
             this.userLegislationConsentHandler();
         }
-        return (index.h("div", { key: 'e3c4962028cea95e4391432bba0c6a4fa20d64cb', ref: el => this.stylingContainer = el }, index.h("p", { key: '606baf671f199a739b3738a73cd6e76748eb71c0', class: "ConsentTitle" }, this.consentTitle), index.h("label", { key: '7a581d02cbebf1ad6ec31b58e4b3b3583c0115bc', class: "UserConsent", htmlFor: "userConsent" }, index.h("input", { key: '70949461872d972a8d8a393dd36e6bbfbd3b82d0', ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && index.h("span", { key: 'e10c68ce2898d1b5801672b022ef9e1d0f185a17', class: "MandatoryItem" }, "*"))));
+        return (index.h("div", { key: 'aba04e96251f2f0febe96883b931193fb5ca8c94', ref: el => this.stylingContainer = el }, index.h("p", { key: 'd3f0cbeb5b45b4538462a53c41ab041b176a7c26', class: "ConsentTitle" }, this.consentTitle), index.h("label", { key: '800ab8d45e87b075402c3178e60a16866d0321d4', class: "UserConsent", htmlFor: "userConsent" }, index.h("input", { key: '919c15c353a8146661eca2870e7a63f7c689953e', ref: el => this.checkboxInput = el, id: "userConsent", type: "checkbox", onInput: () => this.userLegislationConsentHandler() }), this.determineTextContent(), this.mandatory && index.h("span", { key: 'f7126adee1ba5540837da4b852961d08a9eae857', class: "MandatoryItem" }, "*"))));
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],
@@ -398,38 +424,60 @@ const UserActionControllerStyle0 = userActionControllerCss;
 const UserActionController = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
-        this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
-        this.userActions = [];
-        this.consentTitles = {
-            termsandconditions: translate('termsAndConditionsTitle', this.lang),
-            sms: translate('smsTitle', this.lang),
-            emailmarketing: translate('emailMarketingTitle', this.lang),
-            privacypolicy: translate('privacyPolicyTitle', this.lang)
-        };
-        this.endpoint = undefined;
-        this.userSession = undefined;
-        this.userId = undefined;
+        /**
+        * Language
+        */
         this.lang = 'en';
-        this.includeSubmitButton = undefined;
+        /**
+         * Select GM version
+         */
         this.gmVersion = '';
+        /**
+        * Translation url
+        */
         this.translationUrl = '';
+        /**
+         * Client custom styling via inline style
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
-        this.mbSource = undefined;
+        /**
+         * Which actions are required in order to activate the "Apply" button. Other actions are considered optional.
+         */
         this.queryFired = false;
         this.readyActionsCount = 0;
         this.activeUserActions = [];
         this.userActionsValidated = true;
         this.receivedQueryResponses = 0;
-        this.limitStylingAppends = false;
         this.isLoading = true;
         this.mandatoryActionsChecked = 0;
-        this.mandatoryItems = undefined;
+        //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
+        this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
+        this.userActions = [];
+        this.consentTitles = {
+            termsandconditions: translate('termsAndConditionsTitle', this.lang),
+            sms: translate('smsTitle', this.lang),
+            emailmarketing: translate('emailMarketingTitle', this.lang),
+            privacypolicy: translate('privacyPolicyTitle', this.lang)
+        };
     }
     handleNewTranslations() {
         getTranslations(this.translationUrl);
     }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
     handleQueryResponse() {
         if (this.receivedQueryResponses === this.activeUserActions.length) {
             this.updateUserConsents();
@@ -602,6 +650,8 @@ const UserActionController = class {
     }
     static get watchers() { return {
         "translationUrl": ["handleNewTranslations"],
+        "clientStyling": ["handleClientStylingChange"],
+        "clientStylingUrl": ["handleClientStylingUrlChange"],
         "receivedQueryResponses": ["handleQueryResponse"]
     }; }
 };

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-316ef19a.js');
+const index = require('./index-acdc077f.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
- Stencil Client Patch Browser v4.22.3 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.26.0 | MIT Licensed | https://stenciljs.com
  */
 var patchBrowser = () => {
   const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('user-action-controller.cjs.js', document.baseURI).href));
@@ -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],"limitStylingAppends":[32],"isLoading":[32],"mandatoryActionsChecked":[32],"mandatoryItems":[32]},[[0,"userLegislationConsent","userLegislationConsentHandler"]],{"translationUrl":["handleNewTranslations"],"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"],"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);
 });
 
 exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -4,7 +4,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.22.3",
+    "version": "4.26.0",
     "typescriptVersion": "5.5.4"
   },
   "collections": [

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

@@ -4,38 +4,60 @@ import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../.
 import "../../../../../player-user-consents/dist/types/index";
 export class UserActionController {
     constructor() {
-        //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
-        this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
-        this.userActions = [];
-        this.consentTitles = {
-            termsandconditions: translate('termsAndConditionsTitle', this.lang),
-            sms: translate('smsTitle', this.lang),
-            emailmarketing: translate('emailMarketingTitle', this.lang),
-            privacypolicy: translate('privacyPolicyTitle', this.lang)
-        };
-        this.endpoint = undefined;
-        this.userSession = undefined;
-        this.userId = undefined;
+        /**
+        * Language
+        */
         this.lang = 'en';
-        this.includeSubmitButton = undefined;
+        /**
+         * Select GM version
+         */
         this.gmVersion = '';
+        /**
+        * Translation url
+        */
         this.translationUrl = '';
+        /**
+         * Client custom styling via inline style
+         */
         this.clientStyling = '';
+        /**
+         * Client custom styling via url
+         */
         this.clientStylingUrl = '';
-        this.mbSource = undefined;
+        /**
+         * Which actions are required in order to activate the "Apply" button. Other actions are considered optional.
+         */
         this.queryFired = false;
         this.readyActionsCount = 0;
         this.activeUserActions = [];
         this.userActionsValidated = true;
         this.receivedQueryResponses = 0;
-        this.limitStylingAppends = false;
         this.isLoading = true;
         this.mandatoryActionsChecked = 0;
-        this.mandatoryItems = undefined;
+        //for now this variable is hardcoded bcs we have terms and conditions and privacy policy mandatory and we dont receive with these new functionality the mandatory actions
+        this.mandatoryActions = ['termsandconditions', 'privacypolicy'];
+        this.userActions = [];
+        this.consentTitles = {
+            termsandconditions: translate('termsAndConditionsTitle', this.lang),
+            sms: translate('smsTitle', this.lang),
+            emailmarketing: translate('emailMarketingTitle', this.lang),
+            privacypolicy: translate('privacyPolicyTitle', this.lang)
+        };
     }
     handleNewTranslations() {
         getTranslations(this.translationUrl);
     }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
     handleQueryResponse() {
         if (this.receivedQueryResponses === this.activeUserActions.length) {
             this.updateUserConsents();
@@ -234,6 +256,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "the endpoint required for the update call"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "endpoint",
                 "reflect": true
             },
@@ -251,6 +275,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "user session required for the update call"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "user-session",
                 "reflect": true
             },
@@ -268,6 +294,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "user id required for the update call"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "user-id",
                 "reflect": true
             },
@@ -285,6 +313,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "Language"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "lang",
                 "reflect": true,
                 "defaultValue": "'en'"
@@ -303,6 +333,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "whether or not to include the submit button (in case we want to compose a different )"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "include-submit-button",
                 "reflect": true
             },
@@ -320,6 +352,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "Select GM version"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "gm-version",
                 "reflect": false,
                 "defaultValue": "''"
@@ -338,6 +372,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "Translation url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -356,6 +392,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -374,6 +412,8 @@ export class UserActionController {
                     "tags": [],
                     "text": "Client custom styling via url"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -392,6 +432,8 @@ export class UserActionController {
                     "tags": [],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "mb-source",
                 "reflect": true
             }
@@ -404,7 +446,6 @@ export class UserActionController {
             "activeUserActions": {},
             "userActionsValidated": {},
             "receivedQueryResponses": {},
-            "limitStylingAppends": {},
             "isLoading": {},
             "mandatoryActionsChecked": {},
             "mandatoryItems": {}
@@ -414,6 +455,12 @@ export class UserActionController {
         return [{
                 "propName": "translationUrl",
                 "methodName": "handleNewTranslations"
+            }, {
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
             }, {
                 "propName": "receivedQueryResponses",
                 "methodName": "handleQueryResponse"