@veltdev/react 3.0.51 → 3.0.53

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

@@ -6,6 +6,7 @@ export interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTM
     targetCommentElementId?: string;
     targetElementId?: string;
     onCommentModeChange?: Function;
+    sourceId?: string;
     darkMode?: boolean;
     variant?: string;
     shadowDom?: boolean;

package/cjs/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "3.0.51";
+export declare const VELT_SDK_VERSION = "3.0.53";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";

package/cjs/types/context/SnippylyContext.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { Velt } from '@veltdev/types';
 export declare const VeltContext: import("react").Context<{
-    client: Velt;
+    client: Velt | null;
 }>;
 export declare function useVeltClient(): {
-    client: Velt;
+    client: Velt | null;
 };

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

@@ -1,4 +1,4 @@
-import { CommentAnnotation, CommentElement, Location, CommentSelectionChangeData, CommentSidebarCustomActionEventData } from "@veltdev/types";
+import { CommentAnnotation, CommentElement, Location, CommentSelectionChangeData, CommentSidebarCustomActionEventData, CommentAddEventData, CommentUpdateEventData } from "@veltdev/types";
 export declare function useCommentUtils(): CommentElement | undefined;
 export declare function useCommentAnnotations(documentId?: string, location?: Location): CommentAnnotation[] | null | undefined;
 export declare function useUnreadCommentCountByAnnotationId(annotationId: string): {
@@ -17,8 +17,8 @@ export declare function useUnreadCommentAnnotationCountByLocationId(locationId:
     count: number;
 } | null;
 export declare function useCommentModeState(): boolean | undefined;
-export declare function useCommentAddHandler(): any;
-export declare function useCommentUpdateHandler(): any;
+export declare function useCommentAddHandler(): CommentAddEventData | undefined;
+export declare function useCommentUpdateHandler(): CommentUpdateEventData | undefined;
 export declare function useCommentDialogSidebarClickHandler(): any;
 export declare function useCommentSelectionChangeHandler(): CommentSelectionChangeData | undefined;
 export declare function useCommentCopyLinkHandler(): {

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.51';
+var VELT_SDK_VERSION = '3.0.53';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -432,7 +432,7 @@ var SnippylyCommentsSidebar = function (props) {
 };
 
 var SnippylyCommentTool = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom;
+    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom;
     var ref = useRef();
     var onCommentModeChangeRef = useRef(onCommentModeChange);
     // Update the ref to always point to the latest callback function
@@ -458,7 +458,7 @@ var SnippylyCommentTool = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCursor = function (props) {
@@ -4558,7 +4558,7 @@ function useCommentModeState() {
 }
 function useCommentAddHandler() {
     var commentElement = useCommentUtils();
-    var _a = React.useState(), data = _a[0], setData = _a[1];
+    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
     useEffect(function () {
         if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentAdd))
             return;
@@ -4573,7 +4573,7 @@ function useCommentAddHandler() {
 }
 function useCommentUpdateHandler() {
     var commentElement = useCommentUtils();
-    var _a = React.useState(), data = _a[0], setData = _a[1];
+    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
     useEffect(function () {
         if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentUpdate))
             return;