@streamlayer/sdk-web-notifications 0.14.1 → 0.15.0

package/lib/index.d.ts

@@ -10,6 +10,7 @@ declare module '@streamlayer/sdk-web-interfaces' {
     }
     interface StreamLayerSDK {
         getNotificationsStore: Notifications['getQueueStore'];
+        getActiveNotification: Notifications['getActiveNotification'];
     }
 }
 /**

package/lib/index.js

@@ -4,8 +4,9 @@ export { NotificationType, Notifications } from './notifications';
  * notifications plugin, connect notifications to sdk
  */
 export const notifications = (instance, opts, done) => {
-    instance.notifications = new Notifications();
+    instance.notifications = new Notifications(undefined);
     instance.addNotification = instance.notifications.add;
     instance.sdk.getNotificationsStore = () => instance.notifications.getQueueStore();
+    instance.sdk.getActiveNotification = () => instance.notifications.getActiveNotification();
     done();
 };

package/lib/notifications.d.ts

@@ -1,6 +1,7 @@
-import { InstantView, QuestionType, GameSettings, TweetHistory, QuestionImages } from '@streamlayer/sdk-web-types';
+import { InstantView, QuestionType, GameSettings, TweetHistory } from '@streamlayer/sdk-web-types';
 import { NotificationsQueue, NotificationsQueueOptions } from './queue';
 export type NotificationData = {
+    questionId: string;
     questionType: QuestionType;
     question?: {
         title: string;
@@ -13,9 +14,7 @@ export type NotificationData = {
         correctAnswerTitle?: string;
         questionTitle?: string;
     };
-    insight?: InstantView & {
-        imageMode?: QuestionImages;
-    };
+    insight?: InstantView;
     onboarding?: GameSettings & {
         instantOpen?: boolean;
     };
@@ -26,6 +25,7 @@ export type NotificationData = {
         account: string;
         accountVerified: boolean;
         tweet: TweetHistory['tweet'] | undefined;
+        tweetId: string;
     };
 };
 export declare enum NotificationType {
@@ -41,6 +41,7 @@ export type Notification<M extends Record<string, Function> = never> = {
     action?: (...args: unknown[]) => void;
     close?: (...args: unknown[]) => void;
     methods?: M;
+    emitEvent?: boolean;
     data: NotificationData;
     id: string;
     persistent?: boolean;
@@ -54,6 +55,7 @@ export declare class Notifications {
     constructor(options?: Partial<NotificationsQueueOptions>);
     add: (notification: Notification) => void;
     close: (notificationId: string, markAsViewed?: boolean) => void;
+    getActiveNotification: () => Notification | null;
     getQueueStore: () => import("nanostores").WritableAtom<Map<string, Notification> | undefined>;
     markAsViewed: (notificationId: string) => void;
 }

package/lib/notifications.js

@@ -1,3 +1,4 @@
+import { eventBus } from '@streamlayer/sdk-web-interfaces';
 import { NotificationsQueue } from './queue';
 import { NotificationStorage } from './storage';
 export var NotificationType;
@@ -19,6 +20,21 @@ export class Notifications {
     add = (notification) => {
         const isViewed = this.storage.isOpened(notification.id);
         if (!isViewed) {
+            if (notification.data && notification.emitEvent) {
+                const action = notification.action;
+                notification.action = (...args) => {
+                    if (action) {
+                        action(...args);
+                    }
+                    eventBus.emit('notification', {
+                        action: 'opened',
+                        payload: {
+                            questionId: notification.data.questionId,
+                            questionType: notification.data.questionType,
+                        },
+                    });
+                };
+            }
             this.queue.addToQueue(notification);
         }
     };
@@ -28,6 +44,19 @@ export class Notifications {
             this.markAsViewed(notificationId);
         }
     };
+    getActiveNotification = () => {
+        const notifications = this.queue.notificationsList.get();
+        if (!notifications?.size) {
+            return null;
+        }
+        for (const notification of notifications.values()) {
+            if (notification.type === NotificationType.ONBOARDING) {
+                return notification;
+            }
+        }
+        const notification = notifications.values().next().value;
+        return notification;
+    };
     getQueueStore = () => {
         return this.queue.notificationsList;
     };

package/lib/queue/index.d.ts

@@ -18,5 +18,5 @@ export declare class NotificationsQueue {
     addToQueue: (notification: Notification) => void;
     tickWaitingQueue: () => void;
     tickActiveQueue: (notificationId: string) => void;
-    closeNotification: (notificationId: string) => void;
+    closeNotification: (notificationId: string) => Notification | undefined;
 }

package/lib/queue/index.js

@@ -130,5 +130,6 @@ export class NotificationsQueue {
         this.waitingQueue.delete(notificationId);
         this.tickWaitingQueue();
         this.logger.debug({ notificationId }, 'notification hiding');
+        return notification;
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/sdk-web-notifications",
-  "version": "0.14.1",
+  "version": "0.15.0",
   "type": "module",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
@@ -9,10 +9,10 @@
     "package.json"
   ],
   "peerDependencies": {
-    "@streamlayer/sdk-web-interfaces": "^0.20.5",
-    "@streamlayer/sdk-web-logger": "^0.5.16",
-    "@streamlayer/sdk-web-storage": "^0.4.3",
-    "@streamlayer/sdk-web-types": "^0.22.3"
+    "@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"
   },
   "exports": {
     ".": {
@@ -22,8 +22,8 @@
     }
   },
   "devDependencies": {
-    "@nx/playwright": "^17.3.0",
-    "@nx/webpack": "^17.3.0",
+    "@nx/playwright": "17.3.0",
+    "@nx/webpack": "17.3.0",
     "@playwright/test": "^1.41.1",
     "tslib": "^2.6.2",
     "webpack": "^5.90.0"