@everymatrix/nuts-inbox-widget 1.84.1 → 1.84.2

package/dist/cjs/nuts-inbox-widget_3.cjs.entry.js

@@ -4462,7 +4462,7 @@ const NutsInboxWidget = class {
             });
         }
     }
-    async connectedCallback() {
+    async init() {
         if (this.subscriberId && this.operatorId && this.applicationIdentifier) {
             const initializeSessionResult = await initializeSession({
                 baseUrl: this.baseUrl,
@@ -4498,6 +4498,7 @@ const NutsInboxWidget = class {
         this.positionIcon();
     }
     componentDidLoad() {
+        this.init();
         if (this.clientStyling) {
             this.setClientStyling();
         }
@@ -4509,7 +4510,7 @@ const NutsInboxWidget = class {
         return (index.h("div", { onClick: this.togglePopover, class: "BellIcon" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", class: "bi bi-bell", viewBox: "0 0 16 16" }, ' ', index.h("path", { d: "M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z" }), ' '), this.unseenCount > 0 ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: "nc-bell-button-dot css-0 css-1eg2znq" }, index.h("rect", { x: "1.5", y: "1.5", width: "13", height: "13", rx: "6.5", fill: "url(#paint0_linear_1722_2699)", stroke: "#1E1E26", "stroke-width": "3" }), index.h("defs", null, index.h("linearGradient", { id: "paint0_linear_1722_2699", x1: "8", y1: "13", x2: "8", y2: "3", gradientUnits: "userSpaceOnUse" }, index.h("stop", { "stop-color": "#FF512F" }), index.h("stop", { offset: "1", "stop-color": "#DD2476" }))))) : ('')));
     }
     render() {
-        return (index.h("div", { key: 'e260113048e5047c60dff310356b7c9f0946c804', ref: this.assignRefToStylingContainer, class: "Wrapper" }, index.h("div", { key: 'a78e858daaa376999bad820a3b8db41ab47be774', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (index.h("nuts-popover", { key: 'b0ddf7406e82c4833093e99f53386251f5e4d1c7', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
+        return (index.h("div", { key: 'd8ba7712fa7436253806c2cd5700eb715f2791b4', ref: this.assignRefToStylingContainer, class: "Wrapper" }, index.h("div", { key: '0578f0a3d489685c76a921a71291976741c3d0e7', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (index.h("nuts-popover", { key: '3bbc22caa8689c29a098ef7308724d8a34289abc', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/components/nuts-inbox-widget/nuts-inbox-widget.js

@@ -145,7 +145,7 @@ export class NutsInboxWidget {
             });
         }
     }
-    async connectedCallback() {
+    async init() {
         if (!Build.isBrowser)
             return;
         if (this.subscriberId && this.operatorId && this.applicationIdentifier) {
@@ -183,6 +183,7 @@ export class NutsInboxWidget {
         this.positionIcon();
     }
     componentDidLoad() {
+        this.init();
         if (this.clientStyling) {
             this.setClientStyling();
         }
@@ -194,7 +195,7 @@ export class NutsInboxWidget {
         return (h("div", { onClick: this.togglePopover, class: "BellIcon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", class: "bi bi-bell", viewBox: "0 0 16 16" }, ' ', h("path", { d: "M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z" }), ' '), this.unseenCount > 0 ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: "nc-bell-button-dot css-0 css-1eg2znq" }, h("rect", { x: "1.5", y: "1.5", width: "13", height: "13", rx: "6.5", fill: "url(#paint0_linear_1722_2699)", stroke: "#1E1E26", "stroke-width": "3" }), h("defs", null, h("linearGradient", { id: "paint0_linear_1722_2699", x1: "8", y1: "13", x2: "8", y2: "3", gradientUnits: "userSpaceOnUse" }, h("stop", { "stop-color": "#FF512F" }), h("stop", { offset: "1", "stop-color": "#DD2476" }))))) : ('')));
     }
     render() {
-        return (h("div", { key: 'e260113048e5047c60dff310356b7c9f0946c804', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: 'a78e858daaa376999bad820a3b8db41ab47be774', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: 'b0ddf7406e82c4833093e99f53386251f5e4d1c7', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
+        return (h("div", { key: 'd8ba7712fa7436253806c2cd5700eb715f2791b4', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: '0578f0a3d489685c76a921a71291976741c3d0e7', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: '3bbc22caa8689c29a098ef7308724d8a34289abc', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
     }
     static get is() { return "nuts-inbox-widget"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/nuts-inbox-widget_3.entry.js

@@ -4458,7 +4458,7 @@ const NutsInboxWidget = class {
             });
         }
     }
-    async connectedCallback() {
+    async init() {
         if (this.subscriberId && this.operatorId && this.applicationIdentifier) {
             const initializeSessionResult = await initializeSession({
                 baseUrl: this.baseUrl,
@@ -4494,6 +4494,7 @@ const NutsInboxWidget = class {
         this.positionIcon();
     }
     componentDidLoad() {
+        this.init();
         if (this.clientStyling) {
             this.setClientStyling();
         }
@@ -4505,7 +4506,7 @@ const NutsInboxWidget = class {
         return (h("div", { onClick: this.togglePopover, class: "BellIcon" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", class: "bi bi-bell", viewBox: "0 0 16 16" }, ' ', h("path", { d: "M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zM8 1.918l-.797.161A4.002 4.002 0 0 0 4 6c0 .628-.134 2.197-.459 3.742-.16.767-.376 1.566-.663 2.258h10.244c-.287-.692-.502-1.49-.663-2.258C12.134 8.197 12 6.628 12 6a4.002 4.002 0 0 0-3.203-3.92L8 1.917zM14.22 12c.223.447.481.801.78 1H1c.299-.199.557-.553.78-1C2.68 10.2 3 6.88 3 6c0-2.42 1.72-4.44 4.005-4.901a1 1 0 1 1 1.99 0A5.002 5.002 0 0 1 13 6c0 .88.32 4.2 1.22 6z" }), ' '), this.unseenCount > 0 ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: "nc-bell-button-dot css-0 css-1eg2znq" }, h("rect", { x: "1.5", y: "1.5", width: "13", height: "13", rx: "6.5", fill: "url(#paint0_linear_1722_2699)", stroke: "#1E1E26", "stroke-width": "3" }), h("defs", null, h("linearGradient", { id: "paint0_linear_1722_2699", x1: "8", y1: "13", x2: "8", y2: "3", gradientUnits: "userSpaceOnUse" }, h("stop", { "stop-color": "#FF512F" }), h("stop", { offset: "1", "stop-color": "#DD2476" }))))) : ('')));
     }
     render() {
-        return (h("div", { key: 'e260113048e5047c60dff310356b7c9f0946c804', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: 'a78e858daaa376999bad820a3b8db41ab47be774', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: 'b0ddf7406e82c4833093e99f53386251f5e4d1c7', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
+        return (h("div", { key: 'd8ba7712fa7436253806c2cd5700eb715f2791b4', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: '0578f0a3d489685c76a921a71291976741c3d0e7', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: '3bbc22caa8689c29a098ef7308724d8a34289abc', "notification-action": this.notificationAction, sessionId: this.sessionId, "unseen-count": this.unseenCount, token: this.token, "backend-url": this.backendUrl, "operator-id": this.operatorId, "user-id": this.userId, language: this.language, "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "translation-url": this.translationUrl }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {