@veltdev/react 1.0.128 → 1.0.129

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.145';
+var VELT_SDK_VERSION = '1.0.146';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -225,7 +225,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, 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, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, 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;
+    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, 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, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, 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;
     var ref = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -305,7 +305,7 @@ var SnippylyComments = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comments", { ref: ref, "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, "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, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "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 }, children));
+    return (React.createElement("velt-comments", { ref: ref, "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, "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, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "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 }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -1174,8 +1174,8 @@ var VeltCommentDialogCommentSuggestionStatus = function (props) {
 };
 
 var VeltCommentDialogComposerActionButton = function (props) {
-    var children = props.children, remaingProps = __rest(props, ["children"]);
-    return (React.createElement("velt-comment-dialog-composer-action-button-wireframe", __assign({}, remaingProps), children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-action-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentDialogComposerAssignUser = function (props) {
@@ -1183,11 +1183,107 @@ var VeltCommentDialogComposerAssignUser = function (props) {
     return (React.createElement("velt-comment-dialog-composer-assign-user-wireframe", null, children));
 };
 
-var VeltCommentDialogComposerFiles = function (props) {
+var VeltCommentDialogComposerAttachmentsInvalidItemPreview = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-dialog-composer-files-wireframe", null, children));
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", null, children));
 };
 
+var VeltCommentDialogComposerAttachmentsInvalidItemMessage = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItemDelete = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItem = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachmentsInvalidItem.Preview = VeltCommentDialogComposerAttachmentsInvalidItemPreview;
+VeltCommentDialogComposerAttachmentsInvalidItem.Message = VeltCommentDialogComposerAttachmentsInvalidItemMessage;
+VeltCommentDialogComposerAttachmentsInvalidItem.Delete = VeltCommentDialogComposerAttachmentsInvalidItemDelete;
+
+var VeltCommentDialogComposerAttachmentsInvalid = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachmentsInvalid.Item = VeltCommentDialogComposerAttachmentsInvalidItem;
+
+var VeltCommentDialogComposerAttachmentsImagePreview = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImageDelete = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImageLoading = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImage = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachmentsImage.Preview = VeltCommentDialogComposerAttachmentsImagePreview;
+VeltCommentDialogComposerAttachmentsImage.Loading = VeltCommentDialogComposerAttachmentsImageLoading;
+VeltCommentDialogComposerAttachmentsImage.Delete = VeltCommentDialogComposerAttachmentsImageDelete;
+
+var VeltCommentDialogComposerAttachmentsOtherDelete = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherIcon = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherLoading = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherName = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherSize = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOther = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachmentsOther.Delete = VeltCommentDialogComposerAttachmentsOtherDelete;
+VeltCommentDialogComposerAttachmentsOther.Loading = VeltCommentDialogComposerAttachmentsOtherLoading;
+VeltCommentDialogComposerAttachmentsOther.Icon = VeltCommentDialogComposerAttachmentsOtherIcon;
+VeltCommentDialogComposerAttachmentsOther.Name = VeltCommentDialogComposerAttachmentsOtherName;
+VeltCommentDialogComposerAttachmentsOther.Size = VeltCommentDialogComposerAttachmentsOtherSize;
+
+var VeltCommentDialogComposerAttachmentsSelected = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-selected-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachmentsSelected.Image = VeltCommentDialogComposerAttachmentsImage;
+VeltCommentDialogComposerAttachmentsSelected.Other = VeltCommentDialogComposerAttachmentsOther;
+
+var VeltCommentDialogComposerAttachments = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-attachments-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachments.Invalid = VeltCommentDialogComposerAttachmentsInvalid;
+VeltCommentDialogComposerAttachments.Selected = VeltCommentDialogComposerAttachmentsSelected;
+
 var VeltCommentDialogComposerInput = function (props) {
     var children = props.children;
     return (React.createElement("velt-comment-dialog-composer-input-wireframe", null, children));
@@ -1204,7 +1300,7 @@ var VeltCommentDialogComposer = function (props) {
 };
 VeltCommentDialogComposer.ActionButton = VeltCommentDialogComposerActionButton;
 VeltCommentDialogComposer.AssignUser = VeltCommentDialogComposerAssignUser;
-VeltCommentDialogComposer.Files = VeltCommentDialogComposerFiles;
+VeltCommentDialogComposer.Attachments = VeltCommentDialogComposerAttachments;
 VeltCommentDialogComposer.Input = VeltCommentDialogComposerInput;
 VeltCommentDialogComposer.Recordings = VeltCommentDialogComposerRecordings;
 
@@ -1268,11 +1364,71 @@ var VeltCommentDialogThreadCardDeviceType = function (props) {
     return (React.createElement("velt-comment-dialog-thread-card-device-type-wireframe", null, children));
 };
 
-var VeltCommentDialogThreadCardFiles = function (props) {
+var VeltCommentDialogThreadCardAttachmentsImagePreview = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDelete = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDownload = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImage = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-wireframe", null, children));
+};
+VeltCommentDialogThreadCardAttachmentsImage.Preview = VeltCommentDialogThreadCardAttachmentsImagePreview;
+VeltCommentDialogThreadCardAttachmentsImage.Download = VeltCommentDialogThreadCardAttachmentsImageDownload;
+VeltCommentDialogThreadCardAttachmentsImage.Delete = VeltCommentDialogThreadCardAttachmentsImageDelete;
+
+var VeltCommentDialogThreadCardAttachmentsOtherDelete = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherDownload = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherIcon = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherName = function (props) {
     var children = props.children;
-    return (React.createElement("velt-comment-dialog-thread-card-files-wireframe", null, children));
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", null, children));
 };
 
+var VeltCommentDialogThreadCardAttachmentsOtherSize = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOther = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-wireframe", null, children));
+};
+VeltCommentDialogThreadCardAttachmentsOther.Icon = VeltCommentDialogThreadCardAttachmentsOtherIcon;
+VeltCommentDialogThreadCardAttachmentsOther.Name = VeltCommentDialogThreadCardAttachmentsOtherName;
+VeltCommentDialogThreadCardAttachmentsOther.Size = VeltCommentDialogThreadCardAttachmentsOtherSize;
+VeltCommentDialogThreadCardAttachmentsOther.Download = VeltCommentDialogThreadCardAttachmentsOtherDownload;
+VeltCommentDialogThreadCardAttachmentsOther.Delete = VeltCommentDialogThreadCardAttachmentsOtherDelete;
+
+var VeltCommentDialogThreadCardAttachments = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-wireframe", null, children));
+};
+VeltCommentDialogThreadCardAttachments.Other = VeltCommentDialogThreadCardAttachmentsOther;
+VeltCommentDialogThreadCardAttachments.Image = VeltCommentDialogThreadCardAttachmentsImage;
+
 var VeltCommentDialogThreadCardMessage = function (props) {
     var children = props.children;
     return (React.createElement("velt-comment-dialog-thread-card-message-wireframe", null, children));
@@ -1316,7 +1472,7 @@ var VeltCommentDialogThreadCard = function (props) {
 // Attach the Sub component as a static property of the main Thread Card component
 VeltCommentDialogThreadCard.Avatar = VeltCommentDialogThreadCardAvatar;
 VeltCommentDialogThreadCard.DeviceType = VeltCommentDialogThreadCardDeviceType;
-VeltCommentDialogThreadCard.Files = VeltCommentDialogThreadCardFiles;
+VeltCommentDialogThreadCard.Attachments = VeltCommentDialogThreadCardAttachments;
 VeltCommentDialogThreadCard.Message = VeltCommentDialogThreadCardMessage;
 VeltCommentDialogThreadCard.Name = VeltCommentDialogThreadCardName;
 VeltCommentDialogThreadCard.Options = VeltCommentDialogThreadCardOptions;
@@ -1618,9 +1774,9 @@ var VeltTextCommentToolbarGeneric = function (props) {
     return (React.createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarSeperator = function (props) {
+var VeltTextCommentToolbarDivider = function (props) {
     var children = props.children;
-    return (React.createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
+    return (React.createElement("velt-text-comment-toolbar-divider-wireframe", null, children));
 };
 
 var VeltTextCommentToolbar = function (props) {
@@ -1630,7 +1786,7 @@ var VeltTextCommentToolbar = function (props) {
 VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
 VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
 VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
-VeltTextCommentToolbar.Seperator = VeltTextCommentToolbarSeperator;
+VeltTextCommentToolbar.Divider = VeltTextCommentToolbarDivider;
 
 var VeltUserSelectorDropdownAvatar = function (props) {
     var children = props.children;
@@ -1690,6 +1846,29 @@ VeltAutocompleteOptionWireframe.Description = VeltAutocompleteOptionDescriptionW
 VeltAutocompleteOptionWireframe.ErrorIcon = VeltAutocompleteOptionErrorIconWireframe;
 VeltAutocompleteOptionWireframe.Name = VeltAutocompleteOptionNameWireframe;
 
+var VeltAutocompleteChipTooltipDescriptionWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-autocomplete-chip-tooltip-description-wireframe", null, children));
+};
+
+var VeltAutocompleteChipTooltipIconWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-autocomplete-chip-tooltip-icon-wireframe", null, children));
+};
+
+var VeltAutocompleteChipTooltipNameWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-autocomplete-chip-tooltip-name-wireframe", null, children));
+};
+
+var VeltAutocompleteChipTooltipWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-autocomplete-chip-tooltip-wireframe", null, children));
+};
+VeltAutocompleteChipTooltipWireframe.Description = VeltAutocompleteChipTooltipDescriptionWireframe;
+VeltAutocompleteChipTooltipWireframe.Icon = VeltAutocompleteChipTooltipIconWireframe;
+VeltAutocompleteChipTooltipWireframe.Name = VeltAutocompleteChipTooltipNameWireframe;
+
 var VeltCommentBubbleAvatar = function (props) {
     var children = props.children;
     return (React.createElement("velt-comment-bubble-avatar-wireframe", null, children));
@@ -1825,22 +2004,22 @@ var VeltOptionsDropdownContentEdit = function (props) {
     return (React.createElement("velt-options-dropdown-content-edit-wireframe", __assign({}, remainingProp), children));
 };
 
-var VeltOptionsDropdownContentMakePrivateOff = function (props) {
+var VeltOptionsDropdownContentMakePrivateDisable = function (props) {
     var children = props.children;
-    return (React.createElement("velt-options-dropdown-content-make-private-off-wireframe", null, children));
+    return (React.createElement("velt-options-dropdown-content-make-private-disable-wireframe", null, children));
 };
 
-var VeltOptionsDropdownContentMakePrivateOn = function (props) {
+var VeltOptionsDropdownContentMakePrivateEnable = function (props) {
     var children = props.children;
-    return (React.createElement("velt-options-dropdown-content-make-private-on-wireframe", null, children));
+    return (React.createElement("velt-options-dropdown-content-make-private-enable-wireframe", null, children));
 };
 
 var VeltOptionsDropdownContentMakePrivate = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React.createElement("velt-options-dropdown-content-make-private-wireframe", __assign({}, remainingProp), children));
 };
-VeltOptionsDropdownContentMakePrivate.On = VeltOptionsDropdownContentMakePrivateOn;
-VeltOptionsDropdownContentMakePrivate.Off = VeltOptionsDropdownContentMakePrivateOff;
+VeltOptionsDropdownContentMakePrivate.Enable = VeltOptionsDropdownContentMakePrivateEnable;
+VeltOptionsDropdownContentMakePrivate.Disable = VeltOptionsDropdownContentMakePrivateDisable;
 
 var VeltOptionsDropdownContent = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -1856,6 +2035,80 @@ var VeltOptionsDropdownTrigger = function (props) {
     return (React.createElement("velt-options-dropdown-trigger-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltReactionToolWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-tool-wireframe", null, children));
+};
+
+var VeltReactionPinCountWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-count-wireframe", null, children));
+};
+
+var VeltReactionPinEmojiWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-emoji-wireframe", null, children));
+};
+
+var VeltReactionPinWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-wireframe", null, children));
+};
+VeltReactionPinWireframe.Emoji = VeltReactionPinEmojiWireframe;
+VeltReactionPinWireframe.Count = VeltReactionPinCountWireframe;
+
+var VeltReactionPinTooltipUserAvatarWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", null, children));
+};
+
+var VeltReactionPinTooltipUserNameWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-tooltip-user-name-wireframe", null, children));
+};
+
+var VeltReactionPinTooltipUserWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-tooltip-user-wireframe", null, children));
+};
+VeltReactionPinTooltipUserWireframe.Avatar = VeltReactionPinTooltipUserAvatarWireframe;
+VeltReactionPinTooltipUserWireframe.Name = VeltReactionPinTooltipUserNameWireframe;
+
+var VeltReactionPinTooltipUsersWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-tooltip-users-wireframe", null, children));
+};
+VeltReactionPinTooltipUsersWireframe.User = VeltReactionPinTooltipUserWireframe;
+
+var VeltReactionPinTooltipWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reaction-pin-tooltip-wireframe", null, children));
+};
+VeltReactionPinTooltipWireframe.Users = VeltReactionPinTooltipUsersWireframe;
+
+var VeltReactionsPanelItemEmojiWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reactions-panel-item-emoji-wireframe", null, children));
+};
+
+var VeltReactionsPanelItemWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reactions-panel-item-wireframe", null, children));
+};
+VeltReactionsPanelItemWireframe.Emoji = VeltReactionsPanelItemEmojiWireframe;
+
+var VeltReactionsPanelItemsWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reactions-panel-items-wireframe", null, children));
+};
+VeltReactionsPanelItemsWireframe.Item = VeltReactionsPanelItemWireframe;
+
+var VeltReactionsPanelWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-reactions-panel-wireframe", null, children));
+};
+VeltReactionsPanelWireframe.Items = VeltReactionsPanelItemsWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -2472,5 +2725,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteOptionWireframe, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, VeltOptionsDropdownContent, VeltOptionsDropdownTrigger, SnippylyPresence as VeltPresence, VeltPriorityDropdownContent, VeltPriorityDropdownTrigger, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltStatusDropdownContent, VeltStatusDropdownTrigger, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, VeltOptionsDropdownContent, VeltOptionsDropdownTrigger, SnippylyPresence as VeltPresence, VeltPriorityDropdownContent, VeltPriorityDropdownTrigger, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltStatusDropdownContent, VeltStatusDropdownTrigger, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
 //# sourceMappingURL=index.js.map