@veltdev/react 1.0.110 → 1.0.112

package/esm/index.js

@@ -215,7 +215,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, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
+    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, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -262,11 +262,11 @@ var SnippylyComments = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comments", { ref: ref, "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, "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, "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-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comments", { ref: ref, "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, "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, "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-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, dialogVariant = props.dialogVariant, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
     var ref = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -289,7 +289,7 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "dialog-variant": dialogVariant }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -863,148 +863,148 @@ VeltCommentDialogWireframe.Threads = VeltCommentDialogThreads;
 VeltCommentDialogWireframe.ToggleReply = VeltCommentDialogToggleReply;
 VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
 
-var VeltCommentSidebarCloseButton = function (props) {
+var VeltCommentsSidebarCloseButton = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-close-button-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-close-button-wireframe", null, children));
 };
 
-var VeltCommentSidebarEmptyPlaceholder = function (props) {
+var VeltCommentsSidebarEmptyPlaceholder = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-empty-placeholder-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-empty-placeholder-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterAllOption = function (props) {
+var VeltCommentsSidebarFilterAllOption = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-all-option-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-all-option-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterButton = function (props) {
+var VeltCommentsSidebarFilterCategory = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-button-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-category-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCategory = function (props) {
+var VeltCommentsSidebarFilterCheckboxChecked = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-category-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCheckboxChecked = function (props) {
+var VeltCommentsSidebarFilterCheckboxUnchecked = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-checkbox-checked-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCheckboxUnchecked = function (props) {
+var VeltCommentsSidebarFilterCheckbox = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-checkbox-wireframe", null, children));
 };
+VeltCommentsSidebarFilterCheckbox.Checked = VeltCommentsSidebarFilterCheckboxChecked;
+VeltCommentsSidebarFilterCheckbox.Unchecked = VeltCommentsSidebarFilterCheckboxUnchecked;
 
-var VeltCommentSidebarFilterCheckbox = function (props) {
+var VeltCommentsSidebarFilterCloseButton = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-checkbox-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-close-button-wireframe", null, children));
 };
-VeltCommentSidebarFilterCheckbox.Checked = VeltCommentSidebarFilterCheckboxChecked;
-VeltCommentSidebarFilterCheckbox.Unchecked = VeltCommentSidebarFilterCheckboxUnchecked;
 
-var VeltCommentSidebarFilterCloseButton = function (props) {
+var VeltCommentsSidebarFilterCommentType = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-close-button-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-comment-type-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterCommentType = function (props) {
+var VeltCommentsSidebarFilterDoneButton = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-comment-type-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-done-button-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterDoneButton = function (props) {
+var VeltCommentsSidebarFilterGroupBy = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-done-button-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-group-by-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterGroupBy = function (props) {
+var VeltCommentsSidebarFilterLocation = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-group-by-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-location-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterLocation = function (props) {
+var VeltCommentsSidebarFilterPeople = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-location-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-people-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterPeople = function (props) {
+var VeltCommentsSidebarFilterPriority = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-people-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-priority-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterPriority = function (props) {
+var VeltCommentsSidebarFilterTitle = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-priority-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-title-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterTitle = function (props) {
+var VeltCommentsSidebarFilterVersions = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-title-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-versions-wireframe", null, children));
 };
 
-var VeltCommentSidebarFilterVersions = function (props) {
+var VeltCommentsSidebarFilter = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-versions-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-wireframe", null, children));
 };
+VeltCommentsSidebarFilter.AllOption = VeltCommentsSidebarFilterAllOption;
+VeltCommentsSidebarFilter.Category = VeltCommentsSidebarFilterCategory;
+VeltCommentsSidebarFilter.Checkbox = VeltCommentsSidebarFilterCheckbox;
+VeltCommentsSidebarFilter.CloseButton = VeltCommentsSidebarFilterCloseButton;
+VeltCommentsSidebarFilter.CommentType = VeltCommentsSidebarFilterCommentType;
+VeltCommentsSidebarFilter.DoneButton = VeltCommentsSidebarFilterDoneButton;
+VeltCommentsSidebarFilter.GroupBy = VeltCommentsSidebarFilterGroupBy;
+VeltCommentsSidebarFilter.Location = VeltCommentsSidebarFilterLocation;
+VeltCommentsSidebarFilter.People = VeltCommentsSidebarFilterPeople;
+VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
+VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
+VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
 
-var VeltCommentSidebarFilter = function (props) {
+var VeltCommentsSidebarHeader = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-filter-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-header-wireframe", null, children));
 };
-VeltCommentSidebarFilter.AllOption = VeltCommentSidebarFilterAllOption;
-VeltCommentSidebarFilter.Button = VeltCommentSidebarFilterButton;
-VeltCommentSidebarFilter.Category = VeltCommentSidebarFilterCategory;
-VeltCommentSidebarFilter.Checkbox = VeltCommentSidebarFilterCheckbox;
-VeltCommentSidebarFilter.CloseButton = VeltCommentSidebarFilterCloseButton;
-VeltCommentSidebarFilter.CommentType = VeltCommentSidebarFilterCommentType;
-VeltCommentSidebarFilter.DoneButton = VeltCommentSidebarFilterDoneButton;
-VeltCommentSidebarFilter.GroupBy = VeltCommentSidebarFilterGroupBy;
-VeltCommentSidebarFilter.Location = VeltCommentSidebarFilterLocation;
-VeltCommentSidebarFilter.People = VeltCommentSidebarFilterPeople;
-VeltCommentSidebarFilter.Priority = VeltCommentSidebarFilterPriority;
-VeltCommentSidebarFilter.Title = VeltCommentSidebarFilterTitle;
-VeltCommentSidebarFilter.Versions = VeltCommentSidebarFilterVersions;
 
-var VeltCommentSidebarHeader = function (props) {
+var VeltCommentsSidebarList = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-header-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-list-wireframe", null, children));
 };
 
-var VeltCommentSidebarList = function (props) {
+var VeltCommentsSidebarPageMode = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-list-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-page-mode-wireframe", null, children));
 };
 
-var VeltCommentSidebarPageMode = function (props) {
+var VeltCommentsSidebarSearch = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-page-mode-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-search-wireframe", null, children));
 };
 
-var VeltCommentSidebarSearch = function (props) {
+var VeltCommentsSidebarStatus = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-search-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-status-wireframe", null, children));
 };
 
-var VeltCommentSidebarStatus = function (props) {
+var VeltCommentsSidebarFilterButton = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-sidebar-status-wireframe", null, children));
+    return (React.createElement("velt-comments-sidebar-filter-button-wireframe", null, children));
 };
 
-var VeltCommentSidebarWireframe = function (props) {
+var VeltCommentsSidebarWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
-    return (React.createElement("velt-comment-sidebar-wireframe", __assign({}, remainingProp), children));
-};
-VeltCommentSidebarWireframe.CloseButton = VeltCommentSidebarCloseButton;
-VeltCommentSidebarWireframe.EmptyPlaceholder = VeltCommentSidebarEmptyPlaceholder;
-VeltCommentSidebarWireframe.Filter = VeltCommentSidebarFilter;
-VeltCommentSidebarWireframe.Header = VeltCommentSidebarHeader;
-VeltCommentSidebarWireframe.List = VeltCommentSidebarList;
-VeltCommentSidebarWireframe.PageMode = VeltCommentSidebarPageMode;
-VeltCommentSidebarWireframe.Search = VeltCommentSidebarSearch;
-VeltCommentSidebarWireframe.Status = VeltCommentSidebarStatus;
+    return (React.createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentsSidebarWireframe.CloseButton = VeltCommentsSidebarCloseButton;
+VeltCommentsSidebarWireframe.EmptyPlaceholder = VeltCommentsSidebarEmptyPlaceholder;
+VeltCommentsSidebarWireframe.Filter = VeltCommentsSidebarFilter;
+VeltCommentsSidebarWireframe.Header = VeltCommentsSidebarHeader;
+VeltCommentsSidebarWireframe.List = VeltCommentsSidebarList;
+VeltCommentsSidebarWireframe.PageMode = VeltCommentsSidebarPageMode;
+VeltCommentsSidebarWireframe.Search = VeltCommentsSidebarSearch;
+VeltCommentsSidebarWireframe.Status = VeltCommentsSidebarStatus;
+VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children;
@@ -1057,69 +1057,77 @@ var VeltCommentToolWireframe = function (props) {
     return (React.createElement("velt-comment-tool-wireframe", __assign({}, remainingProps), children));
 };
 
-var VeltCommentBubbleAvatar = function (props) {
+var VeltTextCommentToolWireframe = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-bubble-avatar-wireframe", null, children));
+    return (React.createElement("velt-text-comment-tool-wireframe", null, children));
 };
 
-var VeltCommentBubbleCommentsCount = function (props) {
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-bubble-comments-count-wireframe", null, children));
+    return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
 };
 
-var VeltTextCommentTool = function (props) {
+var VeltTextCommentToolbarCopywriter = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-tool-wireframe", null, children));
+    return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
 };
 
-var VeltTextCommentToolbar = function (props) {
+var VeltTextCommentToolbarGeneric = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-wireframe", null, children));
+    return (React.createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarCommentAnnotation = function (props) {
+var VeltTextCommentToolbarSeperator = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
+    return (React.createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarSeperator = function (props) {
+var VeltTextCommentToolbar = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
+    return (React.createElement("velt-text-comment-toolbar-wireframe", null, children));
 };
+VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
+VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
+VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
+VeltTextCommentToolbar.Seperator = VeltTextCommentToolbarSeperator;
 
-var VeltTextCommentToolbarCopywriter = function (props) {
+var VeltUserSelectorDropdownAvatar = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
+    return (React.createElement("velt-user-selector-dropdown-avatar-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarGeneric = function (props) {
+var VeltUserSelectorDropdownEmail = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
+    return (React.createElement("velt-user-selector-dropdown-email-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdown = function (props) {
+var VeltUserSelectorDropdownErrorIcon = function (props) {
     var children = props.children;
-    return (React.createElement("velt-user-selector-internal-dropdown-wireframe", null, children));
+    return (React.createElement("velt-user-selector-dropdown-error-icon-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdownAvatar = function (props) {
+var VeltUserSelectorDropdownName = function (props) {
     var children = props.children;
-    return (React.createElement("velt-user-selector-internal-dropdown-avatar-wireframe", null, children));
+    return (React.createElement("velt-user-selector-dropdown-name-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdownEmail = function (props) {
+var VeltUserSelectorDropdown = function (props) {
     var children = props.children;
-    return (React.createElement("velt-user-selector-internal-dropdown-email-wireframe", null, children));
+    return (React.createElement("velt-user-selector-dropdown-wireframe", null, children));
 };
+VeltUserSelectorDropdown.Avatar = VeltUserSelectorDropdownAvatar;
+VeltUserSelectorDropdown.Email = VeltUserSelectorDropdownEmail;
+VeltUserSelectorDropdown.ErrorIcon = VeltUserSelectorDropdownErrorIcon;
+VeltUserSelectorDropdown.Name = VeltUserSelectorDropdownName;
 
-var VeltUserSelectorInternalDropdownName = function (props) {
+var VeltCommentBubbleAvatar = function (props) {
     var children = props.children;
-    return (React.createElement("velt-user-selector-internal-dropdown-name-wireframe", null, children));
+    return (React.createElement("velt-comment-bubble-avatar-wireframe", null, children));
 };
 
-var VeltUserSelectorInternalDropdownErrorIcon = function (props) {
+var VeltCommentBubbleCommentsCount = function (props) {
     var children = props.children;
-    return (React.createElement("velt-user-selector-internal-dropdown-error-icon-wireframe", null, children));
+    return (React.createElement("velt-comment-bubble-comments-count-wireframe", null, children));
 };
 
 /**
@@ -1798,5 +1806,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentSidebarWireframe, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentTool, VeltTextCommentToolbar, VeltTextCommentToolbarCommentAnnotation, VeltTextCommentToolbarCopywriter, VeltTextCommentToolbarGeneric, VeltTextCommentToolbarSeperator, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorInternalDropdown, VeltUserSelectorInternalDropdownAvatar, VeltUserSelectorInternalDropdownEmail, VeltUserSelectorInternalDropdownErrorIcon, VeltUserSelectorInternalDropdownName, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
 //# sourceMappingURL=index.js.map