@veltdev/react 6.0.0-beta.1 → 6.0.0-beta.3

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '6.0.0-beta.1';
+var VELT_SDK_VERSION = '6.0.0-beta.3';
 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 = {
-    '6.0.0-beta.1': 'sha384-hJ2H17veXzOVB8U4hkb4VHBU2z0jluhpIuuK4JgX+bMIfdxYixOdzqtTjfMRZqti',
+    '6.0.0-beta.3': 'sha384-nvwBlHlkI0Q8WEqTOhmvzpNTPudERsgX7iADK5ld1f7NlU1twzxur7mbmPnjbR6F',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -546,7 +546,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, filterCommentsOnDom = props.filterCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, visibilityOptions = props.visibilityOptions, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, collapsedRepliesPreview = props.collapsedRepliesPreview, 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, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload, pinDrag = props.pinDrag, anonymousEmail = props.anonymousEmail;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, filterCommentsOnDom = props.filterCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingTranscription = props.recordingTranscription, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, visibilityOptions = props.visibilityOptions, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, collapsedRepliesPreview = props.collapsedRepliesPreview, 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, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType, formatOptions = props.formatOptions, attachmentDownload = props.attachmentDownload, pinDrag = props.pinDrag, anonymousEmail = props.anonymousEmail, restrictTextSearchToAnchor = props.restrictTextSearchToAnchor;
     var ref = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -671,7 +671,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, "collapsed-replies-preview": [true, false].includes(collapsedRepliesPreview) ? (collapsedRepliesPreview ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "visibility-options": [true, false].includes(visibilityOptions) ? (visibilityOptions ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined, "pin-drag": [true, false].includes(pinDrag) ? (pinDrag ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "collapsed-replies-preview": [true, false].includes(collapsedRepliesPreview) ? (collapsedRepliesPreview ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "visibility-options": [true, false].includes(visibilityOptions) ? (visibilityOptions ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType, "format-options": [true, false].includes(formatOptions) ? (formatOptions ? 'true' : 'false') : undefined, "attachment-download": [true, false].includes(attachmentDownload) ? (attachmentDownload ? 'true' : 'false') : undefined, "pin-drag": [true, false].includes(pinDrag) ? (pinDrag ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "restrict-text-search-to-anchor": [true, false].includes(restrictTextSearchToAnchor) ? (restrictTextSearchToAnchor ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -2499,63 +2499,29 @@ var VeltVideoEditor = function (props) {
 };
 
 var VeltCommentsSidebarV2 = function (props) {
-    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, darkMode = props.darkMode, defaultCondition = props.defaultCondition, filters = props.filters, miniFilters = props.miniFilters, minimalFilters = props.minimalFilters, filterOperator = props.filterOperator, filterPanelLayout = props.filterPanelLayout, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, systemFiltersOperator = props.systemFiltersOperator, defaultMinimalFilter = props.defaultMinimalFilter, excludeLocationIds = props.excludeLocationIds, sortBy = props.sortBy, sortOrder = props.sortOrder, sortData = props.sortData, customActions = props.customActions, openAnnotationInFocusMode = props.openAnnotationInFocusMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, fullScreen = props.fullScreen, shadowDom = props.shadowDom, fullExpanded = props.fullExpanded, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, currentLocationSuffix = props.currentLocationSuffix, sidebarButtonCountType = props.sidebarButtonCountType, dialogVariant = props.dialogVariant, focusedThreadDialogVariant = props.focusedThreadDialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, pageModePlaceholder = props.pageModePlaceholder, searchPlaceholder = props.searchPlaceholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, context = props.context, groupConfig = props.groupConfig, measuredSize = props.measuredSize, minBufferPx = props.minBufferPx, maxBufferPx = props.maxBufferPx, onSidebarOpen = props.onSidebarOpen, openSidebar = props.openSidebar, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onSidebarCommentClick = props.onSidebarCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, onFullscreenClick = props.onFullscreenClick, children = props.children;
+    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, darkMode = props.darkMode, defaultCondition = props.defaultCondition, filters = props.filters, miniFilters = props.miniFilters, minimalFilters = props.minimalFilters, filterOperator = props.filterOperator, filterPanelLayout = props.filterPanelLayout, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, systemFiltersOperator = props.systemFiltersOperator, defaultMinimalFilter = props.defaultMinimalFilter, excludeLocationIds = props.excludeLocationIds, sortBy = props.sortBy, sortOrder = props.sortOrder, customActions = props.customActions, openAnnotationInFocusMode = props.openAnnotationInFocusMode, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, fullScreen = props.fullScreen, shadowDom = props.shadowDom, fullExpanded = props.fullExpanded, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, currentLocationSuffix = props.currentLocationSuffix, sidebarButtonCountType = props.sidebarButtonCountType, dialogVariant = props.dialogVariant, focusedThreadDialogVariant = props.focusedThreadDialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, pageModePlaceholder = props.pageModePlaceholder, searchPlaceholder = props.searchPlaceholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, context = props.context, groupConfig = props.groupConfig, measuredSize = props.measuredSize, minBufferPx = props.minBufferPx, maxBufferPx = props.maxBufferPx, onFullscreenClick = props.onFullscreenClick, children = props.children;
     var ref = React.useRef(null);
-    var onSidebarOpenRef = React.useRef(onSidebarOpen);
-    var openSidebarRef = React.useRef(openSidebar);
-    var onSidebarCloseRef = React.useRef(onSidebarClose);
-    var onCommentClickRef = React.useRef(onCommentClick);
-    var onSidebarCommentClickRef = React.useRef(onSidebarCommentClick);
-    var onCommentNavigationButtonClickRef = React.useRef(onCommentNavigationButtonClick);
     var onFullscreenClickRef = React.useRef(onFullscreenClick);
-    React.useEffect(function () { onSidebarOpenRef.current = onSidebarOpen; }, [onSidebarOpen]);
-    React.useEffect(function () { openSidebarRef.current = openSidebar; }, [openSidebar]);
-    React.useEffect(function () { onSidebarCloseRef.current = onSidebarClose; }, [onSidebarClose]);
-    React.useEffect(function () { onCommentClickRef.current = onCommentClick; }, [onCommentClick]);
-    React.useEffect(function () { onSidebarCommentClickRef.current = onSidebarCommentClick; }, [onSidebarCommentClick]);
-    React.useEffect(function () { onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick; }, [onCommentNavigationButtonClick]);
     React.useEffect(function () { onFullscreenClickRef.current = onFullscreenClick; }, [onFullscreenClick]);
+    // NOTE: sidebar open/close, comment click, and comment navigation-button click are no
+    // longer @Output() callbacks on the V2 sidebar — they are emitted on the unified on()
+    // bus. Subscribe via `useCommentEventCallback('sidebarOpen' | 'sidebarClose' |
+    // 'commentClick' | 'commentNavigationButtonClick')`. Only fullscreen remains an @Output().
     React.useEffect(function () {
         var element;
-        var handleSidebarOpen = function (event) {
-            // V1 order: deprecated alias first, then the current callback.
-            if (openSidebarRef.current)
-                openSidebarRef.current(event === null || event === void 0 ? void 0 : event.detail);
-            if (onSidebarOpenRef.current)
-                onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail);
-        };
-        var handleSidebarClose = function (event) { if (onSidebarCloseRef.current)
-            onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail); };
-        var handleCommentClick = function (event) {
-            // V1 order: deprecated alias first, then the current callback.
-            if (onSidebarCommentClickRef.current)
-                onSidebarCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
-            if (onCommentClickRef.current)
-                onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
-        };
-        var handleCommentNavigationButtonClick = function (event) { if (onCommentNavigationButtonClickRef.current)
-            onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
         var handleFullscreenClick = function (event) { if (onFullscreenClickRef.current)
             onFullscreenClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
         if (ref.current) {
             element = ref.current;
-            element.addEventListener('onSidebarOpen', handleSidebarOpen);
-            element.addEventListener('onSidebarClose', handleSidebarClose);
-            element.addEventListener('onSidebarCommentClick', handleCommentClick);
-            element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
             element.addEventListener('onFullscreenClick', handleFullscreenClick);
         }
         return function () {
             if (element) {
-                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
-                element.removeEventListener('onSidebarClose', handleSidebarClose);
-                element.removeEventListener('onSidebarCommentClick', handleCommentClick);
-                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
                 element.removeEventListener('onFullscreenClick', handleFullscreenClick);
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filters: filters ? (typeof filters === 'object' ? JSON.stringify(filters) : filters) : undefined, "mini-filters": miniFilters ? (typeof miniFilters === 'object' ? JSON.stringify(miniFilters) : miniFilters) : undefined, "minimal-filters": minimalFilters ? (typeof minimalFilters === 'object' ? JSON.stringify(minimalFilters) : minimalFilters) : undefined, "filter-operator": filterOperator, "filter-panel-layout": filterPanelLayout, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "default-minimal-filter": defaultMinimalFilter, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "sort-by": sortBy, "sort-order": sortOrder, "sort-data": sortData, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "sidebar-button-count-type": sidebarButtonCountType, "dialog-variant": dialogVariant, "focused-thread-dialog-variant": focusedThreadDialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "page-mode-placeholder": pageModePlaceholder, "search-placeholder": searchPlaceholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, context: context ? JSON.stringify(context) : undefined, "group-config": groupConfig ? (typeof groupConfig === 'object' ? JSON.stringify(groupConfig) : groupConfig) : undefined, "measured-size": measuredSize !== undefined && measuredSize !== null ? String(measuredSize) : undefined, "min-buffer-px": minBufferPx !== undefined && minBufferPx !== null ? String(minBufferPx) : undefined, "max-buffer-px": maxBufferPx !== undefined && maxBufferPx !== null ? String(maxBufferPx) : undefined }, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filters: filters ? (typeof filters === 'object' ? JSON.stringify(filters) : filters) : undefined, "mini-filters": miniFilters ? (typeof miniFilters === 'object' ? JSON.stringify(miniFilters) : miniFilters) : undefined, "minimal-filters": minimalFilters ? (typeof minimalFilters === 'object' ? JSON.stringify(minimalFilters) : minimalFilters) : undefined, "filter-operator": filterOperator, "filter-panel-layout": filterPanelLayout, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "default-minimal-filter": defaultMinimalFilter, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "sort-by": sortBy, "sort-order": sortOrder, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "sidebar-button-count-type": sidebarButtonCountType, "dialog-variant": dialogVariant, "focused-thread-dialog-variant": focusedThreadDialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "page-mode-placeholder": pageModePlaceholder, "search-placeholder": searchPlaceholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, context: context ? JSON.stringify(context) : undefined, "group-config": groupConfig ? (typeof groupConfig === 'object' ? JSON.stringify(groupConfig) : groupConfig) : undefined, "measured-size": measuredSize !== undefined && measuredSize !== null ? String(measuredSize) : undefined, "min-buffer-px": minBufferPx !== undefined && minBufferPx !== null ? String(minBufferPx) : undefined, "max-buffer-px": maxBufferPx !== undefined && maxBufferPx !== null ? String(maxBufferPx) : undefined }, children));
 };
 
 var VeltCommentSidebarV2Skeleton = function (props) {