@everymatrix/nuts-inbox-widget 1.84.1 → 1.84.11

package/dist/types/Users/StefanO/Desktop/Proj/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/StefanO/Desktop/Proj/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/nuts-inbox-widget/nuts-inbox-widget.d.ts

@@ -82,7 +82,7 @@ export declare class NutsInboxWidget {
     togglePopover: () => void;
     setClientStyling: () => void;
     setClientStylingURL: () => void;
-    connectedCallback(): Promise<void>;
+    init(): Promise<void>;
     handleStylingChange(newValue: string, oldValue: string): void;
     handleStylingUrlChange(newValue: string, oldValue: string): void;
     handleNewTranslations(): void;

package/hydrate/index.js

@@ -6531,7 +6531,7 @@ class NutsInboxWidget {
     setupSocket() {
         return;
     }
-    async connectedCallback() {
+    async init() {
         return;
     }
     handleStylingChange(newValue, oldValue) {
@@ -6557,6 +6557,7 @@ class NutsInboxWidget {
         this.positionIcon();
     }
     componentDidLoad() {
+        this.init();
         if (this.clientStyling) {
             this.setClientStyling();
         }
@@ -6568,7 +6569,7 @@ class NutsInboxWidget {
         return (hAsync("div", { onClick: this.togglePopover, class: "BellIcon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", class: "bi bi-bell", viewBox: "0 0 16 16" }, ' ', hAsync("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 ? (hAsync("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" }, hAsync("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" }), hAsync("defs", null, hAsync("linearGradient", { id: "paint0_linear_1722_2699", x1: "8", y1: "13", x2: "8", y2: "3", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { "stop-color": "#FF512F" }), hAsync("stop", { offset: "1", "stop-color": "#DD2476" }))))) : ('')));
     }
     render() {
-        return (hAsync("div", { key: 'e260113048e5047c60dff310356b7c9f0946c804', ref: this.assignRefToStylingContainer, class: "Wrapper" }, hAsync("div", { key: 'a78e858daaa376999bad820a3b8db41ab47be774', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (hAsync("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 (hAsync("div", { key: 'd8ba7712fa7436253806c2cd5700eb715f2791b4', ref: this.assignRefToStylingContainer, class: "Wrapper" }, hAsync("div", { key: '0578f0a3d489685c76a921a71291976741c3d0e7', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (hAsync("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 {

package/hydrate/index.mjs

@@ -6527,7 +6527,7 @@ class NutsInboxWidget {
     setupSocket() {
         return;
     }
-    async connectedCallback() {
+    async init() {
         return;
     }
     handleStylingChange(newValue, oldValue) {
@@ -6553,6 +6553,7 @@ class NutsInboxWidget {
         this.positionIcon();
     }
     componentDidLoad() {
+        this.init();
         if (this.clientStyling) {
             this.setClientStyling();
         }
@@ -6564,7 +6565,7 @@ class NutsInboxWidget {
         return (hAsync("div", { onClick: this.togglePopover, class: "BellIcon" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", fill: "currentColor", class: "bi bi-bell", viewBox: "0 0 16 16" }, ' ', hAsync("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 ? (hAsync("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" }, hAsync("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" }), hAsync("defs", null, hAsync("linearGradient", { id: "paint0_linear_1722_2699", x1: "8", y1: "13", x2: "8", y2: "3", gradientUnits: "userSpaceOnUse" }, hAsync("stop", { "stop-color": "#FF512F" }), hAsync("stop", { offset: "1", "stop-color": "#DD2476" }))))) : ('')));
     }
     render() {
-        return (hAsync("div", { key: 'e260113048e5047c60dff310356b7c9f0946c804', ref: this.assignRefToStylingContainer, class: "Wrapper" }, hAsync("div", { key: 'a78e858daaa376999bad820a3b8db41ab47be774', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (hAsync("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 (hAsync("div", { key: 'd8ba7712fa7436253806c2cd5700eb715f2791b4', ref: this.assignRefToStylingContainer, class: "Wrapper" }, hAsync("div", { key: '0578f0a3d489685c76a921a71291976741c3d0e7', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.token && this.popoverVisible && (hAsync("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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/nuts-inbox-widget",
-  "version": "1.84.1",
+  "version": "1.84.11",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;

package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;