@veltdev/react 4.7.8 → 5.0.0-beta.10

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '4.7.8';
+var VELT_SDK_VERSION = '5.0.0-beta.10';
 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 = {
-    '4.7.8': 'sha384-FEqQMemqzDZDXnFX7Agv2pVMRTIkRPfPSBgSMckfI/TxwIOqlgLGCbvD655jSs5T',
+    '5.0.0-beta.10': 'sha384-lfrhhXJI+7qwt11axkvxSE3P5wrcprWI2qU28Y3nIiSlfZ9E9QV9zAUsXffx7e01',
 };
 
 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;
+    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;
     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 }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "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 }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -751,7 +751,7 @@ var SnippylyCommentsSidebar = function (props) {
 };
 
 var SnippylyCommentTool = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, disabled = props.disabled, contextInPageModeComposer = props.contextInPageModeComposer;
+    var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, disabled = props.disabled;
     var ref = React.useRef();
     var onCommentModeChangeRef = React.useRef(onCommentModeChange);
     // Update the ref to always point to the latest callback function
@@ -777,7 +777,7 @@ var SnippylyCommentTool = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, "context-in-page-mode-composer": [true, false].includes(contextInPageModeComposer) ? (contextInPageModeComposer ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCursor = function (props) {
@@ -1776,8 +1776,8 @@ var VeltInlineReactionsSection = function (props) {
 };
 
 var VeltCommentComposer = function (props) {
-    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, targetComposerElementId = props.targetComposerElementId, placeholder = props.placeholder;
-    return (React__default["default"].createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "target-composer-element-id": targetComposerElementId, placeholder: placeholder }));
+    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, placeholder = props.placeholder, targetElementId = props.targetElementId;
+    return (React__default["default"].createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, placeholder: placeholder, "target-element-id": targetElementId }));
 };
 
 var VeltSingleEditorModePanel = function (props) {
@@ -1797,6 +1797,1001 @@ 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 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);
+    return (React__default["default"].createElement("velt-comment-dialog", { 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, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, placeholder: placeholder }, children));
+};
+
+var VeltCommentDialogContextWrapper = function (props) {
+    var annotationId = props.annotationId, children = props.children, restProps = __rest(props, ["annotationId", "children"]);
+    var ref = React.useRef(null);
+    // Convert camelCase props to kebab-case attributes for custom element
+    var customAttributes = {};
+    Object.keys(restProps).forEach(function (key) {
+        // Skip React-specific props
+        if (['className', 'style', 'id', 'ref', 'key'].includes(key)) {
+            return;
+        }
+        // Convert camelCase to kebab-case
+        var kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+        var value = restProps[key];
+        if (value !== undefined && value !== null) {
+            customAttributes[kebabKey] = typeof value === 'object' ? JSON.stringify(value) : String(value);
+        }
+    });
+    return (React__default["default"].createElement("velt-comment-dialog-context-wrapper", __assign({ ref: ref, "annotation-id": annotationId }, customAttributes), children));
+};
+
+var VeltCommentDialogThreadCard$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAvatar$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-avatar", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardDeviceType$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-device-type", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardDraft$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-draft", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardEdited$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-edited", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardMessage$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-name", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardReactionTool$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, noPadding = props.noPadding, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-tool", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "no-padding": noPadding !== undefined ? (typeof noPadding === 'string' ? noPadding : (noPadding ? 'true' : 'false')) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardReactions$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reactions", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardRecordings$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, recorderId = props.recorderId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-recordings", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "recorder-id": recorderId }, children));
+};
+
+var VeltCommentDialogThreadCardReply$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reply", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardTime$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-time", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardUnread$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardOptions$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-options", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, onChangeStatus = props.onChangeStatus, children = props.children;
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        if (ref.current && onChangeStatus) {
+            var element_1 = ref.current;
+            var handleChangeStatus_1 = function (event) {
+                onChangeStatus(event.detail);
+            };
+            element_1.addEventListener('changeStatus', handleChangeStatus_1);
+            return function () {
+                element_1.removeEventListener('changeStatus', handleChangeStatus_1);
+            };
+        }
+    }, [onChangeStatus]);
+    return (React__default["default"].createElement("velt-comment-dialog-status-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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownTrigger = 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-status-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 VeltCommentDialogStatusDropdownTriggerIcon = 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-status-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 VeltCommentDialogStatusDropdownTriggerName = 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-status-dropdown-trigger-name", { 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 VeltCommentDialogStatusDropdownTriggerArrow = 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-status-dropdown-trigger-arrow", { 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 VeltCommentDialogStatusDropdownContent = 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-status-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 VeltCommentDialogStatusDropdownContentItem = 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-status-dropdown-content-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 VeltCommentDialogStatusDropdownContentItemIcon = 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-status-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 VeltCommentDialogStatusDropdownContentItemName = 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-status-dropdown-content-item-name", { 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 VeltCommentDialogPriorityDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-priority-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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownTrigger = 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-priority-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 VeltCommentDialogPriorityDropdownTriggerIcon = 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-priority-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 VeltCommentDialogPriorityDropdownTriggerName = 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-priority-dropdown-trigger-name", { 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 VeltCommentDialogPriorityDropdownTriggerArrow = 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-priority-dropdown-trigger-arrow", { 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 VeltCommentDialogPriorityDropdownContent = 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-priority-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 VeltCommentDialogPriorityDropdownContentItem = 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-priority-dropdown-content-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 VeltCommentDialogPriorityDropdownContentItemIcon = 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-priority-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 VeltCommentDialogPriorityDropdownContentItemName = 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-priority-dropdown-content-item-name", { 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 VeltCommentDialogPriorityDropdownContentItemTick = 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-priority-dropdown-content-item-tick", { 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 VeltCommentDialogCustomAnnotationDropdown$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-custom-annotation-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 VeltCommentDialogCustomAnnotationDropdownTrigger$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-custom-annotation-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 VeltCommentDialogCustomAnnotationDropdownTriggerArrow$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-custom-annotation-dropdown-trigger-arrow", { 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 VeltCommentDialogCustomAnnotationDropdownTriggerList$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-custom-annotation-dropdown-trigger-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 VeltCommentDialogCustomAnnotationDropdownTriggerListItem$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-custom-annotation-dropdown-trigger-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 VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$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-custom-annotation-dropdown-trigger-placeholder", { 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 VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$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-custom-annotation-dropdown-trigger-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 VeltCommentDialogCustomAnnotationDropdownContent$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-custom-annotation-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 VeltCommentDialogCustomAnnotationDropdownContentItem$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-custom-annotation-dropdown-content-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 VeltCommentDialogCustomAnnotationDropdownContentItemIcon$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-custom-annotation-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 VeltCommentDialogCustomAnnotationDropdownContentItemLabel$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-custom-annotation-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 VeltCommentDialogOptionsDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableAssignment = props.enableAssignment, allowAssignment = props.allowAssignment, enableEdit = props.enableEdit, allowEdit = props.allowEdit, enableNotifications = props.enableNotifications, allowToggleNotification = props.allowToggleNotification, enablePrivateMode = props.enablePrivateMode, allowChangeCommentAccessMode = props.allowChangeCommentAccessMode, triggerTemplate = props.triggerTemplate, contentTemplate = props.contentTemplate, onOpenDropdownIndex = props.onOpenDropdownIndex, children = props.children;
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        if (ref.current && onOpenDropdownIndex) {
+            var element_1 = ref.current;
+            var handleOpenDropdownIndex_1 = function (event) {
+                onOpenDropdownIndex(event.detail);
+            };
+            element_1.addEventListener('openDropdownIndex', handleOpenDropdownIndex_1);
+            return function () {
+                element_1.removeEventListener('openDropdownIndex', handleOpenDropdownIndex_1);
+            };
+        }
+    }, [onOpenDropdownIndex]);
+    return (React__default["default"].createElement("velt-comment-dialog-options-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "allow-assignment": [true, false].includes(allowAssignment) ? (allowAssignment ? 'true' : 'false') : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined, "allow-edit": [true, false].includes(allowEdit) ? (allowEdit ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "allow-toggle-notification": [true, false].includes(allowToggleNotification) ? (allowToggleNotification ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "allow-change-comment-access-mode": [true, false].includes(allowChangeCommentAccessMode) ? (allowChangeCommentAccessMode ? 'true' : 'false') : undefined, "trigger-template": triggerTemplate ? JSON.stringify(triggerTemplate) : undefined, "content-template": contentTemplate ? JSON.stringify(contentTemplate) : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownTrigger = 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-options-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 VeltCommentDialogOptionsDropdownContent = 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-options-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 VeltCommentDialogOptionsDropdownContentAssign = 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-options-dropdown-content-assign", { 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 VeltCommentDialogOptionsDropdownContentEdit = 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-options-dropdown-content-edit", { 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 VeltCommentDialogOptionsDropdownContentDelete = 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-options-dropdown-content-delete", { 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 VeltCommentDialogOptionsDropdownContentDeleteComment = 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-options-dropdown-content-delete-comment", { 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 VeltCommentDialogOptionsDropdownContentDeleteThread = 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-options-dropdown-content-delete-thread", { 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 VeltCommentDialogOptionsDropdownContentMakePrivate = 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-options-dropdown-content-make-private", { 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 VeltCommentDialogOptionsDropdownContentMakePrivateEnable = 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-options-dropdown-content-make-private-enable", { 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 VeltCommentDialogOptionsDropdownContentMakePrivateDisable = 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-options-dropdown-content-make-private-disable", { 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 VeltCommentDialogOptionsDropdownContentNotification = 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-options-dropdown-content-notification", { 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 VeltCommentDialogOptionsDropdownContentNotificationSubscribe = 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-options-dropdown-content-notification-subscribe", { 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 VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe = 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-options-dropdown-content-notification-unsubscribe", { 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 VeltCommentDialogOptionsDropdownContentMarkAsRead = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableMarkAsRead = props.enableMarkAsRead, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-options-dropdown-content-mark-as-read", { 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, "enable-mark-as-read": [true, false].includes(enableMarkAsRead) ? (enableMarkAsRead ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead = 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-options-dropdown-content-mark-as-read-mark-read", { 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 VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = 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-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 ref = React.useRef(null);
+    React.useEffect(function () {
+        if (ref.current && onSetAssignTo) {
+            var element_1 = ref.current;
+            var handleSetAssignTo_1 = function (event) {
+                onSetAssignTo(event.detail);
+            };
+            element_1.addEventListener('setAssignTo', handleSetAssignTo_1);
+            return function () {
+                element_1.removeEventListener('setAssignTo', handleSetAssignTo_1);
+            };
+        }
+    }, [onSetAssignTo]);
+    return (React__default["default"].createElement("velt-comment-dialog-assign-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, "assign-to": assignTo ? (typeof assignTo === 'string' ? assignTo : JSON.stringify(assignTo)) : undefined, "selected-user-contacts": selectedUserContacts ? (typeof selectedUserContacts === 'string' ? selectedUserContacts : JSON.stringify(selectedUserContacts)) : undefined }, children));
+};
+
+var VeltCommentDialogAttachmentButton = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, template = props.template, componentMeta = props.componentMeta, allowedFileTypes = props.allowedFileTypes, onClicked = props.onClicked, onSelectFiles = props.onSelectFiles, children = props.children;
+    var ref = React.useRef(null);
+    React.useEffect(function () {
+        if (ref.current) {
+            var element_1 = ref.current;
+            var handleClicked_1 = function () {
+                if (onClicked)
+                    onClicked();
+            };
+            var handleSelectFiles_1 = function (event) {
+                if (onSelectFiles)
+                    onSelectFiles(event.detail);
+            };
+            if (onClicked) {
+                element_1.addEventListener('clicked', handleClicked_1);
+            }
+            if (onSelectFiles) {
+                element_1.addEventListener('selectFiles', handleSelectFiles_1);
+            }
+            return function () {
+                if (onClicked) {
+                    element_1.removeEventListener('clicked', handleClicked_1);
+                }
+                if (onSelectFiles) {
+                    element_1.removeEventListener('selectFiles', handleSelectFiles_1);
+                }
+            };
+        }
+    }, [onClicked, onSelectFiles]);
+    return (React__default["default"].createElement("velt-comment-dialog-attachment-button", { 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, template: template ? JSON.stringify(template) : undefined, "component-meta": componentMeta ? (typeof componentMeta === 'string' ? componentMeta : JSON.stringify(componentMeta)) : undefined, "allowed-file-types": allowedFileTypes ? (typeof allowedFileTypes === 'string' ? allowedFileTypes : JSON.stringify(allowedFileTypes)) : undefined }, children));
+};
+
+var VeltCommentDialogDeviceTypeIcons = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, deviceType = props.deviceType, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-device-type-icons", { 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, "device-type": deviceType }, children));
+};
+
+var VeltCommentDialogOptions$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-options", { 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, variant: variant }, children));
+};
+
+var VeltCommentDialogPriority$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-priority", { 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, variant: variant }, children));
+};
+
+var VeltCommentDialogStatus$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-status", { 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, variant: variant }, children));
+};
+
+var VeltCommentDialogDeleteButton$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-delete-button", { 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 VeltCommentDialogAssigneeBanner$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-assignee-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 VeltCommentDialogAssigneeBannerUserName$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-assignee-banner-user-name", { 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 VeltCommentDialogAssigneeBannerUserAvatar$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-assignee-banner-user-avatar", { 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 VeltCommentDialogAssigneeBannerResolveButton$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-assignee-banner-resolve-button", { 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 VeltCommentDialogAssigneeBannerUnresolveButton$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-assignee-banner-unresolve-button", { 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 VeltCommentDialogAllComment$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-all-comment", { 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 VeltCommentDialogApprove$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-approve", { 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 VeltCommentDialogAssignMenu$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-assign-menu", { 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 VeltCommentDialogBody$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-body", { 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 VeltCommentDialogCloseButton$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-close-button", { 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 VeltCommentDialogCommentCategory$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-comment-category", { 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 VeltCommentDialogCommentIndex$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-comment-index", { 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 VeltCommentDialogCommentNumber$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-comment-number", { 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 VeltCommentDialogCommentSuggestionStatus$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-comment-suggestion-status", { 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 VeltCommentDialogCopyLink$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-copy-link", { 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 VeltCommentDialogGhostBanner$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-ghost-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 VeltCommentDialogHeader$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-header", { 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 VeltCommentDialogHideReply$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-hide-reply", { 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 VeltCommentDialogMetadata = 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-metadata", { 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 VeltCommentDialogMoreReply$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-more-reply", { 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 VeltCommentDialogNavigationButton$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-navigation-button", { 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 VeltCommentDialogPrivateBanner$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-private-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 VeltCommentDialogPrivateButton = 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-private-button", { 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 VeltCommentDialogResolveButton$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-resolve-button", { 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 VeltCommentDialogSignIn$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-sign-in", { 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 VeltCommentDialogThreads$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentDialogSelected = props.commentDialogSelected, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-threads", { 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, "comment-dialog-selected": [true, false].includes(commentDialogSelected) ? (commentDialogSelected ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogUnresolveButton$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-unresolve-button", { 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 VeltCommentDialogUpgrade$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-upgrade", { 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 VeltCommentDialogToggleReply$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-toggle-reply", { 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 VeltCommentDialogToggleReplyCount$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-toggle-reply-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 VeltCommentDialogToggleReplyIcon$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-toggle-reply-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 VeltCommentDialogToggleReplyText$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-toggle-reply-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 VeltCommentDialogReplyAvatars$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-reply-avatars", { 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 VeltCommentDialogReplyAvatarsList$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-reply-avatars-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 VeltCommentDialogReplyAvatarsListItem$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-reply-avatars-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 VeltCommentDialogReplyAvatarsRemainingCount$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-reply-avatars-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 VeltCommentDialogSuggestionAction$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-suggestion-action", { 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 VeltCommentDialogSuggestionActionAccept$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-suggestion-action-accept", { 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 VeltCommentDialogSuggestionActionReject$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-suggestion-action-reject", { 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 VeltCommentDialogComposer$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, targetElementId = props.targetElementId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-composer", { 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, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "target-element-id": targetElementId }, children));
+};
+
+var VeltCommentDialogComposerActionButton$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-composer-action-button", { 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 VeltCommentDialogComposerAssignUser$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-composer-assign-user", { 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 VeltCommentDialogComposerAvatar$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-composer-avatar", { 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 VeltCommentDialogComposerInput$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-input", { 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, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder }, children));
+};
+
+var VeltCommentDialogComposerPrivateBadge$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-composer-private-badge", { 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 VeltCommentDialogComposerRecordings$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-composer-recordings", { 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 VeltCommentDialogComposerAttachments$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-composer-attachments", { 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 VeltCommentDialogComposerAttachmentsSelected$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-composer-attachments-selected", { 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 VeltCommentDialogComposerAttachmentsImage$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-composer-attachments-image", { 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 VeltCommentDialogComposerAttachmentsImageDelete$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-composer-attachments-image-delete", { 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 VeltCommentDialogComposerAttachmentsImageLoading$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-composer-attachments-image-loading", { 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 VeltCommentDialogComposerAttachmentsImagePreview$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-composer-attachments-image-preview", { 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 VeltCommentDialogComposerAttachmentsOther$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-composer-attachments-other", { 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 VeltCommentDialogComposerAttachmentsOtherDelete$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-composer-attachments-other-delete", { 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 VeltCommentDialogComposerAttachmentsOtherIcon$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-composer-attachments-other-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 VeltCommentDialogComposerAttachmentsOtherLoading$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-composer-attachments-other-loading", { 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 VeltCommentDialogComposerAttachmentsOtherName$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-composer-attachments-other-name", { 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 VeltCommentDialogComposerAttachmentsOtherSize$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-composer-attachments-other-size", { 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 VeltCommentDialogComposerAttachmentsInvalid$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-composer-attachments-invalid", { 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 VeltCommentDialogComposerAttachmentsInvalidItem$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-composer-attachments-invalid-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 VeltCommentDialogComposerAttachmentsInvalidItemDelete$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-composer-attachments-invalid-item-delete", { 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 VeltCommentDialogComposerAttachmentsInvalidItemMessage$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-composer-attachments-invalid-item-message", { 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 VeltCommentDialogComposerAttachmentsInvalidItemPreview$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-composer-attachments-invalid-item-preview", { 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 VeltCommentDialogThreadCardAttachments$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentId = props.attachmentId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-id": attachmentId }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImage$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-delete", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDownload$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-download", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImagePreview$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-preview", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other", { 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, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-delete", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherDownload$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-download", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-name", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherSize$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-size", { 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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, enableSeenByUsers = props.enableSeenByUsers, isDraft = props.isDraft, viewCount = props.viewCount, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-seen-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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "enable-seen-by-users": enableSeenByUsers !== undefined ? (typeof enableSeenByUsers === 'string' ? enableSeenByUsers : (enableSeenByUsers ? 'true' : 'false')) : undefined, "is-draft": isDraft !== undefined ? (typeof isDraft === 'string' ? isDraft : (isDraft ? 'true' : 'false')) : undefined, "view-count": viewCount !== undefined ? String(viewCount) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownTrigger$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-thread-card-seen-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 VeltCommentDialogThreadCardSeenDropdownContent$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-thread-card-seen-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 VeltCommentDialogThreadCardSeenDropdownContentTitle$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-thread-card-seen-dropdown-content-title", { 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 VeltCommentDialogThreadCardSeenDropdownContentItems$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-thread-card-seen-dropdown-content-items", { 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 VeltCommentDialogThreadCardSeenDropdownContentItem$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-thread-card-seen-dropdown-content-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 VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$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-thread-card-seen-dropdown-content-item-avatar", { 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 VeltCommentDialogThreadCardSeenDropdownContentItemName$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-thread-card-seen-dropdown-content-item-name", { 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 VeltCommentDialogThreadCardSeenDropdownContentItemTime$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-thread-card-seen-dropdown-content-item-time", { 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 VeltWireframe = function (props) {
     var children = props.children;
     return (React__default["default"].createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -2451,27 +3446,15 @@ VeltCommentDialogThreadCardOptions.Content = VeltCommentDialogOptionsDropdownCon
 VeltCommentDialogThreadCardOptions.Trigger = VeltCommentDialogOptionsDropdownTriggerWireframe;
 
 var VeltCommentDialogThreadCardReactionTool = function (props) {
-    var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, transformedProps, { "exclude-reaction-ids": excludeReactionIds ? JSON.stringify(excludeReactionIds) : undefined }), children));
-};
-
-var VeltCommentDialogThreadCardReactionPin = function (props) {
-    var children = props.children, reactionId = props.reactionId, remainingProps = __rest(props, ["children", "reactionId"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-pin-wireframe", __assign({}, transformedProps, { "reaction-id": reactionId }), children));
-};
-
-var VeltCommentDialogThreadCardAssignButton = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-assign-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, transformedProps), children));
 };
 
 var VeltCommentDialogThreadCardReactions = function (props) {
-    var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
+    var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, transformedProps, { "exclude-reaction-ids": excludeReactionIds ? JSON.stringify(excludeReactionIds) : undefined }), children));
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, transformedProps), children));
 };
 
 var VeltCommentDialogThreadCardRecordings = function (props) {
@@ -2581,8 +3564,6 @@ VeltCommentDialogThreadCard.Name = VeltCommentDialogThreadCardName;
 VeltCommentDialogThreadCard.Options = VeltCommentDialogThreadCardOptions;
 VeltCommentDialogThreadCard.Reactions = VeltCommentDialogThreadCardReactions;
 VeltCommentDialogThreadCard.ReactionTool = VeltCommentDialogThreadCardReactionTool;
-VeltCommentDialogThreadCard.ReactionPin = VeltCommentDialogThreadCardReactionPin;
-VeltCommentDialogThreadCard.AssignButton = VeltCommentDialogThreadCardAssignButton;
 VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
 VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
 VeltCommentDialogThreadCard.Unread = VeltCommentDialogThreadCardUnread;
@@ -3271,12 +4252,6 @@ var VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen = function (props)
     return (React__default["default"].createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-assigned-to-me-wireframe", __assign({}, transformedProps), children));
-};
-
 var VeltCommentsSidebarMinimalFilterDropdownContentFilterReset = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -3311,7 +4286,6 @@ VeltCommentsSidebarMinimalFilterDropdownContent.FilterUnread = VeltCommentsSideb
 VeltCommentsSidebarMinimalFilterDropdownContent.FilterRead = VeltCommentsSidebarMinimalFilterDropdownContentFilterRead;
 VeltCommentsSidebarMinimalFilterDropdownContent.FilterResolved = VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved;
 VeltCommentsSidebarMinimalFilterDropdownContent.FilterOpen = VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
-VeltCommentsSidebarMinimalFilterDropdownContent.FilterAssignedToMe = VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe;
 VeltCommentsSidebarMinimalFilterDropdownContent.FilterReset = VeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
 VeltCommentsSidebarMinimalFilterDropdownContent.SelectedIcon = VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon;
 VeltCommentsSidebarMinimalFilterDropdownContent.SortDate = VeltCommentsSidebarMinimalFilterDropdownContentSortDate;
@@ -6842,6 +7816,23 @@ function useCommentSidebarData() {
     }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSidebarData]);
     return data;
 }
+function useSetContextProvider() {
+    var _a = React__default["default"].useState(undefined), data = _a[0], setData = _a[1];
+    var commentUtils = useCommentUtils();
+    React__default["default"].useEffect(function () {
+        if ((commentUtils === null || commentUtils === void 0 ? void 0 : commentUtils.setContextProvider) && data) {
+            commentUtils.setContextProvider(data);
+        }
+    }, [commentUtils === null || commentUtils === void 0 ? void 0 : commentUtils.setContextProvider, data]);
+    // Memoize the setContextProvider callback
+    var setContextProviderCallback = React__default["default"].useCallback(function (provider) {
+        // Wrap in arrow function to prevent React from treating provider as a functional update
+        setData(function () { return provider; });
+    }, []); // Empty dependency array since it only uses setState which is stable
+    return {
+        setContextProvider: setContextProviderCallback
+    };
+}
 
 function useAddCommentAnnotation() {
     var commentElement = useCommentUtils();
@@ -8287,12 +9278,165 @@ exports.VeltCommentBubble = SnippylyCommentBubble;
 exports.VeltCommentBubbleWireframe = VeltCommentBubbleWireframe;
 exports.VeltCommentComposer = VeltCommentComposer;
 exports.VeltCommentComposerWireframe = VeltCommentComposerWireframe;
+exports.VeltCommentDialog = VeltCommentDialog;
+exports.VeltCommentDialogAllComment = VeltCommentDialogAllComment$1;
+exports.VeltCommentDialogApprove = VeltCommentDialogApprove$1;
+exports.VeltCommentDialogAssignDropdown = VeltCommentDialogAssignDropdown;
+exports.VeltCommentDialogAssignMenu = VeltCommentDialogAssignMenu$1;
+exports.VeltCommentDialogAssigneeBanner = VeltCommentDialogAssigneeBanner$1;
+exports.VeltCommentDialogAssigneeBannerResolveButton = VeltCommentDialogAssigneeBannerResolveButton$1;
+exports.VeltCommentDialogAssigneeBannerUnresolveButton = VeltCommentDialogAssigneeBannerUnresolveButton$1;
+exports.VeltCommentDialogAssigneeBannerUserAvatar = VeltCommentDialogAssigneeBannerUserAvatar$1;
+exports.VeltCommentDialogAssigneeBannerUserName = VeltCommentDialogAssigneeBannerUserName$1;
+exports.VeltCommentDialogAttachmentButton = VeltCommentDialogAttachmentButton;
+exports.VeltCommentDialogBody = VeltCommentDialogBody$1;
+exports.VeltCommentDialogCloseButton = VeltCommentDialogCloseButton$1;
+exports.VeltCommentDialogCommentCategory = VeltCommentDialogCommentCategory$1;
+exports.VeltCommentDialogCommentIndex = VeltCommentDialogCommentIndex$1;
+exports.VeltCommentDialogCommentNumber = VeltCommentDialogCommentNumber$1;
+exports.VeltCommentDialogCommentSuggestionStatus = VeltCommentDialogCommentSuggestionStatus$1;
+exports.VeltCommentDialogComposer = VeltCommentDialogComposer$1;
+exports.VeltCommentDialogComposerActionButton = VeltCommentDialogComposerActionButton$1;
+exports.VeltCommentDialogComposerAssignUser = VeltCommentDialogComposerAssignUser$1;
+exports.VeltCommentDialogComposerAttachments = VeltCommentDialogComposerAttachments$1;
+exports.VeltCommentDialogComposerAttachmentsImage = VeltCommentDialogComposerAttachmentsImage$1;
+exports.VeltCommentDialogComposerAttachmentsImageDelete = VeltCommentDialogComposerAttachmentsImageDelete$1;
+exports.VeltCommentDialogComposerAttachmentsImageLoading = VeltCommentDialogComposerAttachmentsImageLoading$1;
+exports.VeltCommentDialogComposerAttachmentsImagePreview = VeltCommentDialogComposerAttachmentsImagePreview$1;
+exports.VeltCommentDialogComposerAttachmentsInvalid = VeltCommentDialogComposerAttachmentsInvalid$1;
+exports.VeltCommentDialogComposerAttachmentsInvalidItem = VeltCommentDialogComposerAttachmentsInvalidItem$1;
+exports.VeltCommentDialogComposerAttachmentsInvalidItemDelete = VeltCommentDialogComposerAttachmentsInvalidItemDelete$1;
+exports.VeltCommentDialogComposerAttachmentsInvalidItemMessage = VeltCommentDialogComposerAttachmentsInvalidItemMessage$1;
+exports.VeltCommentDialogComposerAttachmentsInvalidItemPreview = VeltCommentDialogComposerAttachmentsInvalidItemPreview$1;
+exports.VeltCommentDialogComposerAttachmentsOther = VeltCommentDialogComposerAttachmentsOther$1;
+exports.VeltCommentDialogComposerAttachmentsOtherDelete = VeltCommentDialogComposerAttachmentsOtherDelete$1;
+exports.VeltCommentDialogComposerAttachmentsOtherIcon = VeltCommentDialogComposerAttachmentsOtherIcon$1;
+exports.VeltCommentDialogComposerAttachmentsOtherLoading = VeltCommentDialogComposerAttachmentsOtherLoading$1;
+exports.VeltCommentDialogComposerAttachmentsOtherName = VeltCommentDialogComposerAttachmentsOtherName$1;
+exports.VeltCommentDialogComposerAttachmentsOtherSize = VeltCommentDialogComposerAttachmentsOtherSize$1;
+exports.VeltCommentDialogComposerAttachmentsSelected = VeltCommentDialogComposerAttachmentsSelected$1;
+exports.VeltCommentDialogComposerAvatar = VeltCommentDialogComposerAvatar$1;
+exports.VeltCommentDialogComposerInput = VeltCommentDialogComposerInput$1;
+exports.VeltCommentDialogComposerPrivateBadge = VeltCommentDialogComposerPrivateBadge$1;
+exports.VeltCommentDialogComposerRecordings = VeltCommentDialogComposerRecordings$1;
+exports.VeltCommentDialogContextWrapper = VeltCommentDialogContextWrapper;
+exports.VeltCommentDialogCopyLink = VeltCommentDialogCopyLink$1;
+exports.VeltCommentDialogCustomAnnotationDropdown = VeltCommentDialogCustomAnnotationDropdown$1;
+exports.VeltCommentDialogCustomAnnotationDropdownContent = VeltCommentDialogCustomAnnotationDropdownContent$1;
+exports.VeltCommentDialogCustomAnnotationDropdownContentItem = VeltCommentDialogCustomAnnotationDropdownContentItem$1;
+exports.VeltCommentDialogCustomAnnotationDropdownContentItemIcon = VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1;
+exports.VeltCommentDialogCustomAnnotationDropdownContentItemLabel = VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1;
+exports.VeltCommentDialogCustomAnnotationDropdownTrigger = VeltCommentDialogCustomAnnotationDropdownTrigger$1;
+exports.VeltCommentDialogCustomAnnotationDropdownTriggerArrow = VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1;
+exports.VeltCommentDialogCustomAnnotationDropdownTriggerList = VeltCommentDialogCustomAnnotationDropdownTriggerList$1;
+exports.VeltCommentDialogCustomAnnotationDropdownTriggerListItem = VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1;
+exports.VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder = VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1;
+exports.VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount = VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1;
+exports.VeltCommentDialogDeleteButton = VeltCommentDialogDeleteButton$1;
+exports.VeltCommentDialogDeviceTypeIcons = VeltCommentDialogDeviceTypeIcons;
+exports.VeltCommentDialogGhostBanner = VeltCommentDialogGhostBanner$1;
+exports.VeltCommentDialogHeader = VeltCommentDialogHeader$1;
+exports.VeltCommentDialogHideReply = VeltCommentDialogHideReply$1;
+exports.VeltCommentDialogMetadata = VeltCommentDialogMetadata;
+exports.VeltCommentDialogMoreReply = VeltCommentDialogMoreReply$1;
+exports.VeltCommentDialogNavigationButton = VeltCommentDialogNavigationButton$1;
+exports.VeltCommentDialogOptions = VeltCommentDialogOptions$1;
+exports.VeltCommentDialogOptionsDropdown = VeltCommentDialogOptionsDropdown;
+exports.VeltCommentDialogOptionsDropdownContent = VeltCommentDialogOptionsDropdownContent;
+exports.VeltCommentDialogOptionsDropdownContentAssign = VeltCommentDialogOptionsDropdownContentAssign;
+exports.VeltCommentDialogOptionsDropdownContentDelete = VeltCommentDialogOptionsDropdownContentDelete;
+exports.VeltCommentDialogOptionsDropdownContentDeleteComment = VeltCommentDialogOptionsDropdownContentDeleteComment;
+exports.VeltCommentDialogOptionsDropdownContentDeleteThread = VeltCommentDialogOptionsDropdownContentDeleteThread;
+exports.VeltCommentDialogOptionsDropdownContentEdit = VeltCommentDialogOptionsDropdownContentEdit;
+exports.VeltCommentDialogOptionsDropdownContentMakePrivate = VeltCommentDialogOptionsDropdownContentMakePrivate;
+exports.VeltCommentDialogOptionsDropdownContentMakePrivateDisable = VeltCommentDialogOptionsDropdownContentMakePrivateDisable;
+exports.VeltCommentDialogOptionsDropdownContentMakePrivateEnable = VeltCommentDialogOptionsDropdownContentMakePrivateEnable;
+exports.VeltCommentDialogOptionsDropdownContentMarkAsRead = VeltCommentDialogOptionsDropdownContentMarkAsRead;
+exports.VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead = VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead;
+exports.VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread;
+exports.VeltCommentDialogOptionsDropdownContentNotification = VeltCommentDialogOptionsDropdownContentNotification;
+exports.VeltCommentDialogOptionsDropdownContentNotificationSubscribe = VeltCommentDialogOptionsDropdownContentNotificationSubscribe;
+exports.VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe = VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe;
 exports.VeltCommentDialogOptionsDropdownContentWireframe = VeltCommentDialogOptionsDropdownContentWireframe;
+exports.VeltCommentDialogOptionsDropdownTrigger = VeltCommentDialogOptionsDropdownTrigger;
 exports.VeltCommentDialogOptionsDropdownTriggerWireframe = VeltCommentDialogOptionsDropdownTriggerWireframe;
+exports.VeltCommentDialogPriority = VeltCommentDialogPriority$1;
+exports.VeltCommentDialogPriorityDropdown = VeltCommentDialogPriorityDropdown;
+exports.VeltCommentDialogPriorityDropdownContent = VeltCommentDialogPriorityDropdownContent;
+exports.VeltCommentDialogPriorityDropdownContentItem = VeltCommentDialogPriorityDropdownContentItem;
+exports.VeltCommentDialogPriorityDropdownContentItemIcon = VeltCommentDialogPriorityDropdownContentItemIcon;
+exports.VeltCommentDialogPriorityDropdownContentItemName = VeltCommentDialogPriorityDropdownContentItemName;
+exports.VeltCommentDialogPriorityDropdownContentItemTick = VeltCommentDialogPriorityDropdownContentItemTick;
 exports.VeltCommentDialogPriorityDropdownContentWireframe = VeltCommentDialogPriorityDropdownContentWireframe;
+exports.VeltCommentDialogPriorityDropdownTrigger = VeltCommentDialogPriorityDropdownTrigger;
+exports.VeltCommentDialogPriorityDropdownTriggerArrow = VeltCommentDialogPriorityDropdownTriggerArrow;
+exports.VeltCommentDialogPriorityDropdownTriggerIcon = VeltCommentDialogPriorityDropdownTriggerIcon;
+exports.VeltCommentDialogPriorityDropdownTriggerName = VeltCommentDialogPriorityDropdownTriggerName;
 exports.VeltCommentDialogPriorityDropdownTriggerWireframe = VeltCommentDialogPriorityDropdownTriggerWireframe;
+exports.VeltCommentDialogPrivateBanner = VeltCommentDialogPrivateBanner$1;
+exports.VeltCommentDialogPrivateButton = VeltCommentDialogPrivateButton;
+exports.VeltCommentDialogReplyAvatars = VeltCommentDialogReplyAvatars$1;
+exports.VeltCommentDialogReplyAvatarsList = VeltCommentDialogReplyAvatarsList$1;
+exports.VeltCommentDialogReplyAvatarsListItem = VeltCommentDialogReplyAvatarsListItem$1;
+exports.VeltCommentDialogReplyAvatarsRemainingCount = VeltCommentDialogReplyAvatarsRemainingCount$1;
+exports.VeltCommentDialogResolveButton = VeltCommentDialogResolveButton$1;
+exports.VeltCommentDialogSignIn = VeltCommentDialogSignIn$1;
+exports.VeltCommentDialogStatus = VeltCommentDialogStatus$1;
+exports.VeltCommentDialogStatusDropdown = VeltCommentDialogStatusDropdown;
+exports.VeltCommentDialogStatusDropdownContent = VeltCommentDialogStatusDropdownContent;
+exports.VeltCommentDialogStatusDropdownContentItem = VeltCommentDialogStatusDropdownContentItem;
+exports.VeltCommentDialogStatusDropdownContentItemIcon = VeltCommentDialogStatusDropdownContentItemIcon;
+exports.VeltCommentDialogStatusDropdownContentItemName = VeltCommentDialogStatusDropdownContentItemName;
 exports.VeltCommentDialogStatusDropdownContentWireframe = VeltCommentDialogStatusDropdownContentWireframe;
+exports.VeltCommentDialogStatusDropdownTrigger = VeltCommentDialogStatusDropdownTrigger;
+exports.VeltCommentDialogStatusDropdownTriggerArrow = VeltCommentDialogStatusDropdownTriggerArrow;
+exports.VeltCommentDialogStatusDropdownTriggerIcon = VeltCommentDialogStatusDropdownTriggerIcon;
+exports.VeltCommentDialogStatusDropdownTriggerName = VeltCommentDialogStatusDropdownTriggerName;
 exports.VeltCommentDialogStatusDropdownTriggerWireframe = VeltCommentDialogStatusDropdownTriggerWireframe;
+exports.VeltCommentDialogSuggestionAction = VeltCommentDialogSuggestionAction$1;
+exports.VeltCommentDialogSuggestionActionAccept = VeltCommentDialogSuggestionActionAccept$1;
+exports.VeltCommentDialogSuggestionActionReject = VeltCommentDialogSuggestionActionReject$1;
+exports.VeltCommentDialogThreadCard = VeltCommentDialogThreadCard$1;
+exports.VeltCommentDialogThreadCardAttachments = VeltCommentDialogThreadCardAttachments$1;
+exports.VeltCommentDialogThreadCardAttachmentsImage = VeltCommentDialogThreadCardAttachmentsImage$1;
+exports.VeltCommentDialogThreadCardAttachmentsImageDelete = VeltCommentDialogThreadCardAttachmentsImageDelete$1;
+exports.VeltCommentDialogThreadCardAttachmentsImageDownload = VeltCommentDialogThreadCardAttachmentsImageDownload$1;
+exports.VeltCommentDialogThreadCardAttachmentsImagePreview = VeltCommentDialogThreadCardAttachmentsImagePreview$1;
+exports.VeltCommentDialogThreadCardAttachmentsOther = VeltCommentDialogThreadCardAttachmentsOther$1;
+exports.VeltCommentDialogThreadCardAttachmentsOtherDelete = VeltCommentDialogThreadCardAttachmentsOtherDelete$1;
+exports.VeltCommentDialogThreadCardAttachmentsOtherDownload = VeltCommentDialogThreadCardAttachmentsOtherDownload$1;
+exports.VeltCommentDialogThreadCardAttachmentsOtherIcon = VeltCommentDialogThreadCardAttachmentsOtherIcon$1;
+exports.VeltCommentDialogThreadCardAttachmentsOtherName = VeltCommentDialogThreadCardAttachmentsOtherName$1;
+exports.VeltCommentDialogThreadCardAttachmentsOtherSize = VeltCommentDialogThreadCardAttachmentsOtherSize$1;
+exports.VeltCommentDialogThreadCardAvatar = VeltCommentDialogThreadCardAvatar$1;
+exports.VeltCommentDialogThreadCardDeviceType = VeltCommentDialogThreadCardDeviceType$1;
+exports.VeltCommentDialogThreadCardDraft = VeltCommentDialogThreadCardDraft$1;
+exports.VeltCommentDialogThreadCardEdited = VeltCommentDialogThreadCardEdited$1;
+exports.VeltCommentDialogThreadCardMessage = VeltCommentDialogThreadCardMessage$1;
+exports.VeltCommentDialogThreadCardName = VeltCommentDialogThreadCardName$1;
+exports.VeltCommentDialogThreadCardOptions = VeltCommentDialogThreadCardOptions$1;
+exports.VeltCommentDialogThreadCardReactionTool = VeltCommentDialogThreadCardReactionTool$1;
+exports.VeltCommentDialogThreadCardReactions = VeltCommentDialogThreadCardReactions$1;
+exports.VeltCommentDialogThreadCardRecordings = VeltCommentDialogThreadCardRecordings$1;
+exports.VeltCommentDialogThreadCardReply = VeltCommentDialogThreadCardReply$1;
+exports.VeltCommentDialogThreadCardSeenDropdown = VeltCommentDialogThreadCardSeenDropdown$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContent = VeltCommentDialogThreadCardSeenDropdownContent$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContentItem = VeltCommentDialogThreadCardSeenDropdownContentItem$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContentItemAvatar = VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContentItemName = VeltCommentDialogThreadCardSeenDropdownContentItemName$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContentItemTime = VeltCommentDialogThreadCardSeenDropdownContentItemTime$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContentItems = VeltCommentDialogThreadCardSeenDropdownContentItems$1;
+exports.VeltCommentDialogThreadCardSeenDropdownContentTitle = VeltCommentDialogThreadCardSeenDropdownContentTitle$1;
+exports.VeltCommentDialogThreadCardSeenDropdownTrigger = VeltCommentDialogThreadCardSeenDropdownTrigger$1;
+exports.VeltCommentDialogThreadCardTime = VeltCommentDialogThreadCardTime$1;
+exports.VeltCommentDialogThreadCardUnread = VeltCommentDialogThreadCardUnread$1;
+exports.VeltCommentDialogThreads = VeltCommentDialogThreads$1;
+exports.VeltCommentDialogToggleReply = VeltCommentDialogToggleReply$1;
+exports.VeltCommentDialogToggleReplyCount = VeltCommentDialogToggleReplyCount$1;
+exports.VeltCommentDialogToggleReplyIcon = VeltCommentDialogToggleReplyIcon$1;
+exports.VeltCommentDialogToggleReplyText = VeltCommentDialogToggleReplyText$1;
+exports.VeltCommentDialogUnresolveButton = VeltCommentDialogUnresolveButton$1;
+exports.VeltCommentDialogUpgrade = VeltCommentDialogUpgrade$1;
 exports.VeltCommentDialogWireframe = VeltCommentDialogWireframe;
 exports.VeltCommentPin = VeltCommentPin;
 exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
@@ -8443,6 +9587,7 @@ exports.useRecordings = useRecordings;
 exports.useRejectCommentAnnotation = useRejectCommentAnnotation;
 exports.useResolveCommentAnnotation = useResolveCommentAnnotation;
 exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;
+exports.useSetContextProvider = useSetContextProvider;
 exports.useSetDocument = useSetDocument;
 exports.useSetDocumentId = useSetDocumentId;
 exports.useSetDocuments = useSetDocuments;