@veltdev/react 4.7.1 → 4.7.2

package/esm/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.7.1";
+export declare const VELT_SDK_VERSION = "4.7.2";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/types/hooks/Client.d.ts

@@ -1,10 +1,10 @@
-import { Location, User, Options, DocumentMetadata, Document, SetDocumentsRequestOptions, SetLocationsRequestOptions, HeartbeatConfig, GetHeartbeatResponse, GetUserPermissionsResponse } from "@veltdev/types";
+import { Location, User, Options, DocumentMetadata, Document, SetLocationsRequestOptions, HeartbeatConfig, GetHeartbeatResponse, GetUserPermissionsResponse } from "@veltdev/types";
 export declare function useClient(): any;
 export declare function useIdentify(user: User, userOptions?: Options): void;
 export declare function useSetDocument(documentId: string, documentMetadata?: DocumentMetadata): void;
 export declare function useSetDocumentId(documentId: string): void;
 export declare function useSetDocuments(): {
-    setDocuments: (documents: Document[], options?: SetDocumentsRequestOptions) => void;
+    setDocuments: (documents: Document[], options?: any) => void;
 };
 export declare function useSetRootDocument(): {
     setRootDocument: (document: Document) => void;

package/esm/types/hooks/CommentActions.d.ts

@@ -1,53 +1,53 @@
-import { AddAttachmentRequest, AddAttachmentResponse, AddCommentAnnotationEvent, AddCommentAnnotationRequest, AddCommentEvent, AddCommentRequest, AddReactionEvent, AddReactionRequest, ApproveCommentAnnotationEvent, ApproveCommentAnnotationRequest, AssignUserEvent, AssignUserRequest, Attachment, CommentEventTypesMap, CommentRequestQuery, CopyLinkEvent, CopyLinkRequest, DeleteAttachmentEvent, DeleteAttachmentRequest, DeleteCommentAnnotationEvent, DeleteCommentAnnotationRequest, DeleteCommentEvent, DeleteCommentRequest, DeleteReactionEvent, DeleteReactionRequest, DeleteRecordingEvent, DeleteRecordingRequest, GetAttachmentRequest, GetCommentAnnotationsCountResponse, GetCommentAnnotationsResponse, GetCommentRequest, GetLinkRequest, GetLinkResponse, GetRecordingRequest, RecordedData, RejectCommentAnnotationEvent, RejectCommentAnnotationRequest, ResolveCommentAnnotationRequest, SubscribeCommentAnnotationEvent, SubscribeCommentAnnotationRequest, ToggleReactionEvent, ToggleReactionRequest, UnsubscribeCommentAnnotationEvent, UnsubscribeCommentAnnotationRequest, UpdateAccessEvent, UpdateAccessRequest, UpdateCommentEvent, UpdateCommentRequest, UpdatePriorityEvent, UpdatePriorityRequest, UpdateStatusEvent, UpdateStatusRequest } from "@veltdev/types";
+import { Attachment, CommentEventTypesMap, CommentRequestQuery, GetCommentAnnotationsCountResponse, GetCommentAnnotationsResponse, RecordedData } from "@veltdev/types";
 export declare function useAddCommentAnnotation(): {
-    addCommentAnnotation: (request: AddCommentAnnotationRequest) => Promise<AddCommentAnnotationEvent | null>;
+    addCommentAnnotation: (request: AddCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useApproveCommentAnnotation(): {
-    approveCommentAnnotation: (request: ApproveCommentAnnotationRequest) => Promise<ApproveCommentAnnotationEvent | null>;
+    approveCommentAnnotation: (request: ApproveCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useRejectCommentAnnotation(): {
-    rejectCommentAnnotation: (request: RejectCommentAnnotationRequest) => Promise<RejectCommentAnnotationEvent | null>;
+    rejectCommentAnnotation: (request: RejectCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useSubscribeCommentAnnotation(): {
-    subscribeCommentAnnotation: (request: SubscribeCommentAnnotationRequest) => Promise<SubscribeCommentAnnotationEvent | null>;
+    subscribeCommentAnnotation: (request: SubscribeCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useUnsubscribeCommentAnnotation(): {
-    unsubscribeCommentAnnotation: (request: UnsubscribeCommentAnnotationRequest) => Promise<UnsubscribeCommentAnnotationEvent | null>;
+    unsubscribeCommentAnnotation: (request: UnsubscribeCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useDeleteCommentAnnotation(): {
-    deleteCommentAnnotation: (request: DeleteCommentAnnotationRequest) => Promise<DeleteCommentAnnotationEvent | null>;
+    deleteCommentAnnotation: (request: DeleteCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useGetCommentAnnotations(query?: CommentRequestQuery): GetCommentAnnotationsResponse;
 export declare function useCommentAnnotationsCount(query?: CommentRequestQuery): GetCommentAnnotationsCountResponse;
 export declare function useAssignUser(): {
-    assignUser: (request: AssignUserRequest) => Promise<AssignUserEvent | null>;
+    assignUser: (request: AssignUserRequest) => Promise<any>;
 };
 export declare function useUpdatePriority(): {
-    updatePriority: (request: UpdatePriorityRequest) => Promise<UpdatePriorityEvent | null>;
+    updatePriority: (request: UpdatePriorityRequest) => Promise<any>;
 };
 export declare function useUpdateStatus(): {
-    updateStatus: (request: UpdateStatusRequest) => Promise<UpdateStatusEvent | null>;
+    updateStatus: (request: UpdateStatusRequest) => Promise<any>;
 };
 export declare function useUpdateAccess(): {
-    updateAccess: (request: UpdateAccessRequest) => Promise<UpdateAccessEvent | null>;
+    updateAccess: (request: UpdateAccessRequest) => Promise<any>;
 };
 export declare function useResolveCommentAnnotation(): {
-    resolveCommentAnnotation: (request: ResolveCommentAnnotationRequest) => Promise<ResolveCommentAnnotationRequest | null>;
+    resolveCommentAnnotation: (request: ResolveCommentAnnotationRequest) => Promise<any>;
 };
 export declare function useGetLink(): {
-    getLink: (request: GetLinkRequest) => Promise<GetLinkResponse | null>;
+    getLink: (request: GetLinkRequest) => Promise<any>;
 };
 export declare function useCopyLink(): {
-    copyLink: (request: CopyLinkRequest) => Promise<CopyLinkEvent | null>;
+    copyLink: (request: CopyLinkRequest) => Promise<any>;
 };
 export declare function useAddComment(): {
-    addComment: (request: AddCommentRequest) => Promise<AddCommentEvent | null>;
+    addComment: (request: AddCommentRequest) => Promise<any>;
 };
 export declare function useUpdateComment(): {
-    updateComment: (request: UpdateCommentRequest) => Promise<UpdateCommentEvent | null>;
+    updateComment: (request: UpdateCommentRequest) => Promise<any>;
 };
 export declare function useDeleteComment(): {
-    deleteComment: (request: DeleteCommentRequest) => Promise<DeleteCommentEvent | null>;
+    deleteComment: (request: DeleteCommentRequest) => Promise<any>;
 };
 export declare function useGetComment(): {
     getComment: (request: GetCommentRequest) => Promise<Comment[]>;
@@ -56,25 +56,25 @@ export declare function useAddAttachment(): {
     addAttachment: (request: AddAttachmentRequest) => Promise<AddAttachmentResponse[] | null>;
 };
 export declare function useDeleteAttachment(): {
-    deleteAttachment: (request: DeleteAttachmentRequest) => Promise<DeleteAttachmentEvent | null>;
+    deleteAttachment: (request: DeleteAttachmentRequest) => Promise<any>;
 };
 export declare function useGetAttachment(): {
     getAttachment: (request: GetAttachmentRequest) => Promise<Attachment[] | null>;
 };
 export declare function useDeleteRecording(): {
-    deleteRecording: (request: DeleteRecordingRequest) => Promise<DeleteRecordingEvent | null>;
+    deleteRecording: (request: DeleteRecordingRequest) => Promise<any>;
 };
 export declare function useGetRecording(): {
     getRecording: (request: GetRecordingRequest) => Promise<RecordedData[] | null>;
 };
 export declare function useAddReaction(): {
-    addReaction: (request: AddReactionRequest) => Promise<AddReactionEvent | null>;
+    addReaction: (request: AddReactionRequest) => Promise<any>;
 };
 export declare function useDeleteReaction(): {
-    deleteReaction: (request: DeleteReactionRequest) => Promise<DeleteReactionEvent | null>;
+    deleteReaction: (request: DeleteReactionRequest) => Promise<any>;
 };
 export declare function useToggleReaction(): {
-    toggleReaction: (request: ToggleReactionRequest) => Promise<ToggleReactionEvent | null>;
+    toggleReaction: (request: ToggleReactionRequest) => Promise<any>;
 };
 /**
  * @deprecated Use useCommentEventCallback hook instead.

package/esm/types/loadSnippyly.d.ts

@@ -1,2 +1,28 @@
-declare const loadVelt: (callback: Function, version?: string, staging?: boolean, develop?: boolean, proxyDomain?: string, integrity?: boolean, integrityValue?: string) => void;
+/**
+ * Loads the Velt script dynamically and calls the callback when ready.
+ * Returns a cleanup function to remove the event listener if component unmounts.
+ *
+ * ## Issue (Rapid Mount/Unmount with Slow Network)
+ *
+ * When VeltProvider is rapidly mounted/unmounted (e.g., conditional rendering,
+ * React Strict Mode, or route changes) while the Velt script is still loading
+ * over a slow network, multiple issues can occur:
+ *
+ * 1. First component mount creates the script tag and starts loading
+ * 2. Component unmounts before script loads (script tag remains in DOM)
+ * 3. Second component mount finds existing script tag
+ * 4. OLD BEHAVIOR: Immediately triggered callback assuming script was loaded
+ * 5. PROBLEM: Script wasn't actually loaded yet (still loading due to network delay)
+ * 6. This caused initVelt to run with window.Velt = undefined
+ *
+ * ## Fix
+ *
+ * 1. Check if window.Velt exists before triggering callback for existing scripts
+ * 2. If script tag exists but window.Velt doesn't, attach a new load event listener
+ * 3. Return a cleanup function that removes the event listener when component unmounts
+ * 4. This prevents orphaned callbacks from firing on destroyed component instances
+ *
+ * @returns Cleanup function to remove event listener (call on component unmount)
+ */
+declare const loadVelt: (callback: Function, version?: string, staging?: boolean, develop?: boolean, proxyDomain?: string, integrity?: boolean, integrityValue?: string) => (() => void);
 export default loadVelt;

package/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React$1 from 'react';
-import { Config, UserDataProvider, VeltDataProvider, VeltEncryptionProvider, VeltAuthProvider, VeltPermissionProvider, Velt, ContextOptions, ReactionMap, CustomAnnotationDropdownData, AutocompleteData, AutoCompleteScrollConfig, CommentSidebarFilterConfig as CommentSidebarFilterConfig$2, CommentSidebarGroupConfig as CommentSidebarGroupConfig$2, CommentSidebarFilters as CommentSidebarFilters$2, SidebarFilterCriteria, SortOrder, SortBy, RecorderLayoutMode, RecordedData, RecorderMode, CommentAnnotation, NotificationSettingsLayout, NotificationPanelMode, AutocompleteItem, User, Options, DocumentMetadata, Document, SetDocumentsRequestOptions, Location as Location$1, SetLocationsRequestOptions, HeartbeatConfig, GetHeartbeatResponse, GetUserPermissionsResponse, CommentElement, UnreadCommentsCount, CommentAddEventData, CommentUpdateEventData, CommentSelectionChangeData, CommentSidebarCustomActionEventData, AddCommentAnnotationRequest, AddCommentAnnotationEvent, ApproveCommentAnnotationRequest, ApproveCommentAnnotationEvent, RejectCommentAnnotationRequest, RejectCommentAnnotationEvent, SubscribeCommentAnnotationRequest, SubscribeCommentAnnotationEvent, UnsubscribeCommentAnnotationRequest, UnsubscribeCommentAnnotationEvent, DeleteCommentAnnotationRequest, DeleteCommentAnnotationEvent, CommentRequestQuery, GetCommentAnnotationsResponse, GetCommentAnnotationsCountResponse, AssignUserRequest, AssignUserEvent, UpdatePriorityRequest, UpdatePriorityEvent, UpdateStatusRequest, UpdateStatusEvent, UpdateAccessRequest, UpdateAccessEvent, ResolveCommentAnnotationRequest, GetLinkRequest, GetLinkResponse, CopyLinkRequest, CopyLinkEvent, AddCommentRequest, AddCommentEvent, UpdateCommentRequest, UpdateCommentEvent, DeleteCommentRequest, DeleteCommentEvent, GetCommentRequest, AddAttachmentRequest, AddAttachmentResponse, DeleteAttachmentRequest, DeleteAttachmentEvent, GetAttachmentRequest, Attachment, DeleteRecordingRequest, DeleteRecordingEvent, GetRecordingRequest, AddReactionRequest, AddReactionEvent, DeleteReactionRequest, DeleteReactionEvent, ToggleReactionRequest, ToggleReactionEvent, CommentEventTypesMap, CoreEventTypesMap, CursorElement, CursorUser, LiveStateSyncElement, SetLiveStateDataConfig, UserEditorAccess, EditorAccessTimer, ServerConnectionState, LiveStateEventTypesMap, PresenceElement, PresenceUser, PresenceRequestQuery, GetPresenceDataResponse, PresenceEventTypesMap, RecorderElement, RecorderRequestQuery, GetRecordingsResponse, RecorderEventTypesMap, RewriterElement, SelectionElement, LiveSelectionData, TagElement, TagAnnotation, ViewsElement, ViewsByUser, ViewsByDate, NotificationElement, GetNotificationsDataQuery, Notification, NotificationSettingsConfig, NotificationInitialSettingsConfig, NotificationEventTypesMap, AutocompleteElement, AutocompleteChipData, ContactElement, SelectedUserContact, GetContactListResponse, CrdtElement, CrdtEventTypesMap } from '@veltdev/types';
+import { Config, UserDataProvider, VeltDataProvider, VeltEncryptionProvider, VeltAuthProvider, VeltPermissionProvider, Velt, ContextOptions, ReactionMap, CustomAnnotationDropdownData, AutocompleteData, AutoCompleteScrollConfig, CommentSidebarFilterConfig as CommentSidebarFilterConfig$2, CommentSidebarGroupConfig as CommentSidebarGroupConfig$2, CommentSidebarFilters as CommentSidebarFilters$2, SidebarFilterCriteria, SortOrder, SortBy, RecorderLayoutMode, RecordedData, RecorderMode, CommentAnnotation, NotificationSettingsLayout, NotificationPanelMode, AutocompleteItem, User, Options, DocumentMetadata, Document, Location as Location$1, SetLocationsRequestOptions, HeartbeatConfig, GetHeartbeatResponse, GetUserPermissionsResponse, CommentElement, UnreadCommentsCount, CommentAddEventData, CommentUpdateEventData, CommentSelectionChangeData, CommentSidebarCustomActionEventData, CommentRequestQuery, GetCommentAnnotationsResponse, GetCommentAnnotationsCountResponse, Attachment, CommentEventTypesMap, CoreEventTypesMap, CursorElement, CursorUser, LiveStateSyncElement, SetLiveStateDataConfig, UserEditorAccess, EditorAccessTimer, ServerConnectionState, LiveStateEventTypesMap, PresenceElement, PresenceUser, PresenceRequestQuery, GetPresenceDataResponse, PresenceEventTypesMap, RecorderElement, RecorderRequestQuery, GetRecordingsResponse, RecorderEventTypesMap, RewriterElement, SelectionElement, LiveSelectionData, TagElement, TagAnnotation, ViewsElement, ViewsByUser, ViewsByDate, NotificationElement, GetNotificationsDataQuery, Notification, NotificationSettingsConfig, NotificationInitialSettingsConfig, NotificationEventTypesMap, AutocompleteElement, AutocompleteChipData, ContactElement, SelectedUserContact, GetContactListResponse, CrdtElement, CrdtEventTypesMap } from '@veltdev/types';
 
 interface IVeltProps extends React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement> {
     apiKey: string;
@@ -4363,7 +4363,7 @@ declare function useIdentify(user: User, userOptions?: Options): void;
 declare function useSetDocument(documentId: string, documentMetadata?: DocumentMetadata): void;
 declare function useSetDocumentId(documentId: string): void;
 declare function useSetDocuments(): {
-    setDocuments: (documents: Document[], options?: SetDocumentsRequestOptions) => void;
+    setDocuments: (documents: Document[], options?: any) => void;
 };
 declare function useSetRootDocument(): {
     setRootDocument: (document: Document) => void;
@@ -4416,54 +4416,54 @@ declare function useCommentSidebarInit(): CommentSidebarCustomActionEventData |
 declare function useCommentSidebarData(): CommentSidebarCustomActionEventData | null;
 
 declare function useAddCommentAnnotation(): {
-    addCommentAnnotation: (request: AddCommentAnnotationRequest) => Promise<AddCommentAnnotationEvent | null>;
+    addCommentAnnotation: (request: AddCommentAnnotationRequest) => Promise<any>;
 };
 declare function useApproveCommentAnnotation(): {
-    approveCommentAnnotation: (request: ApproveCommentAnnotationRequest) => Promise<ApproveCommentAnnotationEvent | null>;
+    approveCommentAnnotation: (request: ApproveCommentAnnotationRequest) => Promise<any>;
 };
 declare function useRejectCommentAnnotation(): {
-    rejectCommentAnnotation: (request: RejectCommentAnnotationRequest) => Promise<RejectCommentAnnotationEvent | null>;
+    rejectCommentAnnotation: (request: RejectCommentAnnotationRequest) => Promise<any>;
 };
 declare function useSubscribeCommentAnnotation(): {
-    subscribeCommentAnnotation: (request: SubscribeCommentAnnotationRequest) => Promise<SubscribeCommentAnnotationEvent | null>;
+    subscribeCommentAnnotation: (request: SubscribeCommentAnnotationRequest) => Promise<any>;
 };
 declare function useUnsubscribeCommentAnnotation(): {
-    unsubscribeCommentAnnotation: (request: UnsubscribeCommentAnnotationRequest) => Promise<UnsubscribeCommentAnnotationEvent | null>;
+    unsubscribeCommentAnnotation: (request: UnsubscribeCommentAnnotationRequest) => Promise<any>;
 };
 declare function useDeleteCommentAnnotation(): {
-    deleteCommentAnnotation: (request: DeleteCommentAnnotationRequest) => Promise<DeleteCommentAnnotationEvent | null>;
+    deleteCommentAnnotation: (request: DeleteCommentAnnotationRequest) => Promise<any>;
 };
 declare function useGetCommentAnnotations(query?: CommentRequestQuery): GetCommentAnnotationsResponse;
 declare function useCommentAnnotationsCount(query?: CommentRequestQuery): GetCommentAnnotationsCountResponse;
 declare function useAssignUser(): {
-    assignUser: (request: AssignUserRequest) => Promise<AssignUserEvent | null>;
+    assignUser: (request: AssignUserRequest) => Promise<any>;
 };
 declare function useUpdatePriority(): {
-    updatePriority: (request: UpdatePriorityRequest) => Promise<UpdatePriorityEvent | null>;
+    updatePriority: (request: UpdatePriorityRequest) => Promise<any>;
 };
 declare function useUpdateStatus(): {
-    updateStatus: (request: UpdateStatusRequest) => Promise<UpdateStatusEvent | null>;
+    updateStatus: (request: UpdateStatusRequest) => Promise<any>;
 };
 declare function useUpdateAccess(): {
-    updateAccess: (request: UpdateAccessRequest) => Promise<UpdateAccessEvent | null>;
+    updateAccess: (request: UpdateAccessRequest) => Promise<any>;
 };
 declare function useResolveCommentAnnotation(): {
-    resolveCommentAnnotation: (request: ResolveCommentAnnotationRequest) => Promise<ResolveCommentAnnotationRequest | null>;
+    resolveCommentAnnotation: (request: ResolveCommentAnnotationRequest) => Promise<any>;
 };
 declare function useGetLink(): {
-    getLink: (request: GetLinkRequest) => Promise<GetLinkResponse | null>;
+    getLink: (request: GetLinkRequest) => Promise<any>;
 };
 declare function useCopyLink(): {
-    copyLink: (request: CopyLinkRequest) => Promise<CopyLinkEvent | null>;
+    copyLink: (request: CopyLinkRequest) => Promise<any>;
 };
 declare function useAddComment(): {
-    addComment: (request: AddCommentRequest) => Promise<AddCommentEvent | null>;
+    addComment: (request: AddCommentRequest) => Promise<any>;
 };
 declare function useUpdateComment(): {
-    updateComment: (request: UpdateCommentRequest) => Promise<UpdateCommentEvent | null>;
+    updateComment: (request: UpdateCommentRequest) => Promise<any>;
 };
 declare function useDeleteComment(): {
-    deleteComment: (request: DeleteCommentRequest) => Promise<DeleteCommentEvent | null>;
+    deleteComment: (request: DeleteCommentRequest) => Promise<any>;
 };
 declare function useGetComment(): {
     getComment: (request: GetCommentRequest) => Promise<Comment[]>;
@@ -4472,25 +4472,25 @@ declare function useAddAttachment(): {
     addAttachment: (request: AddAttachmentRequest) => Promise<AddAttachmentResponse[] | null>;
 };
 declare function useDeleteAttachment(): {
-    deleteAttachment: (request: DeleteAttachmentRequest) => Promise<DeleteAttachmentEvent | null>;
+    deleteAttachment: (request: DeleteAttachmentRequest) => Promise<any>;
 };
 declare function useGetAttachment(): {
     getAttachment: (request: GetAttachmentRequest) => Promise<Attachment[] | null>;
 };
 declare function useDeleteRecording(): {
-    deleteRecording: (request: DeleteRecordingRequest) => Promise<DeleteRecordingEvent | null>;
+    deleteRecording: (request: DeleteRecordingRequest) => Promise<any>;
 };
 declare function useGetRecording(): {
     getRecording: (request: GetRecordingRequest) => Promise<RecordedData[] | null>;
 };
 declare function useAddReaction(): {
-    addReaction: (request: AddReactionRequest) => Promise<AddReactionEvent | null>;
+    addReaction: (request: AddReactionRequest) => Promise<any>;
 };
 declare function useDeleteReaction(): {
-    deleteReaction: (request: DeleteReactionRequest) => Promise<DeleteReactionEvent | null>;
+    deleteReaction: (request: DeleteReactionRequest) => Promise<any>;
 };
 declare function useToggleReaction(): {
-    toggleReaction: (request: ToggleReactionRequest) => Promise<ToggleReactionEvent | null>;
+    toggleReaction: (request: ToggleReactionRequest) => Promise<any>;
 };
 /**
  * @deprecated Use useCommentEventCallback hook instead.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@veltdev/react",
-    "version": "4.7.1",
+    "version": "4.7.2",
     "description": "Velt is an SDK to add collaborative features to your product within minutes. Example: Comments like Figma, Frame.io, Google docs or sheets, Recording like Loom, Huddles like Slack and much more.",
     "homepage": "https://velt.dev",
     "keywords": [
@@ -35,7 +35,7 @@
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "version:update": "node ../update-npm-package.mjs",
-        "publish:sdk": "npm publish --access public"
+        "publish:sdk": "npm publish --access public --tag v4-7-2"
     },
     "author": "",
     "license": "ISC",