@veltdev/react 2.0.19 → 2.0.21

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '2.0.19';
+var VELT_SDK_VERSION = '2.0.21';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -226,7 +226,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, deviceInfo = props.deviceInfo, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, deviceIndicatorOnCommentPins = props.deviceIndicatorOnCommentPins, scrollToComment = props.scrollToComment, userMentions = props.userMentions, deleteOnBackspace = props.deleteOnBackspace, hotkey = props.hotkey, recordingSummary = props.recordingSummary, recordingCountdown = props.recordingCountdown, unreadIndicatorMode = props.unreadIndicatorMode, enterKeyToSubmit = props.enterKeyToSubmit, pinShadowDom = props.pinShadowDom, dialogShadowDom = props.dialogShadowDom, shadowDom = props.shadowDom, changeDetectionInCommentMode = props.changeDetectionInCommentMode, areaComment = props.areaComment, pinCursorImage = props.pinCursorImage, allowedElementIds = props.allowedElementIds, allowedElementClassNames = props.allowedElementClassNames, allowedElementQuerySelectors = props.allowedElementQuerySelectors, commentPinHighlighter = props.commentPinHighlighter, customReactions = props.customReactions, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, onCommentAccept = props.onCommentAccept, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, onCommentSelectionChange = props.onCommentSelectionChange, customStatus = props.customStatus, customPriority = props.customPriority, customCategory = props.customCategory, status = props.status, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children, textCommentToolShadowDom = props.textCommentToolShadowDom, textCommentToolbarShadowDom = props.textCommentToolbarShadowDom, dialogDarkMode = props.dialogDarkMode, pinDarkMode = props.pinDarkMode, textCommentToolDarkMode = props.textCommentToolDarkMode, textCommentToolbarDarkMode = props.textCommentToolbarDarkMode, composerMode = props.composerMode;
     var ref = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -340,11 +340,11 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comments", { ref: ref, "composer-mode": composerMode, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comments", { ref: ref, "composer-mode": composerMode, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "minimap-position": minimapPosition, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "resolved-comments-on-dom": [true, false].includes(resolvedCommentsOnDom) ? (resolvedCommentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "device-indicator-on-comment-pins": [true, false].includes(deviceIndicatorOnCommentPins) ? (deviceIndicatorOnCommentPins ? 'true' : 'false') : undefined, "scroll-to-comment": [true, false].includes(scrollToComment) ? (scrollToComment ? 'true' : 'false') : undefined, "user-mentions": [true, false].includes(userMentions) ? (userMentions ? 'true' : 'false') : undefined, "delete-on-backspace": [true, false].includes(deleteOnBackspace) ? (deleteOnBackspace ? 'true' : 'false') : undefined, hotkey: [true, false].includes(hotkey) ? (hotkey ? 'true' : 'false') : undefined, "recording-summary": [true, false].includes(recordingSummary) ? (recordingSummary ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "unread-indicator-mode": unreadIndicatorMode, "enter-key-to-submit": [true, false].includes(enterKeyToSubmit) ? (enterKeyToSubmit ? 'true' : 'false') : undefined, "pin-shadow-dom": [true, false].includes(pinShadowDom) ? (pinShadowDom ? 'true' : 'false') : undefined, "dialog-shadow-dom": [true, false].includes(dialogShadowDom) ? (dialogShadowDom ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "text-comment-tool-shadow-dom": [true, false].includes(textCommentToolShadowDom) ? (textCommentToolShadowDom ? 'true' : 'false') : undefined, "text-comment-toolbar-shadow-dom": [true, false].includes(textCommentToolbarShadowDom) ? (textCommentToolbarShadowDom ? 'true' : 'false') : undefined, "change-detection-in-comment-mode": [true, false].includes(changeDetectionInCommentMode) ? (changeDetectionInCommentMode ? 'true' : 'false') : undefined, "area-comment": [true, false].includes(areaComment) ? (areaComment ? 'true' : 'false') : undefined, "pin-cursor-image": pinCursorImage, "allowed-element-ids": JSON.stringify(allowedElementIds), "allowed-element-class-names": JSON.stringify(allowedElementClassNames), "allowed-element-query-selectors": JSON.stringify(allowedElementQuerySelectors), "comment-pin-highlighter": [true, false].includes(commentPinHighlighter) ? (commentPinHighlighter ? 'true' : 'false') : undefined, "custom-reactions": JSON.stringify(customReactions), "custom-status": JSON.stringify(customStatus), "custom-priority": JSON.stringify(customPriority), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "dialog-dark-mode": [true, false].includes(dialogDarkMode) ? (dialogDarkMode ? 'true' : 'false') : undefined, "pin-dark-mode": [true, false].includes(pinDarkMode) ? (pinDarkMode ? 'true' : 'false') : undefined, "text-comment-tool-dark-mode": [true, false].includes(textCommentToolDarkMode) ? (textCommentToolDarkMode ? 'true' : 'false') : undefined, "text-comment-toolbar-dark-mode": [true, false].includes(textCommentToolbarDarkMode) ? (textCommentToolbarDarkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, currentLocationSuffix = props.currentLocationSuffix, sortData = props.sortData, filterConfig = props.filterConfig, groupConfig = props.groupConfig, filters = props.filters, variant = props.variant, pageModeComposerVariant = props.pageModeComposerVariant, dialogVariant = props.dialogVariant, shadowDom = props.shadowDom, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick, darkMode = props.darkMode, position = props.position;
     var ref = useRef();
     var openSidebarRef = useRef(openSidebar);
     var onSidebarOpenRef = useRef(onSidebarOpen);
@@ -395,7 +395,7 @@ var SnippylyCommentsSidebar = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comments-sidebar", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-comments-sidebar", { ref: ref, position: position, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined, "current-location-suffix": [true, false].includes(currentLocationSuffix) ? (currentLocationSuffix ? 'true' : 'false') : undefined, "filter-config": filterConfig ? JSON.stringify(filterConfig) : undefined, "group-config": groupConfig ? JSON.stringify(groupConfig) : undefined, filters: filters ? JSON.stringify(filters) : undefined, variant: variant, "page-mode-composer-variant": pageModeComposerVariant, "dialog-variant": dialogVariant, "sort-data": sortData, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -638,13 +638,17 @@ var SnippylyUserRequestTool = function (props) {
 };
 
 var VeltCommentPlayerTimeline = function (props) {
-    var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick, shadowDom = props.shadowDom;
+    var totalMediaLength = props.totalMediaLength, onCommentClick = props.onCommentClick, shadowDom = props.shadowDom, videoPlayerId = props.videoPlayerId, onReactionClick = props.onReactionClick;
     var ref = useRef();
     var onCommentClickRef = useRef(onCommentClick);
+    var onReactionClickRef = useRef(onReactionClick);
     // Update the ref to always point to the latest callback function
     useEffect(function () {
         onCommentClickRef.current = onCommentClick;
     }, [onCommentClick]);
+    useEffect(function () {
+        onReactionClickRef.current = onReactionClick;
+    }, [onReactionClick]);
     useEffect(function () {
         var element;
         var handleCommentClick = function (event) {
@@ -652,19 +656,26 @@ var VeltCommentPlayerTimeline = function (props) {
                 onCommentClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
             }
         };
+        var handleReactionClick = function (event) {
+            if (onReactionClickRef.current) {
+                onReactionClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
         if (ref.current) {
             element = ref.current;
             if (element) {
                 element.addEventListener('onCommentClick', handleCommentClick);
+                element.addEventListener('onReactionClick', handleReactionClick);
             }
         }
         return function () {
             if (element) {
                 element.removeEventListener('onCommentClick', handleCommentClick);
+                element.removeEventListener('onReactionClick', handleReactionClick);
             }
         };
     }, []);
-    return (React.createElement("velt-comment-player-timeline", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "total-media-length": totalMediaLength }));
+    return (React.createElement("velt-comment-player-timeline", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "total-media-length": totalMediaLength, "video-player-id": videoPlayerId }));
 };
 
 var VeltVideoPlayer = function (props) {
@@ -707,7 +718,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;
+    var children = props.children, darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, panelShadowDom = props.panelShadowDom, variant = props.variant, tabConfig = props.tabConfig, panelOpenMode = props.panelOpenMode, panelVariant = props.panelVariant;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -733,11 +744,11 @@ var VeltNotificationsTool = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-notifications-tool", { ref: ref, "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 }, children));
+    return (React.createElement("velt-notifications-tool", { ref: ref, "panel-open-mode": panelOpenMode, panelVariant: panelVariant, "tab-config": tabConfig, variant: variant, "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 }, children));
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -763,7 +774,7 @@ var VeltNotificationsPanel = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-notifications-panel", { ref: ref, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": tabConfig, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
@@ -1286,6 +1297,40 @@ var VeltData = function (props) {
     return (React.createElement("velt-data", { ref: ref, path: path }));
 };
 
+var VeltCommentsMinimap = function (props) {
+    var position = props.position, targetScrollableElementId = props.targetScrollableElementId;
+    return (React.createElement("velt-comments-minimap", { position: position, "target-scrollable-element-id": targetScrollableElementId }));
+};
+
+var VeltReactionTool = function (props) {
+    var videoPlayerId = props.videoPlayerId, onReactionToolClick = props.onReactionToolClick;
+    var ref = useRef();
+    var onReactionToolClickRef = useRef(onReactionToolClick);
+    useEffect(function () {
+        onReactionToolClickRef.current = onReactionToolClick;
+    }, [onReactionToolClick]);
+    useEffect(function () {
+        var element;
+        var handleReactionToolClick = function (event) {
+            if (onReactionToolClickRef.current) {
+                onReactionToolClickRef.current(event === null || event === void 0 ? void 0 : event.detail);
+            }
+        };
+        if (ref.current) {
+            element = ref.current;
+            if (element) {
+                element.addEventListener('onReactionToolClick', handleReactionToolClick);
+            }
+        }
+        return function () {
+            if (element) {
+                element.removeEventListener('onReactionToolClick', handleReactionToolClick);
+            }
+        };
+    }, []);
+    return (React.createElement("velt-reaction-tool", { ref: ref, "video-player-id": videoPlayerId }));
+};
+
 var VeltWireframe = function (props) {
     var children = props.children;
     return (React.createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -2499,6 +2544,280 @@ VeltInlineCommentsSectionWireframe.List = VeltInlineCommentsSectionListWireframe
 VeltInlineCommentsSectionWireframe.Panel = VeltInlineCommentsSectionPanelWireframe;
 VeltInlineCommentsSectionWireframe.Skeleton = VeltInlineCommentsSectionSkeletonWireframe;
 
+var VeltNotificationsPanelAllReadContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-all-read-container-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-item-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentAllListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllListItemWireframe.Label = VeltNotificationsPanelContentAllListItemLabelWireframe;
+VeltNotificationsPanelContentAllListItemWireframe.Content = VeltNotificationsPanelContentAllListItemContentWireframe;
+
+var VeltNotificationsPanelContentAllListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllListWireframe.Item = VeltNotificationsPanelContentAllListItemWireframe;
+
+var VeltNotificationsPanelContentAllWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-all-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentAllWireframe.List = VeltNotificationsPanelContentAllListWireframe;
+
+var VeltNotificationsPanelContentDocumentsListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemUnreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-unread-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentDocumentsListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsListItemWireframe.Content = VeltNotificationsPanelContentDocumentsListItemContentWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Name = VeltNotificationsPanelContentDocumentsListItemNameWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Count = VeltNotificationsPanelContentDocumentsListItemCountWireframe;
+VeltNotificationsPanelContentDocumentsListItemWireframe.Unread = VeltNotificationsPanelContentDocumentsListItemUnreadWireframe;
+
+var VeltNotificationsPanelContentDocumentsListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsListWireframe.Item = VeltNotificationsPanelContentDocumentsListItemWireframe;
+
+var VeltNotificationsPanelContentDocumentsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-documents-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentDocumentsWireframe.List = VeltNotificationsPanelContentDocumentsListWireframe;
+
+var VeltNotificationsPanelContentForYouWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-for-you-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-content-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentPeopleListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleListItemWireframe.Avatar = VeltNotificationsPanelContentPeopleListItemAvatarWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Name = VeltNotificationsPanelContentPeopleListItemNameWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Count = VeltNotificationsPanelContentPeopleListItemCountWireframe;
+VeltNotificationsPanelContentPeopleListItemWireframe.Content = VeltNotificationsPanelContentPeopleListItemContentWireframe;
+
+var VeltNotificationsPanelContentPeopleListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleListWireframe.Item = VeltNotificationsPanelContentPeopleListItemWireframe;
+
+var VeltNotificationsPanelContentPeopleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-people-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentPeopleWireframe.List = VeltNotificationsPanelContentPeopleListWireframe;
+
+var VeltNotificationsPanelContentLoadMoreWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-load-more-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemBodyWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-body-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemFileNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-file-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemHeadlineWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-headline-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemUnreadWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-unread-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelContentListItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentListItemWireframe.Avatar = VeltNotificationsPanelContentListItemAvatarWireframe;
+VeltNotificationsPanelContentListItemWireframe.Body = VeltNotificationsPanelContentListItemBodyWireframe;
+VeltNotificationsPanelContentListItemWireframe.FileName = VeltNotificationsPanelContentListItemFileNameWireframe;
+VeltNotificationsPanelContentListItemWireframe.Headline = VeltNotificationsPanelContentListItemHeadlineWireframe;
+VeltNotificationsPanelContentListItemWireframe.Time = VeltNotificationsPanelContentListItemTimeWireframe;
+VeltNotificationsPanelContentListItemWireframe.Unread = VeltNotificationsPanelContentListItemUnreadWireframe;
+
+var VeltNotificationsPanelContentListWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-list-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentListWireframe.Item = VeltNotificationsPanelContentListItemWireframe;
+
+var VeltNotificationsPanelContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelContentWireframe.All = VeltNotificationsPanelContentAllWireframe;
+VeltNotificationsPanelContentWireframe.ForYou = VeltNotificationsPanelContentForYouWireframe;
+VeltNotificationsPanelContentWireframe.Documents = VeltNotificationsPanelContentDocumentsWireframe;
+VeltNotificationsPanelContentWireframe.People = VeltNotificationsPanelContentPeopleWireframe;
+VeltNotificationsPanelContentWireframe.LoadMore = VeltNotificationsPanelContentLoadMoreWireframe;
+VeltNotificationsPanelContentWireframe.List = VeltNotificationsPanelContentListWireframe;
+
+var VeltNotificationsPanelHeaderTabDocumentsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-documents-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabForYouWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-for-you-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabPeopleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-people-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderTabAllWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-tab-all-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelHeaderWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-header-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelHeaderWireframe.TabAll = VeltNotificationsPanelHeaderTabAllWireframe;
+VeltNotificationsPanelHeaderWireframe.TabForYou = VeltNotificationsPanelHeaderTabForYouWireframe;
+VeltNotificationsPanelHeaderWireframe.TabDocuments = VeltNotificationsPanelHeaderTabDocumentsWireframe;
+VeltNotificationsPanelHeaderWireframe.TabPeople = VeltNotificationsPanelHeaderTabPeopleWireframe;
+
+var VeltNotificationsPanelReadAllButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-read-all-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelTitleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-title-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelViewAllButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-view-all-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-close-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-panel-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsPanelWireframe.AllReadContainer = VeltNotificationsPanelAllReadContainerWireframe;
+VeltNotificationsPanelWireframe.Content = VeltNotificationsPanelContentWireframe;
+VeltNotificationsPanelWireframe.Header = VeltNotificationsPanelHeaderWireframe;
+VeltNotificationsPanelWireframe.ReadAllButton = VeltNotificationsPanelReadAllButtonWireframe;
+VeltNotificationsPanelWireframe.Title = VeltNotificationsPanelTitleWireframe;
+VeltNotificationsPanelWireframe.ViewAllButton = VeltNotificationsPanelViewAllButtonWireframe;
+VeltNotificationsPanelWireframe.CloseButton = VeltNotificationsPanelCloseButtonWireframe;
+
+var VeltNotificationsToolIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolUnreadCountWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-unread-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolUnreadIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-unread-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltNotificationsToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React.createElement("velt-notifications-tool-wireframe", __assign({}, remainingProp), children));
+};
+VeltNotificationsToolWireframe.Label = VeltNotificationsToolLabelWireframe;
+VeltNotificationsToolWireframe.UnreadIcon = VeltNotificationsToolUnreadIconWireframe;
+VeltNotificationsToolWireframe.Icon = VeltNotificationsToolIconWireframe;
+VeltNotificationsToolWireframe.UnreadCount = VeltNotificationsToolUnreadCountWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -3263,5 +3582,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteOptionWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentSelectionChangeHandler, useCommentUpdateHandler, useCommentUtils, useContactSelected, useContactUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useServerConnectionStateChangeHandler, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnsetDocumentId, useUserEditorState, useVeltClient, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map