@veltdev/react 3.0.48 → 3.0.50

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.48';
+var VELT_SDK_VERSION = '3.0.50';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -234,7 +234,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, minimapPosition = props.minimapPosition, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, resolvedCommentsOnDom = props.resolvedCommentsOnDom, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, 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, persistentCommentShadowDom = props.persistentCommentShadowDom, 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, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, 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, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly;
+    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, bubbleOnPin = props.bubbleOnPin, bubbleOnPinHover = props.bubbleOnPinHover, 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, persistentCommentShadowDom = props.persistentCommentShadowDom, 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, customListDataOnAnnotation = props.customListDataOnAnnotation, customListDataOnComment = props.customListDataOnComment, 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, atHereLabel = props.atHereLabel, atHereDescription = props.atHereDescription, multiThreadMode = props.multiThreadMode, multiThread = props.multiThread, onCopyLink = props.onCopyLink, deleteReplyConfirmation = props.deleteReplyConfirmation, collapsedComments = props.collapsedComments, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, seenByUsers = props.seenByUsers;
     var ref = React.useRef();
     var onSignInRef = React.useRef(onSignIn);
     var onUpgradeRef = React.useRef(onUpgrade);
@@ -359,7 +359,7 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "composer-mode": composerMode, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "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, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? '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, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? '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-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "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, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "resolve-status-access-admin-only": [true, false].includes(resolveStatusAccessAdminOnly) ? (resolveStatusAccessAdminOnly ? 'true' : 'false') : undefined, "delete-reply-confirmation": [true, false].includes(deleteReplyConfirmation) ? (deleteReplyConfirmation ? 'true' : 'false') : undefined, "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, "bubble-on-pin": [true, false].includes(bubbleOnPin) ? (bubbleOnPin ? 'true' : 'false') : undefined, "bubble-on-pin-hover": [true, false].includes(bubbleOnPinHover) ? (bubbleOnPinHover ? '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, "persistent-comment-shadow-dom": [true, false].includes(persistentCommentShadowDom) ? (persistentCommentShadowDom ? '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-list-data-on-annotation": JSON.stringify(customListDataOnAnnotation), "custom-list-data-on-comment": JSON.stringify(customListDataOnComment), "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, "multi-thread-mode": [true, false].includes(multiThreadMode) ? (multiThreadMode ? 'true' : 'false') : undefined, "multi-thread": [true, false].includes(multiThread) ? (multiThread ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -1398,8 +1398,8 @@ var VeltInlineCommentsSection = function (props) {
 };
 
 var VeltCommentPin = function (props) {
-    var children = props.children, annotationId = props.annotationId;
-    return (React__default["default"].createElement("velt-comment-pin", { "annotation-id": annotationId }, children));
+    var children = props.children, annotationId = props.annotationId, multiThreadAnnotationId = props.multiThreadAnnotationId, variant = props.variant;
+    return (React__default["default"].createElement("velt-comment-pin", { "annotation-id": annotationId, "multi-thread-annotation-id": multiThreadAnnotationId, variant: variant }, children));
 };
 
 var VeltCommentText = function (props) {
@@ -3513,6 +3513,806 @@ var VeltCommentThreadWireframe = function (props) {
     return (React__default["default"].createElement("velt-comment-thread-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltMediaSourceSettingsToggleIconOpenWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-toggle-icon-open-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltMediaSourceSettingsToggleIconCloseWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-toggle-icon-close-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltMediaSourceSettingsToggleIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-toggle-icon-wireframe", __assign({}, remainingProp), children));
+};
+VeltMediaSourceSettingsToggleIconWireframe.Open = VeltMediaSourceSettingsToggleIconOpenWireframe;
+VeltMediaSourceSettingsToggleIconWireframe.Close = VeltMediaSourceSettingsToggleIconCloseWireframe;
+
+var VeltMediaSourceSettingsSelectedLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-selected-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltMediaSourceSettingsOptionsItemLabelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-options-item-label-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltMediaSourceSettingsOptionsItemIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-options-item-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltMediaSourceSettingsOptionsItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-options-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltMediaSourceSettingsOptionsItemWireframe.Icon = VeltMediaSourceSettingsOptionsItemIconWireframe;
+VeltMediaSourceSettingsOptionsItemWireframe.Label = VeltMediaSourceSettingsOptionsItemLabelWireframe;
+
+var VeltMediaSourceSettingsOptionsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-options-wireframe", __assign({}, remainingProp), children));
+};
+VeltMediaSourceSettingsOptionsWireframe.Item = VeltMediaSourceSettingsOptionsItemWireframe;
+
+var VeltMediaSourceSettingsDividerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-divider-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltMediaSourceSettingsAudioWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-audio-wireframe", __assign({}, remainingProp), children));
+};
+VeltMediaSourceSettingsAudioWireframe.ToggleIcon = VeltMediaSourceSettingsToggleIconWireframe;
+VeltMediaSourceSettingsAudioWireframe.SelectedLabel = VeltMediaSourceSettingsSelectedLabelWireframe;
+VeltMediaSourceSettingsAudioWireframe.Options = VeltMediaSourceSettingsOptionsWireframe;
+VeltMediaSourceSettingsAudioWireframe.Divider = VeltMediaSourceSettingsDividerWireframe;
+
+var VeltMediaSourceSettingsVideoWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-video-wireframe", __assign({}, remainingProp), children));
+};
+VeltMediaSourceSettingsVideoWireframe.ToggleIcon = VeltMediaSourceSettingsToggleIconWireframe;
+VeltMediaSourceSettingsVideoWireframe.SelectedLabel = VeltMediaSourceSettingsSelectedLabelWireframe;
+VeltMediaSourceSettingsVideoWireframe.Options = VeltMediaSourceSettingsOptionsWireframe;
+VeltMediaSourceSettingsVideoWireframe.Divider = VeltMediaSourceSettingsDividerWireframe;
+
+var VeltMediaSourceSettingsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-media-source-settings-wireframe", __assign({}, remainingProp), children));
+};
+VeltMediaSourceSettingsWireframe.Audio = VeltMediaSourceSettingsAudioWireframe;
+VeltMediaSourceSettingsWireframe.Video = VeltMediaSourceSettingsVideoWireframe;
+
+var VeltRecorderAllToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-all-tool-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderAllToolMenuAudioWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-all-tool-menu-audio-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderAllToolMenuVideoWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-all-tool-menu-video-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderAllToolMenuScreenWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-all-tool-menu-screen-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderAllToolMenuWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-all-tool-menu-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderAllToolMenuWireframe.Video = VeltRecorderAllToolMenuVideoWireframe;
+VeltRecorderAllToolMenuWireframe.Audio = VeltRecorderAllToolMenuAudioWireframe;
+VeltRecorderAllToolMenuWireframe.Screen = VeltRecorderAllToolMenuScreenWireframe;
+
+var VeltRecorderAudioToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-audio-tool-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderScreenToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-screen-tool-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderVideoToolWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-video-tool-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogBottomPanelCloseWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-bottom-panel-close-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogBottomPanelCountdownWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-bottom-panel-countdown-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogBottomPanelIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-bottom-panel-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogBottomPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-bottom-panel-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecordingPreviewStepsDialogBottomPanelWireframe.Icon = VeltRecordingPreviewStepsDialogBottomPanelIconWireframe;
+VeltRecordingPreviewStepsDialogBottomPanelWireframe.Close = VeltRecordingPreviewStepsDialogBottomPanelCloseWireframe;
+VeltRecordingPreviewStepsDialogBottomPanelWireframe.Countdown = VeltRecordingPreviewStepsDialogBottomPanelCountdownWireframe;
+
+var VeltRecordingPreviewStepsDialogButtonPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-button-panel-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-close-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogMicButtonOffWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-mic-button-off-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogMicButtonOnWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-mic-button-on-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogMicButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-camera-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecordingPreviewStepsDialogMicButtonWireframe.On = VeltRecordingPreviewStepsDialogMicButtonOnWireframe;
+VeltRecordingPreviewStepsDialogMicButtonWireframe.Off = VeltRecordingPreviewStepsDialogMicButtonOffWireframe;
+
+var VeltRecordingPreviewStepsDialogSettingsPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-settings-panel-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogSettingsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-settings-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogStartRecordingWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-start-recording-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogTimerCountdownWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-timer-countdown-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogTimerCancelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-timer-cancel-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogTimerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-timer-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecordingPreviewStepsDialogTimerWireframe.Countdown = VeltRecordingPreviewStepsDialogTimerCountdownWireframe;
+VeltRecordingPreviewStepsDialogTimerWireframe.Cancel = VeltRecordingPreviewStepsDialogTimerCancelWireframe;
+
+var VeltRecordingPreviewStepsDialogWaveformWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-waveform-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogAudioWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-audio-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecordingPreviewStepsDialogAudioWireframe.BottomPanel = VeltRecordingPreviewStepsDialogBottomPanelWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.ButtonPanel = VeltRecordingPreviewStepsDialogButtonPanelWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.CloseButton = VeltRecordingPreviewStepsDialogCloseButtonWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.MicButton = VeltRecordingPreviewStepsDialogMicButtonWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.SettingsPanel = VeltRecordingPreviewStepsDialogSettingsPanelWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.Settings = VeltRecordingPreviewStepsDialogSettingsWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.StartRecording = VeltRecordingPreviewStepsDialogStartRecordingWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.Timer = VeltRecordingPreviewStepsDialogTimerWireframe;
+VeltRecordingPreviewStepsDialogAudioWireframe.Waveform = VeltRecordingPreviewStepsDialogWaveformWireframe;
+
+var VeltRecordingPreviewStepsDialogCameraButtonOffWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-camera-button-off-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogCameraButtonOnWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-camera-button-on-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogCameraButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-camera-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecordingPreviewStepsDialogCameraButtonWireframe.On = VeltRecordingPreviewStepsDialogCameraButtonOnWireframe;
+VeltRecordingPreviewStepsDialogCameraButtonWireframe.Off = VeltRecordingPreviewStepsDialogCameraButtonOffWireframe;
+
+var VeltRecordingPreviewStepsDialogCameraOffMessageWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-camera-off-message-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogVideoPlayerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-video-player-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecordingPreviewStepsDialogVideoWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recording-preview-steps-dialog-video-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecordingPreviewStepsDialogVideoWireframe.BottomPanel = VeltRecordingPreviewStepsDialogBottomPanelWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.ButtonPanel = VeltRecordingPreviewStepsDialogButtonPanelWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.CameraButton = VeltRecordingPreviewStepsDialogCameraButtonWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.CameraOffMessage = VeltRecordingPreviewStepsDialogCameraOffMessageWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.CloseButton = VeltRecordingPreviewStepsDialogCloseButtonWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.MicButton = VeltRecordingPreviewStepsDialogMicButtonWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.SettingsPanel = VeltRecordingPreviewStepsDialogSettingsPanelWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.Settings = VeltRecordingPreviewStepsDialogSettingsWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.StartRecording = VeltRecordingPreviewStepsDialogStartRecordingWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.Timer = VeltRecordingPreviewStepsDialogTimerWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.VideoPlayer = VeltRecordingPreviewStepsDialogVideoPlayerWireframe;
+VeltRecordingPreviewStepsDialogVideoWireframe.Waveform = VeltRecordingPreviewStepsDialogWaveformWireframe;
+
+var VeltRecordingPreviewStepsDialogWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
+};
+VeltRecordingPreviewStepsDialogWireframe.Video = VeltRecordingPreviewStepsDialogVideoWireframe;
+VeltRecordingPreviewStepsDialogWireframe.Audio = VeltRecordingPreviewStepsDialogAudioWireframe;
+
+var VeltRecorderControlPanelFloatingModeContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-floating-mode-container-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelFloatingModeScreenVideoWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-floating-mode-screen-video-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelFloatingModeWaveformWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-floating-mode-waveform-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarWaveformWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-waveform-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarClearWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-clear-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarStopWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-stop-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarTogglePlayWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-toggle-play-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarToggleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-toggle-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderControlPanelActionBarToggleWireframe.Pause = VeltRecorderControlPanelActionBarTogglePlayWireframe;
+VeltRecorderControlPanelActionBarToggleWireframe.Play = VeltRecorderControlPanelActionBarTogglePlayWireframe;
+
+var VeltRecorderControlPanelActionBarTypeIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-type-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelActionBarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-action-bar-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderControlPanelActionBarWireframe.Clear = VeltRecorderControlPanelActionBarClearWireframe;
+VeltRecorderControlPanelActionBarWireframe.Stop = VeltRecorderControlPanelActionBarStopWireframe;
+VeltRecorderControlPanelActionBarWireframe.Time = VeltRecorderControlPanelActionBarTimeWireframe;
+VeltRecorderControlPanelActionBarWireframe.Toggle = VeltRecorderControlPanelActionBarToggleWireframe;
+VeltRecorderControlPanelActionBarWireframe.TypeIcon = VeltRecorderControlPanelActionBarTypeIconWireframe;
+VeltRecorderControlPanelActionBarWireframe.Waveform = VeltRecorderControlPanelActionBarWaveformWireframe;
+
+var VeltRecorderControlPanelCollapsedButtonOffWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-collapsed-button-off-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelCollapsedButtonOnWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-collapsed-button-on-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelCollapsedButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-collapsed-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderControlPanelCollapsedButtonWireframe.On = VeltRecorderControlPanelCollapsedButtonOnWireframe;
+VeltRecorderControlPanelCollapsedButtonWireframe.Off = VeltRecorderControlPanelCollapsedButtonOffWireframe;
+
+var VeltRecorderControlPanelLoadingWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-loading-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelPausedWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-paused-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelVideoWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-video-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderControlPanelFloatingModeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-floating-mode-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderControlPanelFloatingModeWireframe.Container = VeltRecorderControlPanelFloatingModeContainerWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.ScreenVideo = VeltRecorderControlPanelFloatingModeScreenVideoWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.Waveform = VeltRecorderControlPanelFloatingModeWaveformWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.Video = VeltRecorderControlPanelVideoWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.CollapsedButton = VeltRecorderControlPanelCollapsedButtonWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.Paused = VeltRecorderControlPanelPausedWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.Loading = VeltRecorderControlPanelLoadingWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.ActionBar = VeltRecorderControlPanelActionBarWireframe;
+
+var VeltRecorderControlPanelThreadModeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-control-panel-thread-mode-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderControlPanelThreadModeWireframe.Video = VeltRecorderControlPanelVideoWireframe;
+VeltRecorderControlPanelThreadModeWireframe.Loading = VeltRecorderControlPanelLoadingWireframe;
+VeltRecorderControlPanelThreadModeWireframe.ActionBar = VeltRecorderControlPanelActionBarWireframe;
+
+var VeltRecorderControlPanelWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
+};
+VeltRecorderControlPanelWireframe.FloatingMode = VeltRecorderControlPanelFloatingModeWireframe;
+VeltRecorderControlPanelWireframe.ThreadMode = VeltRecorderControlPanelThreadModeWireframe;
+
+var VeltRecorderPlayerAudioTogglePauseWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-audio-toggle-pause-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerAudioTogglePlayWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-audio-toggle-play-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerAudioToggleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-audio-toggle-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderPlayerAudioToggleWireframe.Play = VeltRecorderPlayerAudioTogglePlayWireframe;
+VeltRecorderPlayerAudioToggleWireframe.Pause = VeltRecorderPlayerAudioTogglePauseWireframe;
+
+var VeltRecorderPlayerAudioWaveformWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-audio-waveform-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerAudioWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-audio-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerCopyLinkWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-copy-link-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerDeleteWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-delete-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerNameWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-name-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerSubtitlesButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-subtitles-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerSubtitlesWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-subtitles-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerTranscriptionWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-transcription-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerAvatarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-avatar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerAudioContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-audio-container-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderPlayerAudioContainerWireframe.AudioToggle = VeltRecorderPlayerAudioToggleWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Time = VeltRecorderPlayerTimeWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Audio = VeltRecorderPlayerAudioWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Subtitles = VeltRecorderPlayerSubtitlesWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Name = VeltRecorderPlayerNameWireframe;
+VeltRecorderPlayerAudioContainerWireframe.SubtitlesButton = VeltRecorderPlayerSubtitlesButtonWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Transcription = VeltRecorderPlayerTranscriptionWireframe;
+VeltRecorderPlayerAudioContainerWireframe.CopyLink = VeltRecorderPlayerCopyLinkWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Delete = VeltRecorderPlayerDeleteWireframe;
+VeltRecorderPlayerAudioContainerWireframe.AudioWaveform = VeltRecorderPlayerAudioWaveformWireframe;
+VeltRecorderPlayerAudioContainerWireframe.Avatar = VeltRecorderPlayerAvatarWireframe;
+
+var VeltRecorderPlayerFullScreenButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-full-screen-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerOverlayWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-overlay-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerPlayButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-play-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerTimelineSeekBarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-timeline-seek-bar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerTimelineWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-timeline-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderPlayerTimelineWireframe.SeekBar = VeltRecorderPlayerTimelineSeekBarWireframe;
+
+var VeltRecorderPlayerVideoWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-video-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltRecorderPlayerVideoContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-recorder-player-video-container-wireframe", __assign({}, remainingProp), children));
+};
+VeltRecorderPlayerVideoContainerWireframe.Video = VeltRecorderPlayerVideoWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Timeline = VeltRecorderPlayerTimelineWireframe;
+VeltRecorderPlayerVideoContainerWireframe.PlayButton = VeltRecorderPlayerPlayButtonWireframe;
+VeltRecorderPlayerVideoContainerWireframe.FullScreenButton = VeltRecorderPlayerFullScreenButtonWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Overlay = VeltRecorderPlayerOverlayWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Time = VeltRecorderPlayerTimeWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Subtitles = VeltRecorderPlayerSubtitlesWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Name = VeltRecorderPlayerNameWireframe;
+VeltRecorderPlayerVideoContainerWireframe.SubtitlesButton = VeltRecorderPlayerSubtitlesButtonWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Transcription = VeltRecorderPlayerTranscriptionWireframe;
+VeltRecorderPlayerVideoContainerWireframe.CopyLink = VeltRecorderPlayerCopyLinkWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Delete = VeltRecorderPlayerDeleteWireframe;
+VeltRecorderPlayerVideoContainerWireframe.Avatar = VeltRecorderPlayerAvatarWireframe;
+
+var VeltRecorderPlayerWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
+};
+VeltRecorderPlayerWireframe.AudioContainer = VeltRecorderPlayerAudioContainerWireframe;
+VeltRecorderPlayerWireframe.VideoContainer = VeltRecorderPlayerVideoContainerWireframe;
+
+var VeltVideoPlayerControlsDeleteButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-delete-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsProgressBarWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-progress-bar-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsSettingsButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-settings-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsSubtitleButtonIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-subtitle-button-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsSubtitleButtonTooltipWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-subtitle-button-tooltip-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsSubtitleButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-subtitle-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltVideoPlayerControlsSubtitleButtonWireframe.Icon = VeltVideoPlayerControlsSubtitleButtonIconWireframe;
+VeltVideoPlayerControlsSubtitleButtonWireframe.Tooltip = VeltVideoPlayerControlsSubtitleButtonTooltipWireframe;
+
+var VeltVideoPlayerControlsTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsTogglePauseWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-toggle-pause-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsTogglePlayWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-toggle-play-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsToggleButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-toggle-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltVideoPlayerControlsToggleButtonWireframe.Play = VeltVideoPlayerControlsTogglePlayWireframe;
+VeltVideoPlayerControlsToggleButtonWireframe.Pause = VeltVideoPlayerControlsTogglePauseWireframe;
+
+var VeltVideoPlayerControlsTranscriptionIconWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-transcription-icon-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsTranscriptionTooltipWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-transcription-tooltip-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsTranscriptionButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-transcription-button-wireframe", __assign({}, remainingProp), children));
+};
+VeltVideoPlayerControlsTranscriptionButtonWireframe.Icon = VeltVideoPlayerControlsTranscriptionIconWireframe;
+VeltVideoPlayerControlsTranscriptionButtonWireframe.Tooltip = VeltVideoPlayerControlsTranscriptionTooltipWireframe;
+
+var VeltVideoPlayerControlsVolumeButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-volume-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsCurrentTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-current-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsTotalTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-total-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerControlsWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-controls-wireframe", __assign({}, remainingProp), children));
+};
+VeltVideoPlayerControlsWireframe.DeleteButton = VeltVideoPlayerControlsDeleteButtonWireframe;
+VeltVideoPlayerControlsWireframe.ProgressBar = VeltVideoPlayerControlsProgressBarWireframe;
+VeltVideoPlayerControlsWireframe.SettingsButton = VeltVideoPlayerControlsSettingsButtonWireframe;
+VeltVideoPlayerControlsWireframe.SubtitleButton = VeltVideoPlayerControlsSubtitleButtonWireframe;
+VeltVideoPlayerControlsWireframe.Time = VeltVideoPlayerControlsTimeWireframe;
+VeltVideoPlayerControlsWireframe.TranscriptionButton = VeltVideoPlayerControlsTranscriptionButtonWireframe;
+VeltVideoPlayerControlsWireframe.ToggleButton = VeltVideoPlayerControlsToggleButtonWireframe;
+VeltVideoPlayerControlsWireframe.VolumeButton = VeltVideoPlayerControlsVolumeButtonWireframe;
+VeltVideoPlayerControlsWireframe.CurrentTime = VeltVideoPlayerControlsCurrentTimeWireframe;
+VeltVideoPlayerControlsWireframe.TotalTime = VeltVideoPlayerControlsTotalTimeWireframe;
+
+var VeltVideoPlayerCopyLinkWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-copy-link-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerDisplayWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-display-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerMinimizeButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-minimize-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-panel-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerSubtitlesWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-subtitles-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerTranscriptionWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-transcription-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltVideoPlayerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-video-player-wireframe", __assign({}, remainingProp), children));
+};
+VeltVideoPlayerWireframe.Controls = VeltVideoPlayerControlsWireframe;
+VeltVideoPlayerWireframe.CopyLink = VeltVideoPlayerCopyLinkWireframe;
+VeltVideoPlayerWireframe.Display = VeltVideoPlayerDisplayWireframe;
+VeltVideoPlayerWireframe.MinimizeButton = VeltVideoPlayerMinimizeButtonWireframe;
+VeltVideoPlayerWireframe.Panel = VeltVideoPlayerPanelWireframe;
+VeltVideoPlayerWireframe.Subtitles = VeltVideoPlayerSubtitlesWireframe;
+VeltVideoPlayerWireframe.Transcription = VeltVideoPlayerTranscriptionWireframe;
+
+var VeltSubtitlesButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-subtitles-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-close-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionContentItemTextWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-content-item-text-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionContentItemTimeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-content-item-time-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionContentItemWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-content-item-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionContentItemWireframe.Time = VeltTranscriptionContentItemTimeWireframe;
+VeltTranscriptionContentItemWireframe.Text = VeltTranscriptionContentItemTextWireframe;
+
+var VeltTranscriptionContentWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-content-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionContentWireframe.Item = VeltTranscriptionContentItemWireframe;
+
+var VeltTranscriptionCopyLinkButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-copy-link-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionCopyLinkTooltipWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-copy-link-tooltip-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionCopyLinkWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-copy-link-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionCopyLinkWireframe.Button = VeltTranscriptionCopyLinkButtonWireframe;
+VeltTranscriptionCopyLinkWireframe.Tooltip = VeltTranscriptionCopyLinkTooltipWireframe;
+
+var VeltTranscriptionSummaryExpandToggleOffWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-summary-expand-toggle-off-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionSummaryExpandToggleOnWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-summary-expand-toggle-on-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionSummaryExpandToggleWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-summary-expand-toggle-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionSummaryExpandToggleWireframe.On = VeltTranscriptionSummaryExpandToggleOnWireframe;
+VeltTranscriptionSummaryExpandToggleWireframe.Off = VeltTranscriptionSummaryExpandToggleOffWireframe;
+
+var VeltTranscriptionSummaryTextWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-summary-text-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionSummaryWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-summary-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionSummaryWireframe.ExpandToggle = VeltTranscriptionSummaryExpandToggleWireframe;
+VeltTranscriptionSummaryWireframe.Text = VeltTranscriptionSummaryTextWireframe;
+
+var VeltTranscriptionPanelWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-panel-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionPanelWireframe.CloseButton = VeltTranscriptionCloseButtonWireframe;
+VeltTranscriptionPanelWireframe.CopyLink = VeltTranscriptionCopyLinkWireframe;
+VeltTranscriptionPanelWireframe.Summary = VeltTranscriptionSummaryWireframe;
+VeltTranscriptionPanelWireframe.Content = VeltTranscriptionContentWireframe;
+
+var VeltTranscriptionEmbedModeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-embed-mode-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionEmbedModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+
+var VeltTranscriptionPanelContainerWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-panel-container-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionButtonWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-button-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionTooltipWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-tooltip-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltTranscriptionFloatingModeWireframe = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-transcription-floating-mode-wireframe", __assign({}, remainingProp), children));
+};
+VeltTranscriptionFloatingModeWireframe.Button = VeltTranscriptionButtonWireframe;
+VeltTranscriptionFloatingModeWireframe.Tooltip = VeltTranscriptionTooltipWireframe;
+VeltTranscriptionFloatingModeWireframe.PanelContainer = VeltTranscriptionPanelContainerWireframe;
+VeltTranscriptionFloatingModeWireframe.Panel = VeltTranscriptionPanelWireframe;
+
+var VeltTranscriptionWireframe = function (props) {
+    var children = props.children;
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
+};
+VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
+VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -4525,6 +5325,7 @@ exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
+exports.VeltMediaSourceSettingsWireframe = VeltMediaSourceSettingsWireframe;
 exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
 exports.VeltNotificationsHistoryPanel = VeltNotificationsHistoryPanel;
@@ -4540,20 +5341,31 @@ exports.VeltReactionPinWireframe = VeltReactionPinWireframe;
 exports.VeltReactionTool = VeltReactionTool;
 exports.VeltReactionToolWireframe = VeltReactionToolWireframe;
 exports.VeltReactionsPanelWireframe = VeltReactionsPanelWireframe;
+exports.VeltRecorderAllToolMenuWireframe = VeltRecorderAllToolMenuWireframe;
+exports.VeltRecorderAllToolWireframe = VeltRecorderAllToolWireframe;
+exports.VeltRecorderAudioToolWireframe = VeltRecorderAudioToolWireframe;
 exports.VeltRecorderControlPanel = SnippylyRecorderControlPanel;
+exports.VeltRecorderControlPanelWireframe = VeltRecorderControlPanelWireframe;
 exports.VeltRecorderNotes = SnippylyRecorderNotes;
 exports.VeltRecorderPlayer = SnippylyRecorderPlayer;
+exports.VeltRecorderPlayerWireframe = VeltRecorderPlayerWireframe;
+exports.VeltRecorderScreenToolWireframe = VeltRecorderScreenToolWireframe;
 exports.VeltRecorderTool = SnippylyRecorderTool;
+exports.VeltRecorderVideoToolWireframe = VeltRecorderVideoToolWireframe;
+exports.VeltRecordingPreviewStepsDialogWireframe = VeltRecordingPreviewStepsDialogWireframe;
 exports.VeltSidebarButton = SnippylySidebarButton;
 exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
+exports.VeltSubtitlesWireframe = VeltSubtitlesButtonWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
 exports.VeltTextCommentToolWireframe = VeltTextCommentToolWireframe;
 exports.VeltTextCommentToolbarWireframe = VeltTextCommentToolbar;
+exports.VeltTranscriptionWireframe = VeltTranscriptionWireframe;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
 exports.VeltUserSelectorDropdownWireframe = VeltUserSelectorDropdown;
 exports.VeltVideoPlayer = VeltVideoPlayer;
+exports.VeltVideoPlayerWireframe = VeltVideoPlayerWireframe;
 exports.VeltViewAnalytics = VeltViewAnalytics;
 exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;