@veltdev/react 3.0.42 → 3.0.44

package/cjs/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts

@@ -58,10 +58,13 @@ export interface IVeltCommentsSidebarProps {
     onSidebarCommentClick?: Function;
     onCommentClick?: Function;
     onSidebarClose?: Function;
+    onCommentNavigationButtonClick?: Function;
     darkMode?: boolean;
     position?: "right" | "left";
     filterPanelLayout?: 'menu' | 'bottomSheet';
     customActions?: boolean;
+    focusedThreadDialogVariant?: string;
+    focusedThreadMode?: boolean;
 }
 declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
 export default SnippylyCommentsSidebar;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogNavigationButton/VeltCommentDialogNavigationButton.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface IVeltCommentDialogNavigationButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+declare const VeltCommentDialogNavigationButton: React.FC<IVeltCommentDialogNavigationButtonProps>;
+export default VeltCommentDialogNavigationButton;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogNavigationButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentDialogNavigationButton";

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogWireframe.d.ts

@@ -27,6 +27,7 @@ import { IVeltCommentDialogCustomAnnotationDropdown } from "./VeltCommentDialogC
 import { IVeltCommentDialogDeleteButtonProps } from "./VeltCommentDialogDeleteButton/VeltCommentDialogDeleteButton";
 import { IVeltCommentDialogCloseButtonProps } from "./VeltCommentDialogCloseButton/VeltCommentDialogCloseButton";
 import { IVeltCommentDialogUnresolveButtonProps } from "./VeltCommentDialogUnresolveButton/VeltCommentDialogUnresolveButton";
+import { IVeltCommentDialogNavigationButtonProps } from "./VeltCommentDialogNavigationButton/VeltCommentDialogNavigationButton";
 export interface IVeltCommentDialogWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -59,5 +60,6 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
     CustomAnnotationDropdown: IVeltCommentDialogCustomAnnotationDropdown;
     DeleteButton: React.FC<IVeltCommentDialogDeleteButtonProps>;
     CloseButton: React.FC<IVeltCommentDialogCloseButtonProps>;
+    NavigationButton: React.FC<IVeltCommentDialogNavigationButtonProps>;
 };
 export default VeltCommentDialogWireframe;

package/cjs/types/components/VeltCommentText/VeltCommentText.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IVeltCommentTextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    annotationId?: string;
+    multiThreadAnnotationId?: string;
+}
+declare const VeltCommentText: React.FC<IVeltCommentTextProps>;
+export default VeltCommentText;

package/cjs/types/components/VeltCommentText/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltCommentText';

package/cjs/types/components/VeltCommentThreadWireframe/VeltCommentThreadWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IVeltCommentThreadWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentThreadWireframe extends React.FC<IVeltCommentThreadWireframeProps> {
+}
+declare const VeltCommentThreadWireframe: IVeltCommentThreadWireframe;
+export default VeltCommentThreadWireframe;

package/cjs/types/components/VeltCommentThreadWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltCommentThreadWireframe';

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThread.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IVeltCommentsSidebarFocusedThreadBackButton } from './VeltCommentsSidebarFocusedThreadBackButton/VeltCommentsSidebarFocusedThreadBackButton';
+import { IVeltCommentsSidebarFocusedThreadDialogContainer } from './VeltCommentsSidebarFocusedThreadDialogContainer/VeltCommentsSidebarFocusedThreadDialogContainer';
+export interface IVeltCommentsSidebarFocusedThreadProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentsSidebarFocusedThread extends React.FC<IVeltCommentsSidebarFocusedThreadProps> {
+    BackButton: IVeltCommentsSidebarFocusedThreadBackButton;
+    DialogContainer: IVeltCommentsSidebarFocusedThreadDialogContainer;
+}
+declare const VeltCommentsSidebarFocusedThread: IVeltCommentsSidebarFocusedThread;
+export default VeltCommentsSidebarFocusedThread;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadBackButton/VeltCommentsSidebarFocusedThreadBackButton.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IVeltCommentsSidebarFocusedThreadBackButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentsSidebarFocusedThreadBackButton extends React.FC<IVeltCommentsSidebarFocusedThreadBackButtonProps> {
+}
+declare const VeltCommentsSidebarFocusedThreadBackButton: IVeltCommentsSidebarFocusedThreadBackButton;
+export default VeltCommentsSidebarFocusedThreadBackButton;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadBackButton/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentsSidebarFocusedThreadBackButton";

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadDialogContainer/VeltCommentsSidebarFocusedThreadDialogContainer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IVeltCommentsSidebarFocusedThreadDialogContainerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentsSidebarFocusedThreadDialogContainer extends React.FC<IVeltCommentsSidebarFocusedThreadDialogContainerProps> {
+}
+declare const VeltCommentsSidebarFocusedThreadDialogContainer: IVeltCommentsSidebarFocusedThreadDialogContainer;
+export default VeltCommentsSidebarFocusedThreadDialogContainer;

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadDialogContainer/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./VeltCommentsSidebarFocusedThreadDialogContainer";

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltCommentsSidebarFocusedThread';

package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts

@@ -15,6 +15,7 @@ import { IVeltCommentsSidebarSkeletonProps } from './VeltCommentsSidebarSkeleton
 import { IVeltCommentsSidebarStatus } from './VeltCommentsSidebarStatus/VeltCommentsSidebarStatus';
 import { IVeltCommentsSidebarResetFilterButtonWireframeProps } from './VeltCommentsSidebarResetFilterButtonWireframe/VeltCommentsSidebarResetFilterButtonWireframe';
 import { IVeltCommentsSidebarActionButtonProps } from './VeltCommentsSidebarActionButton/VeltCommentsSidebarActionButton';
+import { IVeltCommentsSidebarFocusedThread } from './VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThread';
 export interface IVeltCommentsSidebarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -35,5 +36,6 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
     MinimalActionsDropdown: IVeltCommentsSidebarMinimalActionsDropdownWireframe;
     ResetFilterButton: React.FC<IVeltCommentsSidebarResetFilterButtonWireframeProps>;
     ActionButton: React.FC<IVeltCommentsSidebarActionButtonProps>;
+    FocusedThread: IVeltCommentsSidebarFocusedThread;
 };
 export default VeltCommentsSidebarWireframe;

package/cjs/types/components/index.d.ts

@@ -32,6 +32,7 @@ export { default as VeltChartComment } from "./VeltChartComment";
 export { default as VeltAutocomplete } from "./VeltAutocomplete";
 export { default as VeltInlineCommentsSection } from "./VeltInlineCommentsSection";
 export { default as VeltCommentPin } from "./VeltCommentPin";
+export { default as VeltCommentText } from "./VeltCommentText";
 export { default as VeltCanvasComment } from "./VeltCanvasComment";
 export { default as VeltData } from "./VeltData";
 export { default as VeltIf } from "./VeltIf";
@@ -70,3 +71,4 @@ export { default as VeltInlineReactionsSectionWireframe } from "./VeltInlineReac
 export { default as VeltPersistentCommentModeWireframe } from "./VeltPersistentCommentModeWireframe";
 export { default as VeltMultiThreadCommentDialogWireframe } from "./VeltMultiThreadCommentDialogWireframe";
 export { default as VeltCommentComposerWireframe } from "./VeltCommentComposerWireframe";
+export { default as VeltCommentThreadWireframe } from "./VeltCommentThreadWireframe";

package/cjs/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "3.0.42";
+export declare const VELT_SDK_VERSION = "3.0.44";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";

package/cjs/types/hooks/SelectionElement.d.ts

@@ -1,2 +1,3 @@
-import { SelectionElement } from "@veltdev/types";
+import { SelectionElement, LiveSelectionData } from "@veltdev/types";
 export declare function useLiveSelectionUtils(): SelectionElement | undefined;
+export declare function useLiveSelectionDataHandler(): LiveSelectionData | null;

package/cjs/types/hooks/index.d.ts

@@ -6,7 +6,7 @@ export { useLiveStateSyncUtils, useLiveStateData, useSetLiveStateData, useUserEd
 export { usePresenceUtils, usePresenceUsers, } from './PresenceElement';
 export { useRecorderUtils, useRecorderAddHandler, } from './RecorderElement';
 export { useAIRewriterUtils, } from './RewriterElement';
-export { useLiveSelectionUtils, } from './SelectionElement';
+export { useLiveSelectionUtils, useLiveSelectionDataHandler, } from './SelectionElement';
 export { useTagUtils, useTagAnnotations, } from './TagElement';
 export { useViewsUtils, useUniqueViewsByDate, useUniqueViewsByUser, } from './ViewsElement';
 export { useNotificationUtils, useNotificationsData, useUnreadNotificationsCount } from './NotificationElement';

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.42';
+var VELT_SDK_VERSION = '3.0.44';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -355,13 +355,14 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode; props.floatingMode; var 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, 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;
+    var embedMode = props.embedMode; props.floatingMode; var 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, 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, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick;
     var ref = useRef();
     var openSidebarRef = useRef(openSidebar);
     var onSidebarOpenRef = useRef(onSidebarOpen);
     var onSidebarCommentClickRef = useRef(onSidebarCommentClick);
     var onCommentClickRef = useRef(onCommentClick);
     var onSidebarCloseRef = useRef(onSidebarClose);
+    var onCommentNavigationButtonClickRef = useRef(onCommentNavigationButtonClick);
     // Update the ref to always point to the latest callback function
     useEffect(function () {
         openSidebarRef.current = openSidebar;
@@ -378,6 +379,9 @@ var SnippylyCommentsSidebar = function (props) {
     useEffect(function () {
         onCommentClickRef.current = onCommentClick;
     }, [onCommentClick]);
+    useEffect(function () {
+        onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick;
+    }, [onCommentNavigationButtonClick]);
     useEffect(function () {
         var element;
         var handleSidebarOpen = function (event) {
@@ -401,12 +405,18 @@ var SnippylyCommentsSidebar = function (props) {
                 onSidebarCloseRef.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;
             if (element) {
                 element.addEventListener('onSidebarOpen', handleSidebarOpen);
                 element.addEventListener('onSidebarCommentClick', handleSidebarCommentClick);
                 element.addEventListener('onSidebarClose', handleSidebarClose);
+                element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
             }
         }
         return function () {
@@ -414,10 +424,11 @@ var SnippylyCommentsSidebar = function (props) {
                 element.removeEventListener('onSidebarOpen', handleSidebarOpen);
                 element.removeEventListener('onSidebarCommentClick', handleSidebarCommentClick);
                 element.removeEventListener('onSidebarClose', handleSidebarClose);
+                element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
             }
         };
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "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, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? '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, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -1383,6 +1394,11 @@ var VeltCommentPin = function (props) {
     return (React.createElement("velt-comment-pin", { "annotation-id": annotationId }, children));
 };
 
+var VeltCommentText = function (props) {
+    var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId;
+    return (React.createElement("velt-comment-text", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId }, children));
+};
+
 var VeltCanvasComment = function (props) {
     var children = props.children, canvasId = props.canvasId, position = props.position;
     return (React.createElement("velt-canvas-comment", { "canvas-id": canvasId, position: JSON.stringify(position) }, children));
@@ -2139,6 +2155,11 @@ var VeltCommentDialogUnresolveButton = function (props) {
     return (React.createElement("velt-comment-dialog-unresolve-button-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltCommentDialogNavigationButton = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-navigation-button-wireframe", __assign({}, remainingProp), children));
+};
+
 var VeltCommentDialogWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comment-dialog-wireframe", __assign({}, remainingProp), children));
@@ -2171,6 +2192,7 @@ VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
 VeltCommentDialogWireframe.CustomAnnotationDropdown = VeltCommentDialogCustomAnnotationDropdown;
 VeltCommentDialogWireframe.DeleteButton = VeltCommentDialogDeleteButton;
 VeltCommentDialogWireframe.CloseButton = VeltCommentDialogCloseButton;
+VeltCommentDialogWireframe.NavigationButton = VeltCommentDialogNavigationButton;
 
 var VeltCommentsSidebarCloseButton = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -2577,6 +2599,23 @@ var VeltCommentsSidebarActionButton = function (props) {
     return (React.createElement("velt-comments-sidebar-action-button-wireframe", { variant: variant, type: type, id: id }, children));
 };
 
+var VeltCommentsSidebarFocusedThreadBackButton = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-focused-thread-back-button-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltCommentsSidebarFocusedThreadDialogContainer = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-focused-thread-dialog-container-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltCommentsSidebarFocusedThread = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comments-sidebar-focused-thread-wireframe", __assign({}, remainingProps), children));
+};
+VeltCommentsSidebarFocusedThread.BackButton = VeltCommentsSidebarFocusedThreadBackButton;
+VeltCommentsSidebarFocusedThread.DialogContainer = VeltCommentsSidebarFocusedThreadDialogContainer;
+
 var VeltCommentsSidebarWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
@@ -2597,6 +2636,7 @@ VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocatio
 VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimalActionsDropdownWireframe;
 VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
 VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
+VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
 
 var VeltCommentPinGhostCommentIndicator = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -3406,6 +3446,11 @@ var VeltCommentComposerWireframe = function (props) {
     return (React.createElement("velt-comment-composer-wireframe", __assign({}, remainingProps), children));
 };
 
+var VeltCommentThreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-thread-wireframe", __assign({}, remainingProp), children));
+};
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -4103,6 +4148,21 @@ function useLiveSelectionUtils() {
     }, [client, setSelectionElement, selectionElement]);
     return selectionElement;
 }
+function useLiveSelectionDataHandler() {
+    var selectionElement = useLiveSelectionUtils();
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    useEffect(function () {
+        if (!(selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.getLiveSelectionData))
+            return;
+        var subscription = selectionElement.getLiveSelectionData().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.getLiveSelectionData]);
+    return data;
+}
 
 function useTagUtils() {
     var _a = React.useState(), tagElement = _a[0], setTagElement = _a[1];
@@ -4360,5 +4420,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, 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, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, 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, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map