@veltdev/react 4.0.0-beta.1 → 4.0.0-beta.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (24) hide show
  1. package/cjs/index.js +181 -53
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyComments/SnippylyComments.d.ts +1 -0
  4. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFilter/VeltCommentsSidebarFilter.d.ts +2 -0
  5. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFilter/VeltCommentsSidebarFilterStatus/VeltCommentsSidebarFilterStatus.d.ts +12 -0
  6. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFilter/VeltCommentsSidebarFilterStatus/index.d.ts +1 -0
  7. package/cjs/types/constants.d.ts +1 -1
  8. package/cjs/types/hooks/Client.d.ts +4 -1
  9. package/cjs/types/hooks/CommentActions.d.ts +28 -26
  10. package/cjs/types/hooks/RecorderActions.d.ts +2 -0
  11. package/cjs/types/hooks/index.d.ts +3 -2
  12. package/esm/index.js +178 -54
  13. package/esm/index.js.map +1 -1
  14. package/esm/types/components/SnippylyComments/SnippylyComments.d.ts +1 -0
  15. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFilter/VeltCommentsSidebarFilter.d.ts +2 -0
  16. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFilter/VeltCommentsSidebarFilterStatus/VeltCommentsSidebarFilterStatus.d.ts +12 -0
  17. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFilter/VeltCommentsSidebarFilterStatus/index.d.ts +1 -0
  18. package/esm/types/constants.d.ts +1 -1
  19. package/esm/types/hooks/Client.d.ts +4 -1
  20. package/esm/types/hooks/CommentActions.d.ts +28 -26
  21. package/esm/types/hooks/RecorderActions.d.ts +2 -0
  22. package/esm/types/hooks/index.d.ts +3 -2
  23. package/index.d.ts +44 -27
  24. package/package.json +3 -3
package/esm/index.js CHANGED
@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
132
132
  }
133
133
  };
134
134
 
135
- var VELT_SDK_VERSION = '4.0.0-beta.1';
135
+ var VELT_SDK_VERSION = '4.0.0-beta.10';
136
136
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
137
137
  var VELT_TAB_ID = 'veltTabId';
138
138
 
@@ -226,7 +226,7 @@ var SnippylyCommentBubble = function (props) {
226
226
  };
227
227
 
228
228
  var SnippylyComments = function (props) {
229
- var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, seenByUsers = props.seenByUsers, readOnly = props.readOnly;
229
+ var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled;
230
230
  var ref = useRef();
231
231
  var onSignInRef = useRef(onSignIn);
232
232
  var onUpgradeRef = useRef(onUpgrade);
@@ -351,7 +351,7 @@ var SnippylyComments = function (props) {
351
351
  }
352
352
  };
353
353
  }, []);
354
- return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }, children));
354
+ return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }, children));
355
355
  };
356
356
 
357
357
  var SnippylyCommentsSidebar = function (props) {
@@ -2386,6 +2386,13 @@ var VeltCommentsSidebarFilterVersions = function (props) {
2386
2386
  VeltCommentsSidebarFilterVersions.Name = VeltCommentsSidebarFilterName;
2387
2387
  VeltCommentsSidebarFilterVersions.Item = VeltCommentsSidebarFilterItem;
2388
2388
 
2389
+ var VeltCommentsSidebarFilterStatus = function (props) {
2390
+ var children = props.children, remainingProps = __rest(props, ["children"]);
2391
+ return (React.createElement("velt-comments-sidebar-filter-status-wireframe", __assign({}, remainingProps), children));
2392
+ };
2393
+ VeltCommentsSidebarFilterStatus.Name = VeltCommentsSidebarFilterName;
2394
+ VeltCommentsSidebarFilterStatus.Item = VeltCommentsSidebarFilterItem;
2395
+
2389
2396
  var VeltCommentsSidebarFilter = function (props) {
2390
2397
  var children = props.children, remainingProps = __rest(props, ["children"]);
2391
2398
  return (React.createElement("velt-comments-sidebar-filter-wireframe", __assign({}, remainingProps), children));
@@ -2401,6 +2408,7 @@ VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
2401
2408
  VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
2402
2409
  VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
2403
2410
  VeltCommentsSidebarFilter.Item = VeltCommentsSidebarFilterItem;
2411
+ VeltCommentsSidebarFilter.Status = VeltCommentsSidebarFilterStatus;
2404
2412
 
2405
2413
  var VeltCommentsSidebarFilterButton = function (props) {
2406
2414
  var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4376,6 +4384,25 @@ function useSetDocumentId(documentId) {
4376
4384
  }
4377
4385
  }, [client, memoizedDocumentId]);
4378
4386
  }
4387
+ function useSetDocuments() {
4388
+ var client = useVeltClient().client;
4389
+ var _a = React.useState(undefined), data = _a[0], setData = _a[1];
4390
+ // Memoize the setDocuments call
4391
+ var memoizedData = React.useMemo(function () {
4392
+ return data;
4393
+ }, [JSON.stringify(data === null || data === void 0 ? void 0 : data.documents), JSON.stringify(data === null || data === void 0 ? void 0 : data.options)]);
4394
+ React.useEffect(function () {
4395
+ var _a;
4396
+ if (client && ((_a = memoizedData === null || memoizedData === void 0 ? void 0 : memoizedData.documents) === null || _a === void 0 ? void 0 : _a.length)) {
4397
+ client.setDocuments(memoizedData.documents, memoizedData.options);
4398
+ }
4399
+ }, [client === null || client === void 0 ? void 0 : client.setDocuments, memoizedData]);
4400
+ return {
4401
+ setDocuments: function (documents, options) {
4402
+ setData({ documents: documents, options: options });
4403
+ }
4404
+ };
4405
+ }
4379
4406
  function useUnsetDocumentId() {
4380
4407
  var client = useVeltClient().client;
4381
4408
  React.useEffect(function () {
@@ -4740,11 +4767,11 @@ function useCommentSidebarData() {
4740
4767
  function useAddCommentAnnotation() {
4741
4768
  var commentElement = useCommentUtils();
4742
4769
  return {
4743
- addCommentAnnotation: function (config) {
4770
+ addCommentAnnotation: function (request) {
4744
4771
  return new Promise(function (resolve, reject) {
4745
4772
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addCommentAnnotation))
4746
4773
  return reject(new Error('Velt SDK is not initialized.'));
4747
- commentElement.addCommentAnnotation(config).then(resolve).catch(reject);
4774
+ commentElement.addCommentAnnotation(request).then(resolve).catch(reject);
4748
4775
  });
4749
4776
  }
4750
4777
  };
@@ -4752,11 +4779,11 @@ function useAddCommentAnnotation() {
4752
4779
  function useApproveCommentAnnotation() {
4753
4780
  var commentElement = useCommentUtils();
4754
4781
  return {
4755
- approveCommentAnnotation: function (config) {
4782
+ approveCommentAnnotation: function (request) {
4756
4783
  return new Promise(function (resolve, reject) {
4757
4784
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.approveCommentAnnotation))
4758
4785
  return reject(new Error('Velt SDK is not initialized.'));
4759
- commentElement.approveCommentAnnotation(config).then(resolve).catch(reject);
4786
+ commentElement.approveCommentAnnotation(request).then(resolve).catch(reject);
4760
4787
  });
4761
4788
  }
4762
4789
  };
@@ -4764,11 +4791,11 @@ function useApproveCommentAnnotation() {
4764
4791
  function useRejectCommentAnnotation() {
4765
4792
  var commentElement = useCommentUtils();
4766
4793
  return {
4767
- rejectCommentAnnotation: function (config) {
4794
+ rejectCommentAnnotation: function (request) {
4768
4795
  return new Promise(function (resolve, reject) {
4769
4796
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.rejectCommentAnnotation))
4770
4797
  return reject(new Error('Velt SDK is not initialized.'));
4771
- commentElement.rejectCommentAnnotation(config).then(resolve).catch(reject);
4798
+ commentElement.rejectCommentAnnotation(request).then(resolve).catch(reject);
4772
4799
  });
4773
4800
  }
4774
4801
  };
@@ -4776,11 +4803,11 @@ function useRejectCommentAnnotation() {
4776
4803
  function useSubscribeCommentAnnotation() {
4777
4804
  var commentElement = useCommentUtils();
4778
4805
  return {
4779
- subscribeCommentAnnotation: function (config) {
4806
+ subscribeCommentAnnotation: function (request) {
4780
4807
  return new Promise(function (resolve, reject) {
4781
4808
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.subscribeCommentAnnotation))
4782
4809
  return reject(new Error('Velt SDK is not initialized.'));
4783
- commentElement.subscribeCommentAnnotation(config).then(resolve).catch(reject);
4810
+ commentElement.subscribeCommentAnnotation(request).then(resolve).catch(reject);
4784
4811
  });
4785
4812
  }
4786
4813
  };
@@ -4788,11 +4815,11 @@ function useSubscribeCommentAnnotation() {
4788
4815
  function useUnsubscribeCommentAnnotation() {
4789
4816
  var commentElement = useCommentUtils();
4790
4817
  return {
4791
- unsubscribeCommentAnnotation: function (config) {
4818
+ unsubscribeCommentAnnotation: function (request) {
4792
4819
  return new Promise(function (resolve, reject) {
4793
4820
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.unsubscribeCommentAnnotation))
4794
4821
  return reject(new Error('Velt SDK is not initialized.'));
4795
- commentElement.unsubscribeCommentAnnotation(config).then(resolve).catch(reject);
4822
+ commentElement.unsubscribeCommentAnnotation(request).then(resolve).catch(reject);
4796
4823
  });
4797
4824
  }
4798
4825
  };
@@ -4800,23 +4827,93 @@ function useUnsubscribeCommentAnnotation() {
4800
4827
  function useDeleteCommentAnnotation() {
4801
4828
  var commentElement = useCommentUtils();
4802
4829
  return {
4803
- deleteCommentAnnotation: function (config) {
4830
+ deleteCommentAnnotation: function (request) {
4804
4831
  return new Promise(function (resolve, reject) {
4805
4832
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteCommentAnnotation))
4806
4833
  return reject(new Error('Velt SDK is not initialized.'));
4807
- commentElement.deleteCommentAnnotation(config).then(resolve).catch(reject);
4834
+ commentElement.deleteCommentAnnotation(request).then(resolve).catch(reject);
4808
4835
  });
4809
4836
  }
4810
4837
  };
4811
4838
  }
4839
+ function useGetCommentAnnotations(query) {
4840
+ var commentElement = useCommentUtils();
4841
+ var _a = useState({ data: null }), data = _a[0], setData = _a[1];
4842
+ var subscriptionRef = useRef();
4843
+ // Memoize the inputs
4844
+ var memoizedData = useMemo(function () {
4845
+ return query;
4846
+ }, [JSON.stringify(query)]);
4847
+ useEffect(function () {
4848
+ if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations))
4849
+ return;
4850
+ // Unsubscribe from the previous subscription if it exists
4851
+ if (subscriptionRef.current) {
4852
+ subscriptionRef.current.unsubscribe();
4853
+ }
4854
+ var subscription = commentElement.getCommentAnnotations(memoizedData)
4855
+ .subscribe(function (res) {
4856
+ if (res) {
4857
+ setData(res);
4858
+ }
4859
+ else {
4860
+ setData({ data: null });
4861
+ }
4862
+ });
4863
+ // Store the new subscription
4864
+ subscriptionRef.current = subscription;
4865
+ // Cleanup function
4866
+ return function () {
4867
+ if (subscriptionRef.current) {
4868
+ subscriptionRef.current.unsubscribe();
4869
+ }
4870
+ };
4871
+ }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations, memoizedData]);
4872
+ return data;
4873
+ }
4874
+ function useCommentAnnotationsCount(query) {
4875
+ var commentElement = useCommentUtils();
4876
+ var _a = useState({ data: null }), data = _a[0], setData = _a[1];
4877
+ var subscriptionRef = useRef();
4878
+ // Memoize the inputs
4879
+ var memoizedData = useMemo(function () {
4880
+ return query;
4881
+ }, [JSON.stringify(query)]);
4882
+ useEffect(function () {
4883
+ if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount))
4884
+ return;
4885
+ // Unsubscribe from the previous subscription if it exists
4886
+ if (subscriptionRef.current) {
4887
+ subscriptionRef.current.unsubscribe();
4888
+ }
4889
+ var subscription = commentElement.getCommentAnnotationsCount(memoizedData)
4890
+ .subscribe(function (res) {
4891
+ if (res) {
4892
+ setData(res);
4893
+ }
4894
+ else {
4895
+ setData({ data: null });
4896
+ }
4897
+ });
4898
+ // Store the new subscription
4899
+ subscriptionRef.current = subscription;
4900
+ // Cleanup function
4901
+ return function () {
4902
+ if (subscriptionRef.current) {
4903
+ subscriptionRef.current.unsubscribe();
4904
+ }
4905
+ };
4906
+ }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount, memoizedData]);
4907
+ return data;
4908
+ }
4812
4909
  function useAssignUser() {
4813
4910
  var commentElement = useCommentUtils();
4814
4911
  return {
4815
- assignUser: function (config) {
4912
+ assignUser: function (request) {
4816
4913
  return new Promise(function (resolve, reject) {
4817
4914
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.assignUser))
4818
4915
  return reject(new Error('Velt SDK is not initialized.'));
4819
- commentElement.assignUser(config).then(resolve).catch(reject);
4916
+ commentElement.assignUser(request).then(resolve).catch(reject);
4820
4917
  });
4821
4918
  }
4822
4919
  };
@@ -4824,11 +4921,11 @@ function useAssignUser() {
4824
4921
  function useUpdatePriority() {
4825
4922
  var commentElement = useCommentUtils();
4826
4923
  return {
4827
- updatePriority: function (config) {
4924
+ updatePriority: function (request) {
4828
4925
  return new Promise(function (resolve, reject) {
4829
4926
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updatePriority))
4830
4927
  return reject(new Error('Velt SDK is not initialized.'));
4831
- commentElement.updatePriority(config).then(resolve).catch(reject);
4928
+ commentElement.updatePriority(request).then(resolve).catch(reject);
4832
4929
  });
4833
4930
  }
4834
4931
  };
@@ -4836,11 +4933,11 @@ function useUpdatePriority() {
4836
4933
  function useUpdateStatus() {
4837
4934
  var commentElement = useCommentUtils();
4838
4935
  return {
4839
- updateStatus: function (config) {
4936
+ updateStatus: function (request) {
4840
4937
  return new Promise(function (resolve, reject) {
4841
4938
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateStatus))
4842
4939
  return reject(new Error('Velt SDK is not initialized.'));
4843
- commentElement.updateStatus(config).then(resolve).catch(reject);
4940
+ commentElement.updateStatus(request).then(resolve).catch(reject);
4844
4941
  });
4845
4942
  }
4846
4943
  };
@@ -4848,11 +4945,11 @@ function useUpdateStatus() {
4848
4945
  function useUpdateAccess() {
4849
4946
  var commentElement = useCommentUtils();
4850
4947
  return {
4851
- updateAccess: function (config) {
4948
+ updateAccess: function (request) {
4852
4949
  return new Promise(function (resolve, reject) {
4853
4950
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateAccess))
4854
4951
  return reject(new Error('Velt SDK is not initialized.'));
4855
- commentElement.updateAccess(config).then(resolve).catch(reject);
4952
+ commentElement.updateAccess(request).then(resolve).catch(reject);
4856
4953
  });
4857
4954
  }
4858
4955
  };
@@ -4860,11 +4957,11 @@ function useUpdateAccess() {
4860
4957
  function useResolveCommentAnnotation() {
4861
4958
  var commentElement = useCommentUtils();
4862
4959
  return {
4863
- resolveCommentAnnotation: function (config) {
4960
+ resolveCommentAnnotation: function (request) {
4864
4961
  return new Promise(function (resolve, reject) {
4865
4962
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.resolveCommentAnnotation))
4866
4963
  return reject(new Error('Velt SDK is not initialized.'));
4867
- commentElement.resolveCommentAnnotation(config).then(resolve).catch(reject);
4964
+ commentElement.resolveCommentAnnotation(request).then(resolve).catch(reject);
4868
4965
  });
4869
4966
  }
4870
4967
  };
@@ -4872,11 +4969,11 @@ function useResolveCommentAnnotation() {
4872
4969
  function useGetLink() {
4873
4970
  var commentElement = useCommentUtils();
4874
4971
  return {
4875
- getLink: function (config) {
4972
+ getLink: function (request) {
4876
4973
  return new Promise(function (resolve, reject) {
4877
4974
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getLink))
4878
4975
  return reject(new Error('Velt SDK is not initialized.'));
4879
- commentElement.getLink(config).then(resolve).catch(reject);
4976
+ commentElement.getLink(request).then(resolve).catch(reject);
4880
4977
  });
4881
4978
  }
4882
4979
  };
@@ -4884,11 +4981,11 @@ function useGetLink() {
4884
4981
  function useCopyLink() {
4885
4982
  var commentElement = useCommentUtils();
4886
4983
  return {
4887
- copyLink: function (config) {
4984
+ copyLink: function (request) {
4888
4985
  return new Promise(function (resolve, reject) {
4889
4986
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.copyLink))
4890
4987
  return reject(new Error('Velt SDK is not initialized.'));
4891
- commentElement.copyLink(config).then(resolve).catch(reject);
4988
+ commentElement.copyLink(request).then(resolve).catch(reject);
4892
4989
  });
4893
4990
  }
4894
4991
  };
@@ -4896,11 +4993,11 @@ function useCopyLink() {
4896
4993
  function useAddComment() {
4897
4994
  var commentElement = useCommentUtils();
4898
4995
  return {
4899
- addComment: function (config) {
4996
+ addComment: function (request) {
4900
4997
  return new Promise(function (resolve, reject) {
4901
4998
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addComment))
4902
4999
  return reject(new Error('Velt SDK is not initialized.'));
4903
- commentElement.addComment(config).then(resolve).catch(reject);
5000
+ commentElement.addComment(request).then(resolve).catch(reject);
4904
5001
  });
4905
5002
  }
4906
5003
  };
@@ -4908,11 +5005,11 @@ function useAddComment() {
4908
5005
  function useUpdateComment() {
4909
5006
  var commentElement = useCommentUtils();
4910
5007
  return {
4911
- updateComment: function (config) {
5008
+ updateComment: function (request) {
4912
5009
  return new Promise(function (resolve, reject) {
4913
5010
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateComment))
4914
5011
  return reject(new Error('Velt SDK is not initialized.'));
4915
- commentElement.updateComment(config).then(resolve).catch(reject);
5012
+ commentElement.updateComment(request).then(resolve).catch(reject);
4916
5013
  });
4917
5014
  }
4918
5015
  };
@@ -4920,11 +5017,11 @@ function useUpdateComment() {
4920
5017
  function useDeleteComment() {
4921
5018
  var commentElement = useCommentUtils();
4922
5019
  return {
4923
- deleteComment: function (config) {
5020
+ deleteComment: function (request) {
4924
5021
  return new Promise(function (resolve, reject) {
4925
5022
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteComment))
4926
5023
  return reject(new Error('Velt SDK is not initialized.'));
4927
- commentElement.deleteComment(config).then(resolve).catch(reject);
5024
+ commentElement.deleteComment(request).then(resolve).catch(reject);
4928
5025
  });
4929
5026
  }
4930
5027
  };
@@ -4932,11 +5029,11 @@ function useDeleteComment() {
4932
5029
  function useGetComment() {
4933
5030
  var commentElement = useCommentUtils();
4934
5031
  return {
4935
- getComment: function (config) {
5032
+ getComment: function (request) {
4936
5033
  return new Promise(function (resolve, reject) {
4937
5034
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getComment))
4938
5035
  return reject(new Error('Velt SDK is not initialized.'));
4939
- commentElement.getComment(config).then(resolve).catch(reject);
5036
+ commentElement.getComment(request).then(resolve).catch(reject);
4940
5037
  });
4941
5038
  }
4942
5039
  };
@@ -4944,11 +5041,11 @@ function useGetComment() {
4944
5041
  function useAddAttachment() {
4945
5042
  var commentElement = useCommentUtils();
4946
5043
  return {
4947
- addAttachment: function (config) {
5044
+ addAttachment: function (request) {
4948
5045
  return new Promise(function (resolve, reject) {
4949
5046
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addAttachment))
4950
5047
  return reject(new Error('Velt SDK is not initialized.'));
4951
- commentElement.addAttachment(config).then(resolve).catch(reject);
5048
+ commentElement.addAttachment(request).then(resolve).catch(reject);
4952
5049
  });
4953
5050
  }
4954
5051
  };
@@ -4956,11 +5053,11 @@ function useAddAttachment() {
4956
5053
  function useDeleteAttachment() {
4957
5054
  var commentElement = useCommentUtils();
4958
5055
  return {
4959
- deleteAttachment: function (config) {
5056
+ deleteAttachment: function (request) {
4960
5057
  return new Promise(function (resolve, reject) {
4961
5058
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteAttachment))
4962
5059
  return reject(new Error('Velt SDK is not initialized.'));
4963
- commentElement.deleteAttachment(config).then(resolve).catch(reject);
5060
+ commentElement.deleteAttachment(request).then(resolve).catch(reject);
4964
5061
  });
4965
5062
  }
4966
5063
  };
@@ -4968,11 +5065,11 @@ function useDeleteAttachment() {
4968
5065
  function useGetAttachment() {
4969
5066
  var commentElement = useCommentUtils();
4970
5067
  return {
4971
- getAttachment: function (config) {
5068
+ getAttachment: function (request) {
4972
5069
  return new Promise(function (resolve, reject) {
4973
5070
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAttachment))
4974
5071
  return reject(new Error('Velt SDK is not initialized.'));
4975
- commentElement.getAttachment(config).then(resolve).catch(reject);
5072
+ commentElement.getAttachment(request).then(resolve).catch(reject);
4976
5073
  });
4977
5074
  }
4978
5075
  };
@@ -4980,11 +5077,11 @@ function useGetAttachment() {
4980
5077
  function useDeleteRecording() {
4981
5078
  var commentElement = useCommentUtils();
4982
5079
  return {
4983
- deleteRecording: function (config) {
5080
+ deleteRecording: function (request) {
4984
5081
  return new Promise(function (resolve, reject) {
4985
5082
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteRecording))
4986
5083
  return reject(new Error('Velt SDK is not initialized.'));
4987
- commentElement.deleteRecording(config).then(resolve).catch(reject);
5084
+ commentElement.deleteRecording(request).then(resolve).catch(reject);
4988
5085
  });
4989
5086
  }
4990
5087
  };
@@ -4992,11 +5089,11 @@ function useDeleteRecording() {
4992
5089
  function useGetRecording() {
4993
5090
  var commentElement = useCommentUtils();
4994
5091
  return {
4995
- getRecording: function (config) {
5092
+ getRecording: function (request) {
4996
5093
  return new Promise(function (resolve, reject) {
4997
5094
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getRecording))
4998
5095
  return reject(new Error('Velt SDK is not initialized.'));
4999
- commentElement.getRecording(config).then(resolve).catch(reject);
5096
+ commentElement.getRecording(request).then(resolve).catch(reject);
5000
5097
  });
5001
5098
  }
5002
5099
  };
@@ -5004,11 +5101,11 @@ function useGetRecording() {
5004
5101
  function useAddReaction() {
5005
5102
  var commentElement = useCommentUtils();
5006
5103
  return {
5007
- addReaction: function (config) {
5104
+ addReaction: function (request) {
5008
5105
  return new Promise(function (resolve, reject) {
5009
5106
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addReaction))
5010
5107
  return reject(new Error('Velt SDK is not initialized.'));
5011
- commentElement.addReaction(config).then(resolve).catch(reject);
5108
+ commentElement.addReaction(request).then(resolve).catch(reject);
5012
5109
  });
5013
5110
  }
5014
5111
  };
@@ -5016,11 +5113,11 @@ function useAddReaction() {
5016
5113
  function useDeleteReaction() {
5017
5114
  var commentElement = useCommentUtils();
5018
5115
  return {
5019
- deleteReaction: function (config) {
5116
+ deleteReaction: function (request) {
5020
5117
  return new Promise(function (resolve, reject) {
5021
5118
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteReaction))
5022
5119
  return reject(new Error('Velt SDK is not initialized.'));
5023
- commentElement.deleteReaction(config).then(resolve).catch(reject);
5120
+ commentElement.deleteReaction(request).then(resolve).catch(reject);
5024
5121
  });
5025
5122
  }
5026
5123
  };
@@ -5028,11 +5125,11 @@ function useDeleteReaction() {
5028
5125
  function useToggleReaction() {
5029
5126
  var commentElement = useCommentUtils();
5030
5127
  return {
5031
- toggleReaction: function (config) {
5128
+ toggleReaction: function (request) {
5032
5129
  return new Promise(function (resolve, reject) {
5033
5130
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.toggleReaction))
5034
5131
  return reject(new Error('Velt SDK is not initialized.'));
5035
- commentElement.toggleReaction(config).then(resolve).catch(reject);
5132
+ commentElement.toggleReaction(request).then(resolve).catch(reject);
5036
5133
  });
5037
5134
  }
5038
5135
  };
@@ -5425,6 +5522,33 @@ function useRecordingDataByRecorderId(recorderId) {
5425
5522
  return data;
5426
5523
  }
5427
5524
 
5525
+ function useRecorderEventCallback(action) {
5526
+ var recorderElement = useRecorderUtils();
5527
+ var _a = useState(null), data = _a[0], setData = _a[1];
5528
+ var subscriptionRef = useRef(null);
5529
+ var memoizedAction = useMemo(function () { return action; }, [action]);
5530
+ useEffect(function () {
5531
+ var _a;
5532
+ if (!(recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on))
5533
+ return;
5534
+ if (subscriptionRef.current) {
5535
+ subscriptionRef.current.unsubscribe();
5536
+ }
5537
+ var subscription = (_a = recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
5538
+ setData(data);
5539
+ });
5540
+ // Store the new subscription
5541
+ subscriptionRef.current = subscription;
5542
+ // Cleanup function
5543
+ return function () {
5544
+ if (subscriptionRef.current) {
5545
+ subscriptionRef.current.unsubscribe();
5546
+ }
5547
+ };
5548
+ }, [recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on, memoizedAction]);
5549
+ return data;
5550
+ }
5551
+
5428
5552
  function useAIRewriterUtils() {
5429
5553
  var _a = React.useState(), rewriterElement = _a[0], setRewriterElement = _a[1];
5430
5554
  var client = useVeltClient().client;
@@ -5742,5 +5866,5 @@ var logLiveState = function (action, liveStateDataId) {
5742
5866
  }
5743
5867
  };
5744
5868
 
5745
- export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSubtitlesButtonWireframe as VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltVideoPlayerWireframe, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCopyLink, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetLink, useGetRecording, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useRecordingDataByRecorderId, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetLiveStateData, useSetLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
5869
+ export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSubtitlesButtonWireframe as VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltVideoPlayerWireframe, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCopyLink, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
5746
5870
  //# sourceMappingURL=index.js.map