@everymatrix/nuts-inbox-widget 1.77.24 → 1.77.26

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

@@ -4441,16 +4441,11 @@ const NutsInboxWidget = class {
     setupSocket() {
         if (this.socketRef)
             return;
+        const { origin, pathname } = new URL(this.socketUrl);
         if (this.token) {
-            this.socketRef = lookup(this.socketUrl, {
-                reconnection: true,
-                reconnectionDelayMax: 10000,
-                reconnectionAttempts: 10,
-                transports: ['websocket'],
-                auth: {
+            this.socketRef = lookup(origin, Object.assign(Object.assign({ reconnection: true, reconnectionDelayMax: 10000, reconnectionAttempts: 10, transports: ['websocket'] }, (pathname ? { path: pathname + '/socket.io' } : {})), { auth: {
                     token: `${this.token}`
-                }
-            });
+                } }));
             this.socketRef.on('connect_error', (error) => {
                 console.error('WebSocket error', error);
             });
@@ -4514,7 +4509,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: '976f73d1e55a55aa5370f1cf1e03dd81ffe2b21a', ref: this.assignRefToStylingContainer, class: "Wrapper" }, index.h("div", { key: 'b443d739125b7b7e4798fd751e71c18cbc7ea43b', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (index.h("nuts-popover", { key: '0dc6e5a66747b44d6e1827cfc517dece41a215a2', "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: '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 }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -122,16 +122,11 @@ export class NutsInboxWidget {
             return;
         if (this.socketRef)
             return;
+        const { origin, pathname } = new URL(this.socketUrl);
         if (this.token) {
-            this.socketRef = io(this.socketUrl, {
-                reconnection: true,
-                reconnectionDelayMax: 10000,
-                reconnectionAttempts: 10,
-                transports: ['websocket'],
-                auth: {
+            this.socketRef = io(origin, Object.assign(Object.assign({ reconnection: true, reconnectionDelayMax: 10000, reconnectionAttempts: 10, transports: ['websocket'] }, (pathname ? { path: pathname + '/socket.io' } : {})), { auth: {
                     token: `${this.token}`
-                }
-            });
+                } }));
             this.socketRef.on('connect_error', (error) => {
                 console.error('WebSocket error', error);
             });
@@ -199,7 +194,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: '976f73d1e55a55aa5370f1cf1e03dd81ffe2b21a', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: 'b443d739125b7b7e4798fd751e71c18cbc7ea43b', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: '0dc6e5a66747b44d6e1827cfc517dece41a215a2', "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: '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 }))));
     }
     static get is() { return "nuts-inbox-widget"; }
     static get encapsulation() { return "shadow"; }

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

@@ -4437,16 +4437,11 @@ const NutsInboxWidget = class {
     setupSocket() {
         if (this.socketRef)
             return;
+        const { origin, pathname } = new URL(this.socketUrl);
         if (this.token) {
-            this.socketRef = lookup(this.socketUrl, {
-                reconnection: true,
-                reconnectionDelayMax: 10000,
-                reconnectionAttempts: 10,
-                transports: ['websocket'],
-                auth: {
+            this.socketRef = lookup(origin, Object.assign(Object.assign({ reconnection: true, reconnectionDelayMax: 10000, reconnectionAttempts: 10, transports: ['websocket'] }, (pathname ? { path: pathname + '/socket.io' } : {})), { auth: {
                     token: `${this.token}`
-                }
-            });
+                } }));
             this.socketRef.on('connect_error', (error) => {
                 console.error('WebSocket error', error);
             });
@@ -4510,7 +4505,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: '976f73d1e55a55aa5370f1cf1e03dd81ffe2b21a', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: 'b443d739125b7b7e4798fd751e71c18cbc7ea43b', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (h("nuts-popover", { key: '0dc6e5a66747b44d6e1827cfc517dece41a215a2', "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: '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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {