@veltdev/react 1.0.109 → 1.0.110

package/cjs/types/components/VeltUserSelector/VeltUserSelectorInternalDropdownName/VeltUserSelectorInternalDropdownName.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IVeltUserSelectorInternalDropdownNameProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+declare const VeltUserSelectorInternalDropdownName: React.FC<IVeltUserSelectorInternalDropdownNameProps>;
+export default VeltUserSelectorInternalDropdownName;

package/cjs/types/components/VeltUserSelector/VeltUserSelectorInternalDropdownName/index.d.ts

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+export interface IVeltWireframeProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+}
+declare const VeltWireframe: React.FC<IVeltWireframeProps>;
+export default VeltWireframe;

package/cjs/types/components/VeltWireframe/index.d.ts

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

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

@@ -26,3 +26,22 @@ export { default as VeltNotificationsTool } from "./VeltNotificationsTool";
 export { default as VeltNotificationsPanel } from "./VeltNotificationsPanel";
 export { default as VeltNotificationsHistoryPanel } from "./VeltNotificationsHistoryPanel";
 export { default as VeltNivoChartComments } from "./VeltNivoChartComments";
+export { default as VeltWireframe } from "./VeltWireframe";
+export { default as VeltCommentDialogWireframe } from "./VeltCommentDialogWireframe";
+export { default as VeltCommentSidebarWireframe } from "./VeltCommentSidebarWireframe";
+export { default as VeltCommentPinWireframe } from "./VeltCommentPinWireframe";
+export { default as VeltSidebarButtonWireframe } from "./VeltSidebarButtonWireframe";
+export { default as VeltCommentToolWireframe } from "./VeltCommentToolWireframe";
+export { default as VeltCommentBubbleAvatar } from "./VeltCommentBubble/VeltCommentBubbleAvatar";
+export { default as VeltCommentBubbleCommentsCount } from "./VeltCommentBubble/VeltCommentBubbleCommentsCount";
+export { default as VeltTextCommentTool } from "./VeltTextComment/VeltTextCommentTool";
+export { default as VeltTextCommentToolbar } from "./VeltTextComment/VeltTextCommentToolbar";
+export { default as VeltTextCommentToolbarCommentAnnotation } from "./VeltTextComment/VeltTextCommentToolbarCommentAnnotation";
+export { default as VeltTextCommentToolbarSeperator } from "./VeltTextComment/VeltTextCommentToolbarSeperator";
+export { default as VeltTextCommentToolbarCopywriter } from "./VeltTextComment/VeltTextCommentToolbarCopywriter";
+export { default as VeltTextCommentToolbarGeneric } from "./VeltTextComment/VeltTextCommentToolbarGeneric";
+export { default as VeltUserSelectorInternalDropdown } from "./VeltUserSelector/VeltUserSelectorInternalDropdown";
+export { default as VeltUserSelectorInternalDropdownAvatar } from "./VeltUserSelector/VeltUserSelectorInternalDropdownAvatar";
+export { default as VeltUserSelectorInternalDropdownEmail } from "./VeltUserSelector/VeltUserSelectorInternalDropdownEmail";
+export { default as VeltUserSelectorInternalDropdownName } from "./VeltUserSelector/VeltUserSelectorInternalDropdownName";
+export { default as VeltUserSelectorInternalDropdownErrorIcon } from "./VeltUserSelector/VeltUserSelectorInternalDropdownErrorIcon";

package/esm/index.js

@@ -26,6 +26,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) {
@@ -136,8 +148,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;
@@ -254,7 +266,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 = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -277,11 +289,11 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React.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.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 = useRef();
     useEffect(function () {
         if (ref.current) {
@@ -293,7 +305,7 @@ var SnippylyCommentTool = function (props) {
             });
         }
     }, []);
-    return (React.createElement("velt-comment-tool", { ref: ref, "target-comment-element-id": targetCommentElementId, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React.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) {
@@ -575,6 +587,541 @@ var VeltNivoChartComments = function (_a) {
         })));
 };
 
+var VeltWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-wireframe", null, children));
+};
+
+var VeltCommentDialogAllComment = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-all-comment-wireframe", null, children));
+};
+
+var VeltCommentDialogApprove = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-approve-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBannerResolveButton = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-assignee-banner-resolve-button-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBannerUserAvatar = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-assignee-banner-user-avatar-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBannerUserName = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-assignee-banner-user-name-wireframe", null, children));
+};
+
+var VeltCommentDialogAssigneeBanner = function (props) {
+    var children = props.children;
+    return (React.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.createElement("velt-comment-dialog-assign-menu-wireframe", null, children));
+};
+
+var VeltCommentDialogBody = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-body-wireframe", null, children));
+};
+
+var VeltCommentDialogCommentCategory = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-comment-category-wireframe", null, children));
+};
+
+var VeltCommentDialogCommentCount = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-comment-count-wireframe", null, children));
+};
+
+var VeltCommentDialogCommentSuggestionStatus = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-comment-suggestion-status-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerActionButton = function (props) {
+    var children = props.children, remaingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-dialog-composer-action-button-wireframe", __assign({}, remaingProps), children));
+};
+
+var VeltCommentDialogComposerAssignUser = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerFiles = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-files-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerInput = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-input-wireframe", null, children));
+};
+
+var VeltCommentDialogComposerRecordings = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-composer-recordings-wireframe", null, children));
+};
+
+var VeltCommentDialogComposer = function (props) {
+    var children = props.children;
+    return (React.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.createElement("velt-comment-dialog-copy-link-wireframe", null, children));
+};
+
+var VeltCommentDialogGhostBanner = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-ghost-banner-wireframe", null, children));
+};
+
+var VeltCommentDialogHeader = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-header-wireframe", null, children));
+};
+
+var VeltCommentDialogMoreReply = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-more-reply-wireframe", null, children));
+};
+
+var VeltCommentDialogOptions = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-options-wireframe", null, children));
+};
+
+var VeltCommentDialogPriority = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-priority-wireframe", null, children));
+};
+
+var VeltCommentDialogPrivateBanner = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-private-banner-wireframe", null, children));
+};
+
+var VeltCommentDialogResolveButton = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-resolve-button-wireframe", null, children));
+};
+
+var VeltCommentDialogSignIn = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-sign-in-wireframe", null, children));
+};
+
+var VeltCommentDialogStatus = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-status-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardAvatar = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-avatar-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardDeviceType = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-device-type-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardFiles = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-files-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardMessage = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-message-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardName = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-name-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardOptions = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-options-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardReactions = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-reactions-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardReactionTool = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardRecordings = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-recordings-wireframe", null, children));
+};
+
+var VeltCommentDialogThreadCardTime = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-thread-card-time-wireframe", null, children));
+};
+
+// Main Thread Card component
+var VeltCommentDialogThreadCard = function (props) {
+    var children = props.children;
+    return (React.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.createElement("velt-comment-dialog-threads-wireframe", null, children));
+};
+
+var VeltCommentDialogToggleReply = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-toggle-reply-wireframe", null, children));
+};
+
+var VeltCommentDialogUpgrade = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-upgrade-wireframe", null, children));
+};
+
+var VeltCommentDialogSuggestionActionAccept = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-suggestion-action-accept-wireframe", null, children));
+};
+
+var VeltCommentDialogSuggestionActionReject = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-dialog-suggestion-action-reject-wireframe", null, children));
+};
+
+var VeltCommentDialogSuggestionAction = function (props) {
+    var children = props.children;
+    return (React.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.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.createElement("velt-comment-sidebar-close-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarEmptyPlaceholder = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-empty-placeholder-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterAllOption = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-all-option-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterButton = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCategory = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-category-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCheckboxChecked = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-checkbox-checked-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCheckboxUnchecked = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-checkbox-unchecked-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCheckbox = function (props) {
+    var children = props.children;
+    return (React.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.createElement("velt-comment-sidebar-filter-close-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterCommentType = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-comment-type-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterDoneButton = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-done-button-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterGroupBy = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-group-by-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterLocation = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-location-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterPeople = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-people-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterPriority = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-priority-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterTitle = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-title-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilterVersions = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-filter-versions-wireframe", null, children));
+};
+
+var VeltCommentSidebarFilter = function (props) {
+    var children = props.children;
+    return (React.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.createElement("velt-comment-sidebar-header-wireframe", null, children));
+};
+
+var VeltCommentSidebarList = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-list-wireframe", null, children));
+};
+
+var VeltCommentSidebarPageMode = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-page-mode-wireframe", null, children));
+};
+
+var VeltCommentSidebarSearch = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-search-wireframe", null, children));
+};
+
+var VeltCommentSidebarStatus = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-sidebar-status-wireframe", null, children));
+};
+
+var VeltCommentSidebarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.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.createElement("velt-comment-pin-ghost-comment-indicator-wireframe", null, children));
+};
+
+var VeltCommentPinIndex = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-pin-index-wireframe", null, children));
+};
+
+var VeltCommentPinTriangle = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-pin-triangle-wireframe", null, children));
+};
+
+var VeltCommentPinUnreadCommentIndicator = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-pin-unread-comment-indicator-wireframe", null, children));
+};
+
+var VeltCommentPinPrivateCommentIndicator = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-pin-private-comment-indicator-wireframe", null, children));
+};
+
+var VeltCommentPinWireframe = function (props) {
+    var children = props.children;
+    return (React.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.createElement("velt-sidebar-button-comments-count-wireframe", null, children));
+};
+
+var VeltSidebarButtonWireframe = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-sidebar-button-wireframe", null, children));
+};
+VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount;
+
+var VeltCommentToolWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    return (React.createElement("velt-comment-tool-wireframe", __assign({}, remainingProps), children));
+};
+
+var VeltCommentBubbleAvatar = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-bubble-avatar-wireframe", null, children));
+};
+
+var VeltCommentBubbleCommentsCount = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-comment-bubble-comments-count-wireframe", null, children));
+};
+
+var VeltTextCommentTool = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-text-comment-tool-wireframe", null, children));
+};
+
+var VeltTextCommentToolbar = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-text-comment-toolbar-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-text-comment-toolbar-comment-annotation-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarSeperator = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-text-comment-toolbar-seperator-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarCopywriter = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-text-comment-toolbar-copywriter-wireframe", null, children));
+};
+
+var VeltTextCommentToolbarGeneric = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-text-comment-toolbar-generic-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdown = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-user-selector-internal-dropdown-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownAvatar = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-user-selector-internal-dropdown-avatar-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownEmail = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-user-selector-internal-dropdown-email-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownName = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-user-selector-internal-dropdown-name-wireframe", null, children));
+};
+
+var VeltUserSelectorInternalDropdownErrorIcon = function (props) {
+    var children = props.children;
+    return (React.createElement("velt-user-selector-internal-dropdown-error-icon-wireframe", null, children));
+};
+
 /**
  * @beta This hook is in beta
  */
@@ -1251,5 +1798,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltVideoPlayer, VeltViewAnalytics, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleAvatar, VeltCommentBubbleCommentsCount, VeltCommentDialogWireframe, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentSidebarWireframe, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentTool, VeltTextCommentToolbar, VeltTextCommentToolbarCommentAnnotation, VeltTextCommentToolbarCopywriter, VeltTextCommentToolbarGeneric, VeltTextCommentToolbarSeperator, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorInternalDropdown, VeltUserSelectorInternalDropdownAvatar, VeltUserSelectorInternalDropdownEmail, VeltUserSelectorInternalDropdownErrorIcon, VeltUserSelectorInternalDropdownName, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnsetDocumentId, useUserEditorState, useVeltClient, useViewsUtils };
 //# sourceMappingURL=index.js.map