@everymatrix/nuts-inbox-widget 1.84.0 → 1.84.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/nuts-inbox-widget_3.cjs.entry.js +3 -2
- package/dist/collection/components/nuts-inbox-widget/nuts-inbox-widget.js +3 -2
- package/dist/esm/nuts-inbox-widget_3.entry.js +3 -2
- package/dist/nuts-inbox-widget/nuts-inbox-widget_3.entry.js +1 -1
- package/dist/types/Users/StefanO/Desktop/Proj/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +2 -0
- 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 +2 -0
- package/dist/types/components/nuts-inbox-widget/nuts-inbox-widget.d.ts +1 -1
- package/hydrate/index.js +3 -2
- package/hydrate/index.mjs +3 -2
- package/package.json +1 -1
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.d.ts +0 -2
- package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/stencil.config.dev.d.ts +0 -2
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/storybook/main.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/packages/stencil/nuts-inbox-widget/storybook/preview.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/index.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
- /package/dist/types/{builds/emfe-widgets → Users/StefanO/Desktop/Proj}/widgets-monorepo/packages/stencil/nuts-inbox-widget/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
|
@@ -4462,7 +4462,7 @@ const NutsInboxWidget = class {
|
|
|
4462
4462
|
});
|
|
4463
4463
|
}
|
|
4464
4464
|
}
|
|
4465
|
-
async
|
|
4465
|
+
async init() {
|
|
4466
4466
|
if (this.subscriberId && this.operatorId && this.applicationIdentifier) {
|
|
4467
4467
|
const initializeSessionResult = await initializeSession({
|
|
4468
4468
|
baseUrl: this.baseUrl,
|
|
@@ -4498,6 +4498,7 @@ const NutsInboxWidget = class {
|
|
|
4498
4498
|
this.positionIcon();
|
|
4499
4499
|
}
|
|
4500
4500
|
componentDidLoad() {
|
|
4501
|
+
this.init();
|
|
4501
4502
|
if (this.clientStyling) {
|
|
4502
4503
|
this.setClientStyling();
|
|
4503
4504
|
}
|
|
@@ -4509,7 +4510,7 @@ const NutsInboxWidget = class {
|
|
|
4509
4510
|
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" }))))) : ('')));
|
|
4510
4511
|
}
|
|
4511
4512
|
render() {
|
|
4512
|
-
return (index.h("div", { key: '
|
|
4513
|
+
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 }))));
|
|
4513
4514
|
}
|
|
4514
4515
|
get el() { return index.getElement(this); }
|
|
4515
4516
|
static get watchers() { return {
|
|
@@ -145,7 +145,7 @@ export class NutsInboxWidget {
|
|
|
145
145
|
});
|
|
146
146
|
}
|
|
147
147
|
}
|
|
148
|
-
async
|
|
148
|
+
async init() {
|
|
149
149
|
if (!Build.isBrowser)
|
|
150
150
|
return;
|
|
151
151
|
if (this.subscriberId && this.operatorId && this.applicationIdentifier) {
|
|
@@ -183,6 +183,7 @@ export class NutsInboxWidget {
|
|
|
183
183
|
this.positionIcon();
|
|
184
184
|
}
|
|
185
185
|
componentDidLoad() {
|
|
186
|
+
this.init();
|
|
186
187
|
if (this.clientStyling) {
|
|
187
188
|
this.setClientStyling();
|
|
188
189
|
}
|
|
@@ -194,7 +195,7 @@ export class NutsInboxWidget {
|
|
|
194
195
|
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" }))))) : ('')));
|
|
195
196
|
}
|
|
196
197
|
render() {
|
|
197
|
-
return (h("div", { key: '
|
|
198
|
+
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 }))));
|
|
198
199
|
}
|
|
199
200
|
static get is() { return "nuts-inbox-widget"; }
|
|
200
201
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4458,7 +4458,7 @@ const NutsInboxWidget = class {
|
|
|
4458
4458
|
});
|
|
4459
4459
|
}
|
|
4460
4460
|
}
|
|
4461
|
-
async
|
|
4461
|
+
async init() {
|
|
4462
4462
|
if (this.subscriberId && this.operatorId && this.applicationIdentifier) {
|
|
4463
4463
|
const initializeSessionResult = await initializeSession({
|
|
4464
4464
|
baseUrl: this.baseUrl,
|
|
@@ -4494,6 +4494,7 @@ const NutsInboxWidget = class {
|
|
|
4494
4494
|
this.positionIcon();
|
|
4495
4495
|
}
|
|
4496
4496
|
componentDidLoad() {
|
|
4497
|
+
this.init();
|
|
4497
4498
|
if (this.clientStyling) {
|
|
4498
4499
|
this.setClientStyling();
|
|
4499
4500
|
}
|
|
@@ -4505,7 +4506,7 @@ const NutsInboxWidget = class {
|
|
|
4505
4506
|
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" }))))) : ('')));
|
|
4506
4507
|
}
|
|
4507
4508
|
render() {
|
|
4508
|
-
return (h("div", { key: '
|
|
4509
|
+
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 }))));
|
|
4509
4510
|
}
|
|
4510
4511
|
get el() { return getElement(this); }
|
|
4511
4512
|
static get watchers() { return {
|