@veltdev/react 5.0.0-beta.12 → 5.0.0-beta.14

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 +49 -21
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyCommentTool/SnippylyCommentTool.d.ts +1 -0
  4. package/cjs/types/components/SnippylyComments/SnippylyComments.d.ts +2 -1
  5. package/cjs/types/components/VeltCommentComposer/VeltCommentComposer.d.ts +2 -1
  6. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCard.d.ts +6 -0
  7. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardAssignButton/VeltCommentDialogThreadCardAssignButton.d.ts +6 -0
  8. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardAssignButton/index.d.ts +1 -0
  9. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardEditComposer/VeltCommentDialogThreadCardEditComposer.d.ts +8 -0
  10. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardEditComposer/index.d.ts +1 -0
  11. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactionPin/VeltCommentDialogThreadCardReactionPin.d.ts +7 -0
  12. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactionPin/index.d.ts +1 -0
  13. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactionTool/VeltCommentDialogThreadCardReactionTool.d.ts +1 -0
  14. package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactions/VeltCommentDialogThreadCardReactions.d.ts +1 -0
  15. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContent.d.ts +2 -0
  16. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe.d.ts +8 -0
  17. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe/index.d.ts +1 -0
  18. package/cjs/types/components/VeltData/VeltData.d.ts +2 -0
  19. package/cjs/types/components/VeltIf/VeltIf.d.ts +2 -0
  20. package/cjs/types/components/VeltInlineCommentsSection/VeltInlineCommentsSection.d.ts +1 -0
  21. package/cjs/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +1 -0
  22. package/cjs/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +1 -0
  23. package/cjs/types/constants.d.ts +1 -1
  24. package/esm/index.js +49 -21
  25. package/esm/index.js.map +1 -1
  26. package/esm/types/components/SnippylyCommentTool/SnippylyCommentTool.d.ts +1 -0
  27. package/esm/types/components/SnippylyComments/SnippylyComments.d.ts +2 -1
  28. package/esm/types/components/VeltCommentComposer/VeltCommentComposer.d.ts +2 -1
  29. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCard.d.ts +6 -0
  30. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardAssignButton/VeltCommentDialogThreadCardAssignButton.d.ts +6 -0
  31. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardAssignButton/index.d.ts +1 -0
  32. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardEditComposer/VeltCommentDialogThreadCardEditComposer.d.ts +8 -0
  33. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardEditComposer/index.d.ts +1 -0
  34. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactionPin/VeltCommentDialogThreadCardReactionPin.d.ts +7 -0
  35. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactionPin/index.d.ts +1 -0
  36. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactionTool/VeltCommentDialogThreadCardReactionTool.d.ts +1 -0
  37. package/esm/types/components/VeltCommentDialogWireframe/VeltCommentDialogThreadCard/VeltCommentDialogThreadCardReactions/VeltCommentDialogThreadCardReactions.d.ts +1 -0
  38. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContent.d.ts +2 -0
  39. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe.d.ts +8 -0
  40. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe/index.d.ts +1 -0
  41. package/esm/types/components/VeltData/VeltData.d.ts +2 -0
  42. package/esm/types/components/VeltIf/VeltIf.d.ts +2 -0
  43. package/esm/types/components/VeltInlineCommentsSection/VeltInlineCommentsSection.d.ts +1 -0
  44. package/esm/types/components/VeltNotificationsPanel/VeltNotificationsPanel.d.ts +1 -0
  45. package/esm/types/components/VeltNotificationsTool/VeltNotificationsTool.d.ts +1 -0
  46. package/esm/types/constants.d.ts +1 -1
  47. package/index.d.ts +35 -2
  48. package/package.json +1 -1
@@ -19,6 +19,7 @@ export interface IVeltCommentToolProps extends React.DetailedHTMLProps<React.HTM
19
19
  locationId?: string;
20
20
  documentId?: string;
21
21
  folderId?: string;
22
+ contextInPageModeComposer?: boolean;
22
23
  }
23
24
  declare const SnippylyCommentTool: React.FC<IVeltCommentToolProps>;
24
25
  export default SnippylyCommentTool;
@@ -1,4 +1,4 @@
1
- import { AutocompleteData, CustomAnnotationDropdownData, ReactionMap, AutoCompleteScrollConfig } from '@veltdev/types';
1
+ import { AutocompleteData, CustomAnnotationDropdownData, ReactionMap, AutoCompleteScrollConfig, AssignToType } from '@veltdev/types';
2
2
  import React from 'react';
3
3
  export interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
4
4
  streamViewContainerId?: string;
@@ -154,6 +154,7 @@ export interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAt
154
154
  screenshot?: boolean;
155
155
  paginatedContactList?: boolean;
156
156
  autoCompleteScrollConfig?: AutoCompleteScrollConfig;
157
+ assignToType?: AssignToType;
157
158
  }
158
159
  declare const SnippylyComments: React.FC<IVeltCommentsProps>;
159
160
  export default SnippylyComments;
@@ -10,8 +10,9 @@ export interface IVeltCommentComposerProps extends React.DetailedHTMLProps<React
10
10
  locationId?: string;
11
11
  documentId?: string;
12
12
  folderId?: string;
13
+ targetComposerElementId?: string;
13
14
  placeholder?: string;
14
- targetElementId?: string;
15
+ readOnly?: boolean;
15
16
  }
16
17
  declare const VeltCommentComposer: React.FC<IVeltCommentComposerProps>;
17
18
  export default VeltCommentComposer;
@@ -7,6 +7,8 @@ import { IVeltCommentDialogThreadCardMessageProps } from "./VeltCommentDialogThr
7
7
  import { IVeltCommentDialogThreadCardNameProps } from "./VeltCommentDialogThreadCardName/VeltCommentDialogThreadCardName";
8
8
  import { IVeltCommentDialogThreadCardOptions } from "./VeltCommentDialogThreadCardOptions/VeltCommentDialogThreadCardOptions";
9
9
  import { IVeltCommentDialogThreadCardReactionToolProps } from "./VeltCommentDialogThreadCardReactionTool/VeltCommentDialogThreadCardReactionTool";
10
+ import { IVeltCommentDialogThreadCardReactionPinProps } from "./VeltCommentDialogThreadCardReactionPin/VeltCommentDialogThreadCardReactionPin";
11
+ import { IVeltCommentDialogThreadCardAssignButtonProps } from "./VeltCommentDialogThreadCardAssignButton/VeltCommentDialogThreadCardAssignButton";
10
12
  import { IVeltCommentDialogThreadCardReactionsProps } from "./VeltCommentDialogThreadCardReactions/VeltCommentDialogThreadCardReactions";
11
13
  import { IVeltCommentDialogThreadCardRecordingsProps } from "./VeltCommentDialogThreadCardRecordings/VeltCommentDialogThreadCardRecordings";
12
14
  import { IVeltCommentDialogThreadCardTimeProps } from "./VeltCommentDialogThreadCardTime/VeltCommentDialogThreadCardTime";
@@ -15,6 +17,7 @@ import { IVeltCommentDialogThreadCardSeenDropdown } from "./VeltCommentDialogThr
15
17
  import { IVeltCommentDialogThreadCardEdited } from "./VeltCommentDialogThreadCardEdited/VeltCommentDialogThreadCardEdited";
16
18
  import { IVeltWireframeCommonProps } from "../../../constants";
17
19
  import { IVeltCommentDialogThreadCardReply } from "./VeltCommentDialogThreadCardReply/VeltCommentDialogThreadCardReply";
20
+ import { IVeltCommentDialogThreadCardEditComposer } from "./VeltCommentDialogThreadCardEditComposer/VeltCommentDialogThreadCardEditComposer";
18
21
  export interface IVeltCommentDialogThreadCardProps extends IVeltWireframeCommonProps {
19
22
  }
20
23
  export interface IVeltCommentDialogThreadCard extends React.FC<IVeltCommentDialogThreadCardProps> {
@@ -26,6 +29,8 @@ export interface IVeltCommentDialogThreadCard extends React.FC<IVeltCommentDialo
26
29
  Options: IVeltCommentDialogThreadCardOptions;
27
30
  Reactions: React.FC<IVeltCommentDialogThreadCardReactionsProps>;
28
31
  ReactionTool: React.FC<IVeltCommentDialogThreadCardReactionToolProps>;
32
+ ReactionPin: React.FC<IVeltCommentDialogThreadCardReactionPinProps>;
33
+ AssignButton: React.FC<IVeltCommentDialogThreadCardAssignButtonProps>;
29
34
  Recordings: React.FC<IVeltCommentDialogThreadCardRecordingsProps>;
30
35
  Time: React.FC<IVeltCommentDialogThreadCardTimeProps>;
31
36
  Unread: React.FC<IVeltCommentDialogThreadCardUnreadProps>;
@@ -33,6 +38,7 @@ export interface IVeltCommentDialogThreadCard extends React.FC<IVeltCommentDialo
33
38
  SeenDropdown: IVeltCommentDialogThreadCardSeenDropdown;
34
39
  Edited: IVeltCommentDialogThreadCardEdited;
35
40
  Reply: IVeltCommentDialogThreadCardReply;
41
+ EditComposer: IVeltCommentDialogThreadCardEditComposer;
36
42
  }
37
43
  declare const VeltCommentDialogThreadCard: IVeltCommentDialogThreadCard;
38
44
  export default VeltCommentDialogThreadCard;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../../constants';
3
+ export interface IVeltCommentDialogThreadCardAssignButtonProps extends IVeltWireframeCommonProps {
4
+ }
5
+ declare const VeltCommentDialogThreadCardAssignButton: React.FC<IVeltCommentDialogThreadCardAssignButtonProps>;
6
+ export default VeltCommentDialogThreadCardAssignButton;
@@ -0,0 +1 @@
1
+ export { default } from './VeltCommentDialogThreadCardAssignButton';
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../../constants';
3
+ export interface IVeltCommentDialogThreadCardEditComposerProps extends IVeltWireframeCommonProps {
4
+ }
5
+ export interface IVeltCommentDialogThreadCardEditComposer extends React.FC<IVeltCommentDialogThreadCardEditComposerProps> {
6
+ }
7
+ declare const VeltCommentDialogThreadCardEditComposer: IVeltCommentDialogThreadCardEditComposer;
8
+ export default VeltCommentDialogThreadCardEditComposer;
@@ -0,0 +1 @@
1
+ export { default } from './VeltCommentDialogThreadCardEditComposer';
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../../constants';
3
+ export interface IVeltCommentDialogThreadCardReactionPinProps extends IVeltWireframeCommonProps {
4
+ reactionId?: string;
5
+ }
6
+ declare const VeltCommentDialogThreadCardReactionPin: React.FC<IVeltCommentDialogThreadCardReactionPinProps>;
7
+ export default VeltCommentDialogThreadCardReactionPin;
@@ -0,0 +1 @@
1
+ export { default } from "./VeltCommentDialogThreadCardReactionPin";
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { IVeltWireframeCommonProps } from '../../../../constants';
3
3
  export interface IVeltCommentDialogThreadCardReactionToolProps extends IVeltWireframeCommonProps {
4
+ excludeReactionIds?: string[];
4
5
  }
5
6
  declare const VeltCommentDialogThreadCardReactionTool: React.FC<IVeltCommentDialogThreadCardReactionToolProps>;
6
7
  export default VeltCommentDialogThreadCardReactionTool;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { IVeltWireframeCommonProps } from '../../../../constants';
3
3
  export interface IVeltCommentDialogThreadCardReactionsProps extends IVeltWireframeCommonProps {
4
+ excludeReactionIds?: string[];
4
5
  }
5
6
  declare const VeltCommentDialogThreadCardReactions: React.FC<IVeltCommentDialogThreadCardReactionsProps>;
6
7
  export default VeltCommentDialogThreadCardReactions;
@@ -5,6 +5,7 @@ import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterRead } from './Ve
5
5
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterResolved } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved/VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved';
6
6
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterUnread } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread/VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread';
7
7
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpen } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen';
8
+ import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe/VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe';
8
9
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterReset } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterReset/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset';
9
10
  import { IVeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon } from './VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon/VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon';
10
11
  import { IVeltCommentsSidebarMinimalFilterDropdownContentSortDate } from './VeltCommentsSidebarMinimalFilterDropdownContentSortDate/VeltCommentsSidebarMinimalFilterDropdownContentSortDate';
@@ -17,6 +18,7 @@ export interface IVeltCommentsSidebarMinimalFilterDropdownContent extends React.
17
18
  FilterRead: IVeltCommentsSidebarMinimalFilterDropdownContentFilterRead;
18
19
  FilterResolved: IVeltCommentsSidebarMinimalFilterDropdownContentFilterResolved;
19
20
  FilterOpen: IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
21
+ FilterAssignedToMe: IVeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe;
20
22
  FilterReset: IVeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
21
23
  SelectedIcon: IVeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon;
22
24
  SortDate: IVeltCommentsSidebarMinimalFilterDropdownContentSortDate;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../../../constants';
3
+ export interface IVeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMeProps extends IVeltWireframeCommonProps {
4
+ }
5
+ export interface IVeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe extends React.FC<IVeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMeProps> {
6
+ }
7
+ declare const VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe: IVeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe;
8
+ export default VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe;
@@ -2,6 +2,8 @@ import React from 'react';
2
2
  export interface IVeltDataProps {
3
3
  path?: string;
4
4
  field?: string;
5
+ className?: string;
6
+ id?: string;
5
7
  }
6
8
  declare const VeltData: React.FC<IVeltDataProps>;
7
9
  export default VeltData;
@@ -1,6 +1,8 @@
1
1
  import React from 'react';
2
2
  export interface IVeltIfProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
3
3
  condition?: string;
4
+ className?: string;
5
+ id?: string;
4
6
  }
5
7
  declare const VeltIf: React.FC<IVeltIfProps>;
6
8
  export default VeltIf;
@@ -38,6 +38,7 @@ export interface IVeltInlineCommentsSectionProps extends React.DetailedHTMLProps
38
38
  commentPlaceholder?: string;
39
39
  replyPlaceholder?: string;
40
40
  composerPlaceholder?: string;
41
+ readOnly?: boolean;
41
42
  }
42
43
  declare const VeltInlineCommentsSection: React.FC<IVeltInlineCommentsSectionProps>;
43
44
  export default VeltInlineCommentsSection;
@@ -22,6 +22,7 @@ export interface IVeltNotificationsPanelProps {
22
22
  selfNotifications?: boolean;
23
23
  pageSize?: number;
24
24
  settingsLayout?: NotificationSettingsLayout;
25
+ enableSettingsAtOrganizationLevel?: boolean;
25
26
  }
26
27
  declare const VeltNotificationsPanel: React.FC<IVeltNotificationsPanelProps>;
27
28
  export default VeltNotificationsPanel;
@@ -26,6 +26,7 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
26
26
  considerAllNotifications?: boolean;
27
27
  pageSize?: number;
28
28
  settingsLayout?: NotificationSettingsLayout;
29
+ enableSettingsAtOrganizationLevel?: boolean;
29
30
  }
30
31
  declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
31
32
  export default VeltNotificationsTool;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const VELT_SDK_VERSION = "5.0.0-beta.12";
2
+ export declare const VELT_SDK_VERSION = "5.0.0-beta.14";
3
3
  export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
4
4
  export declare const VELT_TAB_ID = "veltTabId";
5
5
  export declare const INTEGRITY_MAP: Record<string, string>;
package/esm/index.js CHANGED
@@ -204,13 +204,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
204
204
  };
205
205
  };
206
206
 
207
- var VELT_SDK_VERSION = '5.0.0-beta.12';
207
+ var VELT_SDK_VERSION = '5.0.0-beta.14';
208
208
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
209
209
  var VELT_TAB_ID = 'veltTabId';
210
210
  // integrity map for the Velt SDK
211
211
  // Note: generate integrity hashes with: https://www.srihash.org/
212
212
  var INTEGRITY_MAP = {
213
- '5.0.0-beta.12': 'sha384-Xph5ou5yA5056YJSgnqXy9Y8IBHzggkFrBxDf52V7iGSPzamU7vtY2xU/4BEnE90',
213
+ '5.0.0-beta.14': 'sha384-LQ/6lPz703wF/5tcBtPe51deRKmO80YdX35kX9wK9xjwHOvTAUiVhsZxOFEhhykV',
214
214
  };
215
215
 
216
216
  var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -537,7 +537,7 @@ var SnippylyCommentBubble = function (props) {
537
537
  };
538
538
 
539
539
  var SnippylyComments = function (props) {
540
- 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, filterCommentsOnDom = props.filterCommentsOnDom, 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, recordingTranscription = props.recordingTranscription, 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, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig;
540
+ 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, filterCommentsOnDom = props.filterCommentsOnDom, 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, recordingTranscription = props.recordingTranscription, 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, groupMultipleMatch = props.groupMultipleMatch, groupMatchedComments = props.groupMatchedComments, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode, maxReplyAvatars = props.maxReplyAvatars, replyAvatars = props.replyAvatars, linkCallback = props.linkCallback, replyPlaceholder = props.replyPlaceholder, commentPlaceholder = props.commentPlaceholder, allowedFileTypes = props.allowedFileTypes, attachmentNameInMessage = props.attachmentNameInMessage, forceCloseAllOnEsc = props.forceCloseAllOnEsc, screenshot = props.screenshot, paginatedContactList = props.paginatedContactList, autoCompleteScrollConfig = props.autoCompleteScrollConfig, assignToType = props.assignToType;
541
541
  var ref = useRef();
542
542
  var onSignInRef = useRef(onSignIn);
543
543
  var onUpgradeRef = useRef(onUpgrade);
@@ -662,7 +662,7 @@ var SnippylyComments = function (props) {
662
662
  }
663
663
  };
664
664
  }, []);
665
- return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? '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, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? '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-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? '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, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined }, children));
665
+ return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? '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, "filter-comments-on-dom": [true, false].includes(filterCommentsOnDom) ? (filterCommentsOnDom ? '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-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? '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, "group-multiple-match": [true, false].includes(groupMultipleMatch) ? (groupMultipleMatch ? 'true' : 'false') : undefined, "group-matched-comments": [true, false].includes(groupMatchedComments) ? (groupMatchedComments ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined, "max-reply-avatars": maxReplyAvatars, "reply-avatars": [true, false].includes(replyAvatars) ? (replyAvatars ? 'true' : 'false') : undefined, "link-callback": [true, false].includes(linkCallback) ? (linkCallback ? 'true' : 'false') : undefined, "reply-placeholder": replyPlaceholder, "comment-placeholder": commentPlaceholder, "allowed-file-types": JSON.stringify(allowedFileTypes), "attachment-name-in-message": [true, false].includes(attachmentNameInMessage) ? (attachmentNameInMessage ? 'true' : 'false') : undefined, "force-close-all-on-esc": [true, false].includes(forceCloseAllOnEsc) ? (forceCloseAllOnEsc ? 'true' : 'false') : undefined, screenshot: [true, false].includes(screenshot) ? (screenshot ? 'true' : 'false') : undefined, "paginated-contact-list": [true, false].includes(paginatedContactList) ? (paginatedContactList ? 'true' : 'false') : undefined, "auto-complete-scroll-config": autoCompleteScrollConfig ? JSON.stringify(autoCompleteScrollConfig) : undefined, "assign-to-type": assignToType }, children));
666
666
  };
667
667
 
668
668
  var SnippylyCommentsSidebar = function (props) {
@@ -743,7 +743,7 @@ var SnippylyCommentsSidebar = function (props) {
743
743
  };
744
744
 
745
745
  var SnippylyCommentTool = function (props) {
746
- var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, disabled = props.disabled;
746
+ var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, onCommentModeChange = props.onCommentModeChange, sourceId = props.sourceId, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, disabled = props.disabled, contextInPageModeComposer = props.contextInPageModeComposer;
747
747
  var ref = useRef();
748
748
  var onCommentModeChangeRef = useRef(onCommentModeChange);
749
749
  // Update the ref to always point to the latest callback function
@@ -769,7 +769,7 @@ var SnippylyCommentTool = function (props) {
769
769
  }
770
770
  };
771
771
  }, []);
772
- return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
772
+ return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, "source-id": sourceId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, "context-in-page-mode-composer": [true, false].includes(contextInPageModeComposer) ? (contextInPageModeComposer ? 'true' : 'false') : undefined }, children));
773
773
  };
774
774
 
775
775
  var SnippylyCursor = function (props) {
@@ -1138,7 +1138,7 @@ var VeltCommentThread = function (props) {
1138
1138
  };
1139
1139
 
1140
1140
  var VeltNotificationsTool = function (props) {
1141
- var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout;
1141
+ var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel;
1142
1142
  var ref = useRef();
1143
1143
  var onNotificationClickRef = useRef(onNotificationClick);
1144
1144
  // Update the ref to always point to the latest callback function
@@ -1164,11 +1164,11 @@ var VeltNotificationsTool = function (props) {
1164
1164
  }
1165
1165
  };
1166
1166
  }, []);
1167
- return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout }, children));
1167
+ return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined }, children));
1168
1168
  };
1169
1169
 
1170
1170
  var VeltNotificationsPanel = function (props) {
1171
- var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout;
1171
+ var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel;
1172
1172
  var ref = useRef();
1173
1173
  var onNotificationClickRef = useRef(onNotificationClick);
1174
1174
  // Update the ref to always point to the latest callback function
@@ -1194,7 +1194,7 @@ var VeltNotificationsPanel = function (props) {
1194
1194
  }
1195
1195
  };
1196
1196
  }, []);
1197
- return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout }));
1197
+ return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined }));
1198
1198
  };
1199
1199
 
1200
1200
  var VeltNotificationsHistoryPanel = function (props) {
@@ -1697,8 +1697,8 @@ var VeltAutocomplete = function (props) {
1697
1697
  };
1698
1698
 
1699
1699
  var VeltInlineCommentsSection = function (props) {
1700
- var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder;
1701
- return (React.createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder }, children));
1700
+ var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, readOnly = props.readOnly;
1701
+ return (React.createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }, children));
1702
1702
  };
1703
1703
 
1704
1704
  var VeltCommentPin = function (props) {
@@ -1717,15 +1717,15 @@ var VeltCanvasComment = function (props) {
1717
1717
  };
1718
1718
 
1719
1719
  var VeltData = function (props) {
1720
- var path = props.path, field = props.field;
1720
+ var path = props.path, field = props.field, className = props.className, id = props.id;
1721
1721
  var ref = useRef();
1722
- return (React.createElement("velt-data", { ref: ref, path: path, field: field }));
1722
+ return (React.createElement("velt-data", { ref: ref, path: path, field: field, class: className, id: id }));
1723
1723
  };
1724
1724
 
1725
1725
  var VeltIf = function (props) {
1726
- var condition = props.condition, children = props.children;
1726
+ var condition = props.condition, children = props.children, className = props.className, id = props.id;
1727
1727
  var ref = useRef();
1728
- return (React.createElement("velt-if", { ref: ref, condition: condition }, children));
1728
+ return (React.createElement("velt-if", { ref: ref, condition: condition, class: className, id: id }, children));
1729
1729
  };
1730
1730
 
1731
1731
  var VeltCommentsMinimap = function (props) {
@@ -1768,8 +1768,8 @@ var VeltInlineReactionsSection = function (props) {
1768
1768
  };
1769
1769
 
1770
1770
  var VeltCommentComposer = function (props) {
1771
- var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, placeholder = props.placeholder, targetElementId = props.targetElementId;
1772
- return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, placeholder: placeholder, "target-element-id": targetElementId }));
1771
+ var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, targetComposerElementId = props.targetComposerElementId, placeholder = props.placeholder, readOnly = props.readOnly;
1772
+ return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "target-composer-element-id": targetComposerElementId, placeholder: placeholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }));
1773
1773
  };
1774
1774
 
1775
1775
  var VeltSingleEditorModePanel = function (props) {
@@ -3438,15 +3438,27 @@ VeltCommentDialogThreadCardOptions.Content = VeltCommentDialogOptionsDropdownCon
3438
3438
  VeltCommentDialogThreadCardOptions.Trigger = VeltCommentDialogOptionsDropdownTriggerWireframe;
3439
3439
 
3440
3440
  var VeltCommentDialogThreadCardReactionTool = function (props) {
3441
+ var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
3442
+ var transformedProps = transformWireframeProps(remainingProps);
3443
+ return (React.createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, transformedProps, { "exclude-reaction-ids": excludeReactionIds ? JSON.stringify(excludeReactionIds) : undefined }), children));
3444
+ };
3445
+
3446
+ var VeltCommentDialogThreadCardReactionPin = function (props) {
3447
+ var children = props.children, reactionId = props.reactionId, remainingProps = __rest(props, ["children", "reactionId"]);
3448
+ var transformedProps = transformWireframeProps(remainingProps);
3449
+ return (React.createElement("velt-comment-dialog-thread-card-reaction-pin-wireframe", __assign({}, transformedProps, { "reaction-id": reactionId }), children));
3450
+ };
3451
+
3452
+ var VeltCommentDialogThreadCardAssignButton = function (props) {
3441
3453
  var children = props.children, remainingProps = __rest(props, ["children"]);
3442
3454
  var transformedProps = transformWireframeProps(remainingProps);
3443
- return (React.createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", __assign({}, transformedProps), children));
3455
+ return (React.createElement("velt-comment-dialog-thread-card-assign-button-wireframe", __assign({}, transformedProps), children));
3444
3456
  };
3445
3457
 
3446
3458
  var VeltCommentDialogThreadCardReactions = function (props) {
3447
- var children = props.children, remainingProps = __rest(props, ["children"]);
3459
+ var children = props.children, excludeReactionIds = props.excludeReactionIds, remainingProps = __rest(props, ["children", "excludeReactionIds"]);
3448
3460
  var transformedProps = transformWireframeProps(remainingProps);
3449
- return (React.createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, transformedProps), children));
3461
+ return (React.createElement("velt-comment-dialog-thread-card-reactions-wireframe", __assign({}, transformedProps, { "exclude-reaction-ids": excludeReactionIds ? JSON.stringify(excludeReactionIds) : undefined }), children));
3450
3462
  };
3451
3463
 
3452
3464
  var VeltCommentDialogThreadCardRecordings = function (props) {
@@ -3541,6 +3553,12 @@ var VeltCommentDialogThreadCardReply = function (props) {
3541
3553
  return (React.createElement("velt-comment-dialog-thread-card-reply-wireframe", __assign({}, transformedProps), children));
3542
3554
  };
3543
3555
 
3556
+ var VeltCommentDialogThreadCardEditComposer = function (props) {
3557
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3558
+ var transformedProps = transformWireframeProps(remainingProps);
3559
+ return (React.createElement("velt-comment-dialog-thread-card-edit-composer-wireframe", __assign({}, transformedProps), children));
3560
+ };
3561
+
3544
3562
  // Main Thread Card component
3545
3563
  var VeltCommentDialogThreadCard = function (props) {
3546
3564
  var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -3556,6 +3574,8 @@ VeltCommentDialogThreadCard.Name = VeltCommentDialogThreadCardName;
3556
3574
  VeltCommentDialogThreadCard.Options = VeltCommentDialogThreadCardOptions;
3557
3575
  VeltCommentDialogThreadCard.Reactions = VeltCommentDialogThreadCardReactions;
3558
3576
  VeltCommentDialogThreadCard.ReactionTool = VeltCommentDialogThreadCardReactionTool;
3577
+ VeltCommentDialogThreadCard.ReactionPin = VeltCommentDialogThreadCardReactionPin;
3578
+ VeltCommentDialogThreadCard.AssignButton = VeltCommentDialogThreadCardAssignButton;
3559
3579
  VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
3560
3580
  VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
3561
3581
  VeltCommentDialogThreadCard.Unread = VeltCommentDialogThreadCardUnread;
@@ -3563,6 +3583,7 @@ VeltCommentDialogThreadCard.Draft = VeltCommentDialogThreadCardDraft;
3563
3583
  VeltCommentDialogThreadCard.SeenDropdown = VeltCommentDialogThreadCardSeenDropdown;
3564
3584
  VeltCommentDialogThreadCard.Edited = VeltCommentDialogThreadCardEdited;
3565
3585
  VeltCommentDialogThreadCard.Reply = VeltCommentDialogThreadCardReply;
3586
+ VeltCommentDialogThreadCard.EditComposer = VeltCommentDialogThreadCardEditComposer;
3566
3587
 
3567
3588
  var VeltCommentDialogThreads = function (props) {
3568
3589
  var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4244,6 +4265,12 @@ var VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen = function (props)
4244
4265
  return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe", __assign({}, transformedProps), children));
4245
4266
  };
4246
4267
 
4268
+ var VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe = function (props) {
4269
+ var children = props.children, remainingProps = __rest(props, ["children"]);
4270
+ var transformedProps = transformWireframeProps(remainingProps);
4271
+ return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-assigned-to-me-wireframe", __assign({}, transformedProps), children));
4272
+ };
4273
+
4247
4274
  var VeltCommentsSidebarMinimalFilterDropdownContentFilterReset = function (props) {
4248
4275
  var children = props.children, remainingProps = __rest(props, ["children"]);
4249
4276
  var transformedProps = transformWireframeProps(remainingProps);
@@ -4278,6 +4305,7 @@ VeltCommentsSidebarMinimalFilterDropdownContent.FilterUnread = VeltCommentsSideb
4278
4305
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterRead = VeltCommentsSidebarMinimalFilterDropdownContentFilterRead;
4279
4306
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterResolved = VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved;
4280
4307
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterOpen = VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
4308
+ VeltCommentsSidebarMinimalFilterDropdownContent.FilterAssignedToMe = VeltCommentsSidebarMinimalFilterDropdownContentFilterAssignedToMe;
4281
4309
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterReset = VeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
4282
4310
  VeltCommentsSidebarMinimalFilterDropdownContent.SelectedIcon = VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon;
4283
4311
  VeltCommentsSidebarMinimalFilterDropdownContent.SortDate = VeltCommentsSidebarMinimalFilterDropdownContentSortDate;