@veltdev/react 3.0.26 → 3.0.28

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 (48) hide show
  1. package/cjs/index.js +92 -5
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyComments/SnippylyComments.d.ts +3 -0
  4. package/cjs/types/components/VeltData/VeltData.d.ts +1 -0
  5. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe.d.ts +8 -0
  6. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe/index.d.ts +1 -0
  7. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe.d.ts +8 -0
  8. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe/index.d.ts +1 -0
  9. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe.d.ts +12 -0
  10. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/index.d.ts +1 -0
  11. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe.d.ts +8 -0
  12. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe/index.d.ts +1 -0
  13. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe.d.ts +12 -0
  14. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/index.d.ts +1 -0
  15. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe.d.ts +6 -0
  16. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe/index.d.ts +1 -0
  17. package/cjs/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogWireframe.d.ts +4 -0
  18. package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelSkeletonWireframe/VeltNotificationsPanelSkeletonWireframe.d.ts +7 -0
  19. package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelSkeletonWireframe/index.d.ts +1 -0
  20. package/cjs/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelWireframe.d.ts +2 -0
  21. package/cjs/types/constants.d.ts +1 -1
  22. package/cjs/types/hooks/CommentElement.d.ts +4 -0
  23. package/cjs/types/hooks/index.d.ts +1 -1
  24. package/esm/index.js +91 -6
  25. package/esm/index.js.map +1 -1
  26. package/esm/types/components/SnippylyComments/SnippylyComments.d.ts +3 -0
  27. package/esm/types/components/VeltData/VeltData.d.ts +1 -0
  28. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe.d.ts +8 -0
  29. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe/index.d.ts +1 -0
  30. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe.d.ts +8 -0
  31. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe/index.d.ts +1 -0
  32. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe.d.ts +12 -0
  33. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/index.d.ts +1 -0
  34. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe.d.ts +8 -0
  35. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe/index.d.ts +1 -0
  36. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe.d.ts +12 -0
  37. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/index.d.ts +1 -0
  38. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe.d.ts +6 -0
  39. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe/index.d.ts +1 -0
  40. package/esm/types/components/VeltMultiThreadCommentDialogWireframe/VeltMultiThreadCommentDialogWireframe.d.ts +4 -0
  41. package/esm/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelSkeletonWireframe/VeltNotificationsPanelSkeletonWireframe.d.ts +7 -0
  42. package/esm/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelSkeletonWireframe/index.d.ts +1 -0
  43. package/esm/types/components/VeltNotificationsPanelWireframe/VeltNotificationsPanelWireframe.d.ts +2 -0
  44. package/esm/types/constants.d.ts +1 -1
  45. package/esm/types/hooks/CommentElement.d.ts +4 -0
  46. package/esm/types/hooks/index.d.ts +1 -1
  47. package/index.d.ts +55 -1
  48. package/package.json +1 -1
@@ -70,6 +70,7 @@ export interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAt
70
70
  onCommentUpdate?: Function;
71
71
  onCommentAccept?: Function;
72
72
  onCommentReject?: Function;
73
+ onCopyLink?: Function;
73
74
  onSidebarButtonOnCommentDialogClick?: Function;
74
75
  onCommentSelectionChange?: Function;
75
76
  customStatus?: {
@@ -124,6 +125,8 @@ export interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAt
124
125
  */
125
126
  multiThreadMode?: boolean;
126
127
  multiThread?: boolean;
128
+ deleteReplyConfirmation?: boolean;
129
+ collapsedComment?: boolean;
127
130
  }
128
131
  declare const SnippylyComments: React.FC<IVeltCommentsProps>;
129
132
  export default SnippylyComments;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  export interface IVeltDataProps {
3
3
  path?: string;
4
+ field?: string;
4
5
  }
5
6
  declare const VeltData: React.FC<IVeltDataProps>;
6
7
  export default VeltData;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe extends React.FC<IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframeProps> {
6
+ }
7
+ declare const VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe: IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe;
8
+ export default VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe extends React.FC<IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframeProps> {
6
+ }
7
+ declare const VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe: IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe;
8
+ export default VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe } from './VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe';
3
+ import { IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe } from './VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe';
4
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
5
+ variant?: string;
6
+ }
7
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe extends React.FC<IVeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframeProps> {
8
+ MarkAllRead: IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe;
9
+ MarkAllResolved: IVeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe;
10
+ }
11
+ declare const VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe: IVeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe;
12
+ export default VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe extends React.FC<IVeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframeProps> {
6
+ }
7
+ declare const VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe: IVeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe;
8
+ export default VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe;
@@ -0,0 +1,12 @@
1
+ import React from 'react';
2
+ import { IVeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe } from './VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe';
3
+ import { IVeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe } from './VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe';
4
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
5
+ variant?: string;
6
+ }
7
+ export interface IVeltMultiThreadCommentDialogMinimalActionsDropdownWireframe extends React.FC<IVeltMultiThreadCommentDialogMinimalActionsDropdownWireframeProps> {
8
+ Content: IVeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe;
9
+ Trigger: IVeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe;
10
+ }
11
+ declare const VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe: IVeltMultiThreadCommentDialogMinimalActionsDropdownWireframe;
12
+ export default VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe';
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ export interface IVeltMultiThreadCommentDialogResetFilterButtonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ variant?: string;
4
+ }
5
+ declare const VeltMultiThreadCommentDialogResetFilterButtonWireframe: React.FC<IVeltMultiThreadCommentDialogResetFilterButtonWireframeProps>;
6
+ export default VeltMultiThreadCommentDialogResetFilterButtonWireframe;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltMultiThreadCommentDialogResetFilterButtonWireframe";
@@ -4,8 +4,10 @@ import { IVeltMultiThreadCommentDialogCommentCountWireframeProps } from './VeltM
4
4
  import { IVeltMultiThreadCommentDialogComposerContainerWireframeProps } from './VeltMultiThreadCommentDialogComposerContainerWireframe/VeltMultiThreadCommentDialogComposerContainerWireframe';
5
5
  import { IVeltMultiThreadCommentDialogEmptyPlaceholderWireframe } from './VeltMultiThreadCommentDialogEmptyPlaceholderWireframe/VeltMultiThreadCommentDialogEmptyPlaceholderWireframe';
6
6
  import { IVeltMultiThreadCommentDialogListWireframeProps } from './VeltMultiThreadCommentDialogListWireframe/VeltMultiThreadCommentDialogListWireframe';
7
+ import { IVeltMultiThreadCommentDialogMinimalActionsDropdownWireframe } from './VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe/VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe';
7
8
  import { IVeltMultiThreadCommentDialogMinimalFilterDropdownWireframe } from './VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe/VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe';
8
9
  import { IVeltMultiThreadCommentDialogNewThreadButtonWireframeProps } from './VeltMultiThreadCommentDialogNewThreadButtonWireframe/VeltMultiThreadCommentDialogNewThreadButtonWireframe';
10
+ import { IVeltMultiThreadCommentDialogResetFilterButtonWireframeProps } from './VeltMultiThreadCommentDialogResetFilterButtonWireframe/VeltMultiThreadCommentDialogResetFilterButtonWireframe';
9
11
  export interface IVeltMultiThreadCommentDialogWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
10
12
  variant?: string;
11
13
  }
@@ -17,6 +19,8 @@ export interface IVeltMultiThreadCommentDialogWireframe extends React.FC<IVeltMu
17
19
  MinimalFilterDropdown: IVeltMultiThreadCommentDialogMinimalFilterDropdownWireframe;
18
20
  EmptyPlaceholder: IVeltMultiThreadCommentDialogEmptyPlaceholderWireframe;
19
21
  NewThreadButton: React.FC<IVeltMultiThreadCommentDialogNewThreadButtonWireframeProps>;
22
+ MinimalActionsDropdown: IVeltMultiThreadCommentDialogMinimalActionsDropdownWireframe;
23
+ ResetFilterButton: React.FC<IVeltMultiThreadCommentDialogResetFilterButtonWireframeProps>;
20
24
  }
21
25
  declare const VeltMultiThreadCommentDialogWireframe: IVeltMultiThreadCommentDialogWireframe;
22
26
  export default VeltMultiThreadCommentDialogWireframe;
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ export interface IVeltNotificationsPanelSkeletonWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
+ }
4
+ export interface IVeltNotificationsPanelSkeletonWireframe extends React.FC<IVeltNotificationsPanelSkeletonWireframeProps> {
5
+ }
6
+ declare const VeltNotificationsPanelSkeletonWireframe: IVeltNotificationsPanelSkeletonWireframe;
7
+ export default VeltNotificationsPanelSkeletonWireframe;
@@ -0,0 +1 @@
1
+ export { default } from './VeltNotificationsPanelSkeletonWireframe';
@@ -5,6 +5,7 @@ import { IVeltNotificationsPanelReadAllButtonWireframe } from './VeltNotificatio
5
5
  import { IVeltNotificationsPanelTitleWireframe } from './VeltNotificationsPanelTitleWireframe/VeltNotificationsPanelTitleWireframe';
6
6
  import { IVeltNotificationsPanelViewAllButtonWireframe } from './VeltNotificationsPanelViewAllButtonWireframe/VeltNotificationsPanelViewAllButtonWireframe';
7
7
  import { IVeltNotificationsPanelCloseButtonWireframe } from './VeltNotificationsPanelCloseButtonWireframe/VeltNotificationsPanelCloseButtonWireframe';
8
+ import { IVeltNotificationsPanelSkeletonWireframe } from './VeltNotificationsPanelSkeletonWireframe/VeltNotificationsPanelSkeletonWireframe';
8
9
  export interface IVeltNotificationsPanelWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
9
10
  variant?: string;
10
11
  }
@@ -15,6 +16,7 @@ export interface IVeltNotificationsPanelWireframe extends React.FC<IVeltNotifica
15
16
  Title: IVeltNotificationsPanelTitleWireframe;
16
17
  ViewAllButton: IVeltNotificationsPanelViewAllButtonWireframe;
17
18
  CloseButton: IVeltNotificationsPanelCloseButtonWireframe;
19
+ Skeleton: IVeltNotificationsPanelSkeletonWireframe;
18
20
  }
19
21
  declare const VeltNotificationsPanelWireframe: IVeltNotificationsPanelWireframe;
20
22
  export default VeltNotificationsPanelWireframe;
@@ -1,3 +1,3 @@
1
- export declare const VELT_SDK_VERSION = "3.0.26";
1
+ export declare const VELT_SDK_VERSION = "3.0.28";
2
2
  export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
3
3
  export declare const VELT_TAB_ID = "veltTabId";
@@ -21,3 +21,7 @@ export declare function useCommentAddHandler(): any;
21
21
  export declare function useCommentUpdateHandler(): any;
22
22
  export declare function useCommentDialogSidebarClickHandler(): any;
23
23
  export declare function useCommentSelectionChangeHandler(): CommentSelectionChangeData | undefined;
24
+ export declare function useCommentCopyLinkHandler(): {
25
+ link: string;
26
+ } | undefined;
27
+ export declare function useCommentAnnotationById(annotationId: string, documentId?: string): CommentAnnotation | null | undefined;
@@ -1,5 +1,5 @@
1
1
  export { useSetLocation, useSetDocument, useSetDocumentId, useUnsetDocumentId, useIdentify, useClient, useVeltInitState, } from './Client';
2
- export { useCommentUtils, useCommentAnnotations, useCommentAddHandler, useCommentModeState, useCommentUpdateHandler, useCommentDialogSidebarClickHandler, useCommentSelectionChangeHandler, useUnreadCommentCountByAnnotationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountOnCurrentDocument, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentCountByLocationId, } from './CommentElement';
2
+ export { useCommentUtils, useCommentAnnotations, useCommentAddHandler, useCommentModeState, useCommentUpdateHandler, useCommentDialogSidebarClickHandler, useCommentSelectionChangeHandler, useUnreadCommentCountByAnnotationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountOnCurrentDocument, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentCountByLocationId, useCommentCopyLinkHandler, useCommentAnnotationById } from './CommentElement';
3
3
  export { useCursorUtils, useCursorUsers, } from './CursorElement';
4
4
  export { useHuddleUtils, } from './HuddleElement';
5
5
  export { useLiveStateSyncUtils, useLiveStateData, useSetLiveStateData, useUserEditorState, useEditor, useEditorAccessTimer, useEditorAccessRequestHandler, useServerConnectionStateChangeHandler, useLiveState, } from './LiveStateSyncElement';
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.26';
135
+ var VELT_SDK_VERSION = '3.0.28';
136
136
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
137
137
  var VELT_TAB_ID = 'veltTabId';
138
138
 
@@ -226,7 +226,7 @@ var SnippylyCommentBubble = function (props) {
226
226
  };
227
227
 
228
228
  var SnippylyComments = function (props) {
229
- var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread;
229
+ var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, persistentCommentShadowDom = props.persistentCommentShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComment = props.collapsedComment;
230
230
  var ref = useRef();
231
231
  var onSignInRef = useRef(onSignIn);
232
232
  var onUpgradeRef = useRef(onUpgrade);
@@ -237,10 +237,14 @@ var SnippylyComments = function (props) {
237
237
  var onSidebarButtonOnCommentDialogClickRef = useRef(onSidebarButtonOnCommentDialogClick);
238
238
  var onCustomPinInjectRef = useRef(onCustomPinInject);
239
239
  var onCommentSelectionChangeRef = useRef(onCommentSelectionChange);
240
+ var onCopyLinkRef = useRef(onCopyLink);
240
241
  // Update the ref to always point to the latest callback function
241
242
  useEffect(function () {
242
243
  onSignInRef.current = onSignIn;
243
244
  }, [onSignIn]);
245
+ useEffect(function () {
246
+ onCopyLinkRef.current = onCopyLink;
247
+ }, [onCopyLink]);
244
248
  useEffect(function () {
245
249
  onUpgradeRef.current = onUpgrade;
246
250
  }, [onUpgrade]);
@@ -312,6 +316,11 @@ var SnippylyComments = function (props) {
312
316
  onCommentSelectionChangeRef.current(event === null || event === void 0 ? void 0 : event.detail);
313
317
  }
314
318
  };
319
+ var handleCopyLink = function (event) {
320
+ if (onCopyLinkRef.current) {
321
+ onCopyLinkRef.current(event === null || event === void 0 ? void 0 : event.detail);
322
+ }
323
+ };
315
324
  if (ref.current) {
316
325
  element = ref.current;
317
326
  if (element) {
@@ -324,6 +333,7 @@ var SnippylyComments = function (props) {
324
333
  element.addEventListener('onSidebarButtonOnCommentDialogClick', handleSidebarButtonOnCommentDialogClick);
325
334
  element.addEventListener('onCustomPinInject', handleCustomPinInject);
326
335
  element.addEventListener('onCommentSelectionChange', handleCommentSelectionChange);
336
+ element.addEventListener('onCopyLink', handleCopyLink);
327
337
  }
328
338
  }
329
339
  return function () {
@@ -337,10 +347,11 @@ var SnippylyComments = function (props) {
337
347
  element.removeEventListener('onSidebarButtonOnCommentDialogClick', handleSidebarButtonOnCommentDialogClick);
338
348
  element.removeEventListener('onCustomPinInject', handleCustomPinInject);
339
349
  element.removeEventListener('onCommentSelectionChange', handleCommentSelectionChange);
350
+ element.removeEventListener('onCopyLink', handleCopyLink);
340
351
  }
341
352
  };
342
353
  }, []);
343
- return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "composer-mode": composerMode, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined }, children));
354
+ return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "composer-mode": composerMode, "collapsed-comment": [true, false].includes(collapsedComment) ? (collapsedComment ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined }, children));
344
355
  };
345
356
 
346
357
  var SnippylyCommentsSidebar = function (props) {
@@ -1378,9 +1389,9 @@ var VeltCanvasComment = function (props) {
1378
1389
  };
1379
1390
 
1380
1391
  var VeltData = function (props) {
1381
- var path = props.path;
1392
+ var path = props.path, field = props.field;
1382
1393
  var ref = useRef();
1383
- return (React.createElement("velt-data", { ref: ref, path: path }));
1394
+ return (React.createElement("velt-data", { ref: ref, path: path, field: field }));
1384
1395
  };
1385
1396
 
1386
1397
  var VeltIf = function (props) {
@@ -3114,6 +3125,11 @@ var VeltNotificationsPanelCloseButtonWireframe = function (props) {
3114
3125
  return (React.createElement("velt-notifications-panel-close-button-wireframe", __assign({}, remainingProp), children));
3115
3126
  };
3116
3127
 
3128
+ var VeltNotificationsPanelSkeletonWireframe = function (props) {
3129
+ var children = props.children, remainingProp = __rest(props, ["children"]);
3130
+ return (React.createElement("velt-notifications-panel-skeleton-wireframe", __assign({}, remainingProp), children));
3131
+ };
3132
+
3117
3133
  var VeltNotificationsPanelWireframe = function (props) {
3118
3134
  var children = props.children, remainingProp = __rest(props, ["children"]);
3119
3135
  return (React.createElement("velt-notifications-panel-wireframe", __assign({}, remainingProp), children));
@@ -3124,6 +3140,7 @@ VeltNotificationsPanelWireframe.ReadAllButton = VeltNotificationsPanelReadAllBut
3124
3140
  VeltNotificationsPanelWireframe.Title = VeltNotificationsPanelTitleWireframe;
3125
3141
  VeltNotificationsPanelWireframe.ViewAllButton = VeltNotificationsPanelViewAllButtonWireframe;
3126
3142
  VeltNotificationsPanelWireframe.CloseButton = VeltNotificationsPanelCloseButtonWireframe;
3143
+ VeltNotificationsPanelWireframe.Skeleton = VeltNotificationsPanelSkeletonWireframe;
3127
3144
 
3128
3145
  var VeltNotificationsToolIconWireframe = function (props) {
3129
3146
  var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -3260,6 +3277,35 @@ var VeltMultiThreadCommentDialogListWireframe = function (props) {
3260
3277
  return (React.createElement("velt-multi-thread-comment-dialog-list-wireframe", __assign({}, remainingProps), children));
3261
3278
  };
3262
3279
 
3280
+ var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe = function (props) {
3281
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3282
+ return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read-wireframe", __assign({}, remainingProps), children));
3283
+ };
3284
+
3285
+ var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe = function (props) {
3286
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3287
+ return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved-wireframe", __assign({}, remainingProps), children));
3288
+ };
3289
+
3290
+ var VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe = function (props) {
3291
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3292
+ return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-wireframe", __assign({}, remainingProps), children));
3293
+ };
3294
+ VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe.MarkAllRead = VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllReadWireframe;
3295
+ VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe.MarkAllResolved = VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolvedWireframe;
3296
+
3297
+ var VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe = function (props) {
3298
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3299
+ return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger-wireframe", __assign({}, remainingProps), children));
3300
+ };
3301
+
3302
+ var VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe = function (props) {
3303
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3304
+ return (React.createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-wireframe", __assign({}, remainingProps), children));
3305
+ };
3306
+ VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe.Content = VeltMultiThreadCommentDialogMinimalActionsDropdownContentWireframe;
3307
+ VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe.Trigger = VeltMultiThreadCommentDialogMinimalActionsDropdownTriggerWireframe;
3308
+
3263
3309
  var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAllWireframe = function (props) {
3264
3310
  var children = props.children, remainingProps = __rest(props, ["children"]);
3265
3311
  return (React.createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all-wireframe", __assign({}, remainingProps), children));
@@ -3324,6 +3370,11 @@ var VeltMultiThreadCommentDialogNewThreadButtonWireframe = function (props) {
3324
3370
  return (React.createElement("velt-multi-thread-comment-dialog-new-thread-button-wireframe", __assign({}, remainingProps), children));
3325
3371
  };
3326
3372
 
3373
+ var VeltMultiThreadCommentDialogResetFilterButtonWireframe = function (props) {
3374
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3375
+ return (React.createElement("velt-multi-thread-comment-dialog-reset-filter-button-wireframe", __assign({}, remainingProps), children));
3376
+ };
3377
+
3327
3378
  var VeltMultiThreadCommentDialogWireframe = function (props) {
3328
3379
  var children = props.children, remainingProps = __rest(props, ["children"]);
3329
3380
  return (React.createElement("velt-multi-thread-comment-dialog-wireframe", __assign({}, remainingProps), children));
@@ -3335,6 +3386,8 @@ VeltMultiThreadCommentDialogWireframe.CloseButton = VeltMultiThreadCommentDialog
3335
3386
  VeltMultiThreadCommentDialogWireframe.MinimalFilterDropdown = VeltMultiThreadCommentDialogMinimalFilterDropdownWireframe;
3336
3387
  VeltMultiThreadCommentDialogWireframe.EmptyPlaceholder = VeltMultiThreadCommentDialogEmptyPlaceholderWireframe;
3337
3388
  VeltMultiThreadCommentDialogWireframe.NewThreadButton = VeltMultiThreadCommentDialogNewThreadButtonWireframe;
3389
+ VeltMultiThreadCommentDialogWireframe.MinimalActionsDropdown = VeltMultiThreadCommentDialogMinimalActionsDropdownWireframe;
3390
+ VeltMultiThreadCommentDialogWireframe.ResetFilterButton = VeltMultiThreadCommentDialogResetFilterButtonWireframe;
3338
3391
 
3339
3392
  var VeltCommentComposerWireframe = function (props) {
3340
3393
  var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -3573,6 +3626,38 @@ function useCommentSelectionChangeHandler() {
3573
3626
  }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentSelectionChange]);
3574
3627
  return data;
3575
3628
  }
3629
+ function useCommentCopyLinkHandler() {
3630
+ var commentElement = useCommentUtils();
3631
+ var _a = React.useState(undefined), data = _a[0], setData = _a[1];
3632
+ useEffect(function () {
3633
+ if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCopyLink))
3634
+ return;
3635
+ var subscription = commentElement.onCopyLink().subscribe(function (res) {
3636
+ if (res) {
3637
+ setData({ link: res });
3638
+ }
3639
+ });
3640
+ return function () {
3641
+ subscription.unsubscribe();
3642
+ };
3643
+ }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCopyLink]);
3644
+ return data;
3645
+ }
3646
+ function useCommentAnnotationById(annotationId, documentId) {
3647
+ var commentElement = useCommentUtils();
3648
+ var _a = React.useState(undefined), data = _a[0], setData = _a[1];
3649
+ useEffect(function () {
3650
+ if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationById))
3651
+ return;
3652
+ var subscription = commentElement.getCommentAnnotationById(annotationId, documentId).subscribe(function (res) {
3653
+ setData(res);
3654
+ });
3655
+ return function () {
3656
+ subscription.unsubscribe();
3657
+ };
3658
+ }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getCommentAnnotationById]);
3659
+ return data;
3660
+ }
3576
3661
 
3577
3662
  function useCursorUtils() {
3578
3663
  var _a = React.useState(), cursorElement = _a[0], setCursorElement = _a[1];
@@ -4111,5 +4196,5 @@ var logLiveState = function (action, liveStateDataId) {
4111
4196
  }
4112
4197
  };
4113
4198
 
4114
- 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, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, 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, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
4199
+ 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, 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, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
4115
4200
  //# sourceMappingURL=index.js.map