@veltdev/react 1.0.109 → 1.0.111

package/cjs/index.js

@@ -34,6 +34,18 @@ var __assign = function() {
     return __assign.apply(this, arguments);
 };
 
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
+
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -144,8 +156,8 @@ var SnippylyProvider = function (props) {
                     if (config.develop) {
                         delete config.develop;
                     }
-                    if (config.version) {
-                        delete config.version;
+                    if (config === null || config === void 0 ? void 0 : config.version) {
+                        config === null || config === void 0 ? true : delete config.version;
                     }
                     if (config === null || config === void 0 ? void 0 : config.proxyDomain) {
                         delete config.proxyDomain;
@@ -262,7 +274,7 @@ var SnippylyComments = function (props) {
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, dialogVariant = props.dialogVariant, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
     var ref = React.useRef();
     React.useEffect(function () {
         if (ref.current) {
@@ -285,11 +297,11 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "dialog-variant": dialogVariant }));
 };
 
 var SnippylyCommentTool = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, onCommentModeChange = props.onCommentModeChange, children = props.children, darkMode = props.darkMode;
+    var targetCommentElementId = props.targetCommentElementId, onCommentModeChange = props.onCommentModeChange, children = props.children, darkMode = props.darkMode, variant = props.variant;
     var ref = React.useRef();
     React.useEffect(function () {
         if (ref.current) {
@@ -301,7 +313,7 @@ var SnippylyCommentTool = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, variant: variant, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCursor = function (props) {
@@ -583,6 +595,549 @@ var VeltNivoChartComments = function (_a) {
         })));
 };
 
+var VeltWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-wireframe", null, children));
+};
+
+var VeltCommentDialogAllComment = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-all-comment-wireframe", null, children));
+};
+
+var VeltCommentDialogApprove = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-approve-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBannerResolveButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBannerUserAvatar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBannerUserName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBanner = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-assignee-banner-wireframe", null, children));
+};
+VeltCommentDialogAssigneeBanner.ResolveButton = VeltCommentDialogAssigneeBannerResolveButton;
+VeltCommentDialogAssigneeBanner.UserAvatar = VeltCommentDialogAssigneeBannerUserAvatar;
+VeltCommentDialogAssigneeBanner.UserName = VeltCommentDialogAssigneeBannerUserName;
+
+var VeltCommentDialogAssignMenu = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-assign-menu-wireframe", null, children));
+};
+
+var VeltCommentDialogBody = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-body-wireframe", null, children));
+};
+
+var VeltCommentDialogCommentCategory = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-comment-category-wireframe", null, children));
+};
+
+var VeltCommentDialogCommentCount = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-comment-count-wireframe", null, children));
+};
+
+var VeltCommentDialogCommentSuggestionStatus = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-comment-suggestion-status-wireframe", null, children));
+};
+
+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 VeltCommentDialogComposerAssignUser = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerFiles = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-files-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerInput = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-input-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerRecordings = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-recordings-wireframe", null, children));
+};
+
+var VeltCommentDialogComposer = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-composer-wireframe", null, children));
+};
+VeltCommentDialogComposer.ActionButton = VeltCommentDialogComposerActionButton;
+VeltCommentDialogComposer.AssignUser = VeltCommentDialogComposerAssignUser;
+VeltCommentDialogComposer.Files = VeltCommentDialogComposerFiles;
+VeltCommentDialogComposer.Input = VeltCommentDialogComposerInput;
+VeltCommentDialogComposer.Recordings = VeltCommentDialogComposerRecordings;
+
+var VeltCommentDialogCopyLink = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-copy-link-wireframe", null, children));
+};
+
+var VeltCommentDialogGhostBanner = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-ghost-banner-wireframe", null, children));
+};
+
+var VeltCommentDialogHeader = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-header-wireframe", null, children));
+};
+
+var VeltCommentDialogMoreReply = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-more-reply-wireframe", null, children));
+};
+
+var VeltCommentDialogOptions = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-options-wireframe", null, children));
+};
+
+var VeltCommentDialogPriority = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-priority-wireframe", null, children));
+};
+
+var VeltCommentDialogPrivateBanner = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-private-banner-wireframe", null, children));
+};
+
+var VeltCommentDialogResolveButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-resolve-button-wireframe", null, children));
+};
+
+var VeltCommentDialogSignIn = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-sign-in-wireframe", null, children));
+};
+
+var VeltCommentDialogStatus = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-status-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAvatar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-avatar-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardDeviceType = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-device-type-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardFiles = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-files-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardMessage = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-message-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-name-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardOptions = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-options-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardReactions = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reactions-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardReactionTool = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardRecordings = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-recordings-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardTime = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-time-wireframe", null, children));
+};
+
+// Main Thread Card component
+var VeltCommentDialogThreadCard = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-wireframe", null, children));
+};
+// Attach the Sub component as a static property of the main Thread Card component
+VeltCommentDialogThreadCard.Avatar = VeltCommentDialogThreadCardAvatar;
+VeltCommentDialogThreadCard.DeviceType = VeltCommentDialogThreadCardDeviceType;
+VeltCommentDialogThreadCard.Files = VeltCommentDialogThreadCardFiles;
+VeltCommentDialogThreadCard.Message = VeltCommentDialogThreadCardMessage;
+VeltCommentDialogThreadCard.Name = VeltCommentDialogThreadCardName;
+VeltCommentDialogThreadCard.Options = VeltCommentDialogThreadCardOptions;
+VeltCommentDialogThreadCard.Reactions = VeltCommentDialogThreadCardReactions;
+VeltCommentDialogThreadCard.ReactionTool = VeltCommentDialogThreadCardReactionTool;
+VeltCommentDialogThreadCard.Recordings = VeltCommentDialogThreadCardRecordings;
+VeltCommentDialogThreadCard.Time = VeltCommentDialogThreadCardTime;
+
+var VeltCommentDialogThreads = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-threads-wireframe", null, children));
+};
+
+var VeltCommentDialogToggleReply = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-wireframe", null, children));
+};
+
+var VeltCommentDialogUpgrade = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-upgrade-wireframe", null, children));
+};
+
+var VeltCommentDialogSuggestionActionAccept = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-accept-wireframe", null, children));
+};
+
+var VeltCommentDialogSuggestionActionReject = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-reject-wireframe", null, children));
+};
+
+var VeltCommentDialogSuggestionAction = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-dialog-suggestion-action-wireframe", null, children));
+};
+VeltCommentDialogSuggestionAction.Accept = VeltCommentDialogSuggestionActionAccept;
+VeltCommentDialogSuggestionAction.Reject = VeltCommentDialogSuggestionActionReject;
+
+var VeltCommentDialogWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentDialogWireframe.AllComment = VeltCommentDialogAllComment;
+VeltCommentDialogWireframe.Approve = VeltCommentDialogApprove;
+VeltCommentDialogWireframe.AssigneeBanner = VeltCommentDialogAssigneeBanner;
+VeltCommentDialogWireframe.AssignMenu = VeltCommentDialogAssignMenu;
+VeltCommentDialogWireframe.Body = VeltCommentDialogBody;
+VeltCommentDialogWireframe.CommentCategory = VeltCommentDialogCommentCategory;
+VeltCommentDialogWireframe.CommentCount = VeltCommentDialogCommentCount;
+VeltCommentDialogWireframe.CommentSuggestionStatus = VeltCommentDialogCommentSuggestionStatus;
+VeltCommentDialogWireframe.Composer = VeltCommentDialogComposer;
+VeltCommentDialogWireframe.CopyLink = VeltCommentDialogCopyLink;
+VeltCommentDialogWireframe.GhostBanner = VeltCommentDialogGhostBanner;
+VeltCommentDialogWireframe.Header = VeltCommentDialogHeader;
+VeltCommentDialogWireframe.MoreReply = VeltCommentDialogMoreReply;
+VeltCommentDialogWireframe.Options = VeltCommentDialogOptions;
+VeltCommentDialogWireframe.Priority = VeltCommentDialogPriority;
+VeltCommentDialogWireframe.PrivateBanner = VeltCommentDialogPrivateBanner;
+VeltCommentDialogWireframe.ResolveButton = VeltCommentDialogResolveButton;
+VeltCommentDialogWireframe.SignIn = VeltCommentDialogSignIn;
+VeltCommentDialogWireframe.Status = VeltCommentDialogStatus;
+VeltCommentDialogWireframe.SuggestionAction = VeltCommentDialogSuggestionAction;
+VeltCommentDialogWireframe.ThreadCard = VeltCommentDialogThreadCard;
+VeltCommentDialogWireframe.Threads = VeltCommentDialogThreads;
+VeltCommentDialogWireframe.ToggleReply = VeltCommentDialogToggleReply;
+VeltCommentDialogWireframe.Upgrade = VeltCommentDialogUpgrade;
+
+var VeltCommentsSidebarCloseButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-close-button-wireframe", null, children));
+};
+
+var VeltCommentsSidebarEmptyPlaceholder = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterAllOption = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-all-option-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterCategory = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-category-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterCheckboxChecked = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-checked-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterCheckboxUnchecked = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterCheckbox = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-checkbox-wireframe", null, children));
+};
+VeltCommentsSidebarFilterCheckbox.Checked = VeltCommentsSidebarFilterCheckboxChecked;
+VeltCommentsSidebarFilterCheckbox.Unchecked = VeltCommentsSidebarFilterCheckboxUnchecked;
+
+var VeltCommentsSidebarFilterCloseButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-close-button-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterCommentType = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-comment-type-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterDoneButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-done-button-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterGroupBy = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-group-by-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterLocation = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-location-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterPeople = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-people-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterPriority = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-priority-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterTitle = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-title-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterVersions = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-versions-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilter = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-wireframe", null, children));
+};
+VeltCommentsSidebarFilter.AllOption = VeltCommentsSidebarFilterAllOption;
+VeltCommentsSidebarFilter.Category = VeltCommentsSidebarFilterCategory;
+VeltCommentsSidebarFilter.Checkbox = VeltCommentsSidebarFilterCheckbox;
+VeltCommentsSidebarFilter.CloseButton = VeltCommentsSidebarFilterCloseButton;
+VeltCommentsSidebarFilter.CommentType = VeltCommentsSidebarFilterCommentType;
+VeltCommentsSidebarFilter.DoneButton = VeltCommentsSidebarFilterDoneButton;
+VeltCommentsSidebarFilter.GroupBy = VeltCommentsSidebarFilterGroupBy;
+VeltCommentsSidebarFilter.Location = VeltCommentsSidebarFilterLocation;
+VeltCommentsSidebarFilter.People = VeltCommentsSidebarFilterPeople;
+VeltCommentsSidebarFilter.Priority = VeltCommentsSidebarFilterPriority;
+VeltCommentsSidebarFilter.Title = VeltCommentsSidebarFilterTitle;
+VeltCommentsSidebarFilter.Versions = VeltCommentsSidebarFilterVersions;
+
+var VeltCommentsSidebarHeader = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-header-wireframe", null, children));
+};
+
+var VeltCommentsSidebarList = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-list-wireframe", null, children));
+};
+
+var VeltCommentsSidebarPageMode = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-wireframe", null, children));
+};
+
+var VeltCommentsSidebarSearch = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-search-wireframe", null, children));
+};
+
+var VeltCommentsSidebarStatus = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-status-wireframe", null, children));
+};
+
+var VeltCommentsSidebarFilterButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comments-sidebar-filter-button-wireframe", null, children));
+};
+
+var VeltCommentsSidebarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comments-sidebar-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentsSidebarWireframe.CloseButton = VeltCommentsSidebarCloseButton;
+VeltCommentsSidebarWireframe.EmptyPlaceholder = VeltCommentsSidebarEmptyPlaceholder;
+VeltCommentsSidebarWireframe.Filter = VeltCommentsSidebarFilter;
+VeltCommentsSidebarWireframe.Header = VeltCommentsSidebarHeader;
+VeltCommentsSidebarWireframe.List = VeltCommentsSidebarList;
+VeltCommentsSidebarWireframe.PageMode = VeltCommentsSidebarPageMode;
+VeltCommentsSidebarWireframe.Search = VeltCommentsSidebarSearch;
+VeltCommentsSidebarWireframe.Status = VeltCommentsSidebarStatus;
+VeltCommentsSidebarWireframe.FilterButton = VeltCommentsSidebarFilterButton;
+
+var VeltCommentPinGhostCommentIndicator = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator-wireframe", null, children));
+};
+
+var VeltCommentPinIndex = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-pin-index-wireframe", null, children));
+};
+
+var VeltCommentPinTriangle = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-pin-triangle-wireframe", null, children));
+};
+
+var VeltCommentPinUnreadCommentIndicator = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator-wireframe", null, children));
+};
+
+var VeltCommentPinPrivateCommentIndicator = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator-wireframe", null, children));
+};
+
+var VeltCommentPinWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-pin-wireframe", null, children));
+};
+VeltCommentPinWireframe.GhostCommentIndicator = VeltCommentPinGhostCommentIndicator;
+VeltCommentPinWireframe.Index = VeltCommentPinIndex;
+VeltCommentPinWireframe.PrivateCommentIndicator = VeltCommentPinPrivateCommentIndicator;
+VeltCommentPinWireframe.Triangle = VeltCommentPinTriangle;
+VeltCommentPinWireframe.UnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator;
+
+var VeltSidebarButtonCommentsCount = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-sidebar-button-comments-count-wireframe", null, children));
+};
+
+var VeltSidebarButtonWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-sidebar-button-wireframe", null, children));
+};
+VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount;
+
+var VeltCommentToolWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-tool-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltTextCommentToolWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-tool-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarCopywriter = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarGeneric = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarSeperator = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
+};
+
+var VeltTextCommentToolbar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", null, children));
+};
+VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
+VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
+VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
+VeltTextCommentToolbar.Seperator = VeltTextCommentToolbarSeperator;
+
+var VeltUserSelectorDropdownAvatar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-dropdown-avatar-wireframe", null, children));
+};
+
+var VeltUserSelectorDropdownEmail = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-dropdown-email-wireframe", null, children));
+};
+
+var VeltUserSelectorDropdownErrorIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-dropdown-error-icon-wireframe", null, children));
+};
+
+var VeltUserSelectorDropdownName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-dropdown-name-wireframe", null, children));
+};
+
+var VeltUserSelectorDropdown = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-dropdown-wireframe", null, children));
+};
+VeltUserSelectorDropdown.Avatar = VeltUserSelectorDropdownAvatar;
+VeltUserSelectorDropdown.Email = VeltUserSelectorDropdownEmail;
+VeltUserSelectorDropdown.ErrorIcon = VeltUserSelectorDropdownErrorIcon;
+VeltUserSelectorDropdown.Name = VeltUserSelectorDropdownName;
+
+var VeltCommentBubbleAvatar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-bubble-avatar-wireframe", null, children));
+};
+
+var VeltCommentBubbleCommentsCount = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-bubble-comments-count-wireframe", null, children));
+};
+
 /**
  * @beta This hook is in beta
  */
@@ -1262,11 +1817,17 @@ var logLiveState = function (action, liveStateDataId) {
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
 exports.VeltCommentBubble = SnippylyCommentBubble;
+exports.VeltCommentBubbleAvatar = VeltCommentBubbleAvatar;
+exports.VeltCommentBubbleCommentsCount = VeltCommentBubbleCommentsCount;
+exports.VeltCommentDialogWireframe = VeltCommentDialogWireframe;
+exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
 exports.VeltCommentPlayerTimeline = VeltCommentPlayerTimeline;
 exports.VeltCommentThread = VeltCommentThread;
 exports.VeltCommentTool = SnippylyCommentTool;
+exports.VeltCommentToolWireframe = VeltCommentToolWireframe;
 exports.VeltComments = SnippylyComments;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
+exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltCursor = SnippylyCursor;
 exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
@@ -1281,12 +1842,17 @@ exports.VeltRecorderNotes = SnippylyRecorderNotes;
 exports.VeltRecorderPlayer = SnippylyRecorderPlayer;
 exports.VeltRecorderTool = SnippylyRecorderTool;
 exports.VeltSidebarButton = SnippylySidebarButton;
+exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
+exports.VeltTextCommentToolWireframe = VeltTextCommentToolWireframe;
+exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
+exports.VeltUserSelectorDropdownWireframe = VeltUserSelectorDropdown;
 exports.VeltVideoPlayer = VeltVideoPlayer;
 exports.VeltViewAnalytics = VeltViewAnalytics;
+exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;
 exports.useAIRewriterUtils = useAIRewriterUtils;
 exports.useAddLocation = useAddLocation;