@veltdev/react 4.6.8 → 4.6.10

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 (32) hide show
  1. package/cjs/index.js +66 -4
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts +3 -0
  4. package/cjs/types/components/VeltCommentDialogOptionsDropdownContentWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe.d.ts +6 -0
  5. package/cjs/types/components/VeltCommentDialogOptionsDropdownContentWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe/index.d.ts +2 -0
  6. package/cjs/types/components/VeltCommentDialogOptionsDropdownContentWireframe/VeltCommentDialogOptionsDropdownContentWireframe.d.ts +2 -0
  7. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContent.d.ts +4 -0
  8. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen.d.ts +8 -0
  9. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen/index.d.ts +1 -0
  10. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset.d.ts +8 -0
  11. package/cjs/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset/index.d.ts +1 -0
  12. package/cjs/types/constants.d.ts +1 -1
  13. package/cjs/types/hooks/CrdtActions.d.ts +2 -0
  14. package/cjs/types/hooks/CrdtElement.d.ts +2 -0
  15. package/cjs/types/hooks/index.d.ts +2 -0
  16. package/esm/index.js +65 -5
  17. package/esm/index.js.map +1 -1
  18. package/esm/types/components/SnippylyCommentsSidebar/SnippylyCommentsSidebar.d.ts +3 -0
  19. package/esm/types/components/VeltCommentDialogOptionsDropdownContentWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe.d.ts +6 -0
  20. package/esm/types/components/VeltCommentDialogOptionsDropdownContentWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe/index.d.ts +2 -0
  21. package/esm/types/components/VeltCommentDialogOptionsDropdownContentWireframe/VeltCommentDialogOptionsDropdownContentWireframe.d.ts +2 -0
  22. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContent.d.ts +4 -0
  23. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen.d.ts +8 -0
  24. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen/index.d.ts +1 -0
  25. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset.d.ts +8 -0
  26. package/esm/types/components/VeltCommentsSidebarWireframe/VeltCommentsSidebarMinimalFilterDropdown/VeltCommentsSidebarMinimalFilterDropdownContent/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset/index.d.ts +1 -0
  27. package/esm/types/constants.d.ts +1 -1
  28. package/esm/types/hooks/CrdtActions.d.ts +2 -0
  29. package/esm/types/hooks/CrdtElement.d.ts +2 -0
  30. package/esm/types/hooks/index.d.ts +2 -0
  31. package/index.d.ts +25 -2
  32. package/package.json +1 -1
@@ -49,6 +49,9 @@ export interface IVeltCommentsSidebarProps {
49
49
  readOnly?: boolean;
50
50
  dialogSelection?: boolean;
51
51
  expandOnSelection?: boolean;
52
+ context?: {
53
+ [key: string]: any;
54
+ };
52
55
  }
53
56
  declare const SnippylyCommentsSidebar: React.FC<IVeltCommentsSidebarProps>;
54
57
  export default SnippylyCommentsSidebar;
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../constants';
3
+ export interface IVeltCommentDialogOptionsDropdownContentMarkAsReadWireframeProps extends IVeltWireframeCommonProps {
4
+ }
5
+ declare const VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe: React.FC<IVeltCommentDialogOptionsDropdownContentMarkAsReadWireframeProps>;
6
+ export default VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe;
@@ -0,0 +1,2 @@
1
+ export { default } from "./VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe";
2
+ export type { IVeltCommentDialogOptionsDropdownContentMarkAsReadWireframeProps } from "./VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe";
@@ -5,6 +5,7 @@ import { IVeltCommentDialogOptionsDropdownContentDeleteWireframe } from './VeltC
5
5
  import { IVeltCommentDialogOptionsDropdownContentEditWireframeProps } from './VeltCommentDialogOptionsDropdownContentEditWireframe/VeltCommentDialogOptionsDropdownContentEditWireframe';
6
6
  import { IVeltCommentDialogOptionsDropdownContentMakePrivateWireframe } from './VeltCommentDialogOptionsDropdownContentMakePrivateWireframe/VeltCommentDialogOptionsDropdownContentMakePrivateWireframe';
7
7
  import { IVeltCommentDialogOptionsDropdownContentNotificationWireframe } from './VeltCommentDialogOptionsDropdownContentNotificationWireframe/VeltCommentDialogOptionsDropdownContentNotificationWireframe';
8
+ import { IVeltCommentDialogOptionsDropdownContentMarkAsReadWireframeProps } from './VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe/VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe';
8
9
  export interface IVeltCommentDialogOptionsDropdownContentWireframeProps extends IVeltWireframeCommonProps {
9
10
  }
10
11
  export interface IVeltCommentDialogOptionsDropdownContentWireframe extends React.FC<IVeltCommentDialogOptionsDropdownContentWireframeProps> {
@@ -13,6 +14,7 @@ export interface IVeltCommentDialogOptionsDropdownContentWireframe extends React
13
14
  Delete: IVeltCommentDialogOptionsDropdownContentDeleteWireframe;
14
15
  Edit: React.FC<IVeltCommentDialogOptionsDropdownContentEditWireframeProps>;
15
16
  Notification: IVeltCommentDialogOptionsDropdownContentNotificationWireframe;
17
+ MarkAsRead: React.FC<IVeltCommentDialogOptionsDropdownContentMarkAsReadWireframeProps>;
16
18
  }
17
19
  declare const VeltCommentDialogOptionsDropdownContentWireframe: IVeltCommentDialogOptionsDropdownContentWireframe;
18
20
  export default VeltCommentDialogOptionsDropdownContentWireframe;
@@ -4,6 +4,8 @@ import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterAll } from './Vel
4
4
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterRead } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterRead/VeltCommentsSidebarMinimalFilterDropdownContentFilterRead';
5
5
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterResolved } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved/VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved';
6
6
  import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterUnread } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread/VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread';
7
+ import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpen } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen/VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen';
8
+ import { IVeltCommentsSidebarMinimalFilterDropdownContentFilterReset } from './VeltCommentsSidebarMinimalFilterDropdownContentFilterReset/VeltCommentsSidebarMinimalFilterDropdownContentFilterReset';
7
9
  import { IVeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon } from './VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon/VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon';
8
10
  import { IVeltCommentsSidebarMinimalFilterDropdownContentSortDate } from './VeltCommentsSidebarMinimalFilterDropdownContentSortDate/VeltCommentsSidebarMinimalFilterDropdownContentSortDate';
9
11
  import { IVeltCommentsSidebarMinimalFilterDropdownContentSortUnread } from './VeltCommentsSidebarMinimalFilterDropdownContentSortUnread/VeltCommentsSidebarMinimalFilterDropdownContentSortUnread';
@@ -14,6 +16,8 @@ export interface IVeltCommentsSidebarMinimalFilterDropdownContent extends React.
14
16
  FilterUnread: IVeltCommentsSidebarMinimalFilterDropdownContentFilterUnread;
15
17
  FilterRead: IVeltCommentsSidebarMinimalFilterDropdownContentFilterRead;
16
18
  FilterResolved: IVeltCommentsSidebarMinimalFilterDropdownContentFilterResolved;
19
+ FilterOpen: IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
20
+ FilterReset: IVeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
17
21
  SelectedIcon: IVeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon;
18
22
  SortDate: IVeltCommentsSidebarMinimalFilterDropdownContentSortDate;
19
23
  SortUnread: IVeltCommentsSidebarMinimalFilterDropdownContentSortUnread;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../../../constants';
3
+ export interface IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpenProps extends IVeltWireframeCommonProps {
4
+ }
5
+ export interface IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpen extends React.FC<IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpenProps> {
6
+ }
7
+ declare const VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen: IVeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
8
+ export default VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { IVeltWireframeCommonProps } from '../../../../../constants';
3
+ export interface IVeltCommentsSidebarMinimalFilterDropdownContentFilterResetProps extends IVeltWireframeCommonProps {
4
+ }
5
+ export interface IVeltCommentsSidebarMinimalFilterDropdownContentFilterReset extends React.FC<IVeltCommentsSidebarMinimalFilterDropdownContentFilterResetProps> {
6
+ }
7
+ declare const VeltCommentsSidebarMinimalFilterDropdownContentFilterReset: IVeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
8
+ export default VeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const VELT_SDK_VERSION = "4.6.8";
2
+ export declare const VELT_SDK_VERSION = "4.6.10";
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>;
@@ -0,0 +1,2 @@
1
+ import { CrdtEventTypesMap } from "@veltdev/types";
2
+ export declare function useCrdtEventCallback<T extends keyof CrdtEventTypesMap>(action: T): CrdtEventTypesMap[T];
@@ -0,0 +1,2 @@
1
+ import { CrdtElement } from "@veltdev/types";
2
+ export declare function useCrdtUtils(): CrdtElement | undefined;
@@ -18,3 +18,5 @@ export { useNotificationUtils, useNotificationsData, useUnreadNotificationsCount
18
18
  export { useNotificationEventCallback, } from './NotificationsActions';
19
19
  export { useAutocompleteUtils, useAutocompleteChipClick, } from './AutocompleteElement';
20
20
  export { useContactUtils, useContactSelected, useContactList, } from './ContactElement';
21
+ export { useCrdtUtils, } from './CrdtElement';
22
+ export { useCrdtEventCallback, } from './CrdtActions';
package/esm/index.js CHANGED
@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
137
137
  }
138
138
  };
139
139
 
140
- var VELT_SDK_VERSION = '4.6.8';
140
+ var VELT_SDK_VERSION = '4.6.10';
141
141
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
142
142
  var VELT_TAB_ID = 'veltTabId';
143
143
  // integrity map for the Velt SDK
144
144
  // Note: generate integrity hashes with: https://www.srihash.org/
145
145
  var INTEGRITY_MAP = {
146
- '4.6.8': 'sha384-wkAFXOQHMr4n4x9qQY/F9pqgA2wWVXxBLWqf/upyYkBe8Pcz+I4wMS4VbZGBRJCb',
146
+ '4.6.10': 'sha384-2OwSjccVDnJkLSKYOVgo0X8koTm/k5Cq7b2aRAihFBGCIDZOJEyvEiYFPhYkODdY',
147
147
  };
148
148
 
149
149
  var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -515,7 +515,7 @@ var SnippylyComments = function (props) {
515
515
  };
516
516
 
517
517
  var SnippylyCommentsSidebar = function (props) {
518
- var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection;
518
+ var embedMode = props.embedMode, floatingMode = props.floatingMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, queryParamsComments = props.queryParamsComments, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, searchPlaceholder = props.searchPlaceholder, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, onSidebarClose = props.onSidebarClose, darkMode = props.darkMode, position = props.position, filterPanelLayout = props.filterPanelLayout, customActions = props.customActions, focusedThreadDialogVariant = props.focusedThreadDialogVariant, focusedThreadMode = props.focusedThreadMode, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, filterOptionLayout = props.filterOptionLayout, filterCount = props.filterCount, fullExpanded = props.fullExpanded, systemFiltersOperator = props.systemFiltersOperator, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, fullScreen = props.fullScreen, readOnly = props.readOnly, dialogSelection = props.dialogSelection, expandOnSelection = props.expandOnSelection, context = props.context;
519
519
  var ref = useRef();
520
520
  var openSidebarRef = useRef(openSidebar);
521
521
  var onSidebarOpenRef = useRef(onSidebarOpen);
@@ -588,7 +588,7 @@ var SnippylyCommentsSidebar = function (props) {
588
588
  }
589
589
  };
590
590
  }, []);
591
- return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined }));
591
+ return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "filter-panel-layout": filterPanelLayout, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "focused-thread-dialog-variant": focusedThreadDialogVariant, "custom-actions": [true, false].includes(customActions) ? (customActions ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "query-params-comments": [true, false].includes(queryParamsComments) ? (queryParamsComments ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "search-placeholder": searchPlaceholder, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, "filter-option-layout": filterOptionLayout, "filter-count": [true, false].includes(filterCount) ? (filterCount ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "system-filters-operator": systemFiltersOperator, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "full-screen": [true, false].includes(fullScreen) ? (fullScreen ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined }));
592
592
  };
593
593
 
594
594
  var SnippylyCommentTool = function (props) {
@@ -1976,6 +1976,12 @@ var VeltCommentDialogOptionsDropdownContentNotificationWireframe = function (pro
1976
1976
  VeltCommentDialogOptionsDropdownContentNotificationWireframe.Subscribe = VeltCommentDialogOptionsDropdownContentNotificationSubscribeWireframe;
1977
1977
  VeltCommentDialogOptionsDropdownContentNotificationWireframe.Unsubscribe = VeltCommentDialogOptionsDropdownContentNotificationUnsubscribeWireframe;
1978
1978
 
1979
+ var VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe = function (props) {
1980
+ var children = props.children, remainingProps = __rest(props, ["children"]);
1981
+ var transformedProps = transformWireframeProps(remainingProps);
1982
+ return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-wireframe", __assign({}, transformedProps), children));
1983
+ };
1984
+
1979
1985
  var VeltCommentDialogOptionsDropdownContentWireframe = function (props) {
1980
1986
  var children = props.children, remainingProps = __rest(props, ["children"]);
1981
1987
  var transformedProps = transformWireframeProps(remainingProps);
@@ -1986,6 +1992,7 @@ VeltCommentDialogOptionsDropdownContentWireframe.MakePrivate = VeltCommentDialog
1986
1992
  VeltCommentDialogOptionsDropdownContentWireframe.Edit = VeltCommentDialogOptionsDropdownContentEditWireframe;
1987
1993
  VeltCommentDialogOptionsDropdownContentWireframe.Delete = VeltCommentDialogOptionsDropdownContentDeleteWireframe;
1988
1994
  VeltCommentDialogOptionsDropdownContentWireframe.Notification = VeltCommentDialogOptionsDropdownContentNotificationWireframe;
1995
+ VeltCommentDialogOptionsDropdownContentWireframe.MarkAsRead = VeltCommentDialogOptionsDropdownContentMarkAsReadWireframe;
1989
1996
 
1990
1997
  var VeltCommentDialogOptionsDropdownTriggerWireframe = function (props) {
1991
1998
  var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -3085,6 +3092,18 @@ var VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread = function (prop
3085
3092
  return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-unread-wireframe", __assign({}, transformedProps), children));
3086
3093
  };
3087
3094
 
3095
+ var VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen = function (props) {
3096
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3097
+ var transformedProps = transformWireframeProps(remainingProps);
3098
+ return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-open-wireframe", __assign({}, transformedProps), children));
3099
+ };
3100
+
3101
+ var VeltCommentsSidebarMinimalFilterDropdownContentFilterReset = function (props) {
3102
+ var children = props.children, remainingProps = __rest(props, ["children"]);
3103
+ var transformedProps = transformWireframeProps(remainingProps);
3104
+ return (React.createElement("velt-comments-sidebar-minimal-filter-dropdown-content-filter-reset-wireframe", __assign({}, transformedProps), children));
3105
+ };
3106
+
3088
3107
  var VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon = function (props) {
3089
3108
  var children = props.children, remainingProps = __rest(props, ["children"]);
3090
3109
  var transformedProps = transformWireframeProps(remainingProps);
@@ -3112,6 +3131,8 @@ VeltCommentsSidebarMinimalFilterDropdownContent.FilterAll = VeltCommentsSidebarM
3112
3131
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterUnread = VeltCommentsSidebarMinimalFilterDropdownContentFilterUnread;
3113
3132
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterRead = VeltCommentsSidebarMinimalFilterDropdownContentFilterRead;
3114
3133
  VeltCommentsSidebarMinimalFilterDropdownContent.FilterResolved = VeltCommentsSidebarMinimalFilterDropdownContentFilterResolved;
3134
+ VeltCommentsSidebarMinimalFilterDropdownContent.FilterOpen = VeltCommentsSidebarMinimalFilterDropdownContentFilterOpen;
3135
+ VeltCommentsSidebarMinimalFilterDropdownContent.FilterReset = VeltCommentsSidebarMinimalFilterDropdownContentFilterReset;
3115
3136
  VeltCommentsSidebarMinimalFilterDropdownContent.SelectedIcon = VeltCommentsSidebarMinimalFilterDropdownContentSelectedIcon;
3116
3137
  VeltCommentsSidebarMinimalFilterDropdownContent.SortDate = VeltCommentsSidebarMinimalFilterDropdownContentSortDate;
3117
3138
  VeltCommentsSidebarMinimalFilterDropdownContent.SortUnread = VeltCommentsSidebarMinimalFilterDropdownContentSortUnread;
@@ -7898,6 +7919,45 @@ function useContactList() {
7898
7919
  return data;
7899
7920
  }
7900
7921
 
7922
+ function useCrdtUtils() {
7923
+ var _a = React.useState(), crdtElement = _a[0], setCrdtElement = _a[1];
7924
+ var client = useVeltClient().client;
7925
+ React.useEffect(function () {
7926
+ if (!client || crdtElement)
7927
+ return;
7928
+ var loadedCrdtElement = client.getCrdtElement();
7929
+ setCrdtElement(loadedCrdtElement);
7930
+ }, [client, setCrdtElement, crdtElement]);
7931
+ return crdtElement;
7932
+ }
7933
+
7934
+ function useCrdtEventCallback(action) {
7935
+ var crdtElement = useCrdtUtils();
7936
+ var _a = useState(null), data = _a[0], setData = _a[1];
7937
+ var subscriptionRef = useRef(null);
7938
+ var memoizedAction = useMemo(function () { return action; }, [action]);
7939
+ useEffect(function () {
7940
+ var _a;
7941
+ if (!(crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on))
7942
+ return;
7943
+ if (subscriptionRef.current) {
7944
+ subscriptionRef.current.unsubscribe();
7945
+ }
7946
+ var subscription = (_a = crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
7947
+ setData(data);
7948
+ });
7949
+ // Store the new subscription
7950
+ subscriptionRef.current = subscription;
7951
+ // Cleanup function
7952
+ return function () {
7953
+ if (subscriptionRef.current) {
7954
+ subscriptionRef.current.unsubscribe();
7955
+ }
7956
+ };
7957
+ }, [crdtElement === null || crdtElement === void 0 ? void 0 : crdtElement.on, memoizedAction]);
7958
+ return data;
7959
+ }
7960
+
7901
7961
  var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
7902
7962
  var getSessionId = function () {
7903
7963
  return (sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(VELT_TAB_ID)) || sessionId;
@@ -8034,5 +8094,5 @@ var logLiveState = function (action, liveStateDataId) {
8034
8094
  }
8035
8095
  };
8036
8096
 
8037
- export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
8097
+ export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
8038
8098
  //# sourceMappingURL=index.js.map