@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/cjs/index.js CHANGED
@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
140
140
  }
141
141
  };
142
142
 
143
- var VELT_SDK_VERSION = '4.0.0-beta.1';
143
+ var VELT_SDK_VERSION = '4.0.0-beta.10';
144
144
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
145
145
  var VELT_TAB_ID = 'veltTabId';
146
146
 
@@ -234,7 +234,7 @@ var SnippylyCommentBubble = function (props) {
234
234
  };
235
235
 
236
236
  var SnippylyComments = function (props) {
237
- 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;
237
+ 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;
238
238
  var ref = React.useRef();
239
239
  var onSignInRef = React.useRef(onSignIn);
240
240
  var onUpgradeRef = React.useRef(onUpgrade);
@@ -359,7 +359,7 @@ var SnippylyComments = function (props) {
359
359
  }
360
360
  };
361
361
  }, []);
362
- return (React__default["default"].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));
362
+ return (React__default["default"].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));
363
363
  };
364
364
 
365
365
  var SnippylyCommentsSidebar = function (props) {
@@ -2394,6 +2394,13 @@ var VeltCommentsSidebarFilterVersions = function (props) {
2394
2394
  VeltCommentsSidebarFilterVersions.Name = VeltCommentsSidebarFilterName;
2395
2395
  VeltCommentsSidebarFilterVersions.Item = VeltCommentsSidebarFilterItem;
2396
2396
 
2397
+ var VeltCommentsSidebarFilterStatus = function (props) {
2398
+ var children = props.children, remainingProps = __rest(props, ["children"]);
2399
+ return (React__default["default"].createElement("velt-comments-sidebar-filter-status-wireframe", __assign({}, remainingProps), children));
2400
+ };
2401
+ VeltCommentsSidebarFilterStatus.Name = VeltCommentsSidebarFilterName;
2402
+ VeltCommentsSidebarFilterStatus.Item = VeltCommentsSidebarFilterItem;
2403
+
2397
2404
  var VeltCommentsSidebarFilter = function (props) {
2398
2405
  var children = props.children, remainingProps = __rest(props, ["children"]);
2399
2406
  return (React__default["default"].createElement("velt-comments-sidebar-filter-wireframe", __assign({}, remainingProps), children));
@@ -2409,6 +2416,7 @@ VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
2409
2416
  VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
2410
2417
  VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
2411
2418
  VeltCommentsSidebarFilter.Item = VeltCommentsSidebarFilterItem;
2419
+ VeltCommentsSidebarFilter.Status = VeltCommentsSidebarFilterStatus;
2412
2420
 
2413
2421
  var VeltCommentsSidebarFilterButton = function (props) {
2414
2422
  var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4384,6 +4392,25 @@ function useSetDocumentId(documentId) {
4384
4392
  }
4385
4393
  }, [client, memoizedDocumentId]);
4386
4394
  }
4395
+ function useSetDocuments() {
4396
+ var client = useVeltClient().client;
4397
+ var _a = React__default["default"].useState(undefined), data = _a[0], setData = _a[1];
4398
+ // Memoize the setDocuments call
4399
+ var memoizedData = React__default["default"].useMemo(function () {
4400
+ return data;
4401
+ }, [JSON.stringify(data === null || data === void 0 ? void 0 : data.documents), JSON.stringify(data === null || data === void 0 ? void 0 : data.options)]);
4402
+ React__default["default"].useEffect(function () {
4403
+ var _a;
4404
+ if (client && ((_a = memoizedData === null || memoizedData === void 0 ? void 0 : memoizedData.documents) === null || _a === void 0 ? void 0 : _a.length)) {
4405
+ client.setDocuments(memoizedData.documents, memoizedData.options);
4406
+ }
4407
+ }, [client === null || client === void 0 ? void 0 : client.setDocuments, memoizedData]);
4408
+ return {
4409
+ setDocuments: function (documents, options) {
4410
+ setData({ documents: documents, options: options });
4411
+ }
4412
+ };
4413
+ }
4387
4414
  function useUnsetDocumentId() {
4388
4415
  var client = useVeltClient().client;
4389
4416
  React__default["default"].useEffect(function () {
@@ -4748,11 +4775,11 @@ function useCommentSidebarData() {
4748
4775
  function useAddCommentAnnotation() {
4749
4776
  var commentElement = useCommentUtils();
4750
4777
  return {
4751
- addCommentAnnotation: function (config) {
4778
+ addCommentAnnotation: function (request) {
4752
4779
  return new Promise(function (resolve, reject) {
4753
4780
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addCommentAnnotation))
4754
4781
  return reject(new Error('Velt SDK is not initialized.'));
4755
- commentElement.addCommentAnnotation(config).then(resolve).catch(reject);
4782
+ commentElement.addCommentAnnotation(request).then(resolve).catch(reject);
4756
4783
  });
4757
4784
  }
4758
4785
  };
@@ -4760,11 +4787,11 @@ function useAddCommentAnnotation() {
4760
4787
  function useApproveCommentAnnotation() {
4761
4788
  var commentElement = useCommentUtils();
4762
4789
  return {
4763
- approveCommentAnnotation: function (config) {
4790
+ approveCommentAnnotation: function (request) {
4764
4791
  return new Promise(function (resolve, reject) {
4765
4792
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.approveCommentAnnotation))
4766
4793
  return reject(new Error('Velt SDK is not initialized.'));
4767
- commentElement.approveCommentAnnotation(config).then(resolve).catch(reject);
4794
+ commentElement.approveCommentAnnotation(request).then(resolve).catch(reject);
4768
4795
  });
4769
4796
  }
4770
4797
  };
@@ -4772,11 +4799,11 @@ function useApproveCommentAnnotation() {
4772
4799
  function useRejectCommentAnnotation() {
4773
4800
  var commentElement = useCommentUtils();
4774
4801
  return {
4775
- rejectCommentAnnotation: function (config) {
4802
+ rejectCommentAnnotation: function (request) {
4776
4803
  return new Promise(function (resolve, reject) {
4777
4804
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.rejectCommentAnnotation))
4778
4805
  return reject(new Error('Velt SDK is not initialized.'));
4779
- commentElement.rejectCommentAnnotation(config).then(resolve).catch(reject);
4806
+ commentElement.rejectCommentAnnotation(request).then(resolve).catch(reject);
4780
4807
  });
4781
4808
  }
4782
4809
  };
@@ -4784,11 +4811,11 @@ function useRejectCommentAnnotation() {
4784
4811
  function useSubscribeCommentAnnotation() {
4785
4812
  var commentElement = useCommentUtils();
4786
4813
  return {
4787
- subscribeCommentAnnotation: function (config) {
4814
+ subscribeCommentAnnotation: function (request) {
4788
4815
  return new Promise(function (resolve, reject) {
4789
4816
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.subscribeCommentAnnotation))
4790
4817
  return reject(new Error('Velt SDK is not initialized.'));
4791
- commentElement.subscribeCommentAnnotation(config).then(resolve).catch(reject);
4818
+ commentElement.subscribeCommentAnnotation(request).then(resolve).catch(reject);
4792
4819
  });
4793
4820
  }
4794
4821
  };
@@ -4796,11 +4823,11 @@ function useSubscribeCommentAnnotation() {
4796
4823
  function useUnsubscribeCommentAnnotation() {
4797
4824
  var commentElement = useCommentUtils();
4798
4825
  return {
4799
- unsubscribeCommentAnnotation: function (config) {
4826
+ unsubscribeCommentAnnotation: function (request) {
4800
4827
  return new Promise(function (resolve, reject) {
4801
4828
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.unsubscribeCommentAnnotation))
4802
4829
  return reject(new Error('Velt SDK is not initialized.'));
4803
- commentElement.unsubscribeCommentAnnotation(config).then(resolve).catch(reject);
4830
+ commentElement.unsubscribeCommentAnnotation(request).then(resolve).catch(reject);
4804
4831
  });
4805
4832
  }
4806
4833
  };
@@ -4808,23 +4835,93 @@ function useUnsubscribeCommentAnnotation() {
4808
4835
  function useDeleteCommentAnnotation() {
4809
4836
  var commentElement = useCommentUtils();
4810
4837
  return {
4811
- deleteCommentAnnotation: function (config) {
4838
+ deleteCommentAnnotation: function (request) {
4812
4839
  return new Promise(function (resolve, reject) {
4813
4840
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteCommentAnnotation))
4814
4841
  return reject(new Error('Velt SDK is not initialized.'));
4815
- commentElement.deleteCommentAnnotation(config).then(resolve).catch(reject);
4842
+ commentElement.deleteCommentAnnotation(request).then(resolve).catch(reject);
4816
4843
  });
4817
4844
  }
4818
4845
  };
4819
4846
  }
4847
+ function useGetCommentAnnotations(query) {
4848
+ var commentElement = useCommentUtils();
4849
+ var _a = React.useState({ data: null }), data = _a[0], setData = _a[1];
4850
+ var subscriptionRef = React.useRef();
4851
+ // Memoize the inputs
4852
+ var memoizedData = React.useMemo(function () {
4853
+ return query;
4854
+ }, [JSON.stringify(query)]);
4855
+ React.useEffect(function () {
4856
+ if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations))
4857
+ return;
4858
+ // Unsubscribe from the previous subscription if it exists
4859
+ if (subscriptionRef.current) {
4860
+ subscriptionRef.current.unsubscribe();
4861
+ }
4862
+ var subscription = commentElement.getCommentAnnotations(memoizedData)
4863
+ .subscribe(function (res) {
4864
+ if (res) {
4865
+ setData(res);
4866
+ }
4867
+ else {
4868
+ setData({ data: null });
4869
+ }
4870
+ });
4871
+ // Store the new subscription
4872
+ subscriptionRef.current = subscription;
4873
+ // Cleanup function
4874
+ return function () {
4875
+ if (subscriptionRef.current) {
4876
+ subscriptionRef.current.unsubscribe();
4877
+ }
4878
+ };
4879
+ }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations, memoizedData]);
4880
+ return data;
4881
+ }
4882
+ function useCommentAnnotationsCount(query) {
4883
+ var commentElement = useCommentUtils();
4884
+ var _a = React.useState({ data: null }), data = _a[0], setData = _a[1];
4885
+ var subscriptionRef = React.useRef();
4886
+ // Memoize the inputs
4887
+ var memoizedData = React.useMemo(function () {
4888
+ return query;
4889
+ }, [JSON.stringify(query)]);
4890
+ React.useEffect(function () {
4891
+ if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount))
4892
+ return;
4893
+ // Unsubscribe from the previous subscription if it exists
4894
+ if (subscriptionRef.current) {
4895
+ subscriptionRef.current.unsubscribe();
4896
+ }
4897
+ var subscription = commentElement.getCommentAnnotationsCount(memoizedData)
4898
+ .subscribe(function (res) {
4899
+ if (res) {
4900
+ setData(res);
4901
+ }
4902
+ else {
4903
+ setData({ data: null });
4904
+ }
4905
+ });
4906
+ // Store the new subscription
4907
+ subscriptionRef.current = subscription;
4908
+ // Cleanup function
4909
+ return function () {
4910
+ if (subscriptionRef.current) {
4911
+ subscriptionRef.current.unsubscribe();
4912
+ }
4913
+ };
4914
+ }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount, memoizedData]);
4915
+ return data;
4916
+ }
4820
4917
  function useAssignUser() {
4821
4918
  var commentElement = useCommentUtils();
4822
4919
  return {
4823
- assignUser: function (config) {
4920
+ assignUser: function (request) {
4824
4921
  return new Promise(function (resolve, reject) {
4825
4922
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.assignUser))
4826
4923
  return reject(new Error('Velt SDK is not initialized.'));
4827
- commentElement.assignUser(config).then(resolve).catch(reject);
4924
+ commentElement.assignUser(request).then(resolve).catch(reject);
4828
4925
  });
4829
4926
  }
4830
4927
  };
@@ -4832,11 +4929,11 @@ function useAssignUser() {
4832
4929
  function useUpdatePriority() {
4833
4930
  var commentElement = useCommentUtils();
4834
4931
  return {
4835
- updatePriority: function (config) {
4932
+ updatePriority: function (request) {
4836
4933
  return new Promise(function (resolve, reject) {
4837
4934
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updatePriority))
4838
4935
  return reject(new Error('Velt SDK is not initialized.'));
4839
- commentElement.updatePriority(config).then(resolve).catch(reject);
4936
+ commentElement.updatePriority(request).then(resolve).catch(reject);
4840
4937
  });
4841
4938
  }
4842
4939
  };
@@ -4844,11 +4941,11 @@ function useUpdatePriority() {
4844
4941
  function useUpdateStatus() {
4845
4942
  var commentElement = useCommentUtils();
4846
4943
  return {
4847
- updateStatus: function (config) {
4944
+ updateStatus: function (request) {
4848
4945
  return new Promise(function (resolve, reject) {
4849
4946
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateStatus))
4850
4947
  return reject(new Error('Velt SDK is not initialized.'));
4851
- commentElement.updateStatus(config).then(resolve).catch(reject);
4948
+ commentElement.updateStatus(request).then(resolve).catch(reject);
4852
4949
  });
4853
4950
  }
4854
4951
  };
@@ -4856,11 +4953,11 @@ function useUpdateStatus() {
4856
4953
  function useUpdateAccess() {
4857
4954
  var commentElement = useCommentUtils();
4858
4955
  return {
4859
- updateAccess: function (config) {
4956
+ updateAccess: function (request) {
4860
4957
  return new Promise(function (resolve, reject) {
4861
4958
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateAccess))
4862
4959
  return reject(new Error('Velt SDK is not initialized.'));
4863
- commentElement.updateAccess(config).then(resolve).catch(reject);
4960
+ commentElement.updateAccess(request).then(resolve).catch(reject);
4864
4961
  });
4865
4962
  }
4866
4963
  };
@@ -4868,11 +4965,11 @@ function useUpdateAccess() {
4868
4965
  function useResolveCommentAnnotation() {
4869
4966
  var commentElement = useCommentUtils();
4870
4967
  return {
4871
- resolveCommentAnnotation: function (config) {
4968
+ resolveCommentAnnotation: function (request) {
4872
4969
  return new Promise(function (resolve, reject) {
4873
4970
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.resolveCommentAnnotation))
4874
4971
  return reject(new Error('Velt SDK is not initialized.'));
4875
- commentElement.resolveCommentAnnotation(config).then(resolve).catch(reject);
4972
+ commentElement.resolveCommentAnnotation(request).then(resolve).catch(reject);
4876
4973
  });
4877
4974
  }
4878
4975
  };
@@ -4880,11 +4977,11 @@ function useResolveCommentAnnotation() {
4880
4977
  function useGetLink() {
4881
4978
  var commentElement = useCommentUtils();
4882
4979
  return {
4883
- getLink: function (config) {
4980
+ getLink: function (request) {
4884
4981
  return new Promise(function (resolve, reject) {
4885
4982
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getLink))
4886
4983
  return reject(new Error('Velt SDK is not initialized.'));
4887
- commentElement.getLink(config).then(resolve).catch(reject);
4984
+ commentElement.getLink(request).then(resolve).catch(reject);
4888
4985
  });
4889
4986
  }
4890
4987
  };
@@ -4892,11 +4989,11 @@ function useGetLink() {
4892
4989
  function useCopyLink() {
4893
4990
  var commentElement = useCommentUtils();
4894
4991
  return {
4895
- copyLink: function (config) {
4992
+ copyLink: function (request) {
4896
4993
  return new Promise(function (resolve, reject) {
4897
4994
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.copyLink))
4898
4995
  return reject(new Error('Velt SDK is not initialized.'));
4899
- commentElement.copyLink(config).then(resolve).catch(reject);
4996
+ commentElement.copyLink(request).then(resolve).catch(reject);
4900
4997
  });
4901
4998
  }
4902
4999
  };
@@ -4904,11 +5001,11 @@ function useCopyLink() {
4904
5001
  function useAddComment() {
4905
5002
  var commentElement = useCommentUtils();
4906
5003
  return {
4907
- addComment: function (config) {
5004
+ addComment: function (request) {
4908
5005
  return new Promise(function (resolve, reject) {
4909
5006
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addComment))
4910
5007
  return reject(new Error('Velt SDK is not initialized.'));
4911
- commentElement.addComment(config).then(resolve).catch(reject);
5008
+ commentElement.addComment(request).then(resolve).catch(reject);
4912
5009
  });
4913
5010
  }
4914
5011
  };
@@ -4916,11 +5013,11 @@ function useAddComment() {
4916
5013
  function useUpdateComment() {
4917
5014
  var commentElement = useCommentUtils();
4918
5015
  return {
4919
- updateComment: function (config) {
5016
+ updateComment: function (request) {
4920
5017
  return new Promise(function (resolve, reject) {
4921
5018
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateComment))
4922
5019
  return reject(new Error('Velt SDK is not initialized.'));
4923
- commentElement.updateComment(config).then(resolve).catch(reject);
5020
+ commentElement.updateComment(request).then(resolve).catch(reject);
4924
5021
  });
4925
5022
  }
4926
5023
  };
@@ -4928,11 +5025,11 @@ function useUpdateComment() {
4928
5025
  function useDeleteComment() {
4929
5026
  var commentElement = useCommentUtils();
4930
5027
  return {
4931
- deleteComment: function (config) {
5028
+ deleteComment: function (request) {
4932
5029
  return new Promise(function (resolve, reject) {
4933
5030
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteComment))
4934
5031
  return reject(new Error('Velt SDK is not initialized.'));
4935
- commentElement.deleteComment(config).then(resolve).catch(reject);
5032
+ commentElement.deleteComment(request).then(resolve).catch(reject);
4936
5033
  });
4937
5034
  }
4938
5035
  };
@@ -4940,11 +5037,11 @@ function useDeleteComment() {
4940
5037
  function useGetComment() {
4941
5038
  var commentElement = useCommentUtils();
4942
5039
  return {
4943
- getComment: function (config) {
5040
+ getComment: function (request) {
4944
5041
  return new Promise(function (resolve, reject) {
4945
5042
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getComment))
4946
5043
  return reject(new Error('Velt SDK is not initialized.'));
4947
- commentElement.getComment(config).then(resolve).catch(reject);
5044
+ commentElement.getComment(request).then(resolve).catch(reject);
4948
5045
  });
4949
5046
  }
4950
5047
  };
@@ -4952,11 +5049,11 @@ function useGetComment() {
4952
5049
  function useAddAttachment() {
4953
5050
  var commentElement = useCommentUtils();
4954
5051
  return {
4955
- addAttachment: function (config) {
5052
+ addAttachment: function (request) {
4956
5053
  return new Promise(function (resolve, reject) {
4957
5054
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addAttachment))
4958
5055
  return reject(new Error('Velt SDK is not initialized.'));
4959
- commentElement.addAttachment(config).then(resolve).catch(reject);
5056
+ commentElement.addAttachment(request).then(resolve).catch(reject);
4960
5057
  });
4961
5058
  }
4962
5059
  };
@@ -4964,11 +5061,11 @@ function useAddAttachment() {
4964
5061
  function useDeleteAttachment() {
4965
5062
  var commentElement = useCommentUtils();
4966
5063
  return {
4967
- deleteAttachment: function (config) {
5064
+ deleteAttachment: function (request) {
4968
5065
  return new Promise(function (resolve, reject) {
4969
5066
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteAttachment))
4970
5067
  return reject(new Error('Velt SDK is not initialized.'));
4971
- commentElement.deleteAttachment(config).then(resolve).catch(reject);
5068
+ commentElement.deleteAttachment(request).then(resolve).catch(reject);
4972
5069
  });
4973
5070
  }
4974
5071
  };
@@ -4976,11 +5073,11 @@ function useDeleteAttachment() {
4976
5073
  function useGetAttachment() {
4977
5074
  var commentElement = useCommentUtils();
4978
5075
  return {
4979
- getAttachment: function (config) {
5076
+ getAttachment: function (request) {
4980
5077
  return new Promise(function (resolve, reject) {
4981
5078
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAttachment))
4982
5079
  return reject(new Error('Velt SDK is not initialized.'));
4983
- commentElement.getAttachment(config).then(resolve).catch(reject);
5080
+ commentElement.getAttachment(request).then(resolve).catch(reject);
4984
5081
  });
4985
5082
  }
4986
5083
  };
@@ -4988,11 +5085,11 @@ function useGetAttachment() {
4988
5085
  function useDeleteRecording() {
4989
5086
  var commentElement = useCommentUtils();
4990
5087
  return {
4991
- deleteRecording: function (config) {
5088
+ deleteRecording: function (request) {
4992
5089
  return new Promise(function (resolve, reject) {
4993
5090
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteRecording))
4994
5091
  return reject(new Error('Velt SDK is not initialized.'));
4995
- commentElement.deleteRecording(config).then(resolve).catch(reject);
5092
+ commentElement.deleteRecording(request).then(resolve).catch(reject);
4996
5093
  });
4997
5094
  }
4998
5095
  };
@@ -5000,11 +5097,11 @@ function useDeleteRecording() {
5000
5097
  function useGetRecording() {
5001
5098
  var commentElement = useCommentUtils();
5002
5099
  return {
5003
- getRecording: function (config) {
5100
+ getRecording: function (request) {
5004
5101
  return new Promise(function (resolve, reject) {
5005
5102
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getRecording))
5006
5103
  return reject(new Error('Velt SDK is not initialized.'));
5007
- commentElement.getRecording(config).then(resolve).catch(reject);
5104
+ commentElement.getRecording(request).then(resolve).catch(reject);
5008
5105
  });
5009
5106
  }
5010
5107
  };
@@ -5012,11 +5109,11 @@ function useGetRecording() {
5012
5109
  function useAddReaction() {
5013
5110
  var commentElement = useCommentUtils();
5014
5111
  return {
5015
- addReaction: function (config) {
5112
+ addReaction: function (request) {
5016
5113
  return new Promise(function (resolve, reject) {
5017
5114
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addReaction))
5018
5115
  return reject(new Error('Velt SDK is not initialized.'));
5019
- commentElement.addReaction(config).then(resolve).catch(reject);
5116
+ commentElement.addReaction(request).then(resolve).catch(reject);
5020
5117
  });
5021
5118
  }
5022
5119
  };
@@ -5024,11 +5121,11 @@ function useAddReaction() {
5024
5121
  function useDeleteReaction() {
5025
5122
  var commentElement = useCommentUtils();
5026
5123
  return {
5027
- deleteReaction: function (config) {
5124
+ deleteReaction: function (request) {
5028
5125
  return new Promise(function (resolve, reject) {
5029
5126
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteReaction))
5030
5127
  return reject(new Error('Velt SDK is not initialized.'));
5031
- commentElement.deleteReaction(config).then(resolve).catch(reject);
5128
+ commentElement.deleteReaction(request).then(resolve).catch(reject);
5032
5129
  });
5033
5130
  }
5034
5131
  };
@@ -5036,11 +5133,11 @@ function useDeleteReaction() {
5036
5133
  function useToggleReaction() {
5037
5134
  var commentElement = useCommentUtils();
5038
5135
  return {
5039
- toggleReaction: function (config) {
5136
+ toggleReaction: function (request) {
5040
5137
  return new Promise(function (resolve, reject) {
5041
5138
  if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.toggleReaction))
5042
5139
  return reject(new Error('Velt SDK is not initialized.'));
5043
- commentElement.toggleReaction(config).then(resolve).catch(reject);
5140
+ commentElement.toggleReaction(request).then(resolve).catch(reject);
5044
5141
  });
5045
5142
  }
5046
5143
  };
@@ -5433,6 +5530,33 @@ function useRecordingDataByRecorderId(recorderId) {
5433
5530
  return data;
5434
5531
  }
5435
5532
 
5533
+ function useRecorderEventCallback(action) {
5534
+ var recorderElement = useRecorderUtils();
5535
+ var _a = React.useState(null), data = _a[0], setData = _a[1];
5536
+ var subscriptionRef = React.useRef(null);
5537
+ var memoizedAction = React.useMemo(function () { return action; }, [action]);
5538
+ React.useEffect(function () {
5539
+ var _a;
5540
+ if (!(recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on))
5541
+ return;
5542
+ if (subscriptionRef.current) {
5543
+ subscriptionRef.current.unsubscribe();
5544
+ }
5545
+ var subscription = (_a = recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
5546
+ setData(data);
5547
+ });
5548
+ // Store the new subscription
5549
+ subscriptionRef.current = subscription;
5550
+ // Cleanup function
5551
+ return function () {
5552
+ if (subscriptionRef.current) {
5553
+ subscriptionRef.current.unsubscribe();
5554
+ }
5555
+ };
5556
+ }, [recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on, memoizedAction]);
5557
+ return data;
5558
+ }
5559
+
5436
5560
  function useAIRewriterUtils() {
5437
5561
  var _a = React__default["default"].useState(), rewriterElement = _a[0], setRewriterElement = _a[1];
5438
5562
  var client = useVeltClient().client;
@@ -5852,6 +5976,7 @@ exports.useCommentActionCallback = useCommentActionCallback;
5852
5976
  exports.useCommentAddHandler = useCommentAddHandler;
5853
5977
  exports.useCommentAnnotationById = useCommentAnnotationById;
5854
5978
  exports.useCommentAnnotations = useCommentAnnotations;
5979
+ exports.useCommentAnnotationsCount = useCommentAnnotationsCount;
5855
5980
  exports.useCommentCopyLinkHandler = useCommentCopyLinkHandler;
5856
5981
  exports.useCommentDialogSidebarClickHandler = useCommentDialogSidebarClickHandler;
5857
5982
  exports.useCommentEventCallback = useCommentEventCallback;
@@ -5877,6 +6002,7 @@ exports.useEditorAccessRequestHandler = useEditorAccessRequestHandler;
5877
6002
  exports.useEditorAccessTimer = useEditorAccessTimer;
5878
6003
  exports.useGetAttachment = useGetAttachment;
5879
6004
  exports.useGetComment = useGetComment;
6005
+ exports.useGetCommentAnnotations = useGetCommentAnnotations;
5880
6006
  exports.useGetLink = useGetLink;
5881
6007
  exports.useGetRecording = useGetRecording;
5882
6008
  exports.useHuddleUtils = useHuddleUtils;
@@ -5891,6 +6017,7 @@ exports.useNotificationsData = useNotificationsData;
5891
6017
  exports.usePresenceUsers = usePresenceUsers;
5892
6018
  exports.usePresenceUtils = usePresenceUtils;
5893
6019
  exports.useRecorderAddHandler = useRecorderAddHandler;
6020
+ exports.useRecorderEventCallback = useRecorderEventCallback;
5894
6021
  exports.useRecorderUtils = useRecorderUtils;
5895
6022
  exports.useRecordingDataByRecorderId = useRecordingDataByRecorderId;
5896
6023
  exports.useRejectCommentAnnotation = useRejectCommentAnnotation;
@@ -5898,6 +6025,7 @@ exports.useResolveCommentAnnotation = useResolveCommentAnnotation;
5898
6025
  exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;
5899
6026
  exports.useSetDocument = useSetDocument;
5900
6027
  exports.useSetDocumentId = useSetDocumentId;
6028
+ exports.useSetDocuments = useSetDocuments;
5901
6029
  exports.useSetLiveStateData = useSetLiveStateData;
5902
6030
  exports.useSetLocation = useSetLocation;
5903
6031
  exports.useSubscribeCommentAnnotation = useSubscribeCommentAnnotation;