@streamlayer/sdk-web-notifications 0.15.1 → 0.16.0

package/lib/index.js

@@ -8,7 +8,7 @@ export const notifications = (instance, opts, done) => {
     instance.addNotification = instance.notifications.add;
     instance.sdk.getNotificationsStore = () => instance.notifications.getQueueStore();
     instance.sdk.getActiveNotification = () => instance.notifications.getActiveNotification();
-    instance.sdk.onMount(() => {
+    instance.sdk.onMount({ name: 'notifications' }, () => {
         return () => {
             instance.notifications.queue.drain();
         };

package/lib/notifications.d.ts

@@ -46,6 +46,10 @@ export type Notification<M extends Record<string, Function> = never> = {
     id: string;
     persistent?: boolean;
 };
+export type NotificationCloseOptions = {
+    markAsViewed?: boolean;
+    animateHiding?: boolean;
+};
 /**
  * @description app notifications (inapp)
  */
@@ -54,7 +58,7 @@ export declare class Notifications {
     private storage;
     constructor(options?: Partial<NotificationsQueueOptions>);
     add: (notification: Notification) => void;
-    close: (notificationId: string, markAsViewed?: boolean) => void;
+    close: (notificationId: string, { markAsViewed, animateHiding }?: NotificationCloseOptions) => void;
     getActiveNotification: () => Notification | null;
     getQueueStore: () => import("nanostores").WritableAtom<Map<string, Notification> | undefined>;
     markAsViewed: (notificationId: string) => void;

package/lib/notifications.js

@@ -38,8 +38,8 @@ export class Notifications {
             this.queue.addToQueue(notification);
         }
     };
-    close = (notificationId, markAsViewed = true) => {
-        this.queue.closeNotification(notificationId);
+    close = (notificationId, { markAsViewed = true, animateHiding } = {}) => {
+        this.queue.closeNotification(notificationId, { animateHiding });
         if (markAsViewed) {
             this.markAsViewed(notificationId);
         }

package/lib/queue/index.d.ts

@@ -17,6 +17,8 @@ export declare class NotificationsQueue {
     addToQueue: (notification: Notification) => void;
     tickWaitingQueue: () => void;
     tickActiveQueue: (notificationId: string) => void;
-    closeNotification: (notificationId: string) => Notification | undefined;
+    closeNotification: (notificationId: string, { animateHiding }?: {
+        animateHiding?: boolean | undefined;
+    }) => Notification | undefined;
     drain: () => void;
 }

package/lib/queue/index.js

@@ -36,7 +36,7 @@ export class NotificationsQueue {
                 if (action) {
                     action(...args);
                 }
-                this.closeNotification(notification.id);
+                this.closeNotification(notification.id, { animateHiding: false });
             },
         });
         this.waitingQueue.add(notification.id);
@@ -102,13 +102,13 @@ export class NotificationsQueue {
         this.logger.debug({ notificationId }, 'active queue tick completed');
         this.tickWaitingQueue();
     };
-    closeNotification = (notificationId) => {
+    closeNotification = (notificationId, { animateHiding = true } = {}) => {
         const prevQueue = new Map(this.notificationsList.get());
         const notification = prevQueue.get(notificationId);
         if (notification) {
             // do not hide notification if we have more than one notification in waiting queue,
             // because we need to show next notification immediately
-            notification.hiding = !(this.waitingQueue.size >= this.options.concurrency);
+            notification.hiding = !(this.waitingQueue.size >= this.options.concurrency) && animateHiding;
             this.notificationsList.set(prevQueue);
             const timeout = setTimeout(() => {
                 const prevQueue = new Map(this.notificationsList.get());

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/sdk-web-notifications",
-  "version": "0.15.1",
+  "version": "0.16.0",
   "type": "module",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
@@ -9,10 +9,10 @@
     "package.json"
   ],
   "peerDependencies": {
-    "@streamlayer/sdk-web-interfaces": "^0.21.0",
-    "@streamlayer/sdk-web-logger": "^0.5.18",
-    "@streamlayer/sdk-web-storage": "^0.4.5",
-    "@streamlayer/sdk-web-types": "^0.23.0"
+    "@streamlayer/sdk-web-interfaces": "^0.22.0",
+    "@streamlayer/sdk-web-logger": "^0.5.20",
+    "@streamlayer/sdk-web-storage": "^0.4.7",
+    "@streamlayer/sdk-web-types": "^0.23.2"
   },
   "exports": {
     ".": {
@@ -22,10 +22,10 @@
     }
   },
   "devDependencies": {
-    "@nx/playwright": "17.3.0",
-    "@nx/webpack": "17.3.0",
-    "@playwright/test": "^1.41.1",
+    "@nx/playwright": "18.1.2",
+    "@nx/webpack": "18.1.2",
+    "@playwright/test": "^1.42.1",
     "tslib": "^2.6.2",
-    "webpack": "^5.90.0"
+    "webpack": "^5.90.3"
   }
 }