@veltdev/react 4.7.1 → 5.0.0-beta.2

package/esm/index.js

@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.7.1';
+var VELT_SDK_VERSION = '5.0.0-beta.2';
 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 = {
-    '4.7.1': 'sha384-+qfNI1x9amCMVxDEaplZCVt5Kbg1DE3xekS8TVgnEEX7AZGamde66o0nn2V2+/yq',
+    '5.0.0-beta.2': 'sha384-P/mj/JAXeU39QESjJFT6yJxpd5CIMt1DuS3dL4T5t5x0/163T/HONIKocpSIEXQ9',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -1617,8 +1617,8 @@ var VeltInlineReactionsSection = function (props) {
 };
 
 var VeltCommentComposer = function (props) {
-    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId;
-    return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId }));
+    var darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, context = props.context, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, placeholder = props.placeholder, targetElementId = props.targetElementId;
+    return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, context: context ? JSON.stringify(context) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, placeholder: placeholder, "target-element-id": targetElementId }));
 };
 
 var VeltSingleEditorModePanel = function (props) {
@@ -1638,6 +1638,1001 @@ var VeltVideoEditor = function (props) {
     return (React.createElement("velt-video-editor", __assign({ ref: ref, variant: variant, "dark-mode": darkMode ? 'true' : undefined, url: url, "annotation-id": annotationId, "recorder-id": recorderId }, rest)));
 };
 
+var VeltCommentDialog = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, placeholder = props.placeholder, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, placeholder: placeholder }, children));
+};
+
+var VeltCommentDialogContextWrapper = function (props) {
+    var annotationId = props.annotationId, children = props.children, restProps = __rest(props, ["annotationId", "children"]);
+    var ref = useRef(null);
+    // Convert camelCase props to kebab-case attributes for custom element
+    var customAttributes = {};
+    Object.keys(restProps).forEach(function (key) {
+        // Skip React-specific props
+        if (['className', 'style', 'id', 'ref', 'key'].includes(key)) {
+            return;
+        }
+        // Convert camelCase to kebab-case
+        var kebabKey = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+        var value = restProps[key];
+        if (value !== undefined && value !== null) {
+            customAttributes[kebabKey] = typeof value === 'object' ? JSON.stringify(value) : String(value);
+        }
+    });
+    return (React.createElement("velt-comment-dialog-context-wrapper", __assign({ ref: ref, "annotation-id": annotationId }, customAttributes), children));
+};
+
+var VeltCommentDialogThreadCard$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAvatar$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardDeviceType$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-device-type", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardDraft$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-draft", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardEdited$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-edited", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardMessage$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-message", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardReactionTool$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, noPadding = props.noPadding, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-reaction-tool", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "no-padding": noPadding !== undefined ? (typeof noPadding === 'string' ? noPadding : (noPadding ? 'true' : 'false')) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardReactions$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-reactions", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardRecordings$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, recorderId = props.recorderId, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-recordings", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "recorder-id": recorderId }, children));
+};
+
+var VeltCommentDialogThreadCardReply$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardTime$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-time", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardUnread$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-unread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardOptions$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-options", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, onChangeStatus = props.onChangeStatus, children = props.children;
+    var ref = useRef(null);
+    useEffect(function () {
+        if (ref.current && onChangeStatus) {
+            var element_1 = ref.current;
+            var handleChangeStatus_1 = function (event) {
+                onChangeStatus(event.detail);
+            };
+            element_1.addEventListener('changeStatus', handleChangeStatus_1);
+            return function () {
+                element_1.removeEventListener('changeStatus', handleChangeStatus_1);
+            };
+        }
+    }, [onChangeStatus]);
+    return (React.createElement("velt-comment-dialog-status-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownTrigger = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownTriggerIcon = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownTriggerName = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownTriggerArrow = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownContent = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownContentItem = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownContentItemIcon = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogStatusDropdownContentItemName = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status-dropdown-content-item-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownTrigger = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownTriggerIcon = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownTriggerName = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownTriggerArrow = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownContent = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownContentItem = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownContentItemIcon = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownContentItemName = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPriorityDropdownContentItemTick = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority-dropdown-content-item-tick", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdown$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTrigger$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-arrow", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerList$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-placeholder", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-trigger-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownContent$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownContentItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-custom-annotation-dropdown-content-item-label", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableAssignment = props.enableAssignment, allowAssignment = props.allowAssignment, enableEdit = props.enableEdit, allowEdit = props.allowEdit, enableNotifications = props.enableNotifications, allowToggleNotification = props.allowToggleNotification, enablePrivateMode = props.enablePrivateMode, allowChangeCommentAccessMode = props.allowChangeCommentAccessMode, triggerTemplate = props.triggerTemplate, contentTemplate = props.contentTemplate, onOpenDropdownIndex = props.onOpenDropdownIndex, children = props.children;
+    var ref = useRef(null);
+    useEffect(function () {
+        if (ref.current && onOpenDropdownIndex) {
+            var element_1 = ref.current;
+            var handleOpenDropdownIndex_1 = function (event) {
+                onOpenDropdownIndex(event.detail);
+            };
+            element_1.addEventListener('openDropdownIndex', handleOpenDropdownIndex_1);
+            return function () {
+                element_1.removeEventListener('openDropdownIndex', handleOpenDropdownIndex_1);
+            };
+        }
+    }, [onOpenDropdownIndex]);
+    return (React.createElement("velt-comment-dialog-options-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "allow-assignment": [true, false].includes(allowAssignment) ? (allowAssignment ? 'true' : 'false') : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined, "allow-edit": [true, false].includes(allowEdit) ? (allowEdit ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "allow-toggle-notification": [true, false].includes(allowToggleNotification) ? (allowToggleNotification ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "allow-change-comment-access-mode": [true, false].includes(allowChangeCommentAccessMode) ? (allowChangeCommentAccessMode ? 'true' : 'false') : undefined, "trigger-template": triggerTemplate ? JSON.stringify(triggerTemplate) : undefined, "content-template": contentTemplate ? JSON.stringify(contentTemplate) : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownTrigger = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContent = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentAssign = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-assign", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentEdit = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-edit", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentDelete = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentDeleteComment = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-comment", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentDeleteThread = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-delete-thread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMakePrivate = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMakePrivateEnable = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-enable", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMakePrivateDisable = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-make-private-disable", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentNotification = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentNotificationSubscribe = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-subscribe", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-notification-unsubscribe", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMarkAsRead = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableMarkAsRead = props.enableMarkAsRead, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "enable-mark-as-read": [true, false].includes(enableMarkAsRead) ? (enableMarkAsRead ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-mark-read", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options-dropdown-content-mark-as-read-mark-unread", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssignDropdown = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, assignTo = props.assignTo, selectedUserContacts = props.selectedUserContacts, onSetAssignTo = props.onSetAssignTo, children = props.children;
+    var ref = useRef(null);
+    useEffect(function () {
+        if (ref.current && onSetAssignTo) {
+            var element_1 = ref.current;
+            var handleSetAssignTo_1 = function (event) {
+                onSetAssignTo(event.detail);
+            };
+            element_1.addEventListener('setAssignTo', handleSetAssignTo_1);
+            return function () {
+                element_1.removeEventListener('setAssignTo', handleSetAssignTo_1);
+            };
+        }
+    }, [onSetAssignTo]);
+    return (React.createElement("velt-comment-dialog-assign-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "assign-to": assignTo ? (typeof assignTo === 'string' ? assignTo : JSON.stringify(assignTo)) : undefined, "selected-user-contacts": selectedUserContacts ? (typeof selectedUserContacts === 'string' ? selectedUserContacts : JSON.stringify(selectedUserContacts)) : undefined }, children));
+};
+
+var VeltCommentDialogAttachmentButton = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, template = props.template, componentMeta = props.componentMeta, allowedFileTypes = props.allowedFileTypes, onClicked = props.onClicked, onSelectFiles = props.onSelectFiles, children = props.children;
+    var ref = useRef(null);
+    useEffect(function () {
+        if (ref.current) {
+            var element_1 = ref.current;
+            var handleClicked_1 = function () {
+                if (onClicked)
+                    onClicked();
+            };
+            var handleSelectFiles_1 = function (event) {
+                if (onSelectFiles)
+                    onSelectFiles(event.detail);
+            };
+            if (onClicked) {
+                element_1.addEventListener('clicked', handleClicked_1);
+            }
+            if (onSelectFiles) {
+                element_1.addEventListener('selectFiles', handleSelectFiles_1);
+            }
+            return function () {
+                if (onClicked) {
+                    element_1.removeEventListener('clicked', handleClicked_1);
+                }
+                if (onSelectFiles) {
+                    element_1.removeEventListener('selectFiles', handleSelectFiles_1);
+                }
+            };
+        }
+    }, [onClicked, onSelectFiles]);
+    return (React.createElement("velt-comment-dialog-attachment-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, template: template ? JSON.stringify(template) : undefined, "component-meta": componentMeta ? (typeof componentMeta === 'string' ? componentMeta : JSON.stringify(componentMeta)) : undefined, "allowed-file-types": allowedFileTypes ? (typeof allowedFileTypes === 'string' ? allowedFileTypes : JSON.stringify(allowedFileTypes)) : undefined }, children));
+};
+
+var VeltCommentDialogDeviceTypeIcons = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, deviceType = props.deviceType, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-device-type-icons", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "device-type": deviceType }, children));
+};
+
+var VeltCommentDialogOptions$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-options", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
+};
+
+var VeltCommentDialogPriority$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-priority", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
+};
+
+var VeltCommentDialogStatus$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, variant: variant }, children));
+};
+
+var VeltCommentDialogDeleteButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-delete-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssigneeBanner$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-assignee-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssigneeBannerUserName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-assignee-banner-user-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssigneeBannerUserAvatar$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-assignee-banner-user-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssigneeBannerResolveButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-assignee-banner-resolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssigneeBannerUnresolveButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-assignee-banner-unresolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAllComment$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-all-comment", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogApprove$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-approve", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogAssignMenu$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-assign-menu", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogBody$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-body", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCloseButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-close-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCommentCategory$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-comment-category", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCommentIndex$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-comment-index", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCommentNumber$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-comment-number", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCommentSuggestionStatus$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-comment-suggestion-status", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogCopyLink$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-copy-link", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogGhostBanner$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-ghost-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogHeader$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-header", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogHideReply$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-hide-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogMetadata = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-metadata", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogMoreReply$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-more-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogNavigationButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-navigation-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPrivateBanner$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-private-banner", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogPrivateButton = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-private-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogResolveButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-resolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogSignIn$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-sign-in", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreads$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentDialogSelected = props.commentDialogSelected, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-threads", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-dialog-selected": [true, false].includes(commentDialogSelected) ? (commentDialogSelected ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogUnresolveButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-unresolve-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogUpgrade$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-upgrade", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogToggleReply$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-toggle-reply", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogToggleReplyCount$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-toggle-reply-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogToggleReplyIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-toggle-reply-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogToggleReplyText$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-toggle-reply-text", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogReplyAvatars$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-reply-avatars", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogReplyAvatarsList$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-reply-avatars-list", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogReplyAvatarsListItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-reply-avatars-list-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogReplyAvatarsRemainingCount$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-reply-avatars-remaining-count", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogSuggestionAction$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-suggestion-action", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogSuggestionActionAccept$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-suggestion-action-accept", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogSuggestionActionReject$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-suggestion-action-reject", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposer$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, composerWireframe = props.composerWireframe, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, targetElementId = props.targetElementId, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "composer-wireframe": composerWireframe ? JSON.stringify(composerWireframe) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder, "target-element-id": targetElementId }, children));
+};
+
+var VeltCommentDialogComposerActionButton$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-action-button", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAssignUser$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-assign-user", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAvatar$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerInput$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, commentObj = props.commentObj, commentIndex = props.commentIndex, placeholder = props.placeholder, commentplaceholder = props.commentplaceholder, replyplaceholder = props.replyplaceholder, editplaceholder = props.editplaceholder, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-input", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, placeholder: placeholder, "comment-placeholder": commentplaceholder, "reply-placeholder": replyplaceholder, "edit-placeholder": editplaceholder }, children));
+};
+
+var VeltCommentDialogComposerPrivateBadge$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-private-badge", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerRecordings$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-recordings", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachments$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsSelected$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-selected", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImage$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImageDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImageLoading$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-loading", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsImagePreview$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-image-preview", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOther$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherLoading$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-loading", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsOtherSize$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-other-size", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalid$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-message", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-composer-attachments-invalid-item-preview", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachments$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentId = props.attachmentId, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-id": attachmentId }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImage$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImageDownload$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-download", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsImagePreview$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-image-preview", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, attachment = props.attachment, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, attachmentIndex = props.attachmentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, attachment: attachment ? (typeof attachment === 'string' ? attachment : JSON.stringify(attachment)) : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "attachment-index": attachmentIndex !== undefined ? String(attachmentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherDelete$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-delete", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherDownload$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-download", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherIcon$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-icon", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAttachmentsOtherSize$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-attachments-other-size", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, enableSeenByUsers = props.enableSeenByUsers, isDraft = props.isDraft, viewCount = props.viewCount, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? String(commentId) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, "enable-seen-by-users": enableSeenByUsers !== undefined ? (typeof enableSeenByUsers === 'string' ? enableSeenByUsers : (enableSeenByUsers ? 'true' : 'false')) : undefined, "is-draft": isDraft !== undefined ? (typeof isDraft === 'string' ? isDraft : (isDraft ? 'true' : 'false')) : undefined, "view-count": viewCount !== undefined ? String(viewCount) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownTrigger$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContent$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContentTitle$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-title", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContentItems$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-items", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContentItem$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContentItemName$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-name", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var ref = useRef(null);
+    return (React.createElement("velt-comment-dialog-thread-card-seen-dropdown-content-item-time", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "inline-comment-section-mode": [true, false].includes(inlineCommentSectionMode) ? (inlineCommentSectionMode ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltWireframe = function (props) {
     var children = props.children;
     return (React.createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -8094,5 +9089,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialog, VeltCommentDialogAllComment$1 as VeltCommentDialogAllComment, VeltCommentDialogApprove$1 as VeltCommentDialogApprove, VeltCommentDialogAssignDropdown, VeltCommentDialogAssignMenu$1 as VeltCommentDialogAssignMenu, VeltCommentDialogAssigneeBanner$1 as VeltCommentDialogAssigneeBanner, VeltCommentDialogAssigneeBannerResolveButton$1 as VeltCommentDialogAssigneeBannerResolveButton, VeltCommentDialogAssigneeBannerUnresolveButton$1 as VeltCommentDialogAssigneeBannerUnresolveButton, VeltCommentDialogAssigneeBannerUserAvatar$1 as VeltCommentDialogAssigneeBannerUserAvatar, VeltCommentDialogAssigneeBannerUserName$1 as VeltCommentDialogAssigneeBannerUserName, VeltCommentDialogAttachmentButton, VeltCommentDialogBody$1 as VeltCommentDialogBody, VeltCommentDialogCloseButton$1 as VeltCommentDialogCloseButton, VeltCommentDialogCommentCategory$1 as VeltCommentDialogCommentCategory, VeltCommentDialogCommentIndex$1 as VeltCommentDialogCommentIndex, VeltCommentDialogCommentNumber$1 as VeltCommentDialogCommentNumber, VeltCommentDialogCommentSuggestionStatus$1 as VeltCommentDialogCommentSuggestionStatus, VeltCommentDialogComposer$1 as VeltCommentDialogComposer, VeltCommentDialogComposerActionButton$1 as VeltCommentDialogComposerActionButton, VeltCommentDialogComposerAssignUser$1 as VeltCommentDialogComposerAssignUser, VeltCommentDialogComposerAttachments$1 as VeltCommentDialogComposerAttachments, VeltCommentDialogComposerAttachmentsImage$1 as VeltCommentDialogComposerAttachmentsImage, VeltCommentDialogComposerAttachmentsImageDelete$1 as VeltCommentDialogComposerAttachmentsImageDelete, VeltCommentDialogComposerAttachmentsImageLoading$1 as VeltCommentDialogComposerAttachmentsImageLoading, VeltCommentDialogComposerAttachmentsImagePreview$1 as VeltCommentDialogComposerAttachmentsImagePreview, VeltCommentDialogComposerAttachmentsInvalid$1 as VeltCommentDialogComposerAttachmentsInvalid, VeltCommentDialogComposerAttachmentsInvalidItem$1 as VeltCommentDialogComposerAttachmentsInvalidItem, VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 as VeltCommentDialogComposerAttachmentsInvalidItemDelete, VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 as VeltCommentDialogComposerAttachmentsInvalidItemMessage, VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 as VeltCommentDialogComposerAttachmentsInvalidItemPreview, VeltCommentDialogComposerAttachmentsOther$1 as VeltCommentDialogComposerAttachmentsOther, VeltCommentDialogComposerAttachmentsOtherDelete$1 as VeltCommentDialogComposerAttachmentsOtherDelete, VeltCommentDialogComposerAttachmentsOtherIcon$1 as VeltCommentDialogComposerAttachmentsOtherIcon, VeltCommentDialogComposerAttachmentsOtherLoading$1 as VeltCommentDialogComposerAttachmentsOtherLoading, VeltCommentDialogComposerAttachmentsOtherName$1 as VeltCommentDialogComposerAttachmentsOtherName, VeltCommentDialogComposerAttachmentsOtherSize$1 as VeltCommentDialogComposerAttachmentsOtherSize, VeltCommentDialogComposerAttachmentsSelected$1 as VeltCommentDialogComposerAttachmentsSelected, VeltCommentDialogComposerAvatar$1 as VeltCommentDialogComposerAvatar, VeltCommentDialogComposerInput$1 as VeltCommentDialogComposerInput, VeltCommentDialogComposerPrivateBadge$1 as VeltCommentDialogComposerPrivateBadge, VeltCommentDialogComposerRecordings$1 as VeltCommentDialogComposerRecordings, VeltCommentDialogContextWrapper, VeltCommentDialogCopyLink$1 as VeltCommentDialogCopyLink, VeltCommentDialogCustomAnnotationDropdown$1 as VeltCommentDialogCustomAnnotationDropdown, VeltCommentDialogCustomAnnotationDropdownContent$1 as VeltCommentDialogCustomAnnotationDropdownContent, VeltCommentDialogCustomAnnotationDropdownContentItem$1 as VeltCommentDialogCustomAnnotationDropdownContentItem, VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 as VeltCommentDialogCustomAnnotationDropdownContentItemIcon, VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 as VeltCommentDialogCustomAnnotationDropdownContentItemLabel, VeltCommentDialogCustomAnnotationDropdownTrigger$1 as VeltCommentDialogCustomAnnotationDropdownTrigger, VeltCommentDialogCustomAnnotationDropdownTriggerArrow$1 as VeltCommentDialogCustomAnnotationDropdownTriggerArrow, VeltCommentDialogCustomAnnotationDropdownTriggerList$1 as VeltCommentDialogCustomAnnotationDropdownTriggerList, VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 as VeltCommentDialogCustomAnnotationDropdownTriggerListItem, VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 as VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder, VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 as VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount, VeltCommentDialogDeleteButton$1 as VeltCommentDialogDeleteButton, VeltCommentDialogDeviceTypeIcons, VeltCommentDialogGhostBanner$1 as VeltCommentDialogGhostBanner, VeltCommentDialogHeader$1 as VeltCommentDialogHeader, VeltCommentDialogHideReply$1 as VeltCommentDialogHideReply, VeltCommentDialogMetadata, VeltCommentDialogMoreReply$1 as VeltCommentDialogMoreReply, VeltCommentDialogNavigationButton$1 as VeltCommentDialogNavigationButton, VeltCommentDialogOptions$1 as VeltCommentDialogOptions, VeltCommentDialogOptionsDropdown, VeltCommentDialogOptionsDropdownContent, VeltCommentDialogOptionsDropdownContentAssign, VeltCommentDialogOptionsDropdownContentDelete, VeltCommentDialogOptionsDropdownContentDeleteComment, VeltCommentDialogOptionsDropdownContentDeleteThread, VeltCommentDialogOptionsDropdownContentEdit, VeltCommentDialogOptionsDropdownContentMakePrivate, VeltCommentDialogOptionsDropdownContentMakePrivateDisable, VeltCommentDialogOptionsDropdownContentMakePrivateEnable, VeltCommentDialogOptionsDropdownContentMarkAsRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkRead, VeltCommentDialogOptionsDropdownContentMarkAsReadMarkUnread, VeltCommentDialogOptionsDropdownContentNotification, VeltCommentDialogOptionsDropdownContentNotificationSubscribe, VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTrigger, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriority$1 as VeltCommentDialogPriority, VeltCommentDialogPriorityDropdown, VeltCommentDialogPriorityDropdownContent, VeltCommentDialogPriorityDropdownContentItem, VeltCommentDialogPriorityDropdownContentItemIcon, VeltCommentDialogPriorityDropdownContentItemName, VeltCommentDialogPriorityDropdownContentItemTick, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTrigger, VeltCommentDialogPriorityDropdownTriggerArrow, VeltCommentDialogPriorityDropdownTriggerIcon, VeltCommentDialogPriorityDropdownTriggerName, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogPrivateBanner$1 as VeltCommentDialogPrivateBanner, VeltCommentDialogPrivateButton, VeltCommentDialogReplyAvatars$1 as VeltCommentDialogReplyAvatars, VeltCommentDialogReplyAvatarsList$1 as VeltCommentDialogReplyAvatarsList, VeltCommentDialogReplyAvatarsListItem$1 as VeltCommentDialogReplyAvatarsListItem, VeltCommentDialogReplyAvatarsRemainingCount$1 as VeltCommentDialogReplyAvatarsRemainingCount, VeltCommentDialogResolveButton$1 as VeltCommentDialogResolveButton, VeltCommentDialogSignIn$1 as VeltCommentDialogSignIn, VeltCommentDialogStatus$1 as VeltCommentDialogStatus, VeltCommentDialogStatusDropdown, VeltCommentDialogStatusDropdownContent, VeltCommentDialogStatusDropdownContentItem, VeltCommentDialogStatusDropdownContentItemIcon, VeltCommentDialogStatusDropdownContentItemName, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTrigger, VeltCommentDialogStatusDropdownTriggerArrow, VeltCommentDialogStatusDropdownTriggerIcon, VeltCommentDialogStatusDropdownTriggerName, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogSuggestionAction$1 as VeltCommentDialogSuggestionAction, VeltCommentDialogSuggestionActionAccept$1 as VeltCommentDialogSuggestionActionAccept, VeltCommentDialogSuggestionActionReject$1 as VeltCommentDialogSuggestionActionReject, VeltCommentDialogThreadCard$1 as VeltCommentDialogThreadCard, VeltCommentDialogThreadCardAttachments$1 as VeltCommentDialogThreadCardAttachments, VeltCommentDialogThreadCardAttachmentsImage$1 as VeltCommentDialogThreadCardAttachmentsImage, VeltCommentDialogThreadCardAttachmentsImageDelete$1 as VeltCommentDialogThreadCardAttachmentsImageDelete, VeltCommentDialogThreadCardAttachmentsImageDownload$1 as VeltCommentDialogThreadCardAttachmentsImageDownload, VeltCommentDialogThreadCardAttachmentsImagePreview$1 as VeltCommentDialogThreadCardAttachmentsImagePreview, VeltCommentDialogThreadCardAttachmentsOther$1 as VeltCommentDialogThreadCardAttachmentsOther, VeltCommentDialogThreadCardAttachmentsOtherDelete$1 as VeltCommentDialogThreadCardAttachmentsOtherDelete, VeltCommentDialogThreadCardAttachmentsOtherDownload$1 as VeltCommentDialogThreadCardAttachmentsOtherDownload, VeltCommentDialogThreadCardAttachmentsOtherIcon$1 as VeltCommentDialogThreadCardAttachmentsOtherIcon, VeltCommentDialogThreadCardAttachmentsOtherName$1 as VeltCommentDialogThreadCardAttachmentsOtherName, VeltCommentDialogThreadCardAttachmentsOtherSize$1 as VeltCommentDialogThreadCardAttachmentsOtherSize, VeltCommentDialogThreadCardAvatar$1 as VeltCommentDialogThreadCardAvatar, VeltCommentDialogThreadCardDeviceType$1 as VeltCommentDialogThreadCardDeviceType, VeltCommentDialogThreadCardDraft$1 as VeltCommentDialogThreadCardDraft, VeltCommentDialogThreadCardEdited$1 as VeltCommentDialogThreadCardEdited, VeltCommentDialogThreadCardMessage$1 as VeltCommentDialogThreadCardMessage, VeltCommentDialogThreadCardName$1 as VeltCommentDialogThreadCardName, VeltCommentDialogThreadCardOptions$1 as VeltCommentDialogThreadCardOptions, VeltCommentDialogThreadCardReactionTool$1 as VeltCommentDialogThreadCardReactionTool, VeltCommentDialogThreadCardReactions$1 as VeltCommentDialogThreadCardReactions, VeltCommentDialogThreadCardRecordings$1 as VeltCommentDialogThreadCardRecordings, VeltCommentDialogThreadCardReply$1 as VeltCommentDialogThreadCardReply, VeltCommentDialogThreadCardSeenDropdown$1 as VeltCommentDialogThreadCardSeenDropdown, VeltCommentDialogThreadCardSeenDropdownContent$1 as VeltCommentDialogThreadCardSeenDropdownContent, VeltCommentDialogThreadCardSeenDropdownContentItem$1 as VeltCommentDialogThreadCardSeenDropdownContentItem, VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 as VeltCommentDialogThreadCardSeenDropdownContentItemAvatar, VeltCommentDialogThreadCardSeenDropdownContentItemName$1 as VeltCommentDialogThreadCardSeenDropdownContentItemName, VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 as VeltCommentDialogThreadCardSeenDropdownContentItemTime, VeltCommentDialogThreadCardSeenDropdownContentItems$1 as VeltCommentDialogThreadCardSeenDropdownContentItems, VeltCommentDialogThreadCardSeenDropdownContentTitle$1 as VeltCommentDialogThreadCardSeenDropdownContentTitle, VeltCommentDialogThreadCardSeenDropdownTrigger$1 as VeltCommentDialogThreadCardSeenDropdownTrigger, VeltCommentDialogThreadCardTime$1 as VeltCommentDialogThreadCardTime, VeltCommentDialogThreadCardUnread$1 as VeltCommentDialogThreadCardUnread, VeltCommentDialogThreads$1 as VeltCommentDialogThreads, VeltCommentDialogToggleReply$1 as VeltCommentDialogToggleReply, VeltCommentDialogToggleReplyCount$1 as VeltCommentDialogToggleReplyCount, VeltCommentDialogToggleReplyIcon$1 as VeltCommentDialogToggleReplyIcon, VeltCommentDialogToggleReplyText$1 as VeltCommentDialogToggleReplyText, VeltCommentDialogUnresolveButton$1 as VeltCommentDialogUnresolveButton, VeltCommentDialogUpgrade$1 as VeltCommentDialogUpgrade, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltCursorPointerWireframe, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, VeltPresenceTooltipWireframe, VeltPresenceWireframe, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditor, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCrdtEventCallback, useCrdtUtils, useCurrentUser, useCurrentUserPermissions, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHeartbeat, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncEventCallback, useLiveStateSyncUtils, useNotificationEventCallback, useNotificationSettings, useNotificationUtils, useNotificationsData, usePresenceData, usePresenceEventCallback, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSetLocations, useSetRootDocument, useSetRootLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUiState, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map