@veltdev/react 5.0.2-beta.7 → 5.0.2-beta.9

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.7';
+var VELT_SDK_VERSION = '5.0.2-beta.9';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.2-beta.7': 'sha384-8mbjmJB1g3Fdai99VmPR35vyIISB8MDHxlJSOSGi4G3lkxmv9GFEZhkOEwEg2D9S',
+    '5.0.2-beta.9': 'sha384-Yn1aDWpNTbtreG+h2s6Zqt4SwlW41Yx8oFZNTYwbsZvSFHWm1M3jegYXR4Cf1JV7',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -674,7 +674,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, pageModePlaceholder = props.pageModePlaceholder;
+    var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, openAnnotationInFocusMode = props.openAnnotationInFocusMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context, defaultMinimalFilter = props.defaultMinimalFilter, sortOrder = props.sortOrder, sortBy = props.sortBy, forceClose = props.forceClose, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, pageModePlaceholder = props.pageModePlaceholder, version = props.version;
     var ref = React.useRef();
     var openSidebarRef = React.useRef(openSidebar);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
@@ -747,7 +747,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "page-mode-placeholder": pageModePlaceholder }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "default-minimal-filter": defaultMinimalFilter, "sort-order": sortOrder, "sort-by": sortBy, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "page-mode-placeholder": pageModePlaceholder, version: version }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -1875,6 +1875,202 @@ var VeltVideoEditor = function (props) {
     return (React__default["default"].createElement("velt-video-editor", __assign({ ref: ref, variant: variant, "dark-mode": darkMode ? 'true' : undefined, url: url, "annotation-id": annotationId, "recorder-id": recorderId }, rest)));
 };
 
+var VeltCommentsSidebarV2 = function (props) {
+    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, version = props.version, onSidebarOpen = props.onSidebarOpen, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, children = props.children;
+    var ref = React.useRef(null);
+    var onSidebarOpenRef = React.useRef(onSidebarOpen);
+    var onSidebarCloseRef = React.useRef(onSidebarClose);
+    var onCommentClickRef = React.useRef(onCommentClick);
+    var onCommentNavigationButtonClickRef = React.useRef(onCommentNavigationButtonClick);
+    React.useEffect(function () { onSidebarOpenRef.current = onSidebarOpen; }, [onSidebarOpen]);
+    React.useEffect(function () { onSidebarCloseRef.current = onSidebarClose; }, [onSidebarClose]);
+    React.useEffect(function () { onCommentClickRef.current = onCommentClick; }, [onCommentClick]);
+    React.useEffect(function () { onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick; }, [onCommentNavigationButtonClick]);
+    React.useEffect(function () {
+        var element;
+        var handleSidebarOpen = function (event) { if (onSidebarOpenRef.current)
+            onSidebarOpenRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleSidebarClose = function (event) { if (onSidebarCloseRef.current)
+            onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleCommentClick = function (event) { if (onCommentClickRef.current)
+            onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        var handleCommentNavigationButtonClick = function (event) { if (onCommentNavigationButtonClickRef.current)
+            onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        if (ref.current) {
+            element = ref.current;
+            element.addEventListener('onSidebarOpen', handleSidebarOpen);
+            element.addEventListener('onSidebarClose', handleSidebarClose);
+            element.addEventListener('onSidebarCommentClick', handleCommentClick);
+            element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onSidebarOpen', handleSidebarOpen);
+                element.removeEventListener('onSidebarClose', handleSidebarClose);
+                element.removeEventListener('onSidebarCommentClick', handleCommentClick);
+                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
+            }
+        };
+    }, []);
+    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, version: version }, children));
+};
+
+var VeltCommentsSidebarV2Skeleton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Panel$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2Header$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2CloseButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2List$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2ListItem$1 = function (props) {
+    var annotation = props.annotation, scrollIdle = props.scrollIdle, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "scroll-idle": [true, false].includes(scrollIdle) ? (scrollIdle ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2PageModeComposer$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThread$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdown$1 = function (props) {
+    var children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2", { ref: ref }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownTrigger$1 = function (props) {
+    var isActive = props.isActive, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContent$1 = function (props) {
+    var groups = props.groups, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentList$1 = function (props) {
+    var groups = props.groups, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItem$1 = function (props) {
+    var item = props.item, group = props.group, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1 = function (props) {
+    var mode = props.mode, selected = props.selected, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1 = function (props) {
+    var label = props.label, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategory$1 = function (props) {
+    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1 = function (props) {
+    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+};
+
 var VeltCommentDialog = function (props) {
     var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, placeholder = props.placeholder, children = props.children;
     var ref = React.useRef(null);
@@ -4900,6 +5096,194 @@ VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
 VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
 VeltCommentsSidebarWireframe.FullscreenButton = VeltCommentsSidebarFullscreenButton;
 
+var VeltCommentsSidebarV2Skeleton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2Panel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2Header = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-header-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2CloseButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2ResetFilterButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2EmptyPlaceholder = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2EmptyPlaceholder.ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton;
+
+var VeltCommentsSidebarV2ListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2List = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-list-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2List.Item = VeltCommentsSidebarV2ListItem;
+
+var VeltCommentsSidebarV2PageModeComposer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadBackButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThreadDialogContainer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FocusedThread = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FocusedThread.BackButton = VeltCommentsSidebarV2FocusedThreadBackButton;
+VeltCommentsSidebarV2FocusedThread.DialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer;
+
+var VeltCommentsSidebarV2MinimalActionsDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2MinimalActionsDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2MinimalActionsDropdownContent.MarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead;
+VeltCommentsSidebarV2MinimalActionsDropdownContent.MarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved;
+
+var VeltCommentsSidebarV2MinimalActionsDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2MinimalActionsDropdown.Trigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger;
+VeltCommentsSidebarV2MinimalActionsDropdown.Content = VeltCommentsSidebarV2MinimalActionsDropdownContent;
+
+var VeltCommentsSidebarV2FilterDropdownTrigger = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItemLabel = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListItem = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentListItem.Indicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator;
+VeltCommentsSidebarV2FilterDropdownContentListItem.Label = VeltCommentsSidebarV2FilterDropdownContentListItemLabel;
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltCommentsSidebarV2FilterDropdownContentListCategory = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentListCategory.Content = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent;
+
+var VeltCommentsSidebarV2FilterDropdownContentList = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContentList.Item = VeltCommentsSidebarV2FilterDropdownContentListItem;
+VeltCommentsSidebarV2FilterDropdownContentList.Category = VeltCommentsSidebarV2FilterDropdownContentListCategory;
+
+var VeltCommentsSidebarV2FilterDropdownContent = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdownContent.List = VeltCommentsSidebarV2FilterDropdownContentList;
+
+var VeltCommentsSidebarV2FilterDropdown = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2FilterDropdown.Trigger = VeltCommentsSidebarV2FilterDropdownTrigger;
+VeltCommentsSidebarV2FilterDropdown.Content = VeltCommentsSidebarV2FilterDropdownContent;
+
+var VeltCommentsSidebarV2Wireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-comments-sidebar-v2-wireframe", __assign({}, transformedProps), children));
+};
+VeltCommentsSidebarV2Wireframe.Skeleton = VeltCommentsSidebarV2Skeleton;
+VeltCommentsSidebarV2Wireframe.Panel = VeltCommentsSidebarV2Panel;
+VeltCommentsSidebarV2Wireframe.Header = VeltCommentsSidebarV2Header;
+VeltCommentsSidebarV2Wireframe.CloseButton = VeltCommentsSidebarV2CloseButton;
+VeltCommentsSidebarV2Wireframe.EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder;
+VeltCommentsSidebarV2Wireframe.List = VeltCommentsSidebarV2List;
+VeltCommentsSidebarV2Wireframe.PageModeComposer = VeltCommentsSidebarV2PageModeComposer;
+VeltCommentsSidebarV2Wireframe.FocusedThread = VeltCommentsSidebarV2FocusedThread;
+VeltCommentsSidebarV2Wireframe.MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown;
+VeltCommentsSidebarV2Wireframe.FilterDropdown = VeltCommentsSidebarV2FilterDropdown;
+
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -9955,6 +10339,34 @@ exports.VeltCommentsMinimap = VeltCommentsMinimap;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCommentsSidebarButton = VeltCommentsSidebarButton;
 exports.VeltCommentsSidebarStatusDropdownWireframe = VeltCommentsSidebarStatusDropdownWireframe;
+exports.VeltCommentsSidebarV2 = VeltCommentsSidebarV2;
+exports.VeltCommentsSidebarV2CloseButton = VeltCommentsSidebarV2CloseButton$1;
+exports.VeltCommentsSidebarV2EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder$1;
+exports.VeltCommentsSidebarV2FilterDropdown = VeltCommentsSidebarV2FilterDropdown$1;
+exports.VeltCommentsSidebarV2FilterDropdownContent = VeltCommentsSidebarV2FilterDropdownContent$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentList = VeltCommentsSidebarV2FilterDropdownContentList$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListCategory = VeltCommentsSidebarV2FilterDropdownContentListCategory$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItem = VeltCommentsSidebarV2FilterDropdownContentListItem$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1;
+exports.VeltCommentsSidebarV2FilterDropdownContentListItemLabel = VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1;
+exports.VeltCommentsSidebarV2FilterDropdownTrigger = VeltCommentsSidebarV2FilterDropdownTrigger$1;
+exports.VeltCommentsSidebarV2FocusedThread = VeltCommentsSidebarV2FocusedThread$1;
+exports.VeltCommentsSidebarV2FocusedThreadBackButton = VeltCommentsSidebarV2FocusedThreadBackButton$1;
+exports.VeltCommentsSidebarV2FocusedThreadDialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer$1;
+exports.VeltCommentsSidebarV2Header = VeltCommentsSidebarV2Header$1;
+exports.VeltCommentsSidebarV2List = VeltCommentsSidebarV2List$1;
+exports.VeltCommentsSidebarV2ListItem = VeltCommentsSidebarV2ListItem$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContent = VeltCommentsSidebarV2MinimalActionsDropdownContent$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1;
+exports.VeltCommentsSidebarV2MinimalActionsDropdownTrigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1;
+exports.VeltCommentsSidebarV2PageModeComposer = VeltCommentsSidebarV2PageModeComposer$1;
+exports.VeltCommentsSidebarV2Panel = VeltCommentsSidebarV2Panel$1;
+exports.VeltCommentsSidebarV2ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton$1;
+exports.VeltCommentsSidebarV2Skeleton = VeltCommentsSidebarV2Skeleton$1;
+exports.VeltCommentsSidebarV2Wireframe = VeltCommentsSidebarV2Wireframe;
 exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltConfirmDialogWireframe = VeltConfirmDialogWireframe;
 exports.VeltCursor = SnippylyCursor;