@everymatrix/nuts-inbox-widget 1.45.15 → 1.45.16
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 +2 -1
- package/dist/collection/components/nuts-inbox-widget/nuts-inbox-widget.js +2 -1
- package/dist/esm/nuts-inbox-widget_3.entry.js +2 -1
- package/dist/nuts-inbox-widget/nuts-inbox-widget.esm.js +1 -1
- package/dist/nuts-inbox-widget/p-910cb7ba.entry.js +1 -0
- package/package.json +1 -1
- package/dist/nuts-inbox-widget/p-9e0ae141.entry.js +0 -1
|
@@ -4318,6 +4318,7 @@ const NutsInboxWidget = class {
|
|
|
4318
4318
|
resetUnseenCount() {
|
|
4319
4319
|
// reset the unseen count if all notif are marked as read
|
|
4320
4320
|
this.unseenCount = 0;
|
|
4321
|
+
window.postMessage({ type: 'all-notifications-read', value: true }, window.location.href);
|
|
4321
4322
|
}
|
|
4322
4323
|
positionIcon() {
|
|
4323
4324
|
if (this.bellIconPosition == 'left') {
|
|
@@ -4387,7 +4388,7 @@ const NutsInboxWidget = class {
|
|
|
4387
4388
|
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" }))))) : ('')));
|
|
4388
4389
|
}
|
|
4389
4390
|
render() {
|
|
4390
|
-
return (index.h("div", { key: '
|
|
4391
|
+
return (index.h("div", { key: '728ce70a16b0d576fa2fe4700f4aa748b7da7d99', ref: this.assignRefToStylingContainer, class: "Wrapper" }, index.h("div", { key: '76a99fc78d65912f047a2c33c84ce94a7bff6334', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.popoverVisible && (index.h("nuts-popover", { key: '76274a40fda4f5215f10000849f3f13e92280983', "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, "translation-url": this.translationUrl }))));
|
|
4391
4392
|
}
|
|
4392
4393
|
get el() { return index.getElement(this); }
|
|
4393
4394
|
static get watchers() { return {
|
|
@@ -88,6 +88,7 @@ export class NutsInboxWidget {
|
|
|
88
88
|
resetUnseenCount() {
|
|
89
89
|
// reset the unseen count if all notif are marked as read
|
|
90
90
|
this.unseenCount = 0;
|
|
91
|
+
window.postMessage({ type: 'all-notifications-read', value: true }, window.location.href);
|
|
91
92
|
}
|
|
92
93
|
positionIcon() {
|
|
93
94
|
if (this.bellIconPosition == 'left') {
|
|
@@ -157,7 +158,7 @@ export class NutsInboxWidget {
|
|
|
157
158
|
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" }))))) : ('')));
|
|
158
159
|
}
|
|
159
160
|
render() {
|
|
160
|
-
return (h("div", { key: '
|
|
161
|
+
return (h("div", { key: '728ce70a16b0d576fa2fe4700f4aa748b7da7d99', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: '76a99fc78d65912f047a2c33c84ce94a7bff6334', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.popoverVisible && (h("nuts-popover", { key: '76274a40fda4f5215f10000849f3f13e92280983', "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, "translation-url": this.translationUrl }))));
|
|
161
162
|
}
|
|
162
163
|
static get is() { return "nuts-inbox-widget"; }
|
|
163
164
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4314,6 +4314,7 @@ const NutsInboxWidget = class {
|
|
|
4314
4314
|
resetUnseenCount() {
|
|
4315
4315
|
// reset the unseen count if all notif are marked as read
|
|
4316
4316
|
this.unseenCount = 0;
|
|
4317
|
+
window.postMessage({ type: 'all-notifications-read', value: true }, window.location.href);
|
|
4317
4318
|
}
|
|
4318
4319
|
positionIcon() {
|
|
4319
4320
|
if (this.bellIconPosition == 'left') {
|
|
@@ -4383,7 +4384,7 @@ const NutsInboxWidget = class {
|
|
|
4383
4384
|
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" }))))) : ('')));
|
|
4384
4385
|
}
|
|
4385
4386
|
render() {
|
|
4386
|
-
return (h("div", { key: '
|
|
4387
|
+
return (h("div", { key: '728ce70a16b0d576fa2fe4700f4aa748b7da7d99', ref: this.assignRefToStylingContainer, class: "Wrapper" }, h("div", { key: '76a99fc78d65912f047a2c33c84ce94a7bff6334', ref: this.assignRefToBell, class: "BellIconWrapper" }, !this.isLoading && this.renderBellIcon()), this.popoverVisible && (h("nuts-popover", { key: '76274a40fda4f5215f10000849f3f13e92280983', "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, "translation-url": this.translationUrl }))));
|
|
4387
4388
|
}
|
|
4388
4389
|
get el() { return getElement(this); }
|
|
4389
4390
|
static get watchers() { return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as n,b as i}from"./p-80fb2012.js";export{s as setNonce}from"./p-80fb2012.js";import{g as e}from"./p-e1255160.js";(()=>{const i=import.meta.url,e={};return""!==i&&(e.resourcesUrl=new URL(".",i).href),n(e)})().then((async n=>(await e(),i([["p-
|
|
1
|
+
import{p as n,b as i}from"./p-80fb2012.js";export{s as setNonce}from"./p-80fb2012.js";import{g as e}from"./p-e1255160.js";(()=>{const i=import.meta.url,e={};return""!==i&&(e.resourcesUrl=new URL(".",i).href),n(e)})().then((async n=>(await e(),i([["p-910cb7ba",[[1,"nuts-inbox-widget",{backendUrl:[513,"backend-url"],socketUrl:[513,"socket-url"],userId:[513,"user-id"],sessionId:[513,"session-id"],operatorId:[513,"operator-id"],subscriberId:[513,"subscriber-id"],deviceId:[513,"device-id"],language:[513],environment:[513],applicationIdentifier:[513,"application-identifier"],clientStyling:[1537,"client-styling"],clientStylingUrl:[513,"client-styling-url"],bellIconPosition:[513,"bell-icon-position"],notificationAction:[513,"notification-action"],translationUrl:[513,"translation-url"],isLoading:[32],popoverVisible:[32],unseenCount:[32]},[[8,"click","clickOutsideHandle"],[0,"allNotificationsRead","resetUnseenCount"]],{subscriberId:["initializeHandler"],operatorId:["initializeHandler"],applicationIdentifier:["initializeHandler"],translationUrl:["handleNewTranslations"]}],[0,"nuts-popover",{language:[513],userId:[513,"user-id"],operatorId:[513,"operator-id"],token:[513],sessionId:[513,"session-id"],backendUrl:[513,"backend-url"],unseenCount:[514,"unseen-count"],clientStylingUrl:[513,"client-styling-url"],notificationAction:[513,"notification-action"],clientStyling:[1537,"client-styling"],translationUrl:[513,"translation-url"],notifications:[32],isLoading:[32],showMarkAll:[32]},[[8,"messageDeleted","messageDeteledHandler"],[8,"newNotification","newNotificationHandler"]],{unseenCount:["unseenCountHandler"],translationUrl:["handleNewTranslations"]}],[0,"nuts-notification",{badge:[513],content:[513],date:[513],showSettings:[516,"show-settings"],read:[516],seen:[516],language:[513],sessionId:[513,"session-id"],subscriberId:[513,"subscriber-id"],userId:[513,"user-id"],messageId:[513,"message-id"],operatorId:[513,"operator-id"],token:[513],backendUrl:[513,"backend-url"],redirectUrl:[513,"redirect-url"],notificationAction:[513,"notification-action"],clientStylingUrl:[513,"client-styling-url"],translationUrl:[513,"translation-url"],clientStyling:[1537,"client-styling"],showSettingsModal:[32],messageSeen:[32],messageRead:[32],displayedContent:[32]},[[8,"allNotificationsRead","allNotificationsReadHandler"],[8,"settingsOpened","settingsOpenedHandler"]],{translationUrl:["handleNewTranslations"]}]]]],n))));
|