@veltdev/react 1.0.127 → 1.0.129

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.144';
+var VELT_SDK_VERSION = '1.0.146';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -233,7 +233,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 = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -313,7 +313,7 @@ var SnippylyComments = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].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__default["default"].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) {
@@ -1182,8 +1182,8 @@ var VeltCommentDialogCommentSuggestionStatus = function (props) {
 };
 
 var VeltCommentDialogComposerActionButton = function (props) {
-    var children = props.children, remaingProps = __rest(props, ["children"]);
-    return (React__default["default"].createElement("velt-comment-dialog-composer-action-button-wireframe", __assign({}, remaingProps), children));
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-composer-action-button-wireframe", __assign({}, remainingProps), children));
 };
 
 var VeltCommentDialogComposerAssignUser = function (props) {
@@ -1191,11 +1191,107 @@ var VeltCommentDialogComposerAssignUser = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-composer-assign-user-wireframe", null, children));
 };
 
-var VeltCommentDialogComposerFiles = function (props) {
+var VeltCommentDialogComposerAttachmentsInvalidItemPreview = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-preview-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItemMessage = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-message-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItemDelete = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-composer-files-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-item-delete-wireframe", null, children));
 };
 
+var VeltCommentDialogComposerAttachmentsInvalidItem = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].createElement("velt-comment-dialog-composer-attachments-invalid-wireframe", null, children));
+};
+VeltCommentDialogComposerAttachmentsInvalid.Item = VeltCommentDialogComposerAttachmentsInvalidItem;
+
+var VeltCommentDialogComposerAttachmentsImagePreview = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-preview-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImageDelete = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImageLoading = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-image-loading-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImage = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].createElement("velt-comment-dialog-composer-attachments-other-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-icon-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherLoading = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-loading-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-name-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherSize = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-attachments-other-size-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOther = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].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__default["default"].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__default["default"].createElement("velt-comment-dialog-composer-input-wireframe", null, children));
@@ -1212,7 +1308,7 @@ var VeltCommentDialogComposer = function (props) {
 };
 VeltCommentDialogComposer.ActionButton = VeltCommentDialogComposerActionButton;
 VeltCommentDialogComposer.AssignUser = VeltCommentDialogComposerAssignUser;
-VeltCommentDialogComposer.Files = VeltCommentDialogComposerFiles;
+VeltCommentDialogComposer.Attachments = VeltCommentDialogComposerAttachments;
 VeltCommentDialogComposer.Input = VeltCommentDialogComposerInput;
 VeltCommentDialogComposer.Recordings = VeltCommentDialogComposerRecordings;
 
@@ -1276,11 +1372,71 @@ var VeltCommentDialogThreadCardDeviceType = function (props) {
     return (React__default["default"].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__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-preview-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDelete = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDownload = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-image-download-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImage = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-delete-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherDownload = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-download-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherIcon = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-comment-dialog-thread-card-files-wireframe", null, children));
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-icon-wireframe", null, children));
 };
 
+var VeltCommentDialogThreadCardAttachmentsOtherName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-name-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherSize = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-attachments-other-size-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOther = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].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__default["default"].createElement("velt-comment-dialog-thread-card-message-wireframe", null, children));
@@ -1324,7 +1480,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;
@@ -1626,9 +1782,9 @@ var VeltTextCommentToolbarGeneric = function (props) {
     return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
 };
 
-var VeltTextCommentToolbarSeperator = function (props) {
+var VeltTextCommentToolbarDivider = function (props) {
     var children = props.children;
-    return (React__default["default"].createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
+    return (React__default["default"].createElement("velt-text-comment-toolbar-divider-wireframe", null, children));
 };
 
 var VeltTextCommentToolbar = function (props) {
@@ -1638,7 +1794,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;
@@ -1698,6 +1854,29 @@ VeltAutocompleteOptionWireframe.Description = VeltAutocompleteOptionDescriptionW
 VeltAutocompleteOptionWireframe.ErrorIcon = VeltAutocompleteOptionErrorIconWireframe;
 VeltAutocompleteOptionWireframe.Name = VeltAutocompleteOptionNameWireframe;
 
+var VeltAutocompleteChipTooltipDescriptionWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description-wireframe", null, children));
+};
+
+var VeltAutocompleteChipTooltipIconWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon-wireframe", null, children));
+};
+
+var VeltAutocompleteChipTooltipNameWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name-wireframe", null, children));
+};
+
+var VeltAutocompleteChipTooltipWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].createElement("velt-comment-bubble-avatar-wireframe", null, children));
@@ -1708,6 +1887,236 @@ var VeltCommentBubbleCommentsCount = function (props) {
     return (React__default["default"].createElement("velt-comment-bubble-comments-count-wireframe", null, children));
 };
 
+var VeltStatusDropdownContentItemIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-status-dropdown-content-item-icon-wireframe", null, children));
+};
+
+var VeltStatusDropdownContentItemName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-status-dropdown-content-item-name-wireframe", null, children));
+};
+
+var VeltStatusDropdownContentItem = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-content-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltStatusDropdownContentItem.Icon = VeltStatusDropdownContentItemIcon;
+VeltStatusDropdownContentItem.Name = VeltStatusDropdownContentItemName;
+
+var VeltStatusDropdownContent = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltStatusDropdownContent.Item = VeltStatusDropdownContentItem;
+
+var VeltStatusDropdownTriggerArrow = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-arrow-wireframe", null, children));
+};
+
+var VeltStatusDropdownTriggerIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-icon-wireframe", null, children));
+};
+
+var VeltStatusDropdownTriggerName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-name-wireframe", null, children));
+};
+
+var VeltStatusDropdownTrigger = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-status-dropdown-trigger-wireframe", __assign({}, remainingProp), children));
+};
+VeltStatusDropdownTrigger.Arrow = VeltStatusDropdownTriggerArrow;
+VeltStatusDropdownTrigger.Name = VeltStatusDropdownTriggerName;
+VeltStatusDropdownTrigger.Icon = VeltStatusDropdownTriggerIcon;
+
+var VeltPriorityDropdownContentItemIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-icon-wireframe", null, children));
+};
+
+var VeltPriorityDropdownContentItemName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-name-wireframe", null, children));
+};
+
+var VeltPriorityDropdownContentItemTick = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-tick-wireframe", null, children));
+};
+
+var VeltPriorityDropdownContentItem = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-content-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltPriorityDropdownContentItem.Icon = VeltPriorityDropdownContentItemIcon;
+VeltPriorityDropdownContentItem.Name = VeltPriorityDropdownContentItemName;
+VeltPriorityDropdownContentItem.Tick = VeltPriorityDropdownContentItemTick;
+
+var VeltPriorityDropdownContent = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltPriorityDropdownContent.Item = VeltPriorityDropdownContentItem;
+
+var VeltPriorityDropdownTriggerArrow = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-arrow-wireframe", null, children));
+};
+
+var VeltPriorityDropdownTriggerIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-icon-wireframe", null, children));
+};
+
+var VeltPriorityDropdownTriggerName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-name-wireframe", null, children));
+};
+
+var VeltPriorityDropdownTrigger = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-priority-dropdown-trigger-wireframe", __assign({}, remainingProp), children));
+};
+VeltPriorityDropdownTrigger.Arrow = VeltPriorityDropdownTriggerArrow;
+VeltPriorityDropdownTrigger.Name = VeltPriorityDropdownTriggerName;
+VeltPriorityDropdownTrigger.Icon = VeltPriorityDropdownTriggerIcon;
+
+var VeltOptionsDropdownContentAssign = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-assign-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltOptionsDropdownContentDeleteComment = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-options-dropdown-content-delete-comment-wireframe", null, children));
+};
+
+var VeltOptionsDropdownContentDeleteThread = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-options-dropdown-content-delete-thread-wireframe", null, children));
+};
+
+var VeltOptionsDropdownContentDelete = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-delete-wireframe", __assign({}, remainingProp), children));
+};
+VeltOptionsDropdownContentDelete.Comment = VeltOptionsDropdownContentDeleteComment;
+VeltOptionsDropdownContentDelete.Thread = VeltOptionsDropdownContentDeleteThread;
+
+var VeltOptionsDropdownContentEdit = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-edit-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltOptionsDropdownContentMakePrivateDisable = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-options-dropdown-content-make-private-disable-wireframe", null, children));
+};
+
+var VeltOptionsDropdownContentMakePrivateEnable = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].createElement("velt-options-dropdown-content-make-private-wireframe", __assign({}, remainingProp), children));
+};
+VeltOptionsDropdownContentMakePrivate.Enable = VeltOptionsDropdownContentMakePrivateEnable;
+VeltOptionsDropdownContentMakePrivate.Disable = VeltOptionsDropdownContentMakePrivateDisable;
+
+var VeltOptionsDropdownContent = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltOptionsDropdownContent.Assign = VeltOptionsDropdownContentAssign;
+VeltOptionsDropdownContent.MakePrivate = VeltOptionsDropdownContentMakePrivate;
+VeltOptionsDropdownContent.Edit = VeltOptionsDropdownContentEdit;
+VeltOptionsDropdownContent.Delete = VeltOptionsDropdownContentDelete;
+
+var VeltOptionsDropdownTrigger = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-options-dropdown-trigger-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltReactionToolWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-tool-wireframe", null, children));
+};
+
+var VeltReactionPinCountWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-pin-count-wireframe", null, children));
+};
+
+var VeltReactionPinEmojiWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-pin-emoji-wireframe", null, children));
+};
+
+var VeltReactionPinWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-pin-wireframe", null, children));
+};
+VeltReactionPinWireframe.Emoji = VeltReactionPinEmojiWireframe;
+VeltReactionPinWireframe.Count = VeltReactionPinCountWireframe;
+
+var VeltReactionPinTooltipUserAvatarWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-avatar-wireframe", null, children));
+};
+
+var VeltReactionPinTooltipUserNameWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-user-name-wireframe", null, children));
+};
+
+var VeltReactionPinTooltipUserWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].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__default["default"].createElement("velt-reaction-pin-tooltip-users-wireframe", null, children));
+};
+VeltReactionPinTooltipUsersWireframe.User = VeltReactionPinTooltipUserWireframe;
+
+var VeltReactionPinTooltipWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reaction-pin-tooltip-wireframe", null, children));
+};
+VeltReactionPinTooltipWireframe.Users = VeltReactionPinTooltipUsersWireframe;
+
+var VeltReactionsPanelItemEmojiWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reactions-panel-item-emoji-wireframe", null, children));
+};
+
+var VeltReactionsPanelItemWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reactions-panel-item-wireframe", null, children));
+};
+VeltReactionsPanelItemWireframe.Emoji = VeltReactionsPanelItemEmojiWireframe;
+
+var VeltReactionsPanelItemsWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reactions-panel-items-wireframe", null, children));
+};
+VeltReactionsPanelItemsWireframe.Item = VeltReactionsPanelItemWireframe;
+
+var VeltReactionsPanelWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-reactions-panel-wireframe", null, children));
+};
+VeltReactionsPanelWireframe.Items = VeltReactionsPanelItemsWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -2327,6 +2736,7 @@ var logLiveState = function (action, liveStateDataId) {
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
 exports.VeltAutocomplete = VeltAutocomplete;
+exports.VeltAutocompleteChipTooltipWireframe = VeltAutocompleteChipTooltipWireframe;
 exports.VeltAutocompleteOptionWireframe = VeltAutocompleteOptionWireframe;
 exports.VeltChartComment = VeltChartComment;
 exports.VeltCommentBubble = SnippylyCommentBubble;
@@ -2349,14 +2759,24 @@ exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
 exports.VeltNotificationsPanel = VeltNotificationsPanel;
 exports.VeltNotificationsTool = VeltNotificationsTool;
+exports.VeltOptionsDropdownContent = VeltOptionsDropdownContent;
+exports.VeltOptionsDropdownTrigger = VeltOptionsDropdownTrigger;
 exports.VeltPresence = SnippylyPresence;
+exports.VeltPriorityDropdownContent = VeltPriorityDropdownContent;
+exports.VeltPriorityDropdownTrigger = VeltPriorityDropdownTrigger;
 exports.VeltProvider = SnippylyProvider;
+exports.VeltReactionPinTooltipWireframe = VeltReactionPinTooltipWireframe;
+exports.VeltReactionPinWireframe = VeltReactionPinWireframe;
+exports.VeltReactionToolWireframe = VeltReactionToolWireframe;
+exports.VeltReactionsPanelWireframe = VeltReactionsPanelWireframe;
 exports.VeltRecorderControlPanel = SnippylyRecorderControlPanel;
 exports.VeltRecorderNotes = SnippylyRecorderNotes;
 exports.VeltRecorderPlayer = SnippylyRecorderPlayer;
 exports.VeltRecorderTool = SnippylyRecorderTool;
 exports.VeltSidebarButton = SnippylySidebarButton;
 exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
+exports.VeltStatusDropdownContent = VeltStatusDropdownContent;
+exports.VeltStatusDropdownTrigger = VeltStatusDropdownTrigger;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
 exports.VeltTextCommentToolWireframe = VeltTextCommentToolWireframe;