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

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.1';
+var VELT_SDK_VERSION = '5.0.2-beta.11';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.2-beta.1': 'sha384-AE0Ekvj5B/AXG7PZNqYDkBSDmo/ll+VQCEM3xC6s+JlBGgVZXbLKTF5AeneLNbFz',
+    '5.0.2-beta.11': 'sha384-60Okq3+b56aGToiPBEAdnblJTZJ8Qjg5kdQFol/fM/HeomwXSBx0WzEbIDY/m03I',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -319,6 +319,7 @@ var SnippylyProvider = function (props) {
         };
     }, []);
     React.useEffect(function () {
+        var _a;
         // Store cleanup function returned from loadVelt to remove event listeners on unmount
         var cleanupLoadVelt;
         if (apiKey) {
@@ -355,7 +356,7 @@ var SnippylyProvider = function (props) {
                 // This prevents the callback from firing on destroyed component instances.
                 cleanupLoadVelt = loadVelt(function () {
                     initVelt();
-                }, version, staging, develop, config === null || config === void 0 ? void 0 : config.proxyDomain, integrity, integrityValue);
+                }, version, staging, develop, ((_a = config === null || config === void 0 ? void 0 : config.proxyConfig) === null || _a === void 0 ? void 0 : _a.cdnHost) || (config === null || config === void 0 ? void 0 : config.proxyDomain), integrity, integrityValue);
             }
         }
         // Cleanup: remove event listener when component unmounts.
@@ -545,7 +546,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, filterCommentsOnDom = props.filterCommentsOnDom, 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, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload, visibilityOptionDropdown = props.visibilityOptionDropdown;
+    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, filterCommentsOnDom = props.filterCommentsOnDom, 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, visibilityOptions = props.visibilityOptions, 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, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload;
     var ref = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -670,11 +671,11 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    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, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? '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, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined, "visibility-option-dropdown": [true, false].includes(visibilityOptionDropdown) ? (visibilityOptionDropdown ? '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, "visibility-options": [true, false].includes(visibilityOptions) ? (visibilityOptions ? '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, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? '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, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, pageModePlaceholder = props.pageModePlaceholder;
+    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, pageModePlaceholder = props.pageModePlaceholder, version = props.version;
     var ref = React.useRef();
     var openSidebarRef = React.useRef(openSidebar);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
@@ -747,7 +748,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "page-mode-placeholder": pageModePlaceholder }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "page-mode-placeholder": pageModePlaceholder, version: version }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -1704,16 +1705,268 @@ var VeltAutocomplete = function (props) {
     return (React__default["default"].createElement("velt-autocomplete", { hotkey: hotkey, "list-data": (typeof listData === 'object') ? JSON.stringify(listData) : undefined }));
 };
 
+var VeltAutocompleteOption = function (props) {
+    var userObject = props.userObject, userId = props.userId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId }, children));
+};
+
+var VeltAutocompleteOptionIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteOptionName = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-name", { ref: ref }, children));
+};
+
+var VeltAutocompleteOptionDescription = function (props) {
+    var field = props.field, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-description", { ref: ref, field: field }, children));
+};
+
+var VeltAutocompleteOptionErrorIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-option-error-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteGroupOption = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-group-option", { ref: ref }, children));
+};
+
+var VeltAutocompleteTool = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-tool", { ref: ref }, children));
+};
+
+var VeltAutocompleteEmpty = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-empty", { ref: ref }, children));
+};
+
+var VeltAutocompleteChip = function (props) {
+    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip", { ref: ref, type: type, email: email, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId }, children));
+};
+
+var VeltAutocompleteChipTooltip = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipIcon = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipName = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name", { ref: ref }, children));
+};
+
+var VeltAutocompleteChipTooltipDescription = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description", { ref: ref }, children));
+};
+
 var VeltInlineCommentsSection = function (props) {
     var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, readOnly = props.readOnly;
     return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltInlineCommentsSectionCommentCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionComposerContainer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionPanel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSkeleton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTriggerArrow = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTriggerName = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItem = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItemLabel = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTriggerIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTriggerName = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItem = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, sortOptionText = props.sortOptionText, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemName = function (props) {
+    var defaultCondition = props.defaultCondition, sortOptionText = props.sortOptionText, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option-text": sortOptionText }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemTick = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
 var VeltCommentPin = function (props) {
     var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId;
     return (React__default["default"].createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId }, children));
 };
 
+var VeltCommentPinNumber$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-number", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinIndex$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-index", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinTriangle$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-triangle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinPrivateCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinGhostCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinUnreadCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltCommentText = function (props) {
     var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId;
     return (React__default["default"].createElement("velt-comment-text", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId }, children));
@@ -1797,6 +2050,202 @@ var VeltVideoEditor = function (props) {
     return (React__default["default"].createElement("velt-video-editor", __assign({ ref: ref, variant: variant, "dark-mode": darkMode ? 'true' : undefined, url: url, "annotation-id": annotationId, "recorder-id": recorderId }, rest)));
 };
 
+var VeltCommentsSidebarV2 = function (props) {
+    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, version = props.version, onSidebarOpen = props.onSidebarOpen, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, children = props.children;
+    var ref = React.useRef(null);
+    var onSidebarOpenRef = React.useRef(onSidebarOpen);
+    var onSidebarCloseRef = React.useRef(onSidebarClose);
+    var onCommentClickRef = React.useRef(onCommentClick);
+    var onCommentNavigationButtonClickRef = React.useRef(onCommentNavigationButtonClick);
+    React.useEffect(function () { onSidebarOpenRef.current = onSidebarOpen; }, [onSidebarOpen]);
+    React.useEffect(function () { onSidebarCloseRef.current = onSidebarClose; }, [onSidebarClose]);
+    React.useEffect(function () { onCommentClickRef.current = onCommentClick; }, [onCommentClick]);
+    React.useEffect(function () { onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick; }, [onCommentNavigationButtonClick]);
+    React.useEffect(function () {
+        var element;
+        var handleSidebarOpen = function (event) { if (onSidebarOpenRef.current)
+            onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleSidebarClose = function (event) { if (onSidebarCloseRef.current)
+            onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleCommentClick = function (event) { if (onCommentClickRef.current)
+            onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleCommentNavigationButtonClick = function (event) { if (onCommentNavigationButtonClickRef.current)
+            onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        if (ref.current) {
+            element = ref.current;
+            element.addEventListener('onSidebarOpen', handleSidebarOpen);
+            element.addEventListener('onSidebarClose', handleSidebarClose);
+            element.addEventListener('onSidebarCommentClick', handleCommentClick);
+            element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
+                element.removeEventListener('onSidebarClose', handleSidebarClose);
+                element.removeEventListener('onSidebarCommentClick', handleCommentClick);
+                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
+            }
+        };
+    }, []);
+    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, version: version }, children));
+};
+
+var VeltCommentsSidebarV2Skeleton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Panel$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Header$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2CloseButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2List$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ListItem$1 = function (props) {
+    var annotation = props.annotation, scrollIdle = props.scrollIdle, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "scroll-idle": [true, false].includes(scrollIdle) ? (scrollIdle ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2PageModeComposer$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThread$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownTrigger$1 = function (props) {
+    var isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContent$1 = function (props) {
+    var groups = props.groups, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentList$1 = function (props) {
+    var groups = props.groups, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItem$1 = function (props) {
+    var item = props.item, group = props.group, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1 = function (props) {
+    var mode = props.mode, selected = props.selected, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1 = function (props) {
+    var label = props.label, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategory$1 = function (props) {
+    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1 = function (props) {
+    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+};
+
 var VeltCommentDialog = function (props) {
     var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, placeholder = props.placeholder, children = props.children;
     var ref = React.useRef(null);
@@ -2213,10 +2662,100 @@ var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = function (prop
     return (React__default["default"].createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-mark-unread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentDialogAssignDropdown = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, assignTo = props.assignTo, selectedUserContacts = props.selectedUserContacts, onSetAssignTo = props.onSetAssignTo, children = props.children;
+var VeltCommentDialogVisibilityBanner$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
     var ref = React.useRef(null);
-    React.useEffect(function () {
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerText$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-text", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdown$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTrigger$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContent$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItem$1 = function (props) {
+    var type = props.type, annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item", { ref: ref, type: type, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-user-picker", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssignDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, assignTo = props.assignTo, selectedUserContacts = props.selectedUserContacts, onSetAssignTo = props.onSetAssignTo, children = props.children;
+    var ref = React.useRef(null);
+    React.useEffect(function () {
         if (ref.current && onSetAssignTo) {
             var element_1 = ref.current;
             var handleSetAssignTo_1 = function (event) {
@@ -2903,6 +3442,110 @@ VeltCommentDialogAssigneeBanner.UserAvatar = VeltCommentDialogAssigneeBannerUser
 VeltCommentDialogAssigneeBanner.UserName = VeltCommentDialogAssigneeBannerUserName;
 VeltCommentDialogAssigneeBanner.UnresolveButton = VeltCommentDialogAssigneeBannerUnresolveButton;
 
+var VeltCommentDialogVisibilityBannerIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerText = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-item-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-remaining-count-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-list-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList.Item = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem;
+VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList.RemainingCount = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount;
+
+var VeltCommentDialogVisibilityBannerDropdownTriggerIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownTrigger.Label = VeltCommentDialogVisibilityBannerDropdownTriggerLabel;
+VeltCommentDialogVisibilityBannerDropdownTrigger.AvatarList = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList;
+VeltCommentDialogVisibilityBannerDropdownTrigger.Icon = VeltCommentDialogVisibilityBannerDropdownTriggerIcon;
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemIcon = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-icon-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItemLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-label-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContentItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-item-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownContentItem.Icon = VeltCommentDialogVisibilityBannerDropdownContentItemIcon;
+VeltCommentDialogVisibilityBannerDropdownContentItem.Label = VeltCommentDialogVisibilityBannerDropdownContentItemLabel;
+
+var VeltCommentDialogVisibilityBannerDropdownContentUserPicker = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-user-picker-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentDialogVisibilityBannerDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-content-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdownContent.Item = VeltCommentDialogVisibilityBannerDropdownContentItem;
+VeltCommentDialogVisibilityBannerDropdownContent.UserPicker = VeltCommentDialogVisibilityBannerDropdownContentUserPicker;
+
+var VeltCommentDialogVisibilityBannerDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBannerDropdown.Trigger = VeltCommentDialogVisibilityBannerDropdownTrigger;
+VeltCommentDialogVisibilityBannerDropdown.Content = VeltCommentDialogVisibilityBannerDropdownContent;
+
+var VeltCommentDialogVisibilityBanner = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentDialogVisibilityBanner.Icon = VeltCommentDialogVisibilityBannerIcon;
+VeltCommentDialogVisibilityBanner.Text = VeltCommentDialogVisibilityBannerText;
+VeltCommentDialogVisibilityBanner.Dropdown = VeltCommentDialogVisibilityBannerDropdown;
+
 var VeltCommentDialogBody = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3895,6 +4538,7 @@ var VeltCommentDialogWireframe = function (props) {
 VeltCommentDialogWireframe.AllComment = VeltCommentDialogAllComment;
 VeltCommentDialogWireframe.Approve = VeltCommentDialogApprove;
 VeltCommentDialogWireframe.AssigneeBanner = VeltCommentDialogAssigneeBanner;
+VeltCommentDialogWireframe.VisibilityBanner = VeltCommentDialogVisibilityBanner;
 VeltCommentDialogWireframe.AssignMenu = VeltCommentDialogAssignMenu;
 VeltCommentDialogWireframe.Body = VeltCommentDialogBody;
 VeltCommentDialogWireframe.CommentCategory = VeltCommentDialogCommentCategory;
@@ -4627,6 +5271,194 @@ VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
 VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
 VeltCommentsSidebarWireframe.FullscreenButton = VeltCommentsSidebarFullscreenButton;
 
+var VeltCommentsSidebarV2Skeleton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2Panel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2Header = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2CloseButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2EmptyPlaceholder.ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton;
+
+var VeltCommentsSidebarV2ListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2List = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2List.Item = VeltCommentsSidebarV2ListItem;
+
+var VeltCommentsSidebarV2PageModeComposer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThread = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FocusedThread.BackButton = VeltCommentsSidebarV2FocusedThreadBackButton;
+VeltCommentsSidebarV2FocusedThread.DialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer;
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2MinimalActionsDropdownContent.MarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead;
+VeltCommentsSidebarV2MinimalActionsDropdownContent.MarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved;
+
+var VeltCommentsSidebarV2MinimalActionsDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2MinimalActionsDropdown.Trigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger;
+VeltCommentsSidebarV2MinimalActionsDropdown.Content = VeltCommentsSidebarV2MinimalActionsDropdownContent;
+
+var VeltCommentsSidebarV2FilterDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentListItem.Indicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator;
+VeltCommentsSidebarV2FilterDropdownContentListItem.Label = VeltCommentsSidebarV2FilterDropdownContentListItemLabel;
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategory = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentListCategory.Content = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent;
+
+var VeltCommentsSidebarV2FilterDropdownContentList = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentList.Item = VeltCommentsSidebarV2FilterDropdownContentListItem;
+VeltCommentsSidebarV2FilterDropdownContentList.Category = VeltCommentsSidebarV2FilterDropdownContentListCategory;
+
+var VeltCommentsSidebarV2FilterDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContent.List = VeltCommentsSidebarV2FilterDropdownContentList;
+
+var VeltCommentsSidebarV2FilterDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdown.Trigger = VeltCommentsSidebarV2FilterDropdownTrigger;
+VeltCommentsSidebarV2FilterDropdown.Content = VeltCommentsSidebarV2FilterDropdownContent;
+
+var VeltCommentsSidebarV2Wireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2Wireframe.Skeleton = VeltCommentsSidebarV2Skeleton;
+VeltCommentsSidebarV2Wireframe.Panel = VeltCommentsSidebarV2Panel;
+VeltCommentsSidebarV2Wireframe.Header = VeltCommentsSidebarV2Header;
+VeltCommentsSidebarV2Wireframe.CloseButton = VeltCommentsSidebarV2CloseButton;
+VeltCommentsSidebarV2Wireframe.EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder;
+VeltCommentsSidebarV2Wireframe.List = VeltCommentsSidebarV2List;
+VeltCommentsSidebarV2Wireframe.PageModeComposer = VeltCommentsSidebarV2PageModeComposer;
+VeltCommentsSidebarV2Wireframe.FocusedThread = VeltCommentsSidebarV2FocusedThread;
+VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown;
+VeltCommentsSidebarV2Wireframe.FilterDropdown = VeltCommentsSidebarV2FilterDropdown;
+
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -4675,19 +5507,19 @@ VeltCommentPinWireframe.Triangle = VeltCommentPinTriangle;
 VeltCommentPinWireframe.UnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator;
 VeltCommentPinWireframe.Number = VeltCommentPinNumber;
 
-var VeltSidebarButtonCommentsCount = function (props) {
+var VeltSidebarButtonCommentsCount$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-comments-count-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSidebarButtonIcon = function (props) {
+var VeltSidebarButtonIcon$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSidebarButtonUnreadIcon = function (props) {
+var VeltSidebarButtonUnreadIcon$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-unread-icon-wireframe", __assign({}, transformedProps), children));
@@ -4698,9 +5530,9 @@ var VeltSidebarButtonWireframe = function (props) {
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-wireframe", __assign({}, transformedProps), children));
 };
-VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount;
-VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon;
-VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon;
+VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount$1;
+VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon$1;
+VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon$1;
 
 var VeltCommentToolWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4714,39 +5546,39 @@ var VeltTextCommentToolWireframe = function (props) {
     return (React__default["default"].createElement("velt-text-comment-tool-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarCommentAnnotation = function (props) {
+var VeltTextCommentToolbarCommentAnnotation$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarCopywriter = function (props) {
+var VeltTextCommentToolbarCopywriter$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarGeneric = function (props) {
+var VeltTextCommentToolbarGeneric$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarDivider = function (props) {
+var VeltTextCommentToolbarDivider$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-divider-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbar = function (props) {
+var VeltTextCommentToolbar$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", __assign({}, transformedProps), children));
 };
-VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
-VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
-VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
-VeltTextCommentToolbar.Divider = VeltTextCommentToolbarDivider;
+VeltTextCommentToolbar$1.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation$1;
+VeltTextCommentToolbar$1.Copywriter = VeltTextCommentToolbarCopywriter$1;
+VeltTextCommentToolbar$1.Generic = VeltTextCommentToolbarGeneric$1;
+VeltTextCommentToolbar$1.Divider = VeltTextCommentToolbarDivider$1;
 
 var VeltUserSelectorDropdownAvatar = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4849,6 +5681,12 @@ VeltAutocompleteChipTooltipWireframe.Description = VeltAutocompleteChipTooltipDe
 VeltAutocompleteChipTooltipWireframe.Icon = VeltAutocompleteChipTooltipIconWireframe;
 VeltAutocompleteChipTooltipWireframe.Name = VeltAutocompleteChipTooltipNameWireframe;
 
+var VeltAutocompleteEmptyWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-autocomplete-empty-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltCommentBubbleAvatar = function (props) {
     var children = props.children;
     return (React__default["default"].createElement("velt-comment-bubble-avatar-wireframe", null, children));
@@ -7101,281 +7939,829 @@ var VeltTranscriptionSummaryExpandToggleWireframe = function (props) {
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-transcription-summary-expand-toggle-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionSummaryExpandToggleWireframe.On = VeltTranscriptionSummaryExpandToggleOnWireframe;
-VeltTranscriptionSummaryExpandToggleWireframe.Off = VeltTranscriptionSummaryExpandToggleOffWireframe;
+VeltTranscriptionSummaryExpandToggleWireframe.On = VeltTranscriptionSummaryExpandToggleOnWireframe;
+VeltTranscriptionSummaryExpandToggleWireframe.Off = VeltTranscriptionSummaryExpandToggleOffWireframe;
+
+var VeltTranscriptionSummaryTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-summary-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionSummaryWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-summary-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionSummaryWireframe.ExpandToggle = VeltTranscriptionSummaryExpandToggleWireframe;
+VeltTranscriptionSummaryWireframe.Text = VeltTranscriptionSummaryTextWireframe;
+
+var VeltTranscriptionPanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-panel-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionPanelWireframe.CloseButton = VeltTranscriptionCloseButtonWireframe;
+VeltTranscriptionPanelWireframe.CopyLink = VeltTranscriptionCopyLinkWireframe;
+VeltTranscriptionPanelWireframe.Summary = VeltTranscriptionSummaryWireframe;
+VeltTranscriptionPanelWireframe.Content = VeltTranscriptionContentWireframe;
+
+var VeltTranscriptionEmbedModeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-embed-mode-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionEmbedModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+
+var VeltTranscriptionPanelContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-panel-container-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionTooltipWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltTranscriptionFloatingModeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-transcription-floating-mode-wireframe", __assign({}, transformedProps), children));
+};
+VeltTranscriptionFloatingModeWireframe.Button = VeltTranscriptionButtonWireframe;
+VeltTranscriptionFloatingModeWireframe.Tooltip = VeltTranscriptionTooltipWireframe;
+VeltTranscriptionFloatingModeWireframe.PanelContainer = VeltTranscriptionPanelContainerWireframe;
+VeltTranscriptionFloatingModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+
+var VeltTranscriptionWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
+};
+VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
+VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;
+
+var VeltButtonWireframe = function (props) {
+    var id = props.id, disabled = props.disabled, active = props.active, type = props.type, group = props.group, children = props.children, remainingProps = __rest(props, ["id", "disabled", "active", "type", "group", "children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    var ref = React.useRef();
+    return (React__default["default"].createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelCountdownWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelEditHereWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
+};
+VeltSingleEditorModePanelWireframe.RequestAccess = VeltSingleEditorModePanelRequestAccessWireframe;
+VeltSingleEditorModePanelWireframe.RejectRequest = VeltSingleEditorModePanelRejectRequestWireframe;
+VeltSingleEditorModePanelWireframe.ViewerText = VeltSingleEditorModePanelViewerTextWireframe;
+VeltSingleEditorModePanelWireframe.EditorText = VeltSingleEditorModePanelEditorTextWireframe;
+VeltSingleEditorModePanelWireframe.EditHere = VeltSingleEditorModePanelEditHereWireframe;
+VeltSingleEditorModePanelWireframe.Countdown = VeltSingleEditorModePanelCountdownWireframe;
+VeltSingleEditorModePanelWireframe.CancelRequest = VeltSingleEditorModePanelCancelRequestWireframe;
+VeltSingleEditorModePanelWireframe.AcceptRequest = VeltSingleEditorModePanelAcceptRequestWireframe;
+
+var VeltPresenceAvatarListItemWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-avatar-list-item-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceAvatarListWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-avatar-list-wireframe", __assign({}, transformedProps), children));
+};
+VeltPresenceAvatarListWireframe.Item = VeltPresenceAvatarListItemWireframe;
+
+var VeltPresenceAvatarRemainingCountWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-avatar-remaining-count-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-wireframe", __assign({}, transformedProps), children));
+};
+VeltPresenceWireframe.AvatarList = VeltPresenceAvatarListWireframe;
+VeltPresenceWireframe.AvatarRemainingCount = VeltPresenceAvatarRemainingCountWireframe;
+
+var VeltPresenceTooltipAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-tooltip-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipUserActiveWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-tooltip-user-active-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipUserInactiveWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-tooltip-user-inactive-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipUserNameWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-tooltip-user-name-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipStatusContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-tooltip-status-container-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltPresenceTooltipWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-presence-tooltip-wireframe", __assign({}, transformedProps), children));
+};
+VeltPresenceTooltipWireframe.Avatar = VeltPresenceTooltipAvatarWireframe;
+VeltPresenceTooltipWireframe.UserActive = VeltPresenceTooltipUserActiveWireframe;
+VeltPresenceTooltipWireframe.UserInactive = VeltPresenceTooltipUserInactiveWireframe;
+VeltPresenceTooltipWireframe.UserName = VeltPresenceTooltipUserNameWireframe;
+VeltPresenceTooltipWireframe.StatusContainer = VeltPresenceTooltipStatusContainerWireframe;
+
+var VeltCursorPointerArrowWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-arrow-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerAudioHuddleAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-audio-huddle-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerAudioHuddleAudioWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-audio-huddle-audio-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerAudioHuddleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-audio-huddle-wireframe", __assign({}, transformedProps), children));
+};
+VeltCursorPointerAudioHuddleWireframe.Avatar = VeltCursorPointerAudioHuddleAvatarWireframe;
+VeltCursorPointerAudioHuddleWireframe.Audio = VeltCursorPointerAudioHuddleAudioWireframe;
+
+var VeltCursorPointerAvatarWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-avatar-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerDefaultNameWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-default-name-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerDefaultCommentWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-default-comment-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerDefaultWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-default-wireframe", __assign({}, transformedProps), children));
+};
+VeltCursorPointerDefaultWireframe.Name = VeltCursorPointerDefaultNameWireframe;
+VeltCursorPointerDefaultWireframe.Comment = VeltCursorPointerDefaultCommentWireframe;
+
+var VeltCursorPointerVideoHuddleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-video-huddle-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCursorPointerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-cursor-pointer-wireframe", __assign({}, transformedProps), children));
+};
+VeltCursorPointerWireframe.Arrow = VeltCursorPointerArrowWireframe;
+VeltCursorPointerWireframe.AudioHuddle = VeltCursorPointerAudioHuddleWireframe;
+VeltCursorPointerWireframe.Avatar = VeltCursorPointerAvatarWireframe;
+VeltCursorPointerWireframe.Default = VeltCursorPointerDefaultWireframe;
+VeltCursorPointerWireframe.VideoHuddle = VeltCursorPointerVideoHuddleWireframe;
+
+var VeltActivityLog = function (props) {
+    var darkMode = props.darkMode, shadowDom = props.shadowDom, useDummyData = props.useDummyData, variant = props.variant, children = props.children, remainingProps = __rest(props, ["darkMode", "shadowDom", "useDummyData", "variant", "children"]);
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log", __assign({ ref: ref, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "use-dummy-data": [true, false].includes(useDummyData) ? (useDummyData ? 'true' : 'false') : undefined, variant: variant }, remainingProps), children));
+};
+
+var VeltActivityLogHeader = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderTitle = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderCloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilter = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterTriggerIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterTriggerLabel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContentItem = function (props) {
+    var defaultCondition = props.defaultCondition, filterOption = props.filterOption, isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "filter-option": filterOption, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContentItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogHeaderFilterContentItemLabel = function (props) {
+    var defaultCondition = props.defaultCondition, filterOption = props.filterOption, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "filter-option": filterOption }, children));
+};
+
+var VeltActivityLogEmpty = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-empty", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogLoading = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-loading", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltActivityLogListDateGroup = function (props) {
+    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-date-group", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
+};
+
+var VeltActivityLogListDateGroupLabel = function (props) {
+    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-date-group-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
+};
+
+var VeltActivityLogListShowMore = function (props) {
+    var defaultCondition = props.defaultCondition, dateGroup = props.dateGroup, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-show-more", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "date-group": dateGroup }, children));
+};
+
+var VeltActivityLogListItem = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemAvatar = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-avatar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemTime = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-time", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContent = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentUser = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-user", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentAction = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-action", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentTarget = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-target", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
+
+var VeltActivityLogListItemContentDetail = function (props) {
+    var defaultCondition = props.defaultCondition, activityRecord = props.activityRecord, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-detail", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "activity-record": activityRecord }, children));
+};
 
-var VeltTranscriptionSummaryTextWireframe = function (props) {
+var VeltActivityLogHeaderTitleWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-summary-text-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-title-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTranscriptionSummaryWireframe = function (props) {
+var VeltActivityLogHeaderFilterTriggerIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-summary-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-icon-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionSummaryWireframe.ExpandToggle = VeltTranscriptionSummaryExpandToggleWireframe;
-VeltTranscriptionSummaryWireframe.Text = VeltTranscriptionSummaryTextWireframe;
 
-var VeltTranscriptionPanelWireframe = function (props) {
+var VeltActivityLogHeaderFilterTriggerLabelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-panel-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-label-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionPanelWireframe.CloseButton = VeltTranscriptionCloseButtonWireframe;
-VeltTranscriptionPanelWireframe.CopyLink = VeltTranscriptionCopyLinkWireframe;
-VeltTranscriptionPanelWireframe.Summary = VeltTranscriptionSummaryWireframe;
-VeltTranscriptionPanelWireframe.Content = VeltTranscriptionContentWireframe;
 
-var VeltTranscriptionEmbedModeWireframe = function (props) {
+var VeltActivityLogHeaderFilterTriggerWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-embed-mode-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-trigger-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionEmbedModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+VeltActivityLogHeaderFilterTriggerWireframe.Icon = VeltActivityLogHeaderFilterTriggerIconWireframe;
+VeltActivityLogHeaderFilterTriggerWireframe.Label = VeltActivityLogHeaderFilterTriggerLabelWireframe;
 
-var VeltTranscriptionPanelContainerWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentItemIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-panel-container-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTranscriptionButtonWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentItemLabelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-label-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTranscriptionTooltipWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentItemWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-item-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogHeaderFilterContentItemWireframe.Icon = VeltActivityLogHeaderFilterContentItemIconWireframe;
+VeltActivityLogHeaderFilterContentItemWireframe.Label = VeltActivityLogHeaderFilterContentItemLabelWireframe;
 
-var VeltTranscriptionFloatingModeWireframe = function (props) {
+var VeltActivityLogHeaderFilterContentWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-transcription-floating-mode-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-content-wireframe", __assign({}, transformedProps), children));
 };
-VeltTranscriptionFloatingModeWireframe.Button = VeltTranscriptionButtonWireframe;
-VeltTranscriptionFloatingModeWireframe.Tooltip = VeltTranscriptionTooltipWireframe;
-VeltTranscriptionFloatingModeWireframe.PanelContainer = VeltTranscriptionPanelContainerWireframe;
-VeltTranscriptionFloatingModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+VeltActivityLogHeaderFilterContentWireframe.Item = VeltActivityLogHeaderFilterContentItemWireframe;
 
-var VeltTranscriptionWireframe = function (props) {
+var VeltActivityLogHeaderFilterWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
-    transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
-};
-VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
-VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;
-
-var VeltButtonWireframe = function (props) {
-    var id = props.id, disabled = props.disabled, active = props.active, type = props.type, group = props.group, children = props.children, remainingProps = __rest(props, ["id", "disabled", "active", "type", "group", "children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    var ref = React.useRef();
-    return (React__default["default"].createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-filter-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogHeaderFilterWireframe.Trigger = VeltActivityLogHeaderFilterTriggerWireframe;
+VeltActivityLogHeaderFilterWireframe.Content = VeltActivityLogHeaderFilterContentWireframe;
 
-var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
+var VeltActivityLogHeaderCloseButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-close-button-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
+var VeltActivityLogHeaderWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-header-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogHeaderWireframe.Title = VeltActivityLogHeaderTitleWireframe;
+VeltActivityLogHeaderWireframe.Filter = VeltActivityLogHeaderFilterWireframe;
+VeltActivityLogHeaderWireframe.CloseButton = VeltActivityLogHeaderCloseButtonWireframe;
 
-var VeltSingleEditorModePanelCountdownWireframe = function (props) {
+var VeltActivityLogListDateGroupLabelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-date-group-label-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelEditHereWireframe = function (props) {
+var VeltActivityLogListDateGroupWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-date-group-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogListDateGroupWireframe.Label = VeltActivityLogListDateGroupLabelWireframe;
 
-var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
+var VeltActivityLogListItemIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
+var VeltActivityLogListItemAvatarWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-avatar-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
+var VeltActivityLogListItemContentUserWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-user-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
+var VeltActivityLogListItemContentActionWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-action-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSingleEditorModePanelWireframe = function (props) {
+var VeltActivityLogListItemContentTargetWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-target-wireframe", __assign({}, transformedProps), children));
 };
-VeltSingleEditorModePanelWireframe.RequestAccess = VeltSingleEditorModePanelRequestAccessWireframe;
-VeltSingleEditorModePanelWireframe.RejectRequest = VeltSingleEditorModePanelRejectRequestWireframe;
-VeltSingleEditorModePanelWireframe.ViewerText = VeltSingleEditorModePanelViewerTextWireframe;
-VeltSingleEditorModePanelWireframe.EditorText = VeltSingleEditorModePanelEditorTextWireframe;
-VeltSingleEditorModePanelWireframe.EditHere = VeltSingleEditorModePanelEditHereWireframe;
-VeltSingleEditorModePanelWireframe.Countdown = VeltSingleEditorModePanelCountdownWireframe;
-VeltSingleEditorModePanelWireframe.CancelRequest = VeltSingleEditorModePanelCancelRequestWireframe;
-VeltSingleEditorModePanelWireframe.AcceptRequest = VeltSingleEditorModePanelAcceptRequestWireframe;
 
-var VeltPresenceAvatarListItemWireframe = function (props) {
+var VeltActivityLogListItemContentDetailWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-avatar-list-item-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-detail-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceAvatarListWireframe = function (props) {
+var VeltActivityLogListItemContentWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-avatar-list-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-content-wireframe", __assign({}, transformedProps), children));
 };
-VeltPresenceAvatarListWireframe.Item = VeltPresenceAvatarListItemWireframe;
+VeltActivityLogListItemContentWireframe.User = VeltActivityLogListItemContentUserWireframe;
+VeltActivityLogListItemContentWireframe.Action = VeltActivityLogListItemContentActionWireframe;
+VeltActivityLogListItemContentWireframe.Target = VeltActivityLogListItemContentTargetWireframe;
+VeltActivityLogListItemContentWireframe.Detail = VeltActivityLogListItemContentDetailWireframe;
 
-var VeltPresenceAvatarRemainingCountWireframe = function (props) {
+var VeltActivityLogListItemTimeWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-avatar-remaining-count-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-time-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceWireframe = function (props) {
+var VeltActivityLogListItemWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-item-wireframe", __assign({}, transformedProps), children));
 };
-VeltPresenceWireframe.AvatarList = VeltPresenceAvatarListWireframe;
-VeltPresenceWireframe.AvatarRemainingCount = VeltPresenceAvatarRemainingCountWireframe;
+VeltActivityLogListItemWireframe.Icon = VeltActivityLogListItemIconWireframe;
+VeltActivityLogListItemWireframe.Avatar = VeltActivityLogListItemAvatarWireframe;
+VeltActivityLogListItemWireframe.Content = VeltActivityLogListItemContentWireframe;
+VeltActivityLogListItemWireframe.Time = VeltActivityLogListItemTimeWireframe;
 
-var VeltPresenceTooltipAvatarWireframe = function (props) {
+var VeltActivityLogListShowMoreWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-tooltip-avatar-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-show-more-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceTooltipUserActiveWireframe = function (props) {
+var VeltActivityLogListWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-tooltip-user-active-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-list-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogListWireframe.DateGroup = VeltActivityLogListDateGroupWireframe;
+VeltActivityLogListWireframe.Item = VeltActivityLogListItemWireframe;
+VeltActivityLogListWireframe.ShowMore = VeltActivityLogListShowMoreWireframe;
 
-var VeltPresenceTooltipUserInactiveWireframe = function (props) {
+var VeltActivityLogLoadingWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-tooltip-user-inactive-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-loading-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceTooltipUserNameWireframe = function (props) {
+var VeltActivityLogEmptyWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-tooltip-user-name-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-empty-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltPresenceTooltipStatusContainerWireframe = function (props) {
+var VeltActivityLogWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-tooltip-status-container-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-activity-log-wireframe", __assign({}, transformedProps), children));
 };
+VeltActivityLogWireframe.Header = VeltActivityLogHeaderWireframe;
+VeltActivityLogWireframe.List = VeltActivityLogListWireframe;
+VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
+VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;
 
-var VeltPresenceTooltipWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-presence-tooltip-wireframe", __assign({}, transformedProps), children));
+var VeltSidebarButtonIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-sidebar-button-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltPresenceTooltipWireframe.Avatar = VeltPresenceTooltipAvatarWireframe;
-VeltPresenceTooltipWireframe.UserActive = VeltPresenceTooltipUserActiveWireframe;
-VeltPresenceTooltipWireframe.UserInactive = VeltPresenceTooltipUserInactiveWireframe;
-VeltPresenceTooltipWireframe.UserName = VeltPresenceTooltipUserNameWireframe;
-VeltPresenceTooltipWireframe.StatusContainer = VeltPresenceTooltipStatusContainerWireframe;
 
-var VeltCursorPointerArrowWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-arrow-wireframe", __assign({}, transformedProps), children));
+var VeltSidebarButtonCommentsCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-sidebar-button-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerAudioHuddleAvatarWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-audio-huddle-avatar-wireframe", __assign({}, transformedProps), children));
+var VeltSidebarButtonUnreadIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-sidebar-button-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerAudioHuddleAudioWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-audio-huddle-audio-wireframe", __assign({}, transformedProps), children));
+var VeltTextComment = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerAudioHuddleWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-audio-huddle-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentTool = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-tool", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltCursorPointerAudioHuddleWireframe.Avatar = VeltCursorPointerAudioHuddleAvatarWireframe;
-VeltCursorPointerAudioHuddleWireframe.Audio = VeltCursorPointerAudioHuddleAudioWireframe;
 
-var VeltCursorPointerAvatarWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-avatar-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbar = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerDefaultNameWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-default-name-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerDefaultCommentWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-default-comment-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarDivider = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-divider", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerDefaultWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-default-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarCopywriter = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltCursorPointerDefaultWireframe.Name = VeltCursorPointerDefaultNameWireframe;
-VeltCursorPointerDefaultWireframe.Comment = VeltCursorPointerDefaultCommentWireframe;
 
-var VeltCursorPointerVideoHuddleWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-video-huddle-wireframe", __assign({}, transformedProps), children));
+var VeltTextCommentToolbarGeneric = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-generic", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCursorPointerWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-cursor-pointer-wireframe", __assign({}, transformedProps), children));
+var VeltMultiThreadCommentDialogList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogPanel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogComposerContainer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogCommentCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogEmptyPlaceholder = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogCloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogNewThreadButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogResetFilterButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
-VeltCursorPointerWireframe.Arrow = VeltCursorPointerArrowWireframe;
-VeltCursorPointerWireframe.AudioHuddle = VeltCursorPointerAudioHuddleWireframe;
-VeltCursorPointerWireframe.Avatar = VeltCursorPointerAvatarWireframe;
-VeltCursorPointerWireframe.Default = VeltCursorPointerDefaultWireframe;
-VeltCursorPointerWireframe.VideoHuddle = VeltCursorPointerVideoHuddleWireframe;
 
 function useClient() {
     var client = useVeltClient().client;
@@ -9274,6 +10660,48 @@ function useCrdtEventCallback(action) {
     return data;
 }
 
+function useActivityUtils() {
+    var _a = React__default["default"].useState(), activityElement = _a[0], setActivityElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || activityElement)
+            return;
+        var loadedActivityElement = client.getActivityElement();
+        setActivityElement(loadedActivityElement);
+    }, [client, setActivityElement, activityElement]);
+    return activityElement;
+}
+function useAllActivities(config) {
+    var activityElement = useActivityUtils();
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef();
+    // Memoize the inputs
+    var memoizedConfig = React__default["default"].useMemo(function () {
+        return config;
+    }, [JSON.stringify(config)]);
+    React__default["default"].useEffect(function () {
+        if (!activityElement)
+            return;
+        // Unsubscribe from the previous subscription if it exists
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = activityElement.getAllActivities(memoizedConfig)
+            .subscribe(function (activities) {
+            setData(activities);
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [activityElement === null || activityElement === void 0 ? void 0 : activityElement.getAllActivities, memoizedConfig]);
+    return data;
+}
+
 var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 var getSessionId = function () {
     return (sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(VELT_TAB_ID)) || sessionId;
@@ -9410,12 +10838,54 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
+exports.VeltActivityLog = VeltActivityLog;
+exports.VeltActivityLogEmpty = VeltActivityLogEmpty;
+exports.VeltActivityLogHeader = VeltActivityLogHeader;
+exports.VeltActivityLogHeaderCloseButton = VeltActivityLogHeaderCloseButton;
+exports.VeltActivityLogHeaderFilter = VeltActivityLogHeaderFilter;
+exports.VeltActivityLogHeaderFilterContent = VeltActivityLogHeaderFilterContent;
+exports.VeltActivityLogHeaderFilterContentItem = VeltActivityLogHeaderFilterContentItem;
+exports.VeltActivityLogHeaderFilterContentItemIcon = VeltActivityLogHeaderFilterContentItemIcon;
+exports.VeltActivityLogHeaderFilterContentItemLabel = VeltActivityLogHeaderFilterContentItemLabel;
+exports.VeltActivityLogHeaderFilterTrigger = VeltActivityLogHeaderFilterTrigger;
+exports.VeltActivityLogHeaderFilterTriggerIcon = VeltActivityLogHeaderFilterTriggerIcon;
+exports.VeltActivityLogHeaderFilterTriggerLabel = VeltActivityLogHeaderFilterTriggerLabel;
+exports.VeltActivityLogHeaderTitle = VeltActivityLogHeaderTitle;
+exports.VeltActivityLogList = VeltActivityLogList;
+exports.VeltActivityLogListDateGroup = VeltActivityLogListDateGroup;
+exports.VeltActivityLogListDateGroupLabel = VeltActivityLogListDateGroupLabel;
+exports.VeltActivityLogListItem = VeltActivityLogListItem;
+exports.VeltActivityLogListItemAvatar = VeltActivityLogListItemAvatar;
+exports.VeltActivityLogListItemContent = VeltActivityLogListItemContent;
+exports.VeltActivityLogListItemContentAction = VeltActivityLogListItemContentAction;
+exports.VeltActivityLogListItemContentDetail = VeltActivityLogListItemContentDetail;
+exports.VeltActivityLogListItemContentTarget = VeltActivityLogListItemContentTarget;
+exports.VeltActivityLogListItemContentUser = VeltActivityLogListItemContentUser;
+exports.VeltActivityLogListItemIcon = VeltActivityLogListItemIcon;
+exports.VeltActivityLogListItemTime = VeltActivityLogListItemTime;
+exports.VeltActivityLogListShowMore = VeltActivityLogListShowMore;
+exports.VeltActivityLogLoading = VeltActivityLogLoading;
+exports.VeltActivityLogWireframe = VeltActivityLogWireframe;
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
 exports.VeltAutocomplete = VeltAutocomplete;
+exports.VeltAutocompleteChip = VeltAutocompleteChip;
+exports.VeltAutocompleteChipTooltip = VeltAutocompleteChipTooltip;
+exports.VeltAutocompleteChipTooltipDescription = VeltAutocompleteChipTooltipDescription;
+exports.VeltAutocompleteChipTooltipIcon = VeltAutocompleteChipTooltipIcon;
+exports.VeltAutocompleteChipTooltipName = VeltAutocompleteChipTooltipName;
 exports.VeltAutocompleteChipTooltipWireframe = VeltAutocompleteChipTooltipWireframe;
+exports.VeltAutocompleteEmpty = VeltAutocompleteEmpty;
+exports.VeltAutocompleteEmptyWireframe = VeltAutocompleteEmptyWireframe;
+exports.VeltAutocompleteGroupOption = VeltAutocompleteGroupOption;
 exports.VeltAutocompleteGroupOptionWireframe = VeltAutocompleteGroupOptionWireframe;
+exports.VeltAutocompleteOption = VeltAutocompleteOption;
+exports.VeltAutocompleteOptionDescription = VeltAutocompleteOptionDescription;
+exports.VeltAutocompleteOptionErrorIcon = VeltAutocompleteOptionErrorIcon;
+exports.VeltAutocompleteOptionIcon = VeltAutocompleteOptionIcon;
+exports.VeltAutocompleteOptionName = VeltAutocompleteOptionName;
 exports.VeltAutocompleteOptionWireframe = VeltAutocompleteOptionWireframe;
+exports.VeltAutocompleteTool = VeltAutocompleteTool;
 exports.VeltButtonWireframe = VeltButtonWireframe;
 exports.VeltCanvasComment = VeltCanvasComment;
 exports.VeltChartComment = VeltChartComment;
@@ -9584,6 +11054,21 @@ exports.VeltCommentDialogToggleReplyIcon = VeltCommentDialogToggleReplyIcon$1;
 exports.VeltCommentDialogToggleReplyText = VeltCommentDialogToggleReplyText$1;
 exports.VeltCommentDialogUnresolveButton = VeltCommentDialogUnresolveButton$1;
 exports.VeltCommentDialogUpgrade = VeltCommentDialogUpgrade$1;
+exports.VeltCommentDialogVisibilityBanner = VeltCommentDialogVisibilityBanner$1;
+exports.VeltCommentDialogVisibilityBannerDropdown = VeltCommentDialogVisibilityBannerDropdown$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContent = VeltCommentDialogVisibilityBannerDropdownContent$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentItem = VeltCommentDialogVisibilityBannerDropdownContentItem$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentItemIcon = VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentItemLabel = VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1;
+exports.VeltCommentDialogVisibilityBannerDropdownContentUserPicker = VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTrigger = VeltCommentDialogVisibilityBannerDropdownTrigger$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount = VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerIcon = VeltCommentDialogVisibilityBannerDropdownTriggerIcon$1;
+exports.VeltCommentDialogVisibilityBannerDropdownTriggerLabel = VeltCommentDialogVisibilityBannerDropdownTriggerLabel$1;
+exports.VeltCommentDialogVisibilityBannerIcon = VeltCommentDialogVisibilityBannerIcon$1;
+exports.VeltCommentDialogVisibilityBannerText = VeltCommentDialogVisibilityBannerText$1;
 exports.VeltCommentDialogVisibilityDropdown = VeltCommentDialogVisibilityDropdown$1;
 exports.VeltCommentDialogVisibilityDropdownContent = VeltCommentDialogVisibilityDropdownContent;
 exports.VeltCommentDialogVisibilityDropdownContentPrivate = VeltCommentDialogVisibilityDropdownContentPrivate;
@@ -9593,6 +11078,12 @@ exports.VeltCommentDialogVisibilityDropdownTriggerIcon = VeltCommentDialogVisibi
 exports.VeltCommentDialogVisibilityDropdownTriggerLabel = VeltCommentDialogVisibilityDropdownTriggerLabel;
 exports.VeltCommentDialogWireframe = VeltCommentDialogWireframe;
 exports.VeltCommentPin = VeltCommentPin;
+exports.VeltCommentPinGhostCommentIndicator = VeltCommentPinGhostCommentIndicator$1;
+exports.VeltCommentPinIndex = VeltCommentPinIndex$1;
+exports.VeltCommentPinNumber = VeltCommentPinNumber$1;
+exports.VeltCommentPinPrivateCommentIndicator = VeltCommentPinPrivateCommentIndicator$1;
+exports.VeltCommentPinTriangle = VeltCommentPinTriangle$1;
+exports.VeltCommentPinUnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator$1;
 exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
 exports.VeltCommentPlayerTimeline = VeltCommentPlayerTimeline;
 exports.VeltCommentText = VeltCommentText;
@@ -9605,6 +11096,34 @@ exports.VeltCommentsMinimap = VeltCommentsMinimap;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCommentsSidebarButton = VeltCommentsSidebarButton;
 exports.VeltCommentsSidebarStatusDropdownWireframe = VeltCommentsSidebarStatusDropdownWireframe;
+exports.VeltCommentsSidebarV2 = VeltCommentsSidebarV2;
+exports.VeltCommentsSidebarV2CloseButton = VeltCommentsSidebarV2CloseButton$1;
+exports.VeltCommentsSidebarV2EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder$1;
+exports.VeltCommentsSidebarV2FilterDropdown = VeltCommentsSidebarV2FilterDropdown$1;
+exports.VeltCommentsSidebarV2FilterDropdownContent = VeltCommentsSidebarV2FilterDropdownContent$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentList = VeltCommentsSidebarV2FilterDropdownContentList$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListCategory = VeltCommentsSidebarV2FilterDropdownContentListCategory$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItem = VeltCommentsSidebarV2FilterDropdownContentListItem$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItemLabel = VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1;
+exports.VeltCommentsSidebarV2FilterDropdownTrigger = VeltCommentsSidebarV2FilterDropdownTrigger$1;
+exports.VeltCommentsSidebarV2FocusedThread = VeltCommentsSidebarV2FocusedThread$1;
+exports.VeltCommentsSidebarV2FocusedThreadBackButton = VeltCommentsSidebarV2FocusedThreadBackButton$1;
+exports.VeltCommentsSidebarV2FocusedThreadDialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer$1;
+exports.VeltCommentsSidebarV2Header = VeltCommentsSidebarV2Header$1;
+exports.VeltCommentsSidebarV2List = VeltCommentsSidebarV2List$1;
+exports.VeltCommentsSidebarV2ListItem = VeltCommentsSidebarV2ListItem$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContent = VeltCommentsSidebarV2MinimalActionsDropdownContent$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownTrigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1;
+exports.VeltCommentsSidebarV2PageModeComposer = VeltCommentsSidebarV2PageModeComposer$1;
+exports.VeltCommentsSidebarV2Panel = VeltCommentsSidebarV2Panel$1;
+exports.VeltCommentsSidebarV2ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton$1;
+exports.VeltCommentsSidebarV2Skeleton = VeltCommentsSidebarV2Skeleton$1;
+exports.VeltCommentsSidebarV2Wireframe = VeltCommentsSidebarV2Wireframe;
 exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltConfirmDialogWireframe = VeltConfirmDialogWireframe;
 exports.VeltCursor = SnippylyCursor;
@@ -9615,10 +11134,56 @@ exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
 exports.VeltIf = VeltIf;
 exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
+exports.VeltInlineCommentsSectionCommentCount = VeltInlineCommentsSectionCommentCount;
+exports.VeltInlineCommentsSectionComposerContainer = VeltInlineCommentsSectionComposerContainer;
+exports.VeltInlineCommentsSectionFilterDropdown = VeltInlineCommentsSectionFilterDropdown;
+exports.VeltInlineCommentsSectionFilterDropdownContent = VeltInlineCommentsSectionFilterDropdownContent;
+exports.VeltInlineCommentsSectionFilterDropdownContentList = VeltInlineCommentsSectionFilterDropdownContentList;
+exports.VeltInlineCommentsSectionFilterDropdownContentListItem = VeltInlineCommentsSectionFilterDropdownContentListItem;
+exports.VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox;
+exports.VeltInlineCommentsSectionFilterDropdownContentListItemLabel = VeltInlineCommentsSectionFilterDropdownContentListItemLabel;
+exports.VeltInlineCommentsSectionFilterDropdownTrigger = VeltInlineCommentsSectionFilterDropdownTrigger;
+exports.VeltInlineCommentsSectionFilterDropdownTriggerArrow = VeltInlineCommentsSectionFilterDropdownTriggerArrow;
+exports.VeltInlineCommentsSectionFilterDropdownTriggerName = VeltInlineCommentsSectionFilterDropdownTriggerName;
+exports.VeltInlineCommentsSectionList = VeltInlineCommentsSectionList;
+exports.VeltInlineCommentsSectionPanel = VeltInlineCommentsSectionPanel;
+exports.VeltInlineCommentsSectionSkeleton = VeltInlineCommentsSectionSkeleton;
+exports.VeltInlineCommentsSectionSortingDropdown = VeltInlineCommentsSectionSortingDropdown;
+exports.VeltInlineCommentsSectionSortingDropdownContent = VeltInlineCommentsSectionSortingDropdownContent;
+exports.VeltInlineCommentsSectionSortingDropdownContentItem = VeltInlineCommentsSectionSortingDropdownContentItem;
+exports.VeltInlineCommentsSectionSortingDropdownContentItemIcon = VeltInlineCommentsSectionSortingDropdownContentItemIcon;
+exports.VeltInlineCommentsSectionSortingDropdownContentItemName = VeltInlineCommentsSectionSortingDropdownContentItemName;
+exports.VeltInlineCommentsSectionSortingDropdownContentItemTick = VeltInlineCommentsSectionSortingDropdownContentItemTick;
+exports.VeltInlineCommentsSectionSortingDropdownTrigger = VeltInlineCommentsSectionSortingDropdownTrigger;
+exports.VeltInlineCommentsSectionSortingDropdownTriggerIcon = VeltInlineCommentsSectionSortingDropdownTriggerIcon;
+exports.VeltInlineCommentsSectionSortingDropdownTriggerName = VeltInlineCommentsSectionSortingDropdownTriggerName;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
 exports.VeltMediaSourceSettingsWireframe = VeltMediaSourceSettingsWireframe;
+exports.VeltMultiThreadCommentDialogCloseButton = VeltMultiThreadCommentDialogCloseButton;
+exports.VeltMultiThreadCommentDialogCommentCount = VeltMultiThreadCommentDialogCommentCount;
+exports.VeltMultiThreadCommentDialogComposerContainer = VeltMultiThreadCommentDialogComposerContainer;
+exports.VeltMultiThreadCommentDialogEmptyPlaceholder = VeltMultiThreadCommentDialogEmptyPlaceholder;
+exports.VeltMultiThreadCommentDialogList = VeltMultiThreadCommentDialogList;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdown = VeltMultiThreadCommentDialogMinimalActionsDropdown;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownContent = VeltMultiThreadCommentDialogMinimalActionsDropdownContent;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdown = VeltMultiThreadCommentDialogMinimalFilterDropdown;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContent = VeltMultiThreadCommentDialogMinimalFilterDropdownContent;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger;
+exports.VeltMultiThreadCommentDialogNewThreadButton = VeltMultiThreadCommentDialogNewThreadButton;
+exports.VeltMultiThreadCommentDialogPanel = VeltMultiThreadCommentDialogPanel;
+exports.VeltMultiThreadCommentDialogResetFilterButton = VeltMultiThreadCommentDialogResetFilterButton;
 exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
@@ -9650,14 +11215,24 @@ exports.VeltRecorderTool = SnippylyRecorderTool;
 exports.VeltRecorderVideoToolWireframe = VeltRecorderVideoToolWireframe;
 exports.VeltRecordingPreviewStepsDialogWireframe = VeltRecordingPreviewStepsDialogWireframe;
 exports.VeltSidebarButton = SnippylySidebarButton;
+exports.VeltSidebarButtonCommentsCount = VeltSidebarButtonCommentsCount;
+exports.VeltSidebarButtonIcon = VeltSidebarButtonIcon;
+exports.VeltSidebarButtonUnreadIcon = VeltSidebarButtonUnreadIcon;
 exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
 exports.VeltSingleEditorModePanel = VeltSingleEditorModePanel;
 exports.VeltSingleEditorModePanelWireframe = VeltSingleEditorModePanelWireframe;
 exports.VeltSubtitlesWireframe = VeltSubtitlesWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
+exports.VeltTextComment = VeltTextComment;
+exports.VeltTextCommentTool = VeltTextCommentTool;
 exports.VeltTextCommentToolWireframe = VeltTextCommentToolWireframe;
-exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar;
+exports.VeltTextCommentToolbar = VeltTextCommentToolbar;
+exports.VeltTextCommentToolbarCommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
+exports.VeltTextCommentToolbarCopywriter = VeltTextCommentToolbarCopywriter;
+exports.VeltTextCommentToolbarDivider = VeltTextCommentToolbarDivider;
+exports.VeltTextCommentToolbarGeneric = VeltTextCommentToolbarGeneric;
+exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar$1;
 exports.VeltTranscriptionWireframe = VeltTranscriptionWireframe;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
@@ -9669,10 +11244,12 @@ exports.VeltViewAnalytics = VeltViewAnalytics;
 exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;
 exports.useAIRewriterUtils = useAIRewriterUtils;
+exports.useActivityUtils = useActivityUtils;
 exports.useAddAttachment = useAddAttachment;
 exports.useAddComment = useAddComment;
 exports.useAddCommentAnnotation = useAddCommentAnnotation;
 exports.useAddReaction = useAddReaction;
+exports.useAllActivities = useAllActivities;
 exports.useApproveCommentAnnotation = useApproveCommentAnnotation;
 exports.useAssignUser = useAssignUser;
 exports.useAutocompleteChipClick = useAutocompleteChipClick;