@veltdev/react 1.0.94 → 1.0.95

package/cjs/types/components/VeltNotificationsHistoryPanel/VeltNotificationsHistoryPanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltNotificationsHistoryPanelProps {
+    embedMode?: boolean;
+    onNotificationClick?: Function;
+}
+declare const VeltNotificationsHistoryPanel: React.FC<IVeltNotificationsHistoryPanelProps>;
+export default VeltNotificationsHistoryPanel;

package/cjs/types/components/VeltNotificationsHistoryPanel/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltNotificationsHistoryPanel";

package/cjs/types/components/index.d.ts

@@ -24,4 +24,4 @@ export { default as VeltViewAnalytics } from "./VeltViewAnalytics";
 export { default as VeltCommentThread } from "./VeltCommentThread";
 export { default as VeltNotificationsTool } from "./VeltNotificationsTool";
 export { default as VeltNotificationsPanel } from "./VeltNotificationsPanel";
-export { default as VeltNotificationsHistory } from "./VeltNotificationsHistory";
+export { default as VeltNotificationsHistoryPanel } from "./VeltNotificationsHistoryPanel";

package/cjs/types/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const VELT_SDK_VERSION = "1.0.109";
+export declare const VELT_SDK_VERSION = "1.0.110";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";

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

@@ -0,0 +1,9 @@
+import { Notification, NotificationElement } from "@veltdev/types";
+/**
+ * @beta This hook is in beta
+ */
+export declare function useNotificationUtils(): NotificationElement | undefined;
+/**
+ * @beta This hook is in beta
+ */
+export declare function useNotificationsData(): Notification[] | null;

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

@@ -9,3 +9,4 @@ export { useAIRewriterUtils, } from './RewriterElement';
 export { useLiveSelectionUtils, } from './SelectionElement';
 export { useTagUtils, useTagAnnotations, } from './TagElement';
 export { useViewsUtils, useUniqueViewsByDate, useUniqueViewsByUser, } from './ViewsElement';
+export { useNotificationUtils, useNotificationsData, } from './NotificationElement';

package/esm/index.js

@@ -101,7 +101,7 @@ var loadVelt = function (callback, version, staging, develop) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.109';
+var VELT_SDK_VERSION = '1.0.110';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -479,7 +479,7 @@ var VeltNotificationsPanel = function (props) {
     return (React.createElement("velt-notifications-panel", { ref: ref }));
 };
 
-var VeltNotificationsHistory = function (props) {
+var VeltNotificationsHistoryPanel = function (props) {
     var embedMode = props.embedMode, onNotificationClick = props.onNotificationClick;
     var ref = useRef();
     useEffect(function () {
@@ -492,7 +492,7 @@ var VeltNotificationsHistory = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-notifications-history", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-notifications-history-panel", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
 };
 
 /**
@@ -1020,6 +1020,39 @@ function useUniqueViewsByDate(clientLocationId) {
     return data;
 }
 
+/**
+ * @beta This hook is in beta
+ */
+function useNotificationUtils() {
+    var _a = React.useState(), notificationElement = _a[0], setNotificationElement = _a[1];
+    var client = useVeltClient().client;
+    React.useEffect(function () {
+        if (!client || notificationElement)
+            return;
+        var loadedNotificationElement = client.getNotificationElement();
+        setNotificationElement(loadedNotificationElement);
+    }, [client, setNotificationElement, notificationElement]);
+    return notificationElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useNotificationsData() {
+    var notificationElement = useNotificationUtils();
+    var _a = React.useState([]), data = _a[0], setData = _a[1];
+    useEffect(function () {
+        if (!(notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData))
+            return;
+        var subscription = notificationElement.getNotificationsData().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [notificationElement === null || notificationElement === void 0 ? void 0 : notificationElement.getNotificationsData]);
+    return data;
+}
+
 var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 var getSessionId = function () {
     return sessionId;
@@ -1096,5 +1129,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNotificationsHistory, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltVideoPlayer, VeltViewAnalytics, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUserEditorState, useVeltClient, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltVideoPlayer, VeltViewAnalytics, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUserEditorState, useVeltClient, useViewsUtils };
 //# sourceMappingURL=index.js.map