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

package/esm/index.js

@@ -132,12 +132,12 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.0.0-beta.1';
+var VELT_SDK_VERSION = '4.0.0-beta.11';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
 var SnippylyProvider = function (props) {
-    var apiKey = props.apiKey, user = props.user, config = props.config, documentId = props.documentId, language = props.language, translations = props.translations, autoTranslation = props.autoTranslation, onClientLoad = props.onClientLoad, children = props.children;
+    var apiKey = props.apiKey, user = props.user, config = props.config, documentId = props.documentId, language = props.language, translations = props.translations, autoTranslation = props.autoTranslation, userDataProvider = props.userDataProvider, onClientLoad = props.onClientLoad, children = props.children;
     var _a = useState(null), client = _a[0], setClient = _a[1];
     useEffect(function () {
         if (apiKey) {
@@ -146,6 +146,13 @@ var SnippylyProvider = function (props) {
             }, (config === null || config === void 0 ? void 0 : config.version) || VELT_SDK_VERSION, config === null || config === void 0 ? void 0 : config.staging, config === null || config === void 0 ? void 0 : config.develop, config === null || config === void 0 ? void 0 : config.proxyDomain);
         }
     }, []);
+    useEffect(function () {
+        if (client && userDataProvider) {
+            if (typeof (client === null || client === void 0 ? void 0 : client.setUserDataProvider) === 'function') {
+                client === null || client === void 0 ? void 0 : client.setUserDataProvider(userDataProvider);
+            }
+        }
+    }, [client, userDataProvider]);
     var initVelt = function () { return __awaiter(void 0, void 0, void 0, function () {
         var velt, event;
         var _a, _b;
@@ -226,7 +233,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    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;
+    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;
     var ref = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -351,7 +358,7 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    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));
+    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));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -598,7 +605,8 @@ var SnippylyRecorderControlPanel = function (props) {
 };
 
 var SnippylyRecorderNotes = function (props) {
-    return (React.createElement("velt-recorder-notes", null));
+    var shadowDom = props.shadowDom, children = props.children;
+    return (React.createElement("velt-recorder-notes", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyRecorderPlayer = function (props) {
@@ -632,8 +640,8 @@ var SnippylyRecorderPlayer = function (props) {
 };
 
 var SnippylyRecorderTool = function (props) {
-    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode;
-    return (React.createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom;
+    return (React.createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylySidebarButton = function (props) {
@@ -2386,6 +2394,13 @@ var VeltCommentsSidebarFilterVersions = function (props) {
 VeltCommentsSidebarFilterVersions.Name = VeltCommentsSidebarFilterName;
 VeltCommentsSidebarFilterVersions.Item = VeltCommentsSidebarFilterItem;
 
+var VeltCommentsSidebarFilterStatus = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-filter-status-wireframe", __assign({}, remainingProps), children));
+};
+VeltCommentsSidebarFilterStatus.Name = VeltCommentsSidebarFilterName;
+VeltCommentsSidebarFilterStatus.Item = VeltCommentsSidebarFilterItem;
+
 var VeltCommentsSidebarFilter = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     return (React.createElement("velt-comments-sidebar-filter-wireframe", __assign({}, remainingProps), children));
@@ -2401,6 +2416,7 @@ VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
 VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
 VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
 VeltCommentsSidebarFilter.Item = VeltCommentsSidebarFilterItem;
+VeltCommentsSidebarFilter.Status = VeltCommentsSidebarFilterStatus;
 
 var VeltCommentsSidebarFilterButton = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4376,6 +4392,25 @@ function useSetDocumentId(documentId) {
         }
     }, [client, memoizedDocumentId]);
 }
+function useSetDocuments() {
+    var client = useVeltClient().client;
+    var _a = React.useState(undefined), data = _a[0], setData = _a[1];
+    // Memoize the setDocuments call
+    var memoizedData = React.useMemo(function () {
+        return data;
+    }, [JSON.stringify(data === null || data === void 0 ? void 0 : data.documents), JSON.stringify(data === null || data === void 0 ? void 0 : data.options)]);
+    React.useEffect(function () {
+        var _a;
+        if (client && ((_a = memoizedData === null || memoizedData === void 0 ? void 0 : memoizedData.documents) === null || _a === void 0 ? void 0 : _a.length)) {
+            client.setDocuments(memoizedData.documents, memoizedData.options);
+        }
+    }, [client === null || client === void 0 ? void 0 : client.setDocuments, memoizedData]);
+    return {
+        setDocuments: function (documents, options) {
+            setData({ documents: documents, options: options });
+        }
+    };
+}
 function useUnsetDocumentId() {
     var client = useVeltClient().client;
     React.useEffect(function () {
@@ -4740,11 +4775,11 @@ function useCommentSidebarData() {
 function useAddCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        addCommentAnnotation: function (config) {
+        addCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.addCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.addCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4752,11 +4787,11 @@ function useAddCommentAnnotation() {
 function useApproveCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        approveCommentAnnotation: function (config) {
+        approveCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.approveCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.approveCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.approveCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4764,11 +4799,11 @@ function useApproveCommentAnnotation() {
 function useRejectCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        rejectCommentAnnotation: function (config) {
+        rejectCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.rejectCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.rejectCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.rejectCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4776,11 +4811,11 @@ function useRejectCommentAnnotation() {
 function useSubscribeCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        subscribeCommentAnnotation: function (config) {
+        subscribeCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.subscribeCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.subscribeCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.subscribeCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4788,11 +4823,11 @@ function useSubscribeCommentAnnotation() {
 function useUnsubscribeCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        unsubscribeCommentAnnotation: function (config) {
+        unsubscribeCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.unsubscribeCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.unsubscribeCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.unsubscribeCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4800,23 +4835,93 @@ function useUnsubscribeCommentAnnotation() {
 function useDeleteCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        deleteCommentAnnotation: function (config) {
+        deleteCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.deleteCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.deleteCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
 }
+function useGetCommentAnnotations(query) {
+    var commentElement = useCommentUtils();
+    var _a = useState({ data: null }), data = _a[0], setData = _a[1];
+    var subscriptionRef = useRef();
+    // Memoize the inputs
+    var memoizedData = useMemo(function () {
+        return query;
+    }, [JSON.stringify(query)]);
+    useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations))
+            return;
+        // Unsubscribe from the previous subscription if it exists
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = commentElement.getCommentAnnotations(memoizedData)
+            .subscribe(function (res) {
+            if (res) {
+                setData(res);
+            }
+            else {
+                setData({ data: null });
+            }
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotations, memoizedData]);
+    return data;
+}
+function useCommentAnnotationsCount(query) {
+    var commentElement = useCommentUtils();
+    var _a = useState({ data: null }), data = _a[0], setData = _a[1];
+    var subscriptionRef = useRef();
+    // Memoize the inputs
+    var memoizedData = useMemo(function () {
+        return query;
+    }, [JSON.stringify(query)]);
+    useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount))
+            return;
+        // Unsubscribe from the previous subscription if it exists
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = commentElement.getCommentAnnotationsCount(memoizedData)
+            .subscribe(function (res) {
+            if (res) {
+                setData(res);
+            }
+            else {
+                setData({ data: null });
+            }
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationsCount, memoizedData]);
+    return data;
+}
 function useAssignUser() {
     var commentElement = useCommentUtils();
     return {
-        assignUser: function (config) {
+        assignUser: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.assignUser))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.assignUser(config).then(resolve).catch(reject);
+                commentElement.assignUser(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4824,11 +4929,11 @@ function useAssignUser() {
 function useUpdatePriority() {
     var commentElement = useCommentUtils();
     return {
-        updatePriority: function (config) {
+        updatePriority: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updatePriority))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.updatePriority(config).then(resolve).catch(reject);
+                commentElement.updatePriority(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4836,11 +4941,11 @@ function useUpdatePriority() {
 function useUpdateStatus() {
     var commentElement = useCommentUtils();
     return {
-        updateStatus: function (config) {
+        updateStatus: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateStatus))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.updateStatus(config).then(resolve).catch(reject);
+                commentElement.updateStatus(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4848,11 +4953,11 @@ function useUpdateStatus() {
 function useUpdateAccess() {
     var commentElement = useCommentUtils();
     return {
-        updateAccess: function (config) {
+        updateAccess: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateAccess))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.updateAccess(config).then(resolve).catch(reject);
+                commentElement.updateAccess(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4860,11 +4965,11 @@ function useUpdateAccess() {
 function useResolveCommentAnnotation() {
     var commentElement = useCommentUtils();
     return {
-        resolveCommentAnnotation: function (config) {
+        resolveCommentAnnotation: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.resolveCommentAnnotation))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.resolveCommentAnnotation(config).then(resolve).catch(reject);
+                commentElement.resolveCommentAnnotation(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4872,11 +4977,11 @@ function useResolveCommentAnnotation() {
 function useGetLink() {
     var commentElement = useCommentUtils();
     return {
-        getLink: function (config) {
+        getLink: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getLink))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.getLink(config).then(resolve).catch(reject);
+                commentElement.getLink(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4884,11 +4989,11 @@ function useGetLink() {
 function useCopyLink() {
     var commentElement = useCommentUtils();
     return {
-        copyLink: function (config) {
+        copyLink: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.copyLink))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.copyLink(config).then(resolve).catch(reject);
+                commentElement.copyLink(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4896,11 +5001,11 @@ function useCopyLink() {
 function useAddComment() {
     var commentElement = useCommentUtils();
     return {
-        addComment: function (config) {
+        addComment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addComment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.addComment(config).then(resolve).catch(reject);
+                commentElement.addComment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4908,11 +5013,11 @@ function useAddComment() {
 function useUpdateComment() {
     var commentElement = useCommentUtils();
     return {
-        updateComment: function (config) {
+        updateComment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.updateComment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.updateComment(config).then(resolve).catch(reject);
+                commentElement.updateComment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4920,11 +5025,11 @@ function useUpdateComment() {
 function useDeleteComment() {
     var commentElement = useCommentUtils();
     return {
-        deleteComment: function (config) {
+        deleteComment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteComment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.deleteComment(config).then(resolve).catch(reject);
+                commentElement.deleteComment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4932,11 +5037,11 @@ function useDeleteComment() {
 function useGetComment() {
     var commentElement = useCommentUtils();
     return {
-        getComment: function (config) {
+        getComment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getComment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.getComment(config).then(resolve).catch(reject);
+                commentElement.getComment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4944,11 +5049,11 @@ function useGetComment() {
 function useAddAttachment() {
     var commentElement = useCommentUtils();
     return {
-        addAttachment: function (config) {
+        addAttachment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addAttachment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.addAttachment(config).then(resolve).catch(reject);
+                commentElement.addAttachment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4956,11 +5061,11 @@ function useAddAttachment() {
 function useDeleteAttachment() {
     var commentElement = useCommentUtils();
     return {
-        deleteAttachment: function (config) {
+        deleteAttachment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteAttachment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.deleteAttachment(config).then(resolve).catch(reject);
+                commentElement.deleteAttachment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4968,11 +5073,11 @@ function useDeleteAttachment() {
 function useGetAttachment() {
     var commentElement = useCommentUtils();
     return {
-        getAttachment: function (config) {
+        getAttachment: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAttachment))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.getAttachment(config).then(resolve).catch(reject);
+                commentElement.getAttachment(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4980,11 +5085,11 @@ function useGetAttachment() {
 function useDeleteRecording() {
     var commentElement = useCommentUtils();
     return {
-        deleteRecording: function (config) {
+        deleteRecording: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteRecording))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.deleteRecording(config).then(resolve).catch(reject);
+                commentElement.deleteRecording(request).then(resolve).catch(reject);
             });
         }
     };
@@ -4992,11 +5097,11 @@ function useDeleteRecording() {
 function useGetRecording() {
     var commentElement = useCommentUtils();
     return {
-        getRecording: function (config) {
+        getRecording: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getRecording))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.getRecording(config).then(resolve).catch(reject);
+                commentElement.getRecording(request).then(resolve).catch(reject);
             });
         }
     };
@@ -5004,11 +5109,11 @@ function useGetRecording() {
 function useAddReaction() {
     var commentElement = useCommentUtils();
     return {
-        addReaction: function (config) {
+        addReaction: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.addReaction))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.addReaction(config).then(resolve).catch(reject);
+                commentElement.addReaction(request).then(resolve).catch(reject);
             });
         }
     };
@@ -5016,11 +5121,11 @@ function useAddReaction() {
 function useDeleteReaction() {
     var commentElement = useCommentUtils();
     return {
-        deleteReaction: function (config) {
+        deleteReaction: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.deleteReaction))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.deleteReaction(config).then(resolve).catch(reject);
+                commentElement.deleteReaction(request).then(resolve).catch(reject);
             });
         }
     };
@@ -5028,11 +5133,11 @@ function useDeleteReaction() {
 function useToggleReaction() {
     var commentElement = useCommentUtils();
     return {
-        toggleReaction: function (config) {
+        toggleReaction: function (request) {
             return new Promise(function (resolve, reject) {
                 if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.toggleReaction))
                     return reject(new Error('Velt SDK is not initialized.'));
-                commentElement.toggleReaction(config).then(resolve).catch(reject);
+                commentElement.toggleReaction(request).then(resolve).catch(reject);
             });
         }
     };
@@ -5425,6 +5530,33 @@ function useRecordingDataByRecorderId(recorderId) {
     return data;
 }
 
+function useRecorderEventCallback(action) {
+    var recorderElement = useRecorderUtils();
+    var _a = useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = useRef(null);
+    var memoizedAction = useMemo(function () { return action; }, [action]);
+    useEffect(function () {
+        var _a;
+        if (!(recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on))
+            return;
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = (_a = recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
+            setData(data);
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.on, memoizedAction]);
+    return data;
+}
+
 function useAIRewriterUtils() {
     var _a = React.useState(), rewriterElement = _a[0], setRewriterElement = _a[1];
     var client = useVeltClient().client;
@@ -5742,5 +5874,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-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 };
+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 };
 //# sourceMappingURL=index.js.map