@veltdev/react 4.5.0-beta.48 → 4.5.0-beta.49

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.5.0-beta.48";
+export declare const VELT_SDK_VERSION = "4.5.0-beta.49";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/cjs/types/hooks/NotificationElement.d.ts

@@ -1,6 +1,6 @@
-import { Notification, NotificationElement, NotificationInitialSettingsConfig, NotificationSettingsConfig } from "@veltdev/types";
+import { GetNotificationsDataQuery, Notification, NotificationElement, NotificationInitialSettingsConfig, NotificationSettingsConfig } from "@veltdev/types";
 export declare function useNotificationUtils(): NotificationElement | undefined;
-export declare function useNotificationsData(): Notification[] | null;
+export declare function useNotificationsData(query?: GetNotificationsDataQuery): Notification[] | null;
 export declare function useUnreadNotificationsCount(): {
     forYou: number | null;
     all: number | null;

package/esm/index.js

@@ -136,13 +136,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.5.0-beta.48';
+var VELT_SDK_VERSION = '4.5.0-beta.49';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '4.5.0-beta.48': 'sha384-ACTrz3koTLJfrxdIt2r5Hz4J4qJjN/L6FmvsuuqKU+RADxX0GUad8zP5Q5tmAmpT',
+    '4.5.0-beta.49': 'sha384-6hQcdyGrq9dJM2m/nmqACvLcUD1WKuFB7ArF+s1z6xCTaNFZq0DBjgA1KpP5NM3v',
 };
 
 var SnippylyProvider = function (props) {
@@ -7342,19 +7342,32 @@ function useNotificationUtils() {
     }, [client, setNotificationElement, notificationElement]);
     return notificationElement;
 }
-function useNotificationsData() {
+function useNotificationsData(query) {
     var notificationElement = useNotificationUtils();
     var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = useRef();
+    var memoizedData = useMemo(function () {
+        return query;
+    }, [JSON.stringify(query)]);
     useEffect(function () {
         if (!(notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData))
             return;
-        var subscription = notificationElement.getNotificationsData().subscribe(function (res) {
+        // Unsubscribe from the previous subscription if it exists
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = notificationElement.getNotificationsData(memoizedData).subscribe(function (res) {
             setData(res);
         });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
         return function () {
-            subscription.unsubscribe();
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
         };
-    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData]);
+    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData, memoizedData]);
     return data;
 }
 function useUnreadNotificationsCount() {