@veltdev/react 5.0.2-beta.33 → 5.0.2-beta.34

package/cjs/index.js

@@ -212,13 +212,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     };
 };
 
-var VELT_SDK_VERSION = '5.0.2-beta.33';
+var VELT_SDK_VERSION = '5.0.2-beta.34';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '5.0.2-beta.33': 'sha384-Bpzld7MuVVmBZR+Ptwex4stSbbtH/IPk8TJv+SZwCePZ5NeX0bkW30er/arxexEl',
+    '5.0.2-beta.34': 'sha384-DDRzicyAgv26y4l2C/jqJ6me2wxwyNdFPx8tYvxCTMJ8FgM7n+gE+4NVaGdIopzr',
 };
 
 var validProps = ['veltIf', 'veltClass', 'className', 'variant'];
@@ -958,7 +958,7 @@ var SnippylyRecorderTool = function (props) {
 };
 
 var SnippylySidebarButton = function (props) {
-    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, commentCountType = props.commentCountType;
+    var tooltipText = props.tooltipText, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, floatingMode = props.floatingMode, variant = props.variant, pageMode = props.pageMode, sortData = props.sortData, urlNavigation = props.urlNavigation, currentLocationSuffix = props.currentLocationSuffix, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, excludeLocationIds = props.excludeLocationIds, dialogVariant = props.dialogVariant, pageModeComposerVariant = props.pageModeComposerVariant, sidebarShadowDom = props.sidebarShadowDom, sidebarVariant = props.sidebarVariant, position = props.position, onCommentClick = props.onCommentClick, onSidebarOpen = props.onSidebarOpen, filterPanelLayout = props.filterPanelLayout, sidebarButtonCountType = props.sidebarButtonCountType, filterGhostCommentsInSidebar = props.filterGhostCommentsInSidebar, commentCountType = props.commentCountType, defaultCondition = props.defaultCondition;
     var ref = React.useRef();
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
     var onCommentClickRef = React.useRef(onCommentClick);
@@ -994,7 +994,7 @@ var SnippylySidebarButton = function (props) {
             }
         };
     });
-    return (React__default["default"].createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "comment-count-type": commentCountType }, children));
+    return (React__default["default"].createElement("velt-sidebar-button", { "tooltip-text": tooltipText, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, variant: variant, ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "sort-data": sortData, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, "exclude-location-ids": excludeLocationIds ? JSON.stringify(excludeLocationIds) : undefined, "dialog-variant": dialogVariant, "page-mode-composer-variant": pageModeComposerVariant, "sidebar-shadow-dom": [true, false].includes(sidebarShadowDom) ? (sidebarShadowDom ? 'true' : 'false') : undefined, "sidebar-variant": sidebarVariant, position: position, "filter-panel-layout": filterPanelLayout, "sidebar-button-count-type": sidebarButtonCountType, "filter-ghost-comments-in-sidebar": [true, false].includes(filterGhostCommentsInSidebar) ? (filterGhostCommentsInSidebar ? 'true' : 'false') : undefined, "comment-count-type": commentCountType, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentsSidebarButton = function (props) {
@@ -1147,7 +1147,7 @@ var VeltCommentThread = function (props) {
 };
 
 var VeltNotificationsTool = function (props) {
-    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, enableCrossOrganization = props.enableCrossOrganization;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, maxDays = props.maxDays, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, settings = props.settings, selfNotifications = props.selfNotifications, considerAllNotifications = props.considerAllNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
     var ref = React.useRef();
     var onNotificationClickRef = React.useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1190,35 +1190,35 @@ var VeltNotificationsTool = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
+    return (React__default["default"].createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, "panel-variant": panelVariant, "tab-config": JSON.stringify(tabConfig), variant: variant, "max-days": (maxDays && maxDays > 0) ? maxDays + '' : undefined, "panel-shadow-dom": [true, false].includes(panelShadowDom) ? (panelShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "consider-all-notifications": [true, false].includes(considerAllNotifications) ? (considerAllNotifications ? 'true' : 'false') : undefined, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }, children));
 };
 
 var VeltNotificationsToolIcon = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-tool-icon", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-tool-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsToolUnreadIcon = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-tool-unread-icon", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-tool-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsToolLabel = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-tool-label", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-tool-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsToolUnreadCount = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-tool-unread-count", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-tool-unread-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, enableCrossOrganization = props.enableCrossOrganization;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode, settings = props.settings, selfNotifications = props.selfNotifications, pageSize = props.pageSize, settingsLayout = props.settingsLayout, enableSettingsAtOrganizationLevel = props.enableSettingsAtOrganizationLevel, defaultCondition = props.defaultCondition, enableCrossOrganization = props.enableCrossOrganization;
     var ref = React.useRef();
     var onNotificationClickRef = React.useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -1261,385 +1261,385 @@ var VeltNotificationsPanel = function (props) {
             return undefined;
         }
     }, [enableCrossOrganization]);
-    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
+    return (React__default["default"].createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, settings: [true, false].includes(settings) ? (settings ? 'true' : 'false') : undefined, "self-notifications": [true, false].includes(selfNotifications) ? (selfNotifications ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode, "page-size": (pageSize && pageSize > 0) ? pageSize + '' : undefined, "settings-layout": settingsLayout, "enable-settings-at-organization-level": [true, false].includes(enableSettingsAtOrganizationLevel) ? (enableSettingsAtOrganizationLevel ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "enable-cross-organization": enableCrossOrganizationValue }));
 };
 
 var VeltNotificationsPanelTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-title", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelTitleText = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-title-text", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-title-text", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeader = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-header", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabForYou = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-header-tab-for-you", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-for-you", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabPeople = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-header-tab-people", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-people", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabDocuments = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-header-tab-documents", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-documents", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelHeaderTabAll = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-header-tab-all", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-header-tab-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContent = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentForYou = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-for-you", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-for-you", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAll = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-all", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeople = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocuments = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentList = function (props) {
-    var notifications = props.notifications, listItemTemplate = props.listItemTemplate, children = props.children;
+    var notifications = props.notifications, listItemTemplate = props.listItemTemplate, documentId = props.documentId, listType = props.listType, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list", { ref: ref, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list", { ref: ref, "document-id": documentId, "list-type": listType, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItem = function (props) {
-    var notification = props.notification, listItemTemplate = props.listItemTemplate, children = props.children;
+    var notification = props.notification, listItemTemplate = props.listItemTemplate, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item", { ref: ref, notification: notification ? (typeof notification === 'string' ? notification : JSON.stringify(notification)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === 'string' ? notification : JSON.stringify(notification)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemAvatar = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-avatar", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-avatar", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemUnread = function (props) {
-    var notification = props.notification, isDefault = props.isDefault, children = props.children;
+    var notification = props.notification, isDefault = props.isDefault, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-unread", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-unread", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemHeadline = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-headline", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-headline", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemBody = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-body", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-body", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemFileName = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-file-name", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-file-name", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentListItemTime = function (props) {
-    var notification = props.notification, children = props.children;
+    var notification = props.notification, notificationId = props.notificationId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-time", { ref: ref, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-list-item-time", { ref: ref, "notification-id": notificationId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, notification: notification ? (typeof notification === "string" ? notification : JSON.stringify(notification)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllList = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-all-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllListItem = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, date = props.date, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item", { ref: ref, "notification-index": notificationIndex, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllListItemLabel = function (props) {
-    var children = props.children;
+    var date = props.date, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-label", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-label", { ref: ref, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllListItemContent = function (props) {
-    var children = props.children;
+    var date = props.date, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-content", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-list-item-content", { ref: ref, date: date, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleList = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItem = function (props) {
-    var data = props.data, listItemTemplate = props.listItemTemplate, children = props.children;
+    var data = props.data, listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item", { ref: ref, data: data ? (typeof data === 'string' ? data : JSON.stringify(data)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === 'string' ? data : JSON.stringify(data)) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemAvatar = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-avatar", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-avatar", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemName = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-name", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-name", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemCount = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-count", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-count", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentPeopleListItemContent = function (props) {
-    var data = props.data, children = props.children;
+    var data = props.data, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-content", { ref: ref, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-people-list-item-content", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, data: data ? (typeof data === "string" ? data : JSON.stringify(data)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsList = function (props) {
-    var listItemTemplate = props.listItemTemplate, children = props.children;
+    var listItemTemplate = props.listItemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list", { ref: ref, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItem = function (props) {
-    var document = props.document, index = props.index, listItemTemplate = props.listItemTemplate, children = props.children;
+    var document = props.document, index = props.index, listItemTemplate = props.listItemTemplate, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item", { ref: ref, document: document ? (typeof document === 'string' ? document : JSON.stringify(document)) : undefined, index: index !== undefined ? String(index) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item", { ref: ref, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, document: document ? (typeof document === 'string' ? document : JSON.stringify(document)) : undefined, index: index !== undefined ? String(index) : undefined, "list-item-template": listItemTemplate ? (typeof listItemTemplate === 'string' ? listItemTemplate : JSON.stringify(listItemTemplate)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemName = function (props) {
-    var children = props.children;
+    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-name", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-name", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemCount = function (props) {
-    var children = props.children;
+    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-count", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-count", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemContent = function (props) {
-    var children = props.children;
+    var notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-content", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-content", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentDocumentsListItemUnread = function (props) {
-    var isDefault = props.isDefault, children = props.children;
+    var isDefault = props.isDefault, notificationIndex = props.notificationIndex, documentId = props.documentId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-unread", { ref: ref, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-documents-list-item-unread", { ref: ref, "notification-index": notificationIndex, "document-id": documentId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-default": [true, false].includes(isDefault) ? (isDefault ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelContentLoadMore = function (props) {
-    var isLoadMoreVisible = props.isLoadMoreVisible, notifications = props.notifications, children = props.children;
+    var isLoadMoreVisible = props.isLoadMoreVisible, notifications = props.notifications, documentId = props.documentId, listType = props.listType, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-load-more", { ref: ref, "is-load-more-visible": [true, false].includes(isLoadMoreVisible) ? (isLoadMoreVisible ? 'true' : 'false') : undefined, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-load-more", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-load-more-visible": [true, false].includes(isLoadMoreVisible) ? (isLoadMoreVisible ? 'true' : 'false') : undefined, "document-id": documentId, "list-type": listType, notifications: notifications ? (typeof notifications === 'string' ? notifications : JSON.stringify(notifications)) : undefined }, children));
 };
 
 var VeltNotificationsPanelContentAllReadContainer = function (props) {
-    var isAllRead = props.isAllRead, children = props.children;
+    var isAllRead = props.isAllRead, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-content-all-read-container", { ref: ref, "is-all-read": [true, false].includes(isAllRead) ? (isAllRead ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-content-all-read-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-all-read": [true, false].includes(isAllRead) ? (isAllRead ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelCloseButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-close-button", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelReadAllButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-read-all-button", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-read-all-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelViewAllButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-view-all-button", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-view-all-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSkeleton = function (props) {
-    var isLoading = props.isLoading, children = props.children;
+    var isLoading = props.isLoading, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-skeleton", { ref: ref, "is-loading": [true, false].includes(isLoading) ? (isLoading ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-loading": [true, false].includes(isLoading) ? (isLoading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-button", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettings = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsHeader = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-header", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-header", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsHeaderTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-header-title", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-header-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-title", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsDescription = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-description", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-description", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsList = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-list", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsMuteAllTitle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-title", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-title", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsMuteAllDescription = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-description", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-description", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsMuteAllToggle = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-toggle", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-mute-all-toggle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordion = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTrigger = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTriggerLabel = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-label", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-label", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTriggerIcon = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-icon", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-icon", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionTriggerSelectedValue = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-selected-value", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-trigger-selected-value", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContent = function (props) {
-    var accordionConfig = props.accordionConfig, children = props.children;
+    var accordionConfig = props.accordionConfig, accordionId = props.accordionId, notificationIndex = props.notificationIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content", { ref: ref, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content", { ref: ref, "accordion-id": accordionId, "notification-index": notificationIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContentItem = function (props) {
-    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item", { ref: ref, option: option ? (typeof option === 'string' ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === 'string' ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === 'string' ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContentItemLabel = function (props) {
-    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item-label", { ref: ref, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item-label", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsAccordionContentItemIcon = function (props) {
-    var option = props.option, accordionConfig = props.accordionConfig, children = props.children;
+    var option = props.option, accordionConfig = props.accordionConfig, accordionId = props.accordionId, accordionItemId = props.accordionItemId, notificationIndex = props.notificationIndex, optionIndex = props.optionIndex, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item-icon", { ref: ref, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-accordion-content-item-icon", { ref: ref, "accordion-id": accordionId, "accordion-item-id": accordionItemId, "notification-index": notificationIndex, "option-index": optionIndex, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, option: option ? (typeof option === "string" ? option : JSON.stringify(option)) : undefined, "accordion-config": accordionConfig ? (typeof accordionConfig === "string" ? accordionConfig : JSON.stringify(accordionConfig)) : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsBackButton = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-back-button", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-back-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsPanelSettingsFooter = function (props) {
-    var children = props.children;
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-notifications-panel-settings-footer", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-notifications-panel-settings-footer", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
@@ -2141,266 +2141,278 @@ var VeltAutocomplete = function (props) {
     return (React__default["default"].createElement("velt-autocomplete", { hotkey: hotkey, "list-data": (typeof listData === 'object') ? JSON.stringify(listData) : undefined }));
 };
 
+var VeltAutocompletePanel = function (props) {
+    var type = props.type, hideInput = props.hideInput, placeholder = props.placeholder, metadata = props.metadata, showAtHere = props.showAtHere, multiSelect = props.multiSelect, selectedFirstOrdering = props.selectedFirstOrdering, readOnly = props.readOnly, inline = props.inline, enableOnFocus = props.enableOnFocus, position = props.position, excludeContacts = props.excludeContacts, initialSelection = props.initialSelection, contacts = props.contacts, defaultCondition = props.defaultCondition, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-autocomplete-panel", { ref: ref, type: type, "hide-input": [true, false].includes(hideInput) ? (hideInput ? 'true' : 'false') : undefined, placeholder: placeholder, metadata: metadata ? (typeof metadata === 'string' ? metadata : JSON.stringify(metadata)) : undefined, "show-at-here": [true, false].includes(showAtHere) ? (showAtHere ? 'true' : 'false') : undefined, "multi-select": [true, false].includes(multiSelect) ? (multiSelect ? 'true' : 'false') : undefined, "selected-first-ordering": [true, false].includes(selectedFirstOrdering) ? (selectedFirstOrdering ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, inline: [true, false].includes(inline) ? (inline ? 'true' : 'false') : undefined, "enable-on-focus": [true, false].includes(enableOnFocus) ? (enableOnFocus ? 'true' : 'false') : undefined, "autocomplete-panel-position": position, "exclude-contacts": excludeContacts ? (typeof excludeContacts === 'string' ? excludeContacts : JSON.stringify(excludeContacts)) : undefined, "initial-selection": initialSelection ? (typeof initialSelection === 'string' ? initialSelection : JSON.stringify(initialSelection)) : undefined, contacts: contacts ? (typeof contacts === 'string' ? contacts : JSON.stringify(contacts)) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltAutocompleteOption = function (props) {
-    var userObject = props.userObject, userId = props.userId, children = props.children;
+    var userObject = props.userObject, userId = props.userId, variant = props.variant, multiSelect = props.multiSelect, isSelected = props.isSelected, readOnly = props.readOnly, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-option", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId }, children));
+    return (React__default["default"].createElement("velt-autocomplete-option", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, variant: variant, "multi-select": [true, false].includes(multiSelect) ? (multiSelect ? 'true' : 'false') : undefined, "is-selected": [true, false].includes(isSelected) ? (isSelected ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionIcon = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-option-icon", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-option-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionName = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-option-name", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-option-name", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionDescription = function (props) {
-    var field = props.field, children = props.children;
+    var field = props.field, userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-option-description", { ref: ref, field: field }, children));
+    return (React__default["default"].createElement("velt-autocomplete-option-description", { ref: ref, field: field, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteOptionErrorIcon = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-option-error-icon", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-option-error-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteGroupOption = function (props) {
-    var children = props.children;
+    var group = props.group, groupName = props.groupName, groupObject = props.groupObject, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-group-option", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-group-option", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-name": groupName, "group-object": groupObject ? (typeof groupObject === 'object' ? JSON.stringify(groupObject) : groupObject) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteTool = function (props) {
-    var children = props.children;
+    var hotkey = props.hotkey, componentMeta = props.componentMeta, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-tool", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-tool", { ref: ref, hotkey: hotkey, "component-meta": componentMeta ? (typeof componentMeta === 'string' ? componentMeta : JSON.stringify(componentMeta)) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteEmpty = function (props) {
-    var children = props.children;
+    var newUserContactError = props.newUserContactError, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-empty", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-empty", { ref: ref, "new-user-contact-error": newUserContactError, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChip = function (props) {
-    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, children = props.children;
+    var type = props.type, email = props.email, userObject = props.userObject, userId = props.userId, custom = props.custom, group = props.group, contact = props.contact, shadowDom = props.shadowDom, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-chip", { ref: ref, type: type, email: email, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId }, children));
+    return (React__default["default"].createElement("velt-autocomplete-chip", { ref: ref, type: type, email: email, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, custom: custom ? (typeof custom === 'string' ? custom : JSON.stringify(custom)) : undefined, group: group ? (typeof group === 'string' ? group : JSON.stringify(group)) : undefined, contact: contact ? (typeof contact === 'string' ? contact : JSON.stringify(contact)) : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltip = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, variant = props.variant, shadowDom = props.shadowDom, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltipIcon = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-icon", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltipName = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-name", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltAutocompleteChipTooltipDescription = function (props) {
-    var children = props.children;
+    var userObject = props.userObject, userId = props.userId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-autocomplete-chip-tooltip-description", { ref: ref, "user-object": userObject ? (typeof userObject === 'object' ? JSON.stringify(userObject) : userObject) : undefined, "user-id": userId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSection = function (props) {
-    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail, messageTruncation = props.messageTruncation, messageTruncationLines = props.messageTruncationLines;
-    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "message-truncation-lines": messageTruncationLines !== undefined ? String(messageTruncationLines) : undefined }, children));
+    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId, targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, multiThread = props.multiThread, sortData = props.sortData, composerVariant = props.composerVariant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, fullExpanded = props.fullExpanded, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, composerPlaceholder = props.composerPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, readOnly = props.readOnly, anonymousEmail = props.anonymousEmail, messageTruncation = props.messageTruncation, messageTruncationLines = props.messageTruncationLines, defaultCondition = props.defaultCondition;
+    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "sort-data": sortData, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "composer-variant": composerVariant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "composer-placeholder": composerPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "message-truncation-lines": messageTruncationLines !== undefined ? String(messageTruncationLines) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionCommentCount = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-comment-count", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionComposerContainer = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-composer-container", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionList = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-list", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionPanel = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-panel", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSkeleton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-skeleton", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-skeleton", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownTriggerArrow = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-arrow", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownTriggerName = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-trigger-name", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentList = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentListItem = function (props) {
-    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, sectionComponentId = props.sectionComponentId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId, "section-component-id": sectionComponentId }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = function (props) {
-    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-checkbox", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId }, children));
 };
 
 var VeltInlineCommentsSectionFilterDropdownContentListItemLabel = function (props) {
-    var defaultCondition = props.defaultCondition, filter = props.filter, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, filter = props.filter, filterId = props.filterId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-list-item-label", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, filter: filter, "filter-id": filterId }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownTriggerIcon = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-icon", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownTriggerName = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-trigger-name", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContentItem = function (props) {
-    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, sortOptionText = props.sortOptionText, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, sortOptionText = props.sortOptionText, sectionComponentId = props.sectionComponentId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption, "sort-option-text": sortOptionText, "section-component-id": sectionComponentId }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContentItemIcon = function (props) {
-    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-icon", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContentItemName = function (props) {
-    var defaultCondition = props.defaultCondition, sortOptionText = props.sortOptionText, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOptionText = props.sortOptionText, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option-text": sortOptionText }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-name", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option-text": sortOptionText }, children));
 };
 
 var VeltInlineCommentsSectionSortingDropdownContentItemTick = function (props) {
-    var defaultCondition = props.defaultCondition, sortOption = props.sortOption, children = props.children;
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, type = props.type, sortOption = props.sortOption, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+    return (React__default["default"].createElement("velt-inline-comments-section-sorting-dropdown-content-item-tick", { ref: ref, "target-element-id": targetElementId, type: type, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "sort-option": sortOption }, children));
+};
+
+var VeltInlineCommentsSectionFilterDropdownContentApplyButton = function (props) {
+    var defaultCondition = props.defaultCondition, targetElementId = props.targetElementId, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-inline-comments-section-filter-dropdown-content-apply-button", { ref: ref, "target-element-id": targetElementId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPin = function (props) {
-    var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId;
-    return (React__default["default"].createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId }, children));
+    var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant, context = props.context, contextOptions = props.contextOptions, locationId = props.locationId, documentId = props.documentId, folderId = props.folderId, defaultCondition = props.defaultCondition;
+    return (React__default["default"].createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant, context: context ? (typeof context === 'string' ? context : JSON.stringify(context)) : undefined, "context-options": contextOptions ? (typeof contextOptions === 'string' ? contextOptions : JSON.stringify(contextOptions)) : undefined, "location-id": locationId, "document-id": documentId, "folder-id": folderId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinNumber$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-pin-number", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-pin-number", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinIndex$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-pin-index", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-pin-index", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinTriangle$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-pin-triangle", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-pin-triangle", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinPrivateCommentIndicator$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-pin-private-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinGhostCommentIndicator$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-pin-ghost-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentPinUnreadCommentIndicator$1 = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-pin-unread-comment-indicator", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentText = function (props) {
@@ -2487,7 +2499,7 @@ var VeltVideoEditor = function (props) {
 };
 
 var VeltCommentsSidebarV2 = function (props) {
-    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, onSidebarOpen = props.onSidebarOpen, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, children = props.children;
+    var pageMode = props.pageMode, focusedThreadMode = props.focusedThreadMode, readOnly = props.readOnly, embedMode = props.embedMode, floatingMode = props.floatingMode, position = props.position, variant = props.variant, forceClose = props.forceClose, darkMode = props.darkMode, defaultCondition = props.defaultCondition, onSidebarOpen = props.onSidebarOpen, onSidebarClose = props.onSidebarClose, onCommentClick = props.onCommentClick, onCommentNavigationButtonClick = props.onCommentNavigationButtonClick, children = props.children;
     var ref = React.useRef(null);
     var onSidebarOpenRef = React.useRef(onSidebarOpen);
     var onSidebarCloseRef = React.useRef(onSidebarClose);
@@ -2523,169 +2535,169 @@ var VeltCommentsSidebarV2 = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments-sidebar-v2", { ref: ref, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "embed-mode": embedMode, "floating-mode": [true, false].includes(floatingMode) ? (floatingMode ? 'true' : 'false') : undefined, position: position, variant: variant, "force-close": [true, false].includes(forceClose) ? (forceClose ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2Skeleton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2Skeleton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-skeleton-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-skeleton-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2Panel$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2Panel = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-panel-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-panel-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2Header$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2Header = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-header-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-header-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2CloseButton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2CloseButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-close-button-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-close-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2EmptyPlaceholder$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2EmptyPlaceholder = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-empty-placeholder-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-empty-placeholder-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2ResetFilterButton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2ResetFilterButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-reset-filter-button-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-reset-filter-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2List$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2List = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-list-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-list-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2ListItem$1 = function (props) {
-    var annotation = props.annotation, scrollIdle = props.scrollIdle, children = props.children;
+var VeltCommentSidebarV2ListItem = function (props) {
+    var annotation = props.annotation, annotationId = props.annotationId, scrollIdle = props.scrollIdle, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "scroll-idle": [true, false].includes(scrollIdle) ? (scrollIdle ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-list-item-v2", { ref: ref, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, "annotation-id": annotationId, "scroll-idle": [true, false].includes(scrollIdle) ? (scrollIdle ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2PageModeComposer$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2PageModeComposer = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-page-mode-composer-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-page-mode-composer-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FocusedThread$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FocusedThread = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-focused-thread-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FocusedThreadBackButton$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FocusedThreadBackButton = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-back-button-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-focused-thread-back-button-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FocusedThreadDialogContainer$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FocusedThreadDialogContainer = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-focused-thread-dialog-container-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-focused-thread-dialog-container-v2", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdown$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-minimal-actions-dropdown-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownTrigger = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-minimal-actions-dropdown-trigger-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownContent$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownContent = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-minimal-actions-dropdown-content-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllRead = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-minimal-actions-dropdown-content-mark-all-read-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllResolved = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-minimal-actions-dropdown-content-mark-all-resolved-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdown$1 = function (props) {
-    var children = props.children;
+var VeltCommentSidebarV2FilterDropdown = function (props) {
+    var defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-v2", { ref: ref }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-v2", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownTrigger$1 = function (props) {
-    var isActive = props.isActive, children = props.children;
+var VeltCommentSidebarV2FilterDropdownTrigger = function (props) {
+    var isActive = props.isActive, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-trigger-v2", { ref: ref, "is-active": [true, false].includes(isActive) ? (isActive ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContent$1 = function (props) {
-    var groups = props.groups, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContent = function (props) {
+    var groups = props.groups, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentList$1 = function (props) {
-    var groups = props.groups, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentList = function (props) {
+    var groups = props.groups, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-list-v2", { ref: ref, groups: groups ? (typeof groups === 'object' ? JSON.stringify(groups) : groups) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListItem$1 = function (props) {
-    var item = props.item, group = props.group, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListItem = function (props) {
+    var item = props.item, itemId = props.itemId, group = props.group, groupId = props.groupId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-list-item-v2", { ref: ref, item: item ? (typeof item === 'object' ? JSON.stringify(item) : item) : undefined, "item-id": itemId, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1 = function (props) {
-    var mode = props.mode, selected = props.selected, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListItemIndicator = function (props) {
+    var mode = props.mode, selected = props.selected, groupId = props.groupId, itemId = props.itemId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-list-item-indicator-v2", { ref: ref, mode: mode, selected: [true, false].includes(selected) ? (selected ? 'true' : 'false') : undefined, "group-id": groupId, "item-id": itemId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1 = function (props) {
-    var label = props.label, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListItemLabel = function (props) {
+    var label = props.label, groupId = props.groupId, itemId = props.itemId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-list-item-label-v2", { ref: ref, label: label, "group-id": groupId, "item-id": itemId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListCategory$1 = function (props) {
-    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListCategory = function (props) {
+    var group = props.group, groupId = props.groupId, itemTemplate = props.itemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-list-category-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
-var VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1 = function (props) {
-    var group = props.group, itemTemplate = props.itemTemplate, children = props.children;
+var VeltCommentSidebarV2FilterDropdownContentListCategoryContent = function (props) {
+    var group = props.group, groupId = props.groupId, itemTemplate = props.itemTemplate, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comments-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-sidebar-filter-dropdown-content-list-category-content-v2", { ref: ref, group: group ? (typeof group === 'object' ? JSON.stringify(group) : group) : undefined, "group-id": groupId, "item-template": itemTemplate ? (typeof itemTemplate === 'object' ? JSON.stringify(itemTemplate) : itemTemplate) : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 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, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, anonymousEmail = props.anonymousEmail, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentPinSelected = props.commentPinSelected, fullExpanded = props.fullExpanded, shadowDom = props.shadowDom, darkMode = props.darkMode, readOnly = props.readOnly, sidebarMode = props.sidebarMode, isFocusedThreadEnabled = props.isFocusedThreadEnabled, openAnnotationInFocusMode = props.openAnnotationInFocusMode, expandOnSelection = props.expandOnSelection, inlineCommentMode = props.inlineCommentMode, inboxMode = props.inboxMode, isInsidePdfViewer = props.isInsidePdfViewer, multiThread = props.multiThread, commentComposerMode = props.commentComposerMode, dialogSelection = props.dialogSelection, dialogMode = props.dialogMode, focusedThreadMode = props.focusedThreadMode, pageModeComposer = props.pageModeComposer, messageTruncation = props.messageTruncation, initialEditCommentIndex = props.initialEditCommentIndex, messageTruncationLines = props.messageTruncationLines, variant = props.variant, composerPosition = props.composerPosition, sortBy = props.sortBy, sortOrder = props.sortOrder, commentPinType = props.commentPinType, containerComponentId = props.containerComponentId, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, locationVersion = props.locationVersion, locationDisplayName = props.locationDisplayName, context = props.context, placeholder = props.placeholder, commentPlaceholder = props.commentPlaceholder, replyPlaceholder = props.replyPlaceholder, editPlaceholder = props.editPlaceholder, editCommentPlaceholder = props.editCommentPlaceholder, editReplyPlaceholder = props.editReplyPlaceholder, anonymousEmail = props.anonymousEmail, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-dialog", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "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, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "sidebar-mode": [true, false].includes(sidebarMode) ? (sidebarMode ? 'true' : 'false') : undefined, "is-focused-thread-enabled": [true, false].includes(isFocusedThreadEnabled) ? (isFocusedThreadEnabled ? 'true' : 'false') : undefined, "open-annotation-in-focus-mode": [true, false].includes(openAnnotationInFocusMode) ? (openAnnotationInFocusMode ? 'true' : 'false') : undefined, "expand-on-selection": [true, false].includes(expandOnSelection) ? (expandOnSelection ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "is-inside-pdf-viewer": [true, false].includes(isInsidePdfViewer) ? (isInsidePdfViewer ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined, "comment-composer-mode": [true, false].includes(commentComposerMode) ? (commentComposerMode ? 'true' : 'false') : undefined, "dialog-selection": [true, false].includes(dialogSelection) ? (dialogSelection ? 'true' : 'false') : undefined, "dialog-mode": [true, false].includes(dialogMode) ? (dialogMode ? 'true' : 'false') : undefined, "focused-thread-mode": [true, false].includes(focusedThreadMode) ? (focusedThreadMode ? 'true' : 'false') : undefined, "page-mode-composer": [true, false].includes(pageModeComposer) ? (pageModeComposer ? 'true' : 'false') : undefined, "message-truncation": [true, false].includes(messageTruncation) ? (messageTruncation ? 'true' : 'false') : undefined, "initial-edit-comment-index": initialEditCommentIndex != null ? initialEditCommentIndex.toString() : undefined, "message-truncation-lines": messageTruncationLines != null ? messageTruncationLines.toString() : undefined, variant: variant, "composer-position": composerPosition, "sort-by": sortBy, "sort-order": sortOrder, "comment-pin-type": commentPinType, "container-component-id": containerComponentId, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, "location-version": locationVersion, "location-display-name": locationDisplayName, context: context ? (typeof context === 'string' ? context : JSON.stringify(context)) : undefined, placeholder: placeholder, "comment-placeholder": commentPlaceholder, "reply-placeholder": replyPlaceholder, "edit-placeholder": editPlaceholder, "edit-comment-placeholder": editCommentPlaceholder, "edit-reply-placeholder": editReplyPlaceholder, "anonymous-email": [true, false].includes(anonymousEmail) ? (anonymousEmail ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogContextWrapper = function (props) {
@@ -2787,15 +2799,15 @@ var VeltCommentDialogThreadCardName$1 = function (props) {
 };
 
 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 annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, noPadding = props.noPadding, excludeReactionIds = props.excludeReactionIds, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "exclude-reaction-ids": excludeReactionIds ? (Array.isArray(excludeReactionIds) ? JSON.stringify(excludeReactionIds) : excludeReactionIds) : 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 annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, excludeReactionIds = props.excludeReactionIds, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "exclude-reaction-ids": excludeReactionIds ? (Array.isArray(excludeReactionIds) ? JSON.stringify(excludeReactionIds) : excludeReactionIds) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardRecordings$1 = function (props) {
@@ -2823,9 +2835,9 @@ var VeltCommentDialogThreadCardUnread$1 = function (props) {
 };
 
 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 annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, variant = props.variant, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, variant: variant }, children));
 };
 
 var VeltCommentDialogStatusDropdown = function (props) {
@@ -2847,51 +2859,51 @@ var VeltCommentDialogStatusDropdown = function (props) {
 };
 
 var VeltCommentDialogStatusDropdownTrigger = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownTriggerIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownTriggerName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownTriggerArrow = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownContent = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, variant: variant }, children));
 };
 
 var VeltCommentDialogStatusDropdownContentItem = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, statusIndex = props.statusIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined, "status-index": statusIndex !== undefined ? statusIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownContentItemIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogStatusDropdownContentItemName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, statusObj = props.statusObj, statusId = props.statusId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "status-obj": statusObj ? (typeof statusObj === 'string' ? statusObj : JSON.stringify(statusObj)) : undefined, "status-id": statusId !== undefined ? statusId : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdown = function (props) {
@@ -2901,63 +2913,63 @@ var VeltCommentDialogPriorityDropdown = function (props) {
 };
 
 var VeltCommentDialogPriorityDropdownTrigger = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownTriggerIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownTriggerName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownTriggerArrow = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, disabled = props.disabled, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContent = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, variant = props.variant, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, variant: variant }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItem = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, priorityIndex = props.priorityIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined, "priority-index": priorityIndex != null ? priorityIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItemIcon = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItemName = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
 };
 
 var VeltCommentDialogPriorityDropdownContentItemTick = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, priorityObj = props.priorityObj, priorityId = props.priorityId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "priority-obj": priorityObj ? (typeof priorityObj === 'string' ? priorityObj : JSON.stringify(priorityObj)) : undefined, "priority-id": priorityId !== undefined ? priorityId : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdown$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, type: type }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTrigger$1 = function (props) {
@@ -2979,15 +2991,15 @@ var VeltCommentDialogCustomAnnotationDropdownTriggerList$1 = function (props) {
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTriggerListItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, chip = props.chip, itemId = props.itemId, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, chip: chip ? (typeof chip === 'string' ? chip : JSON.stringify(chip)) : undefined, "item-id": itemId !== undefined ? itemId : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTriggerPlaceholder$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, placeholder = props.placeholder, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, placeholder: placeholder !== undefined ? placeholder : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownTriggerRemainingCount$1 = function (props) {
@@ -3003,21 +3015,21 @@ var VeltCommentDialogCustomAnnotationDropdownContent$1 = function (props) {
 };
 
 var VeltCommentDialogCustomAnnotationDropdownContentItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownContentItemIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
 };
 
 var VeltCommentDialogCustomAnnotationDropdownContentItemLabel$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, item = props.item, itemId = props.itemId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, item: item ? (typeof item === 'string' ? item : JSON.stringify(item)) : undefined, "item-id": itemId !== undefined ? itemId : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdown = function (props) {
@@ -3045,75 +3057,75 @@ var VeltCommentDialogOptionsDropdownTrigger = function (props) {
 };
 
 var VeltCommentDialogOptionsDropdownContent = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableAssignment = props.enableAssignment, enableEdit = props.enableEdit, enableNotifications = props.enableNotifications, enablePrivateMode = props.enablePrivateMode, enableMarkAsRead = props.enableMarkAsRead, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "enable-mark-as-read": [true, false].includes(enableMarkAsRead) ? (enableMarkAsRead ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentAssign = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, enableAssignment = props.enableAssignment, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-assignment": [true, false].includes(enableAssignment) ? (enableAssignment ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentEdit = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, enableEdit = props.enableEdit, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "enable-edit": [true, false].includes(enableEdit) ? (enableEdit ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentDelete = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, type = props.type, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, type: type !== undefined ? type : undefined, "comment-id": commentId !== undefined ? commentId.toString() : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentDeleteComment = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, commentIndex = props.commentIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined ? commentId.toString() : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentDeleteThread = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentIndex = props.commentIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMakePrivate = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, type = props.type, enablePrivateMode = props.enablePrivateMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, type: type !== undefined ? type : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMakePrivateEnable = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enablePrivateMode = props.enablePrivateMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMakePrivateDisable = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enablePrivateMode = props.enablePrivateMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-private-mode": [true, false].includes(enablePrivateMode) ? (enablePrivateMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentNotification = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, enableNotifications = props.enableNotifications, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentNotificationSubscribe = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableNotifications = props.enableNotifications, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentNotificationUnsubscribe = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, enableNotifications = props.enableNotifications, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "enable-notifications": [true, false].includes(enableNotifications) ? (enableNotifications ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogOptionsDropdownContentMarkAsRead = function (props) {
@@ -3177,9 +3189,9 @@ var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarList$1 = function (pro
 };
 
 var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, user = props.user, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-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));
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-dropdown-trigger-avatar-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, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogVisibilityBannerDropdownTriggerAvatarListRemainingCount$1 = function (props) {
@@ -3207,15 +3219,15 @@ var VeltCommentDialogVisibilityBannerDropdownContentItem$1 = function (props) {
 };
 
 var VeltCommentDialogVisibilityBannerDropdownContentItemIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-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));
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-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, type: type }, children));
 };
 
 var VeltCommentDialogVisibilityBannerDropdownContentItemLabel$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-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));
+    return (React__default["default"].createElement("velt-comment-dialog-visibility-banner-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, type: type }, children));
 };
 
 var VeltCommentDialogVisibilityBannerDropdownContentUserPicker$1 = function (props) {
@@ -3390,9 +3402,9 @@ var VeltCommentDialogApprove$1 = function (props) {
 };
 
 var VeltCommentDialogAssignMenu$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, inline = props.inline, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, inline: [true, false].includes(inline) ? (inline ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogBody$1 = function (props) {
@@ -3408,9 +3420,9 @@ var VeltCommentDialogCloseButton$1 = function (props) {
 };
 
 var VeltCommentDialogCommentCategory$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, categories = props.categories, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, categories: categories ? (typeof categories === 'string' ? categories : JSON.stringify(categories)) : undefined }, children));
 };
 
 var VeltCommentDialogCommentIndex$1 = function (props) {
@@ -3426,21 +3438,21 @@ var VeltCommentDialogCommentNumber$1 = function (props) {
 };
 
 var VeltCommentDialogCommentSuggestionStatus$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, status = props.status, statusId = props.statusId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, status: status ? (typeof status === 'string' ? status : JSON.stringify(status)) : undefined, "status-id": statusId }, children));
 };
 
 var VeltCommentDialogCopyLink$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, defaultProp = props.default, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, default: defaultProp }, children));
 };
 
 var VeltCommentDialogGhostBanner$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, message = props.message, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, message: message }, children));
 };
 
 var VeltCommentDialogHeader$1 = function (props) {
@@ -3456,15 +3468,15 @@ var VeltCommentDialogHideReply$1 = function (props) {
 };
 
 var VeltCommentDialogMetadata = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, metadata = props.metadata, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, metadata: metadata ? (typeof metadata === 'string' ? metadata : JSON.stringify(metadata)) : undefined }, children));
 };
 
 var VeltCommentDialogMoreReply$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, index = props.index, moreReplyTemplate = props.moreReplyTemplate, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, index: index !== undefined ? index.toString() : undefined, "more-reply-template": moreReplyTemplate ? JSON.stringify(moreReplyTemplate) : undefined }, children));
 };
 
 var VeltCommentDialogNavigationButton$1 = function (props) {
@@ -3552,9 +3564,9 @@ var VeltCommentDialogReplyAvatarsList$1 = function (props) {
 };
 
 var VeltCommentDialogReplyAvatarsListItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, user = props.user, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogReplyAvatarsRemainingCount$1 = function (props) {
@@ -3582,15 +3594,15 @@ var VeltCommentDialogSuggestionActionReject$1 = function (props) {
 };
 
 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, editcommentplaceholder = props.editcommentplaceholder, editreplyplaceholder = props.editreplyplaceholder, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, context = props.context, children = props.children;
+    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, editcommentplaceholder = props.editcommentplaceholder, editreplyplaceholder = props.editreplyplaceholder, targetElementId = props.targetElementId, targetComposerElementId = props.targetComposerElementId, documentId = props.documentId, locationId = props.locationId, folderId = props.folderId, context = props.context, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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, "edit-comment-placeholder": editcommentplaceholder, "edit-reply-placeholder": editreplyplaceholder, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, context: context ? JSON.stringify(context) : undefined }, children));
+    return (React__default["default"].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, "edit-comment-placeholder": editcommentplaceholder, "edit-reply-placeholder": editreplyplaceholder, "target-element-id": targetElementId, "target-composer-element-id": targetComposerElementId, "document-id": documentId, "location-id": locationId, "folder-id": folderId, context: context ? JSON.stringify(context) : undefined }, children));
 };
 
 var VeltCommentDialogComposerActionButton$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, editMode = props.editMode, commentIndex = props.commentIndex, hotkey = props.hotkey, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, type: type, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined, "comment-index": commentIndex !== undefined ? commentIndex.toString() : undefined, hotkey: hotkey }, children));
 };
 
 var VeltCommentDialogComposerAssignUser$1 = function (props) {
@@ -3624,15 +3636,15 @@ var VeltCommentDialogComposerRecordings$1 = function (props) {
 };
 
 var VeltCommentDialogComposerFormatToolbar$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, editMode = props.editMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-composer-format-toolbar", { 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));
+    return (React__default["default"].createElement("velt-comment-dialog-composer-format-toolbar", { 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 }, children));
 };
 
 var VeltCommentDialogComposerFormatToolbarButton$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, type = props.type, editMode = props.editMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-composer-format-toolbar-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, type: type }, children));
+    return (React__default["default"].createElement("velt-comment-dialog-composer-format-toolbar-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, type: type, "edit-mode": [true, false].includes(editMode) ? (editMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachments$1 = function (props) {
@@ -3642,111 +3654,129 @@ var VeltCommentDialogComposerAttachments$1 = function (props) {
 };
 
 var VeltCommentDialogComposerAttachmentsSelected$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, files = props.files, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, files: files ? JSON.stringify(files) : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImage$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageDownload$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-composer-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 }, children));
+    return (React__default["default"].createElement("velt-comment-dialog-composer-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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImageLoading$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsImagePreview$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOther$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherDownload$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-dialog-composer-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 }, children));
+    return (React__default["default"].createElement("velt-comment-dialog-composer-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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherIcon$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherLoading$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, loading = props.loading, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined, loading: [true, false].includes(loading) ? (loading ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherName$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsOtherSize$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, isEditMode = props.isEditMode, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined, "is-edit-mode": [true, false].includes(isEditMode) ? (isEditMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalid$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, files = props.files, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, files: files ? JSON.stringify(files) : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemDelete$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemMessage$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
 };
 
 var VeltCommentDialogComposerAttachmentsInvalidItemPreview$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, file = props.file, fileIndex = props.fileIndex, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].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, file: file ? (typeof file === 'string' ? file : JSON.stringify(file)) : undefined, "file-index": fileIndex !== undefined ? fileIndex.toString() : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardReactionPin$1 = function (props) {
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, reactionId = props.reactionId, commentObj = props.commentObj, commentIndex = props.commentIndex, index = props.index, children = props.children;
+    var ref = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-reaction-pin", { 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, "reaction-id": reactionId, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-index": commentIndex !== undefined ? String(commentIndex) : undefined, index: index !== undefined ? String(index) : undefined }, children));
+};
+
+var VeltCommentDialogThreadCardAssignButton$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 = React.useRef(null);
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-assign-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, "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 VeltCommentDialogThreadCardEditComposer$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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].createElement("velt-comment-dialog-thread-card-edit-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, "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 VeltCommentDialogThreadCardAttachments$1 = function (props) {
@@ -3762,21 +3792,21 @@ var VeltCommentDialogThreadCardAttachmentsImage$1 = function (props) {
 };
 
 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
@@ -3786,33 +3816,33 @@ var VeltCommentDialogThreadCardAttachmentsOther$1 = function (props) {
 };
 
 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 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 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 = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, 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 VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
@@ -3822,15 +3852,15 @@ var VeltCommentDialogThreadCardSeenDropdown$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardSeenDropdownTrigger$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, isDropdownOpen = props.isDropdownOpen, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "is-dropdown-open": [true, false].includes(isDropdownOpen) ? (isDropdownOpen ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContent$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentTitle$1 = function (props) {
@@ -3840,33 +3870,33 @@ var VeltCommentDialogThreadCardSeenDropdownContentTitle$1 = function (props) {
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItems$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, commentId = props.commentId, views = props.views, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, "comment-id": commentId !== undefined && commentId !== null ? commentId.toString() : undefined, views: views ? JSON.stringify(views) : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItem$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, commentObj = props.commentObj, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, viewedAt = props.viewedAt, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, "comment-obj": commentObj ? (typeof commentObj === 'string' ? commentObj : JSON.stringify(commentObj)) : undefined, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, "viewed-at": viewedAt !== undefined && viewedAt !== null ? viewedAt.toString() : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItemAvatar$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItemName$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, user = props.user, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, user: user ? (typeof user === 'string' ? user : JSON.stringify(user)) : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltCommentDialogThreadCardSeenDropdownContentItemTime$1 = function (props) {
-    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, inlineCommentSectionMode = props.inlineCommentSectionMode, view = props.view, viewedAt = props.viewedAt, userName = props.userName, userEmail = props.userEmail, index = props.index, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].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));
+    return (React__default["default"].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, view: view ? (typeof view === 'string' ? view : JSON.stringify(view)) : undefined, "viewed-at": viewedAt !== undefined && viewedAt !== null ? viewedAt.toString() : undefined, "user-name": userName !== undefined && userName !== null ? userName : undefined, "user-email": userEmail !== undefined && userEmail !== null ? userEmail : undefined, index: index !== undefined ? index.toString() : undefined }, children));
 };
 
 var VeltWireframe = function (props) {
@@ -9281,21 +9311,21 @@ VeltActivityLogWireframe.Loading = VeltActivityLogLoadingWireframe;
 VeltActivityLogWireframe.Empty = VeltActivityLogEmptyWireframe;
 
 var VeltCommentBubbleAvatar = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-bubble-avatar", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-bubble-avatar", { ref: ref, "annotation-id": annotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentBubbleCommentsCount = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, annotationId = props.annotationId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-bubble-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-bubble-comments-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "annotation-id": annotationId }, children));
 };
 
 var VeltCommentBubbleUnreadIcon = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, annotationId = props.annotationId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-comment-bubble-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comment-bubble-unread-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "annotation-id": annotationId }, children));
 };
 
 var VeltSidebarButtonIcon = function (props) {
@@ -9317,9 +9347,9 @@ var VeltSidebarButtonUnreadIcon = function (props) {
 };
 
 var VeltTextComment = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var defaultCondition = props.defaultCondition, variant = props.variant, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-text-comment", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, variant: variant }, children));
 };
 
 var VeltTextCommentTool = function (props) {
@@ -9358,142 +9388,164 @@ var VeltTextCommentToolbarGeneric = function (props) {
     return (React__default["default"].createElement("velt-text-comment-toolbar-generic", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
+var VeltMultiThreadCommentDialog = function (props) {
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, annotation = props.annotation, user = props.user, commentPinSelected = props.commentPinSelected, commentPinType = props.commentPinType, dialogVariant = props.dialogVariant, variant = props.variant, inboxMode = props.inboxMode, containerComponentId = props.containerComponentId, context = props.context, readOnly = props.readOnly, defaultCondition = props.defaultCondition, onSaveComment = props.onSaveComment, children = props.children;
+    var ref = React.useRef(null);
+    var onSaveCommentRef = React.useRef(onSaveComment);
+    React.useEffect(function () { onSaveCommentRef.current = onSaveComment; }, [onSaveComment]);
+    React.useEffect(function () {
+        var element;
+        var handleSaveComment = function (event) { if (onSaveCommentRef.current)
+            onSaveCommentRef.current(event === null || event === void 0 ? void 0 : event.detail); };
+        if (ref.current) {
+            element = ref.current;
+            element.addEventListener('saveComment', handleSaveComment);
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('saveComment', handleSaveComment);
+            }
+        };
+    }, []);
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, annotation: annotation ? (typeof annotation === 'object' ? JSON.stringify(annotation) : annotation) : undefined, user: user ? (typeof user === 'object' ? JSON.stringify(user) : user) : undefined, "comment-pin-selected": [true, false].includes(commentPinSelected) ? (commentPinSelected ? 'true' : 'false') : undefined, "comment-pin-type": commentPinType, "dialog-variant": dialogVariant, variant: variant, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "container-component-id": containerComponentId, context: context ? (typeof context === 'object' ? JSON.stringify(context) : context) : undefined, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltMultiThreadCommentDialogList = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-list", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogPanel = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-panel", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogComposerContainer = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-composer-container", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogCommentCount = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-comment-count", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogEmptyPlaceholder = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-empty-placeholder", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogCloseButton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-close-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogNewThreadButton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-new-thread-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogResetFilterButton = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-reset-filter-button", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterAll = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-all", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterRead = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-read", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterResolved = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-resolved", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentFilterUnread = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-filter-unread", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSelectedIcon = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, isSelected = props.isSelected, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-selected-icon", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "is-selected": [true, false].includes(isSelected) ? (isSelected ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortDate = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-date", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalFilterDropdownContentSortUnread = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, contextId = props.contextId, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-filter-dropdown-content-sort-unread", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined, "context-id": contextId }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdown = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownTrigger = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-trigger", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownContent = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllRead = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-read", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltMultiThreadCommentDialogMinimalActionsDropdownContentMarkAllResolved = function (props) {
-    var defaultCondition = props.defaultCondition, children = props.children;
+    var annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, defaultCondition = props.defaultCondition, children = props.children;
     var ref = React.useRef(null);
-    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-multi-thread-comment-dialog-minimal-actions-dropdown-content-mark-all-resolved", { ref: ref, "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, "default-condition": [true, false].includes(defaultCondition) ? (defaultCondition ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltCommentDialogAgentSuggestion = function (props) {
@@ -9754,6 +9806,36 @@ function useSetRootDocument() {
         setRootDocument: setRootDocumentCallback
     };
 }
+function useSetPageInfo() {
+    var client = useVeltClient().client;
+    var _a = React__default["default"].useState(undefined), data = _a[0], setData = _a[1];
+    React__default["default"].useEffect(function () {
+        // Only call when the method exists on the client (older SDK versions won't have it).
+        if ((client === null || client === void 0 ? void 0 : client.setPageInfo) && (data === null || data === void 0 ? void 0 : data.pageInfo)) {
+            client.setPageInfo(data.pageInfo, data.options);
+        }
+    }, [client === null || client === void 0 ? void 0 : client.setPageInfo, data]);
+    // Memoize the setPageInfo callback
+    var setPageInfoCallback = React__default["default"].useCallback(function (pageInfo, options) {
+        setData({ pageInfo: pageInfo, options: options });
+    }, []); // Empty dependency array since it only uses setState which is stable
+    return {
+        setPageInfo: setPageInfoCallback
+    };
+}
+function useClearPageInfo() {
+    var client = useVeltClient().client;
+    // Memoize the clearPageInfo callback
+    var clearPageInfoCallback = React__default["default"].useCallback(function (options) {
+        // Only call when the method exists on the client (older SDK versions won't have it).
+        if (client === null || client === void 0 ? void 0 : client.clearPageInfo) {
+            client.clearPageInfo(options);
+        }
+    }, [client === null || client === void 0 ? void 0 : client.clearPageInfo]);
+    return {
+        clearPageInfo: clearPageInfoCallback
+    };
+}
 function useUnsetDocumentId() {
     var client = useVeltClient().client;
     React__default["default"].useEffect(function () {
@@ -11969,6 +12051,7 @@ exports.VeltAutocompleteOptionErrorIcon = VeltAutocompleteOptionErrorIcon;
 exports.VeltAutocompleteOptionIcon = VeltAutocompleteOptionIcon;
 exports.VeltAutocompleteOptionName = VeltAutocompleteOptionName;
 exports.VeltAutocompleteOptionWireframe = VeltAutocompleteOptionWireframe;
+exports.VeltAutocompletePanel = VeltAutocompletePanel;
 exports.VeltAutocompleteTool = VeltAutocompleteTool;
 exports.VeltButtonWireframe = VeltButtonWireframe;
 exports.VeltCanvasComment = VeltCanvasComment;
@@ -12161,6 +12244,7 @@ exports.VeltCommentDialogSuggestionAction = VeltCommentDialogSuggestionAction$1;
 exports.VeltCommentDialogSuggestionActionAccept = VeltCommentDialogSuggestionActionAccept$1;
 exports.VeltCommentDialogSuggestionActionReject = VeltCommentDialogSuggestionActionReject$1;
 exports.VeltCommentDialogThreadCard = VeltCommentDialogThreadCard$1;
+exports.VeltCommentDialogThreadCardAssignButton = VeltCommentDialogThreadCardAssignButton$1;
 exports.VeltCommentDialogThreadCardAttachments = VeltCommentDialogThreadCardAttachments$1;
 exports.VeltCommentDialogThreadCardAttachmentsImage = VeltCommentDialogThreadCardAttachmentsImage$1;
 exports.VeltCommentDialogThreadCardAttachmentsImageDelete = VeltCommentDialogThreadCardAttachmentsImageDelete$1;
@@ -12175,12 +12259,14 @@ exports.VeltCommentDialogThreadCardAttachmentsOtherSize = VeltCommentDialogThrea
 exports.VeltCommentDialogThreadCardAvatar = VeltCommentDialogThreadCardAvatar$1;
 exports.VeltCommentDialogThreadCardDeviceType = VeltCommentDialogThreadCardDeviceType$1;
 exports.VeltCommentDialogThreadCardDraft = VeltCommentDialogThreadCardDraft$1;
+exports.VeltCommentDialogThreadCardEditComposer = VeltCommentDialogThreadCardEditComposer$1;
 exports.VeltCommentDialogThreadCardEdited = VeltCommentDialogThreadCardEdited$1;
 exports.VeltCommentDialogThreadCardMessage = VeltCommentDialogThreadCardMessage$1;
 exports.VeltCommentDialogThreadCardMessageShowLess = VeltCommentDialogThreadCardMessageShowLess$1;
 exports.VeltCommentDialogThreadCardMessageShowMore = VeltCommentDialogThreadCardMessageShowMore$1;
 exports.VeltCommentDialogThreadCardName = VeltCommentDialogThreadCardName$1;
 exports.VeltCommentDialogThreadCardOptions = VeltCommentDialogThreadCardOptions$1;
+exports.VeltCommentDialogThreadCardReactionPin = VeltCommentDialogThreadCardReactionPin$1;
 exports.VeltCommentDialogThreadCardReactionTool = VeltCommentDialogThreadCardReactionTool$1;
 exports.VeltCommentDialogThreadCardReactions = VeltCommentDialogThreadCardReactions$1;
 exports.VeltCommentDialogThreadCardRecordings = VeltCommentDialogThreadCardRecordings$1;
@@ -12235,6 +12321,32 @@ exports.VeltCommentPinTriangle = VeltCommentPinTriangle$1;
 exports.VeltCommentPinUnreadCommentIndicator = VeltCommentPinUnreadCommentIndicator$1;
 exports.VeltCommentPinWireframe = VeltCommentPinWireframe;
 exports.VeltCommentPlayerTimeline = VeltCommentPlayerTimeline;
+exports.VeltCommentSidebarV2CloseButton = VeltCommentSidebarV2CloseButton;
+exports.VeltCommentSidebarV2EmptyPlaceholder = VeltCommentSidebarV2EmptyPlaceholder;
+exports.VeltCommentSidebarV2FilterDropdown = VeltCommentSidebarV2FilterDropdown;
+exports.VeltCommentSidebarV2FilterDropdownContent = VeltCommentSidebarV2FilterDropdownContent;
+exports.VeltCommentSidebarV2FilterDropdownContentList = VeltCommentSidebarV2FilterDropdownContentList;
+exports.VeltCommentSidebarV2FilterDropdownContentListCategory = VeltCommentSidebarV2FilterDropdownContentListCategory;
+exports.VeltCommentSidebarV2FilterDropdownContentListCategoryContent = VeltCommentSidebarV2FilterDropdownContentListCategoryContent;
+exports.VeltCommentSidebarV2FilterDropdownContentListItem = VeltCommentSidebarV2FilterDropdownContentListItem;
+exports.VeltCommentSidebarV2FilterDropdownContentListItemIndicator = VeltCommentSidebarV2FilterDropdownContentListItemIndicator;
+exports.VeltCommentSidebarV2FilterDropdownContentListItemLabel = VeltCommentSidebarV2FilterDropdownContentListItemLabel;
+exports.VeltCommentSidebarV2FilterDropdownTrigger = VeltCommentSidebarV2FilterDropdownTrigger;
+exports.VeltCommentSidebarV2FocusedThread = VeltCommentSidebarV2FocusedThread;
+exports.VeltCommentSidebarV2FocusedThreadBackButton = VeltCommentSidebarV2FocusedThreadBackButton;
+exports.VeltCommentSidebarV2FocusedThreadDialogContainer = VeltCommentSidebarV2FocusedThreadDialogContainer;
+exports.VeltCommentSidebarV2Header = VeltCommentSidebarV2Header;
+exports.VeltCommentSidebarV2List = VeltCommentSidebarV2List;
+exports.VeltCommentSidebarV2ListItem = VeltCommentSidebarV2ListItem;
+exports.VeltCommentSidebarV2MinimalActionsDropdown = VeltCommentSidebarV2MinimalActionsDropdown;
+exports.VeltCommentSidebarV2MinimalActionsDropdownContent = VeltCommentSidebarV2MinimalActionsDropdownContent;
+exports.VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllRead = VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllRead;
+exports.VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllResolved = VeltCommentSidebarV2MinimalActionsDropdownContentMarkAllResolved;
+exports.VeltCommentSidebarV2MinimalActionsDropdownTrigger = VeltCommentSidebarV2MinimalActionsDropdownTrigger;
+exports.VeltCommentSidebarV2PageModeComposer = VeltCommentSidebarV2PageModeComposer;
+exports.VeltCommentSidebarV2Panel = VeltCommentSidebarV2Panel;
+exports.VeltCommentSidebarV2ResetFilterButton = VeltCommentSidebarV2ResetFilterButton;
+exports.VeltCommentSidebarV2Skeleton = VeltCommentSidebarV2Skeleton;
 exports.VeltCommentText = VeltCommentText;
 exports.VeltCommentThread = VeltCommentThread;
 exports.VeltCommentThreadWireframe = VeltCommentThreadWireframe;
@@ -12246,32 +12358,6 @@ exports.VeltCommentsSidebar = SnippylyCommentsSidebar;
 exports.VeltCommentsSidebarButton = VeltCommentsSidebarButton;
 exports.VeltCommentsSidebarStatusDropdownWireframe = VeltCommentsSidebarStatusDropdownWireframe;
 exports.VeltCommentsSidebarV2 = VeltCommentsSidebarV2;
-exports.VeltCommentsSidebarV2CloseButton = VeltCommentsSidebarV2CloseButton$1;
-exports.VeltCommentsSidebarV2EmptyPlaceholder = VeltCommentsSidebarV2EmptyPlaceholder$1;
-exports.VeltCommentsSidebarV2FilterDropdown = VeltCommentsSidebarV2FilterDropdown$1;
-exports.VeltCommentsSidebarV2FilterDropdownContent = VeltCommentsSidebarV2FilterDropdownContent$1;
-exports.VeltCommentsSidebarV2FilterDropdownContentList = VeltCommentsSidebarV2FilterDropdownContentList$1;
-exports.VeltCommentsSidebarV2FilterDropdownContentListCategory = VeltCommentsSidebarV2FilterDropdownContentListCategory$1;
-exports.VeltCommentsSidebarV2FilterDropdownContentListCategoryContent = VeltCommentsSidebarV2FilterDropdownContentListCategoryContent$1;
-exports.VeltCommentsSidebarV2FilterDropdownContentListItem = VeltCommentsSidebarV2FilterDropdownContentListItem$1;
-exports.VeltCommentsSidebarV2FilterDropdownContentListItemIndicator = VeltCommentsSidebarV2FilterDropdownContentListItemIndicator$1;
-exports.VeltCommentsSidebarV2FilterDropdownContentListItemLabel = VeltCommentsSidebarV2FilterDropdownContentListItemLabel$1;
-exports.VeltCommentsSidebarV2FilterDropdownTrigger = VeltCommentsSidebarV2FilterDropdownTrigger$1;
-exports.VeltCommentsSidebarV2FocusedThread = VeltCommentsSidebarV2FocusedThread$1;
-exports.VeltCommentsSidebarV2FocusedThreadBackButton = VeltCommentsSidebarV2FocusedThreadBackButton$1;
-exports.VeltCommentsSidebarV2FocusedThreadDialogContainer = VeltCommentsSidebarV2FocusedThreadDialogContainer$1;
-exports.VeltCommentsSidebarV2Header = VeltCommentsSidebarV2Header$1;
-exports.VeltCommentsSidebarV2List = VeltCommentsSidebarV2List$1;
-exports.VeltCommentsSidebarV2ListItem = VeltCommentsSidebarV2ListItem$1;
-exports.VeltCommentsSidebarV2MinimalActionsDropdown = VeltCommentsSidebarV2MinimalActionsDropdown$1;
-exports.VeltCommentsSidebarV2MinimalActionsDropdownContent = VeltCommentsSidebarV2MinimalActionsDropdownContent$1;
-exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllRead$1;
-exports.VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved = VeltCommentsSidebarV2MinimalActionsDropdownContentMarkAllResolved$1;
-exports.VeltCommentsSidebarV2MinimalActionsDropdownTrigger = VeltCommentsSidebarV2MinimalActionsDropdownTrigger$1;
-exports.VeltCommentsSidebarV2PageModeComposer = VeltCommentsSidebarV2PageModeComposer$1;
-exports.VeltCommentsSidebarV2Panel = VeltCommentsSidebarV2Panel$1;
-exports.VeltCommentsSidebarV2ResetFilterButton = VeltCommentsSidebarV2ResetFilterButton$1;
-exports.VeltCommentsSidebarV2Skeleton = VeltCommentsSidebarV2Skeleton$1;
 exports.VeltCommentsSidebarV2Wireframe = VeltCommentsSidebarV2Wireframe;
 exports.VeltCommentsSidebarWireframe = VeltCommentsSidebarWireframe;
 exports.VeltConfirmDialogWireframe = VeltConfirmDialogWireframe;
@@ -12287,6 +12373,7 @@ exports.VeltInlineCommentsSectionCommentCount = VeltInlineCommentsSectionComment
 exports.VeltInlineCommentsSectionComposerContainer = VeltInlineCommentsSectionComposerContainer;
 exports.VeltInlineCommentsSectionFilterDropdown = VeltInlineCommentsSectionFilterDropdown;
 exports.VeltInlineCommentsSectionFilterDropdownContent = VeltInlineCommentsSectionFilterDropdownContent;
+exports.VeltInlineCommentsSectionFilterDropdownContentApplyButton = VeltInlineCommentsSectionFilterDropdownContentApplyButton;
 exports.VeltInlineCommentsSectionFilterDropdownContentList = VeltInlineCommentsSectionFilterDropdownContentList;
 exports.VeltInlineCommentsSectionFilterDropdownContentListItem = VeltInlineCommentsSectionFilterDropdownContentListItem;
 exports.VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox = VeltInlineCommentsSectionFilterDropdownContentListItemCheckbox;
@@ -12310,6 +12397,7 @@ exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
 exports.VeltMediaSourceSettingsWireframe = VeltMediaSourceSettingsWireframe;
+exports.VeltMultiThreadCommentDialog = VeltMultiThreadCommentDialog;
 exports.VeltMultiThreadCommentDialogCloseButton = VeltMultiThreadCommentDialogCloseButton;
 exports.VeltMultiThreadCommentDialogCommentCount = VeltMultiThreadCommentDialogCommentCount;
 exports.VeltMultiThreadCommentDialogComposerContainer = VeltMultiThreadCommentDialogComposerContainer;
@@ -12470,6 +12558,7 @@ exports.useApproveCommentAnnotation = useApproveCommentAnnotation;
 exports.useAssignUser = useAssignUser;
 exports.useAutocompleteChipClick = useAutocompleteChipClick;
 exports.useAutocompleteUtils = useAutocompleteUtils;
+exports.useClearPageInfo = useClearPageInfo;
 exports.useClient = useClient;
 exports.useCommentActionCallback = useCommentActionCallback;
 exports.useCommentAddHandler = useCommentAddHandler;
@@ -12546,6 +12635,7 @@ exports.useSetDocuments = useSetDocuments;
 exports.useSetLiveStateData = useSetLiveStateData;
 exports.useSetLocation = useSetLocation;
 exports.useSetLocations = useSetLocations;
+exports.useSetPageInfo = useSetPageInfo;
 exports.useSetRootDocument = useSetRootDocument;
 exports.useSetRootLocation = useSetRootLocation;
 exports.useStartSuggestion = useStartSuggestion;