@veltdev/react 3.0.41 → 3.0.43

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/cjs/index.js +60 -3
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts +3 -0
  4. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogNavigationButton/VeltCommentDialogNavigationButton.d.ts +6 -0
  5. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogNavigationButton/index.d.ts +1 -0
  6. package/cjs/types/components/VeltCommentText/VeltCommentText.d.ts +7 -0
  7. package/cjs/types/components/VeltCommentText/index.d.ts +1 -0
  8. package/cjs/types/components/VeltCommentThreadWireframe/VeltCommentThreadWireframe.d.ts +8 -0
  9. package/cjs/types/components/VeltCommentThreadWireframe/index.d.ts +1 -0
  10. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThread.d.ts +12 -0
  11. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadBackButton/VeltCommentsSidebarFocusedThreadBackButton.d.ts +8 -0
  12. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadBackButton/index.d.ts +1 -0
  13. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadDialogContainer/VeltCommentsSidebarFocusedThreadDialogContainer.d.ts +8 -0
  14. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadDialogContainer/index.d.ts +1 -0
  15. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/index.d.ts +1 -0
  16. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts +2 -0
  17. package/cjs/types/components/index.d.ts +2 -0
  18. package/cjs/types/constants.d.ts +1 -1
  19. package/cjs/types/hooks/SelectionElement.d.ts +2 -1
  20. package/cjs/types/hooks/index.d.ts +1 -1
  21. package/esm/index.js +58 -4
  22. package/esm/index.js.map +1 -1
  23. package/esm/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts +3 -0
  24. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogNavigationButton/VeltCommentDialogNavigationButton.d.ts +6 -0
  25. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogNavigationButton/index.d.ts +1 -0
  26. package/esm/types/components/VeltCommentText/VeltCommentText.d.ts +7 -0
  27. package/esm/types/components/VeltCommentText/index.d.ts +1 -0
  28. package/esm/types/components/VeltCommentThreadWireframe/VeltCommentThreadWireframe.d.ts +8 -0
  29. package/esm/types/components/VeltCommentThreadWireframe/index.d.ts +1 -0
  30. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThread.d.ts +12 -0
  31. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadBackButton/VeltCommentsSidebarFocusedThreadBackButton.d.ts +8 -0
  32. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadBackButton/index.d.ts +1 -0
  33. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadDialogContainer/VeltCommentsSidebarFocusedThreadDialogContainer.d.ts +8 -0
  34. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThreadDialogContainer/index.d.ts +1 -0
  35. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarFocusedThread/index.d.ts +1 -0
  36. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarWireframe.d.ts +2 -0
  37. package/esm/types/components/index.d.ts +2 -0
  38. package/esm/types/constants.d.ts +1 -1
  39. package/esm/types/hooks/SelectionElement.d.ts +2 -1
  40. package/esm/types/hooks/index.d.ts +1 -1
  41. package/index.d.ts +40 -2
  42. package/package.json +1 -1
@@ -58,10 +58,13 @@ export interface IVeltCommentsSidebarProps {
58
58
  onSidebarCommentClick?: Function;
59
59
  onCommentClick?: Function;
60
60
  onSidebarClose?: Function;
61
+ onCommentNavigationButtonClick?: Function;
61
62
  darkMode?: boolean;
62
63
  position?: "right" | "left";
63
64
  filterPanelLayout?: 'menu' | 'bottomSheet';
64
65
  customActions?: boolean;
66
+ focusedThreadDialogVariant?: string;
67
+ focusedThreadMode?: boolean;
65
68
  }
66
69
  declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
67
70
  export default SnippylyCommentsSidebar;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentDialogNavigationButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ declare const VeltCommentDialogNavigationButton: React.FC<IVeltCommentDialogNavigationButtonProps>;
6
+ export default VeltCommentDialogNavigationButton;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltCommentDialogNavigationButton";
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentTextProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ annotationId?: string;
4
+ multiThreadAnnotationId?: string;
5
+ }
6
+ declare const VeltCommentText: React.FC<IVeltCommentTextProps>;
7
+ export default VeltCommentText;
@@ -0,0 +1 @@
1
+ export { default } from './VeltCommentText';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentThreadWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ export interface IVeltCommentThreadWireframe extends React.FC<IVeltCommentThreadWireframeProps> {
6
+ }
7
+ declare const VeltCommentThreadWireframe: IVeltCommentThreadWireframe;
8
+ export default VeltCommentThreadWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltCommentThreadWireframe';
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { IVeltCommentsSidebarFocusedThreadBackButton } from './VeltCommentsSidebarFocusedThreadBackButton/VeltCommentsSidebarFocusedThreadBackButton';
3
+ import { IVeltCommentsSidebarFocusedThreadDialogContainer } from './VeltCommentsSidebarFocusedThreadDialogContainer/VeltCommentsSidebarFocusedThreadDialogContainer';
4
+ export interface IVeltCommentsSidebarFocusedThreadProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
5
+ variant?: string;
6
+ }
7
+ export interface IVeltCommentsSidebarFocusedThread extends React.FC<IVeltCommentsSidebarFocusedThreadProps> {
8
+ BackButton: IVeltCommentsSidebarFocusedThreadBackButton;
9
+ DialogContainer: IVeltCommentsSidebarFocusedThreadDialogContainer;
10
+ }
11
+ declare const VeltCommentsSidebarFocusedThread: IVeltCommentsSidebarFocusedThread;
12
+ export default VeltCommentsSidebarFocusedThread;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentsSidebarFocusedThreadBackButtonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ export interface IVeltCommentsSidebarFocusedThreadBackButton extends React.FC<IVeltCommentsSidebarFocusedThreadBackButtonProps> {
6
+ }
7
+ declare const VeltCommentsSidebarFocusedThreadBackButton: IVeltCommentsSidebarFocusedThreadBackButton;
8
+ export default VeltCommentsSidebarFocusedThreadBackButton;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltCommentsSidebarFocusedThreadBackButton";
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface IVeltCommentsSidebarFocusedThreadDialogContainerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ export interface IVeltCommentsSidebarFocusedThreadDialogContainer extends React.FC<IVeltCommentsSidebarFocusedThreadDialogContainerProps> {
6
+ }
7
+ declare const VeltCommentsSidebarFocusedThreadDialogContainer: IVeltCommentsSidebarFocusedThreadDialogContainer;
8
+ export default VeltCommentsSidebarFocusedThreadDialogContainer;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltCommentsSidebarFocusedThreadDialogContainer";
@@ -0,0 +1 @@
1
+ export { default } from './VeltCommentsSidebarFocusedThread';
@@ -15,6 +15,7 @@ import { IVeltCommentsSidebarSkeletonProps } from './VeltCommentsSidebarSkeleton
15
15
  import { IVeltCommentsSidebarStatus } from './VeltCommentsSidebarStatus/VeltCommentsSidebarStatus';
16
16
  import { IVeltCommentsSidebarResetFilterButtonWireframeProps } from './VeltCommentsSidebarResetFilterButtonWireframe/VeltCommentsSidebarResetFilterButtonWireframe';
17
17
  import { IVeltCommentsSidebarActionButtonProps } from './VeltCommentsSidebarActionButton/VeltCommentsSidebarActionButton';
18
+ import { IVeltCommentsSidebarFocusedThread } from './VeltCommentsSidebarFocusedThread/VeltCommentsSidebarFocusedThread';
18
19
  export interface IVeltCommentsSidebarWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
19
20
  variant?: string;
20
21
  }
@@ -35,5 +36,6 @@ declare const VeltCommentsSidebarWireframe: React.FC<IVeltCommentsSidebarWirefra
35
36
  MinimalActionsDropdown: IVeltCommentsSidebarMinimalActionsDropdownWireframe;
36
37
  ResetFilterButton: React.FC<IVeltCommentsSidebarResetFilterButtonWireframeProps>;
37
38
  ActionButton: React.FC<IVeltCommentsSidebarActionButtonProps>;
39
+ FocusedThread: IVeltCommentsSidebarFocusedThread;
38
40
  };
39
41
  export default VeltCommentsSidebarWireframe;
@@ -32,6 +32,7 @@ export { default as VeltChartComment } from "./VeltChartComment";
32
32
  export { default as VeltAutocomplete } from "./VeltAutocomplete";
33
33
  export { default as VeltInlineCommentsSection } from "./VeltInlineCommentsSection";
34
34
  export { default as VeltCommentPin } from "./VeltCommentPin";
35
+ export { default as VeltCommentText } from "./VeltCommentText";
35
36
  export { default as VeltCanvasComment } from "./VeltCanvasComment";
36
37
  export { default as VeltData } from "./VeltData";
37
38
  export { default as VeltIf } from "./VeltIf";
@@ -70,3 +71,4 @@ export { default as VeltInlineReactionsSectionWireframe } from "./VeltInlineReac
70
71
  export { default as VeltPersistentCommentModeWireframe } from "./VeltPersistentCommentModeWireframe";
71
72
  export { default as VeltMultiThreadCommentDialogWireframe } from "./VeltMultiThreadCommentDialogWireframe";
72
73
  export { default as VeltCommentComposerWireframe } from "./VeltCommentComposerWireframe";
74
+ export { default as VeltCommentThreadWireframe } from "./VeltCommentThreadWireframe";
@@ -1,3 +1,3 @@
1
- export declare const VELT_SDK_VERSION = "3.0.41";
1
+ export declare const VELT_SDK_VERSION = "3.0.43";
2
2
  export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
3
3
  export declare const VELT_TAB_ID = "veltTabId";
@@ -1,2 +1,3 @@
1
- import { SelectionElement } from "@veltdev/types";
1
+ import { SelectionElement, LiveSelectionData } from "@veltdev/types";
2
2
  export declare function useLiveSelectionUtils(): SelectionElement | undefined;
3
+ export declare function useLiveSelectionDataHandler(): LiveSelectionData | null;
@@ -6,7 +6,7 @@ export { useLiveStateSyncUtils, useLiveStateData, useSetLiveStateData, useUserEd
6
6
  export { usePresenceUtils, usePresenceUsers, } from './PresenceElement';
7
7
  export { useRecorderUtils, useRecorderAddHandler, } from './RecorderElement';
8
8
  export { useAIRewriterUtils, } from './RewriterElement';
9
- export { useLiveSelectionUtils, } from './SelectionElement';
9
+ export { useLiveSelectionUtils, useLiveSelectionDataHandler, } from './SelectionElement';
10
10
  export { useTagUtils, useTagAnnotations, } from './TagElement';
11
11
  export { useViewsUtils, useUniqueViewsByDate, useUniqueViewsByUser, } from './ViewsElement';
12
12
  export { useNotificationUtils, useNotificationsData, useUnreadNotificationsCount } from './NotificationElement';
package/esm/index.js CHANGED
@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
132
132
  }
133
133
  };
134
134
 
135
- var VELT_SDK_VERSION = '3.0.41';
135
+ var VELT_SDK_VERSION = '3.0.43';
136
136
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
137
137
  var VELT_TAB_ID = 'veltTabId';
138
138
 
@@ -355,13 +355,14 @@ var SnippylyComments = function (props) {
355
355
  };
356
356
 
357
357
  var SnippylyCommentsSidebar = function (props) {
358
- 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;
358
+ 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;
359
359
  var ref = useRef();
360
360
  var openSidebarRef = useRef(openSidebar);
361
361
  var onSidebarOpenRef = useRef(onSidebarOpen);
362
362
  var onSidebarCommentClickRef = useRef(onSidebarCommentClick);
363
363
  var onCommentClickRef = useRef(onCommentClick);
364
364
  var onSidebarCloseRef = useRef(onSidebarClose);
365
+ var onCommentNavigationButtonClickRef = useRef(onCommentNavigationButtonClick);
365
366
  // Update the ref to always point to the latest callback function
366
367
  useEffect(function () {
367
368
  openSidebarRef.current = openSidebar;
@@ -378,6 +379,9 @@ var SnippylyCommentsSidebar = function (props) {
378
379
  useEffect(function () {
379
380
  onCommentClickRef.current = onCommentClick;
380
381
  }, [onCommentClick]);
382
+ useEffect(function () {
383
+ onCommentNavigationButtonClickRef.current = onCommentNavigationButtonClick;
384
+ }, [onCommentNavigationButtonClick]);
381
385
  useEffect(function () {
382
386
  var element;
383
387
  var handleSidebarOpen = function (event) {
@@ -401,12 +405,18 @@ var SnippylyCommentsSidebar = function (props) {
401
405
  onSidebarCloseRef.current(event === null || event === void 0 ? void 0 : event.detail);
402
406
  }
403
407
  };
408
+ var handleCommentNavigationButtonClick = function (event) {
409
+ if (onCommentNavigationButtonClickRef.current) {
410
+ onCommentNavigationButtonClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
411
+ }
412
+ };
404
413
  if (ref.current) {
405
414
  element = ref.current;
406
415
  if (element) {
407
416
  element.addEventListener('onSidebarOpen', handleSidebarOpen);
408
417
  element.addEventListener('onSidebarCommentClick', handleSidebarCommentClick);
409
418
  element.addEventListener('onSidebarClose', handleSidebarClose);
419
+ element.addEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
410
420
  }
411
421
  }
412
422
  return function () {
@@ -414,10 +424,11 @@ var SnippylyCommentsSidebar = function (props) {
414
424
  element.removeEventListener('onSidebarOpen', handleSidebarOpen);
415
425
  element.removeEventListener('onSidebarCommentClick', handleSidebarCommentClick);
416
426
  element.removeEventListener('onSidebarClose', handleSidebarClose);
427
+ element.removeEventListener('onCommentNavigationButtonClick', handleCommentNavigationButtonClick);
417
428
  }
418
429
  };
419
430
  }, []);
420
- 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 }));
431
+ 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 }));
421
432
  };
422
433
 
423
434
  var SnippylyCommentTool = function (props) {
@@ -1383,6 +1394,11 @@ var VeltCommentPin = function (props) {
1383
1394
  return (React.createElement("velt-comment-pin", { "annotation-id": annotationId }, children));
1384
1395
  };
1385
1396
 
1397
+ var VeltCommentText = function (props) {
1398
+ var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId;
1399
+ return (React.createElement("velt-comment-text", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId }, children));
1400
+ };
1401
+
1386
1402
  var VeltCanvasComment = function (props) {
1387
1403
  var children = props.children, canvasId = props.canvasId, position = props.position;
1388
1404
  return (React.createElement("velt-canvas-comment", { "canvas-id": canvasId, position: JSON.stringify(position) }, children));
@@ -2577,6 +2593,23 @@ var VeltCommentsSidebarActionButton = function (props) {
2577
2593
  return (React.createElement("velt-comments-sidebar-action-button-wireframe", { variant: variant, type: type, id: id }, children));
2578
2594
  };
2579
2595
 
2596
+ var VeltCommentsSidebarFocusedThreadBackButton = function (props) {
2597
+ var children = props.children, remainingProps = __rest(props, ["children"]);
2598
+ return (React.createElement("velt-comments-sidebar-focused-thread-back-button-wireframe", __assign({}, remainingProps), children));
2599
+ };
2600
+
2601
+ var VeltCommentsSidebarFocusedThreadDialogContainer = function (props) {
2602
+ var children = props.children, remainingProps = __rest(props, ["children"]);
2603
+ return (React.createElement("velt-comments-sidebar-focused-thread-dialog-container-wireframe", __assign({}, remainingProps), children));
2604
+ };
2605
+
2606
+ var VeltCommentsSidebarFocusedThread = function (props) {
2607
+ var children = props.children, remainingProps = __rest(props, ["children"]);
2608
+ return (React.createElement("velt-comments-sidebar-focused-thread-wireframe", __assign({}, remainingProps), children));
2609
+ };
2610
+ VeltCommentsSidebarFocusedThread.BackButton = VeltCommentsSidebarFocusedThreadBackButton;
2611
+ VeltCommentsSidebarFocusedThread.DialogContainer = VeltCommentsSidebarFocusedThreadDialogContainer;
2612
+
2580
2613
  var VeltCommentsSidebarWireframe = function (props) {
2581
2614
  var children = props.children, remainingProp = __rest(props, ["children"]);
2582
2615
  return (React.createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
@@ -2597,6 +2630,7 @@ VeltCommentsSidebarWireframe.LocationFilterDropdown = VeltCommentsSidebarLocatio
2597
2630
  VeltCommentsSidebarWireframe.MinimalActionsDropdown = VeltCommentsSidebarMinimalActionsDropdownWireframe;
2598
2631
  VeltCommentsSidebarWireframe.ResetFilterButton = VeltCommentsSidebarResetFilterButtonWireframe;
2599
2632
  VeltCommentsSidebarWireframe.ActionButton = VeltCommentsSidebarActionButton;
2633
+ VeltCommentsSidebarWireframe.FocusedThread = VeltCommentsSidebarFocusedThread;
2600
2634
 
2601
2635
  var VeltCommentPinGhostCommentIndicator = function (props) {
2602
2636
  var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -3406,6 +3440,11 @@ var VeltCommentComposerWireframe = function (props) {
3406
3440
  return (React.createElement("velt-comment-composer-wireframe", __assign({}, remainingProps), children));
3407
3441
  };
3408
3442
 
3443
+ var VeltCommentThreadWireframe = function (props) {
3444
+ var children = props.children, remainingProp = __rest(props, ["children"]);
3445
+ return (React.createElement("velt-comment-thread-wireframe", __assign({}, remainingProp), children));
3446
+ };
3447
+
3409
3448
  function useClient() {
3410
3449
  var client = useVeltClient().client;
3411
3450
  var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -4103,6 +4142,21 @@ function useLiveSelectionUtils() {
4103
4142
  }, [client, setSelectionElement, selectionElement]);
4104
4143
  return selectionElement;
4105
4144
  }
4145
+ function useLiveSelectionDataHandler() {
4146
+ var selectionElement = useLiveSelectionUtils();
4147
+ var _a = React.useState(null), data = _a[0], setData = _a[1];
4148
+ useEffect(function () {
4149
+ if (!(selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.getLiveSelectionData))
4150
+ return;
4151
+ var subscription = selectionElement.getLiveSelectionData().subscribe(function (res) {
4152
+ setData(res);
4153
+ });
4154
+ return function () {
4155
+ subscription.unsubscribe();
4156
+ };
4157
+ }, [selectionElement === null || selectionElement === void 0 ? void 0 : selectionElement.getLiveSelectionData]);
4158
+ return data;
4159
+ }
4106
4160
 
4107
4161
  function useTagUtils() {
4108
4162
  var _a = React.useState(), tagElement = _a[0], setTagElement = _a[1];
@@ -4360,5 +4414,5 @@ var logLiveState = function (action, liveStateDataId) {
4360
4414
  }
4361
4415
  };
4362
4416
 
4363
- 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 };
4417
+ 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 };
4364
4418
  //# sourceMappingURL=index.js.map