@veltdev/react 1.0.93 → 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/VeltNotificationsPanel/VeltNotificationsPanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IVeltNotificationsPanelProps {
+    onNotificationClick?: Function;
+}
+declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
+export default VeltNotificationsPanel;

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    onNotificationClick?: Function;
+}
+declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
+export default VeltNotificationsTool;

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

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

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

@@ -22,3 +22,6 @@ export { default as VeltCommentPlayerTimeline } from "./VeltCommentPlayerTimelin
 export { default as VeltVideoPlayer } from "./VeltVideoPlayer";
 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 VeltNotificationsHistoryPanel } from "./VeltNotificationsHistoryPanel";

package/cjs/types/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const VELT_SDK_VERSION = "1.0.108";
+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.108';
+var VELT_SDK_VERSION = '1.0.110';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -447,6 +447,54 @@ var VeltCommentThread = function (props) {
     return (React.createElement("velt-comment-thread", { "annotation-id": annotationId }));
 };
 
+var VeltNotificationsTool = function (props) {
+    var children = props.children, onNotificationClick = props.onNotificationClick;
+    var ref = useRef();
+    useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onNotificationClick', function (event) {
+                if (onNotificationClick) {
+                    onNotificationClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React.createElement("velt-notifications-tool", { ref: ref }, children));
+};
+
+var VeltNotificationsPanel = function (props) {
+    var onNotificationClick = props.onNotificationClick;
+    var ref = useRef();
+    useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onNotificationClick', function (event) {
+                if (onNotificationClick) {
+                    onNotificationClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React.createElement("velt-notifications-panel", { ref: ref }));
+};
+
+var VeltNotificationsHistoryPanel = function (props) {
+    var embedMode = props.embedMode, onNotificationClick = props.onNotificationClick;
+    var ref = useRef();
+    useEffect(function () {
+        if (ref.current) {
+            var element = ref.current;
+            element.addEventListener('onNotificationClick', function (event) {
+                if (onNotificationClick) {
+                    onNotificationClick(event === null || event === void 0 ? void 0 : event.detail);
+                }
+            });
+        }
+    }, []);
+    return (React.createElement("velt-notifications-history-panel", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
+};
+
 /**
  * @beta This hook is in beta
  */
@@ -972,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;
@@ -1048,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, 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