@everymatrix/nuts-inbox-widget 1.74.1 → 1.74.12

package/dist/types/api/methods/index.d.ts

@@ -1,4 +1,6 @@
+import { Notification } from '../../components';
 import { DeleteMessageParams, GetNotificationsParams, GetNotificationsReturnData, MarkAllMessagesParams, MarkMessageParams, MarkMessageReturnData, InitializeSessionParams, InitializeSessionReturnData, UnseenCountParams } from './types';
+export declare const notificationCache: Map<number, Notification[]>;
 export declare const initializeSession: ({ baseUrl, body, sessionId }: InitializeSessionParams) => Promise<InitializeSessionReturnData>;
 export declare const getUnseenCount: ({ baseUrl, token }: UnseenCountParams) => Promise<number>;
 export declare const deleteMessage: ({ baseUrl, token, messageId }: DeleteMessageParams) => Promise<boolean>;

package/dist/types/api/methods/types.d.ts

@@ -59,7 +59,6 @@ export interface GetNotificationsResponseData {
     hasMore: boolean;
 }
 export interface GetNotificationsReturnData {
-    isLoading: boolean;
     numberOfNotifications: number;
     notifications: Notification[];
     hasMore: boolean;

package/dist/types/cache/index.d.ts

@@ -0,0 +1 @@
+export * from './notification-cache';

package/dist/types/cache/notification-cache.d.ts

@@ -0,0 +1,23 @@
+import { Notification } from '../components';
+declare class NotificationCache {
+    private readonly PAGE_SIZE;
+    private onPageUpdate;
+    private cache;
+    private currentPage;
+    observePageUpdate(callback: (notifications: Notification[], hasMore: boolean) => void): void;
+    setCurrentPage(page: number): void;
+    private updateCache;
+    private syncCurrentPage;
+    deleteById(id: string): void;
+    addToFront(notification: Notification): void;
+    markAsRead(id: string, mark: Partial<Notification>): void;
+    markAllAsRead(): void;
+    clearAll(): void;
+    loadPageFromApi(page: number, loader: () => Promise<{
+        notifications: Notification[];
+        hasMore: boolean;
+    }>): Promise<void>;
+    private getAllFromCache;
+}
+export declare const notificationCache: NotificationCache;
+export {};

package/dist/types/components/nuts-notification/nuts-notification.d.ts

@@ -86,6 +86,7 @@ export declare class NutsNotification {
     private baseUrl;
     messageDeteled: EventEmitter<any>;
     settingsOpened: EventEmitter<any>;
+    messageReadEmitter: EventEmitter<any>;
     allNotificationsReadHandler(): void;
     settingsOpenedHandler(event: CustomEvent<any>): void;
     el: HTMLElement;

package/dist/types/components/nuts-popover/nuts-popover.d.ts

@@ -1,5 +1,4 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { GetNotificationsReturnData } from '../../api/methods/types';
 export declare class NutsPopover {
     /**
      * Language code of the content
@@ -47,6 +46,7 @@ export declare class NutsPopover {
     translationUrl: string;
     private notifications;
     private isLoading;
+    private isNotificationsLoading;
     private showMarkAll;
     private limitStylingAppends;
     private showDeleteAllPopup;
@@ -58,9 +58,8 @@ export declare class NutsPopover {
     allNotificationsRead: EventEmitter<any>;
     allMessagesDeteled: EventEmitter<any>;
     closePopoverEmmiter: EventEmitter<any>;
-    messageDeteledHandler(event: CustomEvent<any>): void;
-    allMessagesDeletedHandler(): void;
-    newNotificationHandler(event: CustomEvent<any>): void;
+    messageDeletedHandler(event: CustomEvent<any>): void;
+    messageReadHandler(event: CustomEvent<any>): void;
     clickOutsideHandle(ev: MouseEvent): void;
     unseenCountHandler(newValue: number): void;
     handleStylingChange(newValue: string, oldValue: string): void;
@@ -68,9 +67,9 @@ export declare class NutsPopover {
     handleNewTranslations(): void;
     componentWillLoad(): Promise<void>;
     componentDidRender(): void;
-    updateNotificationsDataAfterPageChange: (getNotificationsData: GetNotificationsReturnData) => void;
+    triggerGetNotifications(): Promise<void>;
     nextPage: () => Promise<void>;
-    prevPage: () => void;
+    prevPage: () => Promise<void>;
     setClientStyling: () => void;
     setClientStylingURL: () => void;
     connectedCallback(): void;

package/dist/types/components.d.ts

@@ -229,6 +229,7 @@ declare global {
     interface HTMLNutsNotificationElementEventMap {
         "messageDeleted": any;
         "settingsOpened": any;
+        "messageRead": any;
     }
     interface HTMLNutsNotificationElement extends Components.NutsNotification, HTMLStencilElement {
         addEventListener<K extends keyof HTMLNutsNotificationElementEventMap>(type: K, listener: (this: HTMLNutsNotificationElement, ev: NutsNotificationCustomEvent<HTMLNutsNotificationElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -372,6 +373,7 @@ declare namespace LocalJSX {
          */
         "notificationAction"?: string;
         "onMessageDeleted"?: (event: NutsNotificationCustomEvent<any>) => void;
+        "onMessageRead"?: (event: NutsNotificationCustomEvent<any>) => void;
         "onSettingsOpened"?: (event: NutsNotificationCustomEvent<any>) => void;
         /**
           * Unique ID of the operator domain

package/package.json

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