@veltdev/react 2.0.21 → 2.0.22

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

@@ -90,6 +90,22 @@ export interface IVeltCommentsProps extends React.DetailedHTMLProps<React.HTMLAt
         color: string;
         name: string;
     }[];
+    customListDataOnAnnotation?: {
+        type: 'single' | 'multi';
+        data: {
+            id: string;
+            label: string;
+        }[];
+    };
+    customListDataOnComment?: {
+        hotkey: string;
+        type: string;
+        data: {
+            id: string;
+            name: string;
+            description: string;
+        }[];
+    };
     darkMode?: boolean;
     dialogDarkMode?: boolean;
     pinDarkMode?: boolean;

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IVeltCommentDialogCustomAnnotationDropdownContent } from './VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContent';
+import { IVeltCommentDialogCustomAnnotationDropdownTrigger } from './VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTrigger';
+export interface IVeltCommentDialogCustomAnnotationDropdownProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentDialogCustomAnnotationDropdown extends React.FC<IVeltCommentDialogCustomAnnotationDropdownProps> {
+    Content: IVeltCommentDialogCustomAnnotationDropdownContent;
+    Trigger: IVeltCommentDialogCustomAnnotationDropdownTrigger;
+}
+declare const VeltCommentDialogCustomAnnotationDropdown: IVeltCommentDialogCustomAnnotationDropdown;
+export default VeltCommentDialogCustomAnnotationDropdown;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IVeltCommentDialogCustomAnnotationDropdownContentItem } from './VeltCommentDialogCustomAnnotationDropdownContentItem/VeltCommentDialogCustomAnnotationDropdownContentItem';
+export interface IVeltCommentDialogCustomAnnotationDropdownContentProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentDialogCustomAnnotationDropdownContent extends React.FC<IVeltCommentDialogCustomAnnotationDropdownContentProps> {
+    Item: IVeltCommentDialogCustomAnnotationDropdownContentItem;
+}
+declare const VeltCommentDialogCustomAnnotationDropdownContent: IVeltCommentDialogCustomAnnotationDropdownContent;
+export default VeltCommentDialogCustomAnnotationDropdownContent;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContentItem/VeltCommentDialogCustomAnnotationDropdownContentItem.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { IVeltCommentDialogCustomAnnotationDropdownContentItemIconProps } from './VeltCommentDialogCustomAnnotationDropdownContentItemIcon/VeltCommentDialogCustomAnnotationDropdownContentItemIcon';
+import { IVeltCommentDialogCustomAnnotationDropdownContentItemLabelProps } from './VeltCommentDialogCustomAnnotationDropdownContentItemLabel/VeltCommentDialogCustomAnnotationDropdownContentItemLabel';
+export interface IVeltCommentDialogCustomAnnotationDropdownContentItemProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentDialogCustomAnnotationDropdownContentItem extends React.FC<IVeltCommentDialogCustomAnnotationDropdownContentItemProps> {
+    Label: React.FC<IVeltCommentDialogCustomAnnotationDropdownContentItemLabelProps>;
+    Icon: React.FC<IVeltCommentDialogCustomAnnotationDropdownContentItemIconProps>;
+}
+declare const VeltCommentDialogCustomAnnotationDropdownContentItem: IVeltCommentDialogCustomAnnotationDropdownContentItem;
+export default VeltCommentDialogCustomAnnotationDropdownContentItem;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContentItem/VeltCommentDialogCustomAnnotationDropdownContentItemIcon/VeltCommentDialogCustomAnnotationDropdownContentItemIcon.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContentItem/VeltCommentDialogCustomAnnotationDropdownContentItemIcon/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContentItem/VeltCommentDialogCustomAnnotationDropdownContentItemLabel/VeltCommentDialogCustomAnnotationDropdownContentItemLabel.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContentItem/VeltCommentDialogCustomAnnotationDropdownContentItemLabel/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/VeltCommentDialogCustomAnnotationDropdownContentItem/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownContent/index.d.ts

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { IVeltCommentDialogCustomAnnotationDropdownTriggerArrowProps } from './VeltCommentDialogCustomAnnotationDropdownTriggerArrow/VeltCommentDialogCustomAnnotationDropdownTriggerArrow';
+import { IVeltCommentDialogCustomAnnotationDropdownTriggerList } from './VeltCommentDialogCustomAnnotationDropdownTriggerList/VeltCommentDialogCustomAnnotationDropdownTriggerList';
+import { IVeltCommentDialogCustomAnnotationDropdownTriggerRemainingCountProps } from './VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount/VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount';
+export interface IVeltCommentDialogCustomAnnotationDropdownTriggerProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentDialogCustomAnnotationDropdownTrigger extends React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerProps> {
+    Arrow: React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerArrowProps>;
+    List: IVeltCommentDialogCustomAnnotationDropdownTriggerList;
+    RemainingCount: React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerRemainingCountProps>;
+}
+declare const VeltCommentDialogCustomAnnotationDropdownTrigger: IVeltCommentDialogCustomAnnotationDropdownTrigger;
+export default VeltCommentDialogCustomAnnotationDropdownTrigger;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerArrow/VeltCommentDialogCustomAnnotationDropdownTriggerArrow.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerArrow/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerList/VeltCommentDialogCustomAnnotationDropdownTriggerList.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IVeltCommentDialogCustomAnnotationDropdownTriggerListItemProps } from './VeltCommentDialogCustomAnnotationDropdownTriggerListItem/VeltCommentDialogCustomAnnotationDropdownTriggerListItem';
+export interface IVeltCommentDialogCustomAnnotationDropdownTriggerListProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    variant?: string;
+}
+export interface IVeltCommentDialogCustomAnnotationDropdownTriggerList extends React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerListProps> {
+    Item: React.FC<IVeltCommentDialogCustomAnnotationDropdownTriggerListItemProps>;
+}
+declare const VeltCommentDialogCustomAnnotationDropdownTriggerList: IVeltCommentDialogCustomAnnotationDropdownTriggerList;
+export default VeltCommentDialogCustomAnnotationDropdownTriggerList;

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerList/VeltCommentDialogCustomAnnotationDropdownTriggerListItem/VeltCommentDialogCustomAnnotationDropdownTriggerListItem.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerList/VeltCommentDialogCustomAnnotationDropdownTriggerListItem/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerList/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount/VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount/index.d.ts

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

package/cjs/types/components/VeltCommentDialogWireframe/VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdownTrigger/index.d.ts

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

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

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

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

@@ -23,6 +23,7 @@ import { IVeltCommentDialogThreadCard } from "./VeltCommentDialogThreadCard/Velt
 import { IVeltCommentDialogThreadsProps } from "./VeltCommentDialogThreads/VeltCommentDialogThreads";
 import { IVeltCommentDialogToggleReplyProps } from "./VeltCommentDialogToggleReply/VeltCommentDialogToggleReply";
 import { IVeltCommentDialogUpgradeProps } from "./VeltCommentDialogUpgrade/VeltCommentDialogUpgrade";
+import { IVeltCommentDialogCustomAnnotationDropdown } from "./VeltCommentDialogCustomAnnotationDropdown/VeltCommentDialogCustomAnnotationDropdown";
 export interface IVeltCommentDialogWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     variant?: string;
 }
@@ -51,5 +52,6 @@ declare const VeltCommentDialogWireframe: React.FC<IVeltCommentDialogWireframePr
     Threads: React.FC<IVeltCommentDialogThreadsProps>;
     ToggleReply: React.FC<IVeltCommentDialogToggleReplyProps>;
     Upgrade: React.FC<IVeltCommentDialogUpgradeProps>;
+    CustomAnnotationDropdown: IVeltCommentDialogCustomAnnotationDropdown;
 };
 export default VeltCommentDialogWireframe;

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

@@ -8,6 +8,7 @@ export interface IVeltNotificationsToolProps extends React.DetailedHTMLProps<Rea
     tabConfig?: any;
     panelOpenMode?: 'popover' | 'sidebar';
     panelVariant?: string;
+    maxDays?: number;
 }
 declare const VeltNotificationsTool: React.FC<IVeltNotificationsToolProps>;
 export default VeltNotificationsTool;

package/cjs/types/constants.d.ts

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

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '2.0.21';
+var VELT_SDK_VERSION = '2.0.22';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -226,7 +226,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    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, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, 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, 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;
+    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, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, 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;
     var ref = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -340,7 +340,7 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comments", { ref: ref, "composer-mode": composerMode, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "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-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 }, children));
+    return (React.createElement("velt-comments", { ref: ref, "composer-mode": composerMode, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "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 }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -718,7 +718,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant;
+    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;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -744,7 +744,7 @@ var VeltNotificationsTool = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": tabConfig, variant: variant, "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 }, children));
+    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": 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 }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
@@ -1910,6 +1910,65 @@ var VeltCommentDialogUpgrade = function (props) {
     return (React.createElement("velt-comment-dialog-upgrade-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltCommentDialogCustomAnnotationDropdownContentItemIcon = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownContentItemLabel = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownContentItem = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentDialogCustomAnnotationDropdownContentItem.Label = VeltCommentDialogCustomAnnotationDropdownContentItemLabel;
+VeltCommentDialogCustomAnnotationDropdownContentItem.Icon = VeltCommentDialogCustomAnnotationDropdownContentItemIcon;
+
+var VeltCommentDialogCustomAnnotationDropdownContent = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentDialogCustomAnnotationDropdownContent.Item = VeltCommentDialogCustomAnnotationDropdownContentItem;
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerArrow = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-arrow-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerListItem = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list-item-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerList = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentDialogCustomAnnotationDropdownTriggerList.Item = VeltCommentDialogCustomAnnotationDropdownTriggerListItem;
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-remaining-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTrigger = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentDialogCustomAnnotationDropdownTrigger.Arrow = VeltCommentDialogCustomAnnotationDropdownTriggerArrow;
+VeltCommentDialogCustomAnnotationDropdownTrigger.List = VeltCommentDialogCustomAnnotationDropdownTriggerList;
+VeltCommentDialogCustomAnnotationDropdownTrigger.RemainingCount = VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount;
+
+var VeltCommentDialogCustomAnnotationDropdown = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentDialogCustomAnnotationDropdown.Content = VeltCommentDialogCustomAnnotationDropdownContent;
+VeltCommentDialogCustomAnnotationDropdown.Trigger = VeltCommentDialogCustomAnnotationDropdownTrigger;
+
 var VeltCommentDialogWireframe = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-comment-dialog-wireframe", __assign({}, remainingProp), children));
@@ -1938,6 +1997,7 @@ VeltCommentDialogWireframe.ThreadCard = VeltCommentDialogThreadCard;
 VeltCommentDialogWireframe.Threads = VeltCommentDialogThreads;
 VeltCommentDialogWireframe.ToggleReply = VeltCommentDialogToggleReply;
 VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
+VeltCommentDialogWireframe.CustomAnnotationDropdown = VeltCommentDialogCustomAnnotationDropdown;
 
 var VeltCommentsSidebarCloseButton = function (props) {
     props.children; var remainingProps = __rest(props, ["children"]);