@veltdev/react 5.0.2-beta.10 → 5.0.2-beta.11

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.10';
+var VELT_SDK_VERSION = '5.0.2-beta.11';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.2-beta.10': 'sha384-VayPp8row+kFs8P3PZqMIECQb5QVUPhFmp6/x3yau8SVwt56JEGNummMELbRMDCo',
+    '5.0.2-beta.11': 'sha384-60Okq3+b56aGToiPBEAdnblJTZJ8Qjg5kdQFol/fM/HeomwXSBx0WzEbIDY/m03I',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -319,6 +319,7 @@ var SnippylyProvider = function (props) {
         };
     }, []);
     React.useEffect(function () {
+        var _a;
         // Store cleanup function returned from loadVelt to remove event listeners on unmount
         var cleanupLoadVelt;
         if (apiKey) {
@@ -355,7 +356,7 @@ var SnippylyProvider = function (props) {
                 // This prevents the callback from firing on destroyed component instances.
                 cleanupLoadVelt = loadVelt(function () {
                     initVelt();
-                }, version, staging, develop, config === null || config === void 0 ? void 0 : config.proxyDomain, integrity, integrityValue);
+                }, version, staging, develop, ((_a = config === null || config === void 0 ? void 0 : config.proxyConfig) === null || _a === void 0 ? void 0 : _a.cdnHost) || (config === null || config === void 0 ? void 0 : config.proxyDomain), integrity, integrityValue);
             }
         }
         // Cleanup: remove event listener when component unmounts.
@@ -1787,11 +1788,185 @@ var VeltInlineCommentsSection = function (props) {
     return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltInlineCommentsSectionCommentCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionComposerContainer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionPanel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSkeleton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTriggerArrow = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownTriggerName = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItem = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentListItemLabel = function (props) {
+    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTriggerIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownTriggerName = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItem = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, sortOptionText = props.sortOptionText, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemIcon = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemName = function (props) {
+    var defaultCondition = props.defaultCondition, sortOptionText = props.sortOptionText, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option-text": sortOptionText }, children));
+};
+
+var VeltInlineCommentsSectionSortingDropdownContentItemTick = function (props) {
+    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
 var VeltCommentPin = function (props) {
     var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId;
     return (React__default["default"].createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId }, children));
 };
 
+var VeltCommentPinNumber$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-number", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinIndex$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-index", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinTriangle$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-triangle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinPrivateCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinGhostCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentPinUnreadCommentIndicator$1 = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltCommentText = function (props) {
     var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId;
     return (React__default["default"].createElement("velt-comment-text", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId }, children));
@@ -5332,19 +5507,19 @@ VeltCommentPinWireframe.Triangle = VeltCommentPinTriangle;
 VeltCommentPinWireframe.UnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator;
 VeltCommentPinWireframe.Number = VeltCommentPinNumber;
 
-var VeltSidebarButtonCommentsCount = function (props) {
+var VeltSidebarButtonCommentsCount$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-comments-count-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSidebarButtonIcon = function (props) {
+var VeltSidebarButtonIcon$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltSidebarButtonUnreadIcon = function (props) {
+var VeltSidebarButtonUnreadIcon$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-unread-icon-wireframe", __assign({}, transformedProps), children));
@@ -5355,9 +5530,9 @@ var VeltSidebarButtonWireframe = function (props) {
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-sidebar-button-wireframe", __assign({}, transformedProps), children));
 };
-VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount;
-VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon;
-VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon;
+VeltSidebarButtonWireframe.CommentsCount = VeltSidebarButtonCommentsCount$1;
+VeltSidebarButtonWireframe.Icon = VeltSidebarButtonIcon$1;
+VeltSidebarButtonWireframe.UnreadIcon = VeltSidebarButtonUnreadIcon$1;
 
 var VeltCommentToolWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -5371,39 +5546,39 @@ var VeltTextCommentToolWireframe = function (props) {
     return (React__default["default"].createElement("velt-text-comment-tool-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarCommentAnnotation = function (props) {
+var VeltTextCommentToolbarCommentAnnotation$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarCopywriter = function (props) {
+var VeltTextCommentToolbarCopywriter$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarGeneric = function (props) {
+var VeltTextCommentToolbarGeneric$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-generic-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbarDivider = function (props) {
+var VeltTextCommentToolbarDivider$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-divider-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltTextCommentToolbar = function (props) {
+var VeltTextCommentToolbar$1 = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-text-comment-toolbar-wireframe", __assign({}, transformedProps), children));
 };
-VeltTextCommentToolbar.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
-VeltTextCommentToolbar.Copywriter = VeltTextCommentToolbarCopywriter;
-VeltTextCommentToolbar.Generic = VeltTextCommentToolbarGeneric;
-VeltTextCommentToolbar.Divider = VeltTextCommentToolbarDivider;
+VeltTextCommentToolbar$1.CommentAnnotation = VeltTextCommentToolbarCommentAnnotation$1;
+VeltTextCommentToolbar$1.Copywriter = VeltTextCommentToolbarCopywriter$1;
+VeltTextCommentToolbar$1.Generic = VeltTextCommentToolbarGeneric$1;
+VeltTextCommentToolbar$1.Divider = VeltTextCommentToolbarDivider$1;
 
 var VeltUserSelectorDropdownAvatar = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -8390,6 +8565,204 @@ VeltActivityLogWireframe.List = VeltActivityLogListWireframe;
 VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
 VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;
 
+var VeltSidebarButtonIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-sidebar-button-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltSidebarButtonCommentsCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-sidebar-button-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltSidebarButtonUnreadIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-sidebar-button-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextComment = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextCommentTool = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-tool", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextCommentToolbar = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextCommentToolbarCommentAnnotation = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-comment-annotation", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextCommentToolbarDivider = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-divider", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextCommentToolbarCopywriter = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-copywriter", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltTextCommentToolbarGeneric = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-text-comment-toolbar-generic", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogList = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogPanel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogComposerContainer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogCommentCount = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogEmptyPlaceholder = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogCloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogNewThreadButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogResetFilterButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -10705,6 +11078,12 @@ exports.VeltCommentDialogVisibilityDropdownTriggerIcon = VeltCommentDialogVisibi
 exports.VeltCommentDialogVisibilityDropdownTriggerLabel = VeltCommentDialogVisibilityDropdownTriggerLabel;
 exports.VeltCommentDialogWireframe = VeltCommentDialogWireframe;
 exports.VeltCommentPin = VeltCommentPin;
+exports.VeltCommentPinGhostCommentIndicator = VeltCommentPinGhostCommentIndicator$1;
+exports.VeltCommentPinIndex = VeltCommentPinIndex$1;
+exports.VeltCommentPinNumber = VeltCommentPinNumber$1;
+exports.VeltCommentPinPrivateCommentIndicator = VeltCommentPinPrivateCommentIndicator$1;
+exports.VeltCommentPinTriangle = VeltCommentPinTriangle$1;
+exports.VeltCommentPinUnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator$1;
 exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
 exports.VeltCommentPlayerTimeline = VeltCommentPlayerTimeline;
 exports.VeltCommentText = VeltCommentText;
@@ -10755,10 +11134,56 @@ exports.VeltHuddle = SnippylyHuddle;
 exports.VeltHuddleTool = SnippylyHuddleTool;
 exports.VeltIf = VeltIf;
 exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
+exports.VeltInlineCommentsSectionCommentCount = VeltInlineCommentsSectionCommentCount;
+exports.VeltInlineCommentsSectionComposerContainer = VeltInlineCommentsSectionComposerContainer;
+exports.VeltInlineCommentsSectionFilterDropdown = VeltInlineCommentsSectionFilterDropdown;
+exports.VeltInlineCommentsSectionFilterDropdownContent = VeltInlineCommentsSectionFilterDropdownContent;
+exports.VeltInlineCommentsSectionFilterDropdownContentList = VeltInlineCommentsSectionFilterDropdownContentList;
+exports.VeltInlineCommentsSectionFilterDropdownContentListItem = VeltInlineCommentsSectionFilterDropdownContentListItem;
+exports.VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox;
+exports.VeltInlineCommentsSectionFilterDropdownContentListItemLabel = VeltInlineCommentsSectionFilterDropdownContentListItemLabel;
+exports.VeltInlineCommentsSectionFilterDropdownTrigger = VeltInlineCommentsSectionFilterDropdownTrigger;
+exports.VeltInlineCommentsSectionFilterDropdownTriggerArrow = VeltInlineCommentsSectionFilterDropdownTriggerArrow;
+exports.VeltInlineCommentsSectionFilterDropdownTriggerName = VeltInlineCommentsSectionFilterDropdownTriggerName;
+exports.VeltInlineCommentsSectionList = VeltInlineCommentsSectionList;
+exports.VeltInlineCommentsSectionPanel = VeltInlineCommentsSectionPanel;
+exports.VeltInlineCommentsSectionSkeleton = VeltInlineCommentsSectionSkeleton;
+exports.VeltInlineCommentsSectionSortingDropdown = VeltInlineCommentsSectionSortingDropdown;
+exports.VeltInlineCommentsSectionSortingDropdownContent = VeltInlineCommentsSectionSortingDropdownContent;
+exports.VeltInlineCommentsSectionSortingDropdownContentItem = VeltInlineCommentsSectionSortingDropdownContentItem;
+exports.VeltInlineCommentsSectionSortingDropdownContentItemIcon = VeltInlineCommentsSectionSortingDropdownContentItemIcon;
+exports.VeltInlineCommentsSectionSortingDropdownContentItemName = VeltInlineCommentsSectionSortingDropdownContentItemName;
+exports.VeltInlineCommentsSectionSortingDropdownContentItemTick = VeltInlineCommentsSectionSortingDropdownContentItemTick;
+exports.VeltInlineCommentsSectionSortingDropdownTrigger = VeltInlineCommentsSectionSortingDropdownTrigger;
+exports.VeltInlineCommentsSectionSortingDropdownTriggerIcon = VeltInlineCommentsSectionSortingDropdownTriggerIcon;
+exports.VeltInlineCommentsSectionSortingDropdownTriggerName = VeltInlineCommentsSectionSortingDropdownTriggerName;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
 exports.VeltMediaSourceSettingsWireframe = VeltMediaSourceSettingsWireframe;
+exports.VeltMultiThreadCommentDialogCloseButton = VeltMultiThreadCommentDialogCloseButton;
+exports.VeltMultiThreadCommentDialogCommentCount = VeltMultiThreadCommentDialogCommentCount;
+exports.VeltMultiThreadCommentDialogComposerContainer = VeltMultiThreadCommentDialogComposerContainer;
+exports.VeltMultiThreadCommentDialogEmptyPlaceholder = VeltMultiThreadCommentDialogEmptyPlaceholder;
+exports.VeltMultiThreadCommentDialogList = VeltMultiThreadCommentDialogList;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdown = VeltMultiThreadCommentDialogMinimalActionsDropdown;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownContent = VeltMultiThreadCommentDialogMinimalActionsDropdownContent;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved;
+exports.VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdown = VeltMultiThreadCommentDialogMinimalFilterDropdown;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContent = VeltMultiThreadCommentDialogMinimalFilterDropdownContent;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread;
+exports.VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger;
+exports.VeltMultiThreadCommentDialogNewThreadButton = VeltMultiThreadCommentDialogNewThreadButton;
+exports.VeltMultiThreadCommentDialogPanel = VeltMultiThreadCommentDialogPanel;
+exports.VeltMultiThreadCommentDialogResetFilterButton = VeltMultiThreadCommentDialogResetFilterButton;
 exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
@@ -10790,14 +11215,24 @@ exports.VeltRecorderTool = SnippylyRecorderTool;
 exports.VeltRecorderVideoToolWireframe = VeltRecorderVideoToolWireframe;
 exports.VeltRecordingPreviewStepsDialogWireframe = VeltRecordingPreviewStepsDialogWireframe;
 exports.VeltSidebarButton = SnippylySidebarButton;
+exports.VeltSidebarButtonCommentsCount = VeltSidebarButtonCommentsCount;
+exports.VeltSidebarButtonIcon = VeltSidebarButtonIcon;
+exports.VeltSidebarButtonUnreadIcon = VeltSidebarButtonUnreadIcon;
 exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
 exports.VeltSingleEditorModePanel = VeltSingleEditorModePanel;
 exports.VeltSingleEditorModePanelWireframe = VeltSingleEditorModePanelWireframe;
 exports.VeltSubtitlesWireframe = VeltSubtitlesWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
+exports.VeltTextComment = VeltTextComment;
+exports.VeltTextCommentTool = VeltTextCommentTool;
 exports.VeltTextCommentToolWireframe = VeltTextCommentToolWireframe;
-exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar;
+exports.VeltTextCommentToolbar = VeltTextCommentToolbar;
+exports.VeltTextCommentToolbarCommentAnnotation = VeltTextCommentToolbarCommentAnnotation;
+exports.VeltTextCommentToolbarCopywriter = VeltTextCommentToolbarCopywriter;
+exports.VeltTextCommentToolbarDivider = VeltTextCommentToolbarDivider;
+exports.VeltTextCommentToolbarGeneric = VeltTextCommentToolbarGeneric;
+exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar$1;
 exports.VeltTranscriptionWireframe = VeltTranscriptionWireframe;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;