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

package/cjs/index.js

@@ -140,12 +140,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 = React.useState(null), client = _a[0], setClient = _a[1];
     React.useEffect(function () {
         if (apiKey) {
@@ -154,6 +154,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);
         }
     }, []);
+    React.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;
@@ -234,7 +241,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 = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -359,7 +366,7 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    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));
+    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));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -606,7 +613,8 @@ var SnippylyRecorderControlPanel = function (props) {
 };
 
 var SnippylyRecorderNotes = function (props) {
-    return (React__default["default"].createElement("velt-recorder-notes", null));
+    var shadowDom = props.shadowDom, children = props.children;
+    return (React__default["default"].createElement("velt-recorder-notes", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyRecorderPlayer = function (props) {
@@ -640,8 +648,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__default["default"].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__default["default"].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) {
@@ -2394,6 +2402,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__default["default"].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__default["default"].createElement("velt-comments-sidebar-filter-wireframe", __assign({}, remainingProps), children));
@@ -2409,6 +2424,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"]);
@@ -4384,6 +4400,25 @@ function useSetDocumentId(documentId) {
         }
     }, [client, memoizedDocumentId]);
 }
+function useSetDocuments() {
+    var client = useVeltClient().client;
+    var _a = React__default["default"].useState(undefined), data = _a[0], setData = _a[1];
+    // Memoize the setDocuments call
+    var memoizedData = React__default["default"].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__default["default"].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__default["default"].useEffect(function () {
@@ -4748,11 +4783,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);
             });
         }
     };
@@ -4760,11 +4795,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);
             });
         }
     };
@@ -4772,11 +4807,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);
             });
         }
     };
@@ -4784,11 +4819,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);
             });
         }
     };
@@ -4796,11 +4831,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);
             });
         }
     };
@@ -4808,23 +4843,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 = React.useState({ data: null }), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef();
+    // Memoize the inputs
+    var memoizedData = React.useMemo(function () {
+        return query;
+    }, [JSON.stringify(query)]);
+    React.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 = React.useState({ data: null }), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef();
+    // Memoize the inputs
+    var memoizedData = React.useMemo(function () {
+        return query;
+    }, [JSON.stringify(query)]);
+    React.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);
             });
         }
     };
@@ -4832,11 +4937,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);
             });
         }
     };
@@ -4844,11 +4949,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);
             });
         }
     };
@@ -4856,11 +4961,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);
             });
         }
     };
@@ -4868,11 +4973,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);
             });
         }
     };
@@ -4880,11 +4985,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);
             });
         }
     };
@@ -4892,11 +4997,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);
             });
         }
     };
@@ -4904,11 +5009,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);
             });
         }
     };
@@ -4916,11 +5021,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);
             });
         }
     };
@@ -4928,11 +5033,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);
             });
         }
     };
@@ -4940,11 +5045,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);
             });
         }
     };
@@ -4952,11 +5057,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);
             });
         }
     };
@@ -4964,11 +5069,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);
             });
         }
     };
@@ -4976,11 +5081,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);
             });
         }
     };
@@ -4988,11 +5093,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);
             });
         }
     };
@@ -5000,11 +5105,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);
             });
         }
     };
@@ -5012,11 +5117,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);
             });
         }
     };
@@ -5024,11 +5129,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);
             });
         }
     };
@@ -5036,11 +5141,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);
             });
         }
     };
@@ -5433,6 +5538,33 @@ function useRecordingDataByRecorderId(recorderId) {
     return data;
 }
 
+function useRecorderEventCallback(action) {
+    var recorderElement = useRecorderUtils();
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef(null);
+    var memoizedAction = React.useMemo(function () { return action; }, [action]);
+    React.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__default["default"].useState(), rewriterElement = _a[0], setRewriterElement = _a[1];
     var client = useVeltClient().client;
@@ -5852,6 +5984,7 @@ exports.useCommentActionCallback = useCommentActionCallback;
 exports.useCommentAddHandler = useCommentAddHandler;
 exports.useCommentAnnotationById = useCommentAnnotationById;
 exports.useCommentAnnotations = useCommentAnnotations;
+exports.useCommentAnnotationsCount = useCommentAnnotationsCount;
 exports.useCommentCopyLinkHandler = useCommentCopyLinkHandler;
 exports.useCommentDialogSidebarClickHandler = useCommentDialogSidebarClickHandler;
 exports.useCommentEventCallback = useCommentEventCallback;
@@ -5877,6 +6010,7 @@ exports.useEditorAccessRequestHandler = useEditorAccessRequestHandler;
 exports.useEditorAccessTimer = useEditorAccessTimer;
 exports.useGetAttachment = useGetAttachment;
 exports.useGetComment = useGetComment;
+exports.useGetCommentAnnotations = useGetCommentAnnotations;
 exports.useGetLink = useGetLink;
 exports.useGetRecording = useGetRecording;
 exports.useHuddleUtils = useHuddleUtils;
@@ -5891,6 +6025,7 @@ exports.useNotificationsData = useNotificationsData;
 exports.usePresenceUsers = usePresenceUsers;
 exports.usePresenceUtils = usePresenceUtils;
 exports.useRecorderAddHandler = useRecorderAddHandler;
+exports.useRecorderEventCallback = useRecorderEventCallback;
 exports.useRecorderUtils = useRecorderUtils;
 exports.useRecordingDataByRecorderId = useRecordingDataByRecorderId;
 exports.useRejectCommentAnnotation = useRejectCommentAnnotation;
@@ -5898,6 +6033,7 @@ exports.useResolveCommentAnnotation = useResolveCommentAnnotation;
 exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;
 exports.useSetDocument = useSetDocument;
 exports.useSetDocumentId = useSetDocumentId;
+exports.useSetDocuments = useSetDocuments;
 exports.useSetLiveStateData = useSetLiveStateData;
 exports.useSetLocation = useSetLocation;
 exports.useSubscribeCommentAnnotation = useSubscribeCommentAnnotation;