@veltdev/react 5.0.2-beta.3 → 5.0.2-beta.5

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.3';
+var VELT_SDK_VERSION = '5.0.2-beta.5';
 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.3': 'sha384-hcGXURhjWIo3R0IdWVLQEE8eSEGrKJcdlTbjbRiE5rliKKGlNsXYyy2c3Q3CiCBU',
+    '5.0.2-beta.5': 'sha384-luyy1vWtVn6u4OutxwI4nu8zboJAmYuZda0QZOJka5s9n1ajaFdXwsyapSWWGdYp',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -545,7 +545,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,7 +670,7 @@ 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) {
@@ -1704,6 +1704,84 @@ 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));
@@ -2213,6 +2291,96 @@ 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 VeltCommentDialogVisibilityBanner$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", { 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);
@@ -2903,6 +3071,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 +4167,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;
@@ -4849,6 +5122,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));
@@ -9413,9 +9692,23 @@ var logLiveState = function (action, liveStateDataId) {
 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 +9877,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;