@streamlayer/sdk-web-notifications 0.10.10 → 0.11.0

package/lib/notifications.d.ts

@@ -1,22 +1,19 @@
-import { QuestionImages, ImagePosition } from '@streamlayer/sdk-web-types';
+import { InstantView, QuestionType } from '@streamlayer/sdk-web-types';
 import { NotificationsQueue, NotificationsQueueOptions } from './queue';
 export type NotificationData = {
-    color?: string;
-    icon?: string;
-    sponsorLogo?: string;
-    graphicBg?: string;
-    title?: string;
-    header?: string;
-    subtitle?: string;
-    primaryColor?: string;
-    imageMode?: QuestionImages;
-    imagePosition?: ImagePosition;
+    questionType: QuestionType;
+    question?: {
+        title: string;
+    };
+    insight?: InstantView;
+    onboarding?: unknown;
 };
 export declare enum NotificationType {
     ONBOARDING = 1,
-    QUESTION = 2
+    QUESTION = 2,
+    QUESTION_RESOLVED = 3
 }
-export type Notification<T extends Record<string, unknown> = any, M extends Record<string, Function> = never> = {
+export type Notification<M extends Record<string, Function> = never> = {
     autoHideDuration: number;
     delay?: number;
     hiding?: boolean;
@@ -26,7 +23,6 @@ export type Notification<T extends Record<string, unknown> = any, M extends Reco
     methods?: M;
     data: NotificationData;
     id: string;
-    meta?: T;
 };
 /**
  * @description app notifications (inapp)
@@ -37,6 +33,6 @@ export declare class Notifications {
     constructor(options?: Partial<NotificationsQueueOptions>);
     add: (notification: Notification) => void;
     close: (notificationId: string) => void;
-    getQueueStore: () => import("nanostores").ReadableAtom<Notification[]>;
+    getQueueStore: () => import("nanostores").WritableAtom<Map<string, Notification> | undefined>;
     markAsViewed: (notificationId: string) => void;
 }

package/lib/notifications.js

@@ -4,6 +4,7 @@ export var NotificationType;
 (function (NotificationType) {
     NotificationType[NotificationType["ONBOARDING"] = 1] = "ONBOARDING";
     NotificationType[NotificationType["QUESTION"] = 2] = "QUESTION";
+    NotificationType[NotificationType["QUESTION_RESOLVED"] = 3] = "QUESTION_RESOLVED";
 })(NotificationType || (NotificationType = {}));
 /**
  * @description app notifications (inapp)
@@ -13,7 +14,7 @@ export class Notifications {
     storage;
     constructor(options = {}) {
         this.storage = new NotificationStorage();
-        this.queue = new NotificationsQueue({ concurrency: 1, animationDelay: 300, ...options });
+        this.queue = new NotificationsQueue({ concurrency: 1, animationDelay: 1600, ...options });
     }
     add = (notification) => {
         const isViewed = this.storage.isOpened(notification.id);

package/lib/queue/index.d.ts

@@ -1,4 +1,4 @@
-import { createComputedStore } from '@streamlayer/sdk-web-interfaces';
+import { SingleStore, createComputedStore } from '@streamlayer/sdk-web-interfaces';
 import { Notification } from '..';
 export type NotificationsQueueOptions = {
     concurrency: number;
@@ -6,7 +6,7 @@ export type NotificationsQueueOptions = {
 };
 export type NotificationsList = ReturnType<typeof createComputedStore<Notification[]>>;
 export declare class NotificationsQueue {
-    notificationsList: NotificationsList;
+    notificationsList: ReturnType<SingleStore<Map<Notification['id'], Notification>>['getStore']>;
     private notifications;
     private store;
     private timeouts;

package/lib/queue/index.js

@@ -1,4 +1,4 @@
-import { SingleStore, createSingleStore, createComputedStore } from '@streamlayer/sdk-web-interfaces';
+import { SingleStore, createSingleStore } from '@streamlayer/sdk-web-interfaces';
 import { createLogger } from '@streamlayer/sdk-web-logger';
 export class NotificationsQueue {
     notificationsList;
@@ -17,7 +17,7 @@ export class NotificationsQueue {
         this.waitingQueue = new Set();
         this.activeQueue = new Set();
         this.notifications = new SingleStore(createSingleStore(new Map()), 'notifications-queue');
-        this.notificationsList = createComputedStore(this.notifications.getStore(), (notifications) => notifications ? [...notifications.values()] : []);
+        this.notificationsList = this.notifications.getStore();
     }
     addToQueue = (notification) => {
         if (this.store.has(notification.id)) {
@@ -75,7 +75,7 @@ export class NotificationsQueue {
             prevQueue.set(notification.id, notification);
             this.notifications.setValue(prevQueue);
             const timeout = setTimeout(() => {
-                this.logger.debug({ notificationId: closureId }, 'notification hiding by autoHideDuration');
+                this.logger.debug({ notificationId: closureId, delay: notification.autoHideDuration || 5000 }, 'notification hiding by autoHideDuration');
                 this.closeNotification(closureId);
             }, notification.autoHideDuration || 5000);
             this.timeouts.set(closureId, timeout);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/sdk-web-notifications",
-  "version": "0.10.10",
+  "version": "0.11.0",
   "type": "module",
   "main": "./lib/index.js",
   "typings": "./lib/index.d.ts",
@@ -9,10 +9,10 @@
     "package.json"
   ],
   "peerDependencies": {
-    "@streamlayer/sdk-web-interfaces": "^0.18.11",
-    "@streamlayer/sdk-web-types": "^0.18.1",
-    "@streamlayer/sdk-web-logger": "^0.0.1",
-    "@streamlayer/sdk-web-storage": "^0.0.1"
+    "@streamlayer/sdk-web-interfaces": "^0.18.13",
+    "@streamlayer/sdk-web-types": "^0.19.0",
+    "@streamlayer/sdk-web-logger": "^0.0.2",
+    "@streamlayer/sdk-web-storage": "^0.0.2"
   },
   "exports": {
     ".": {