@veltdev/react 1.0.108 → 1.0.110

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,541 @@ 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 VeltCommentSidebarCloseButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-close-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarEmptyPlaceholder = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-empty-placeholder-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterAllOption = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-all-option-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCategory = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-category-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCheckboxChecked = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-checkbox-checked-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCheckboxUnchecked = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCheckbox = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-checkbox-wireframe", null, children));
+};
+VeltCommentSidebarFilterCheckbox.Checked = VeltCommentSidebarFilterCheckboxChecked;
+VeltCommentSidebarFilterCheckbox.Unchecked = VeltCommentSidebarFilterCheckboxUnchecked;
+
+var VeltCommentSidebarFilterCloseButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-close-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCommentType = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-comment-type-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterDoneButton = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-done-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterGroupBy = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-group-by-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterLocation = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-location-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterPeople = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-people-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterPriority = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-priority-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterTitle = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-title-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterVersions = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-versions-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilter = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-wireframe", null, children));
+};
+VeltCommentSidebarFilter.AllOption = VeltCommentSidebarFilterAllOption;
+VeltCommentSidebarFilter.Button = VeltCommentSidebarFilterButton;
+VeltCommentSidebarFilter.Category = VeltCommentSidebarFilterCategory;
+VeltCommentSidebarFilter.Checkbox = VeltCommentSidebarFilterCheckbox;
+VeltCommentSidebarFilter.CloseButton = VeltCommentSidebarFilterCloseButton;
+VeltCommentSidebarFilter.CommentType = VeltCommentSidebarFilterCommentType;
+VeltCommentSidebarFilter.DoneButton = VeltCommentSidebarFilterDoneButton;
+VeltCommentSidebarFilter.GroupBy = VeltCommentSidebarFilterGroupBy;
+VeltCommentSidebarFilter.Location = VeltCommentSidebarFilterLocation;
+VeltCommentSidebarFilter.People = VeltCommentSidebarFilterPeople;
+VeltCommentSidebarFilter.Priority = VeltCommentSidebarFilterPriority;
+VeltCommentSidebarFilter.Title = VeltCommentSidebarFilterTitle;
+VeltCommentSidebarFilter.Versions = VeltCommentSidebarFilterVersions;
+
+var VeltCommentSidebarHeader = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-header-wireframe", null, children));
+};
+
+var VeltCommentSidebarList = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-list-wireframe", null, children));
+};
+
+var VeltCommentSidebarPageMode = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-page-mode-wireframe", null, children));
+};
+
+var VeltCommentSidebarSearch = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-search-wireframe", null, children));
+};
+
+var VeltCommentSidebarStatus = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-comment-sidebar-status-wireframe", null, children));
+};
+
+var VeltCommentSidebarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-sidebar-wireframe", __assign({}, remainingProp), children));
+};
+VeltCommentSidebarWireframe.CloseButton = VeltCommentSidebarCloseButton;
+VeltCommentSidebarWireframe.EmptyPlaceholder = VeltCommentSidebarEmptyPlaceholder;
+VeltCommentSidebarWireframe.Filter = VeltCommentSidebarFilter;
+VeltCommentSidebarWireframe.Header = VeltCommentSidebarHeader;
+VeltCommentSidebarWireframe.List = VeltCommentSidebarList;
+VeltCommentSidebarWireframe.PageMode = VeltCommentSidebarPageMode;
+VeltCommentSidebarWireframe.Search = VeltCommentSidebarSearch;
+VeltCommentSidebarWireframe.Status = VeltCommentSidebarStatus;
+
+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 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));
+};
+
+var VeltTextCommentTool = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-tool-wireframe", null, children));
+};
+
+var VeltTextCommentToolbar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-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 VeltTextCommentToolbarSeperator = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-text-comment-toolbar-seperator-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 VeltUserSelectorInternalDropdown = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownAvatar = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-avatar-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownEmail = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-email-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownName = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-name-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownErrorIcon = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement("velt-user-selector-internal-dropdown-error-icon-wireframe", null, children));
+};
+
 /**
  * @beta This hook is in beta
  */
@@ -614,6 +1161,15 @@ function useSetDocumentId(documentId) {
         client && client.setDocumentId(documentId);
     }, [client]);
 }
+/**
+ * @beta This hook is in beta
+ */
+function useUnsetDocumentId() {
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        client && client.unsetDocumentId && client.unsetDocumentId();
+    }, [client]);
+}
 /**
  * @beta This hook is in beta
  */
@@ -1253,9 +1809,15 @@ 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.VeltCommentSidebarWireframe = VeltCommentSidebarWireframe;
 exports.VeltCommentThread = VeltCommentThread;
 exports.VeltCommentTool = SnippylyCommentTool;
+exports.VeltCommentToolWireframe = VeltCommentToolWireframe;
 exports.VeltComments = SnippylyComments;
 exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCursor = SnippylyCursor;
@@ -1272,12 +1834,25 @@ exports.VeltRecorderNotes = SnippylyRecorderNotes;
 exports.VeltRecorderPlayer = SnippylyRecorderPlayer;
 exports.VeltRecorderTool = SnippylyRecorderTool;
 exports.VeltSidebarButton = SnippylySidebarButton;
+exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
+exports.VeltTextCommentTool = VeltTextCommentTool;
+exports.VeltTextCommentToolbar = VeltTextCommentToolbar;
+exports.VeltTextCommentToolbarCommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
+exports.VeltTextCommentToolbarCopywriter = VeltTextCommentToolbarCopywriter;
+exports.VeltTextCommentToolbarGeneric = VeltTextCommentToolbarGeneric;
+exports.VeltTextCommentToolbarSeperator = VeltTextCommentToolbarSeperator;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
+exports.VeltUserSelectorInternalDropdown = VeltUserSelectorInternalDropdown;
+exports.VeltUserSelectorInternalDropdownAvatar = VeltUserSelectorInternalDropdownAvatar;
+exports.VeltUserSelectorInternalDropdownEmail = VeltUserSelectorInternalDropdownEmail;
+exports.VeltUserSelectorInternalDropdownErrorIcon = VeltUserSelectorInternalDropdownErrorIcon;
+exports.VeltUserSelectorInternalDropdownName = VeltUserSelectorInternalDropdownName;
 exports.VeltVideoPlayer = VeltVideoPlayer;
 exports.VeltViewAnalytics = VeltViewAnalytics;
+exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;
 exports.useAIRewriterUtils = useAIRewriterUtils;
 exports.useAddLocation = useAddLocation;
@@ -1312,6 +1887,7 @@ exports.useTagAnnotations = useTagAnnotations;
 exports.useTagUtils = useTagUtils;
 exports.useUniqueViewsByDate = useUniqueViewsByDate;
 exports.useUniqueViewsByUser = useUniqueViewsByUser;
+exports.useUnsetDocumentId = useUnsetDocumentId;
 exports.useUserEditorState = useUserEditorState;
 exports.useVeltClient = useVeltClient;
 exports.useViewsUtils = useViewsUtils;