@veltdev/react 4.4.0-beta.1 → 4.4.0-beta.11

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.4.0-beta.1';
+var VELT_SDK_VERSION = '4.4.0-beta.11';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -240,7 +240,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, recordingTranscription = props.recordingTranscription, 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, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded;
+    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, recordingTranscription = props.recordingTranscription, 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, shortUserName = props.shortUserName, resolveStatusAccessAdminOnly = props.resolveStatusAccessAdminOnly, svgAsImg = props.svgAsImg, seenByUsers = props.seenByUsers, readOnly = props.readOnly, atHereEnabled = props.atHereEnabled, customAutocompleteSearch = props.customAutocompleteSearch, deleteThreadWithFirstComment = props.deleteThreadWithFirstComment, expandMentionGroups = props.expandMentionGroups, showMentionGroupsFirst = props.showMentionGroupsFirst, showMentionGroupsOnly = props.showMentionGroupsOnly, fullExpanded = props.fullExpanded, commentToNearestAllowedElement = props.commentToNearestAllowedElement, draftMode = props.draftMode;
     var ref = useRef();
     var onSignInRef = useRef(onSignIn);
     var onUpgradeRef = useRef(onUpgrade);
@@ -365,7 +365,7 @@ var SnippylyComments = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? '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-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? '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, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined }, children));
+    return (React.createElement("velt-comments", { ref: ref, "at-here-label": atHereLabel, "at-here-description": atHereDescription, "at-here-enabled": [true, false].includes(atHereEnabled) ? (atHereEnabled ? 'true' : 'false') : undefined, "composer-mode": composerMode, "seen-by-users": [true, false].includes(seenByUsers) ? (seenByUsers ? 'true' : 'false') : undefined, "collapsed-comments": [true, false].includes(collapsedComments) ? (collapsedComments ? 'true' : 'false') : undefined, "short-user-name": [true, false].includes(shortUserName) ? (shortUserName ? '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-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? '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, "read-only": [true, false].includes(readOnly) ? (readOnly ? 'true' : 'false') : undefined, "custom-autocomplete-search": [true, false].includes(customAutocompleteSearch) ? (customAutocompleteSearch ? 'true' : 'false') : undefined, "delete-thread-with-first-comment": [true, false].includes(deleteThreadWithFirstComment) ? (deleteThreadWithFirstComment ? 'true' : 'false') : undefined, "svg-as-img": [true, false].includes(svgAsImg) ? (svgAsImg ? 'true' : 'false') : undefined, "expand-mention-groups": [true, false].includes(expandMentionGroups) ? (expandMentionGroups ? 'true' : 'false') : undefined, "show-mention-groups-first": [true, false].includes(showMentionGroupsFirst) ? (showMentionGroupsFirst ? 'true' : 'false') : undefined, "show-mention-groups-only": [true, false].includes(showMentionGroupsOnly) ? (showMentionGroupsOnly ? 'true' : 'false') : undefined, "full-expanded": [true, false].includes(fullExpanded) ? (fullExpanded ? 'true' : 'false') : undefined, "comment-to-nearest-allowed-element": [true, false].includes(commentToNearestAllowedElement) ? (commentToNearestAllowedElement ? 'true' : 'false') : undefined, "draft-mode": [true, false].includes(draftMode) ? (draftMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
@@ -523,7 +523,7 @@ var SnippylyHuddleTool = function (props) {
 };
 
 var SnippylyPresence = function (props) {
-    var maxUsers = props.maxUsers, inactivityTime = props.inactivityTime, documentParams = props.documentParams, location = props.location, self = props.self, onPresenceUserClick = props.onPresenceUserClick, onUsersChanged = props.onUsersChanged, onPresenceUserChange = props.onPresenceUserChange, disableFlockNavigation = props.disableFlockNavigation, defaultFlockNavigation = props.defaultFlockNavigation, onNavigate = props.onNavigate, flockMode = props.flockMode;
+    var maxUsers = props.maxUsers, inactivityTime = props.inactivityTime, documentParams = props.documentParams, location = props.location, locationId = props.locationId, self = props.self, onPresenceUserClick = props.onPresenceUserClick, onUsersChanged = props.onUsersChanged, onPresenceUserChange = props.onPresenceUserChange, disableFlockNavigation = props.disableFlockNavigation, defaultFlockNavigation = props.defaultFlockNavigation, onNavigate = props.onNavigate, flockMode = props.flockMode, shadowDom = props.shadowDom;
     var ref = useRef();
     var onUsersChangedRef = useRef(onUsersChanged);
     var onPresenceUserChangeRef = useRef(onPresenceUserChange);
@@ -578,11 +578,11 @@ var SnippylyPresence = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-presence", { ref: ref, "flock-mode": [true, false].includes(flockMode) ? (flockMode ? 'true' : 'false') : undefined, "max-users": maxUsers, "inactivity-time": inactivityTime, "document-params": (typeof documentParams === 'object') ? JSON.stringify(documentParams) : (documentParams ? documentParams : undefined), "disable-flock-navigation": [true, false].includes(disableFlockNavigation) ? (disableFlockNavigation ? 'true' : 'false') : undefined, "default-flock-navigation": [true, false].includes(defaultFlockNavigation) ? (defaultFlockNavigation ? 'true' : 'false') : undefined, self: [true, false].includes(self) ? (self ? 'true' : 'false') : undefined, location: (typeof location === 'object') ? JSON.stringify(location) : (location ? location : undefined) }));
+    return (React.createElement("velt-presence", { ref: ref, "flock-mode": [true, false].includes(flockMode) ? (flockMode ? 'true' : 'false') : undefined, "max-users": maxUsers, "inactivity-time": inactivityTime, "document-params": (typeof documentParams === 'object') ? JSON.stringify(documentParams) : (documentParams ? documentParams : undefined), "disable-flock-navigation": [true, false].includes(disableFlockNavigation) ? (disableFlockNavigation ? 'true' : 'false') : undefined, "default-flock-navigation": [true, false].includes(defaultFlockNavigation) ? (defaultFlockNavigation ? 'true' : 'false') : undefined, self: [true, false].includes(self) ? (self ? 'true' : 'false') : undefined, location: (typeof location === 'object') ? JSON.stringify(location) : (location ? location : undefined), "location-id": locationId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyRecorderControlPanel = function (props) {
-    var mode = props.mode, panelId = props.panelId, onRecordedData = props.onRecordedData, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, videoEditor = props.videoEditor, settingsEmbedded = props.settingsEmbedded, autoOpenVideoEditor = props.autoOpenVideoEditor;
+    var mode = props.mode, panelId = props.panelId, onRecordedData = props.onRecordedData, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, videoEditor = props.videoEditor, settingsEmbedded = props.settingsEmbedded, autoOpenVideoEditor = props.autoOpenVideoEditor, playVideoInFullScreen = props.playVideoInFullScreen;
     var ref = useRef();
     var onRecordedDataRef = useRef(onRecordedData);
     // Update the ref to always point to the latest callback function
@@ -608,16 +608,16 @@ var SnippylyRecorderControlPanel = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-recorder-control-panel", { ref: ref, mode: mode, "panel-id": panelId, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "settings-embedded": [true, false].includes(settingsEmbedded) ? (settingsEmbedded ? 'true' : 'false') : undefined, "auto-open-video-editor": [true, false].includes(autoOpenVideoEditor) ? (autoOpenVideoEditor ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-recorder-control-panel", { ref: ref, mode: mode, "panel-id": panelId, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "settings-embedded": [true, false].includes(settingsEmbedded) ? (settingsEmbedded ? 'true' : 'false') : undefined, "auto-open-video-editor": [true, false].includes(autoOpenVideoEditor) ? (autoOpenVideoEditor ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyRecorderNotes = function (props) {
-    var shadowDom = props.shadowDom, children = props.children, videoEditor = props.videoEditor, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription;
-    return (React.createElement("velt-recorder-notes", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined }, children));
+    var shadowDom = props.shadowDom, children = props.children, videoEditor = props.videoEditor, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, playVideoInFullScreen = props.playVideoInFullScreen;
+    return (React.createElement("velt-recorder-notes", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined, "recording-transcription": [true, false].includes(recordingTranscription) ? (recordingTranscription ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyRecorderPlayer = function (props) {
-    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor;
+    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen;
     var ref = useRef();
     var onDeleteRef = useRef(onDelete);
     // Update the ref to always point to the latest callback function
@@ -643,7 +643,7 @@ var SnippylyRecorderPlayer = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-recorder-player", { ref: ref, "recorder-id": recorderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "show-summary": [true, false].includes(showSummary) ? (showSummary ? 'true' : 'false') : undefined, summary: [true, false].includes(summary) ? (summary ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-recorder-player", { ref: ref, "recorder-id": recorderId, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "show-summary": [true, false].includes(showSummary) ? (showSummary ? 'true' : 'false') : undefined, summary: [true, false].includes(summary) ? (summary ? 'true' : 'false') : undefined, "video-editor": [true, false].includes(videoEditor) ? (videoEditor ? 'true' : 'false') : undefined, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyRecorderTool = function (props) {
@@ -871,7 +871,7 @@ var VeltNotificationsTool = function (props) {
 };
 
 var VeltNotificationsPanel = function (props) {
-    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab;
+    var darkMode = props.darkMode, onNotificationClick = props.onNotificationClick, shadowDom = props.shadowDom, tabConfig = props.tabConfig, variant = props.variant, readNotificationsOnForYouTab = props.readNotificationsOnForYouTab, panelOpenMode = props.panelOpenMode;
     var ref = useRef();
     var onNotificationClickRef = useRef(onNotificationClick);
     // Update the ref to always point to the latest callback function
@@ -897,7 +897,7 @@ var VeltNotificationsPanel = function (props) {
             }
         };
     }, []);
-    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined }));
+    return (React.createElement("velt-notifications-panel", { ref: ref, variant: variant, "tab-config": JSON.stringify(tabConfig), "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "read-notifications-on-for-you-tab": [true, false].includes(readNotificationsOnForYouTab) ? (readNotificationsOnForYouTab ? 'true' : 'false') : undefined, "panel-open-mode": panelOpenMode }));
 };
 
 var VeltNotificationsHistoryPanel = function (props) {
@@ -1475,6 +1475,12 @@ var VeltCommentComposer = function (props) {
     return (React.createElement("velt-comment-composer", { variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }));
 };
 
+var VeltSingleEditorModePanel = function (props) {
+    var children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode;
+    var ref = useRef();
+    return (React.createElement("velt-single-editor-mode-panel", { ref: ref, variant: variant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+};
+
 var VeltWireframe = function (props) {
     var children = props.children;
     return (React.createElement("velt-wireframe", { style: { display: 'none' } }, children));
@@ -4389,12 +4395,6 @@ var VeltRecorderControlPanelFloatingModeContainerWireframe = function (props) {
     return (React.createElement("velt-recorder-control-panel-floating-mode-container-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltRecorderControlPanelFloatingModeScreenVideoWireframe = function (props) {
-    var children = props.children, remainingProps = __rest(props, ["children"]);
-    var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-recorder-control-panel-floating-mode-screen-video-wireframe", __assign({}, transformedProps), children));
-};
-
 var VeltRecorderControlPanelFloatingModeWaveformWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -4431,12 +4431,18 @@ var VeltRecorderControlPanelActionBarTogglePlayWireframe = function (props) {
     return (React.createElement("velt-recorder-control-panel-action-bar-toggle-play-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltRecorderControlPanelActionBarTogglePauseWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-recorder-control-panel-action-bar-toggle-pause-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltRecorderControlPanelActionBarToggleWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-recorder-control-panel-action-bar-toggle-wireframe", __assign({}, transformedProps), children));
 };
-VeltRecorderControlPanelActionBarToggleWireframe.Pause = VeltRecorderControlPanelActionBarTogglePlayWireframe;
+VeltRecorderControlPanelActionBarToggleWireframe.Pause = VeltRecorderControlPanelActionBarTogglePauseWireframe;
 VeltRecorderControlPanelActionBarToggleWireframe.Play = VeltRecorderControlPanelActionBarTogglePlayWireframe;
 
 var VeltRecorderControlPanelActionBarTypeIconWireframe = function (props) {
@@ -4501,13 +4507,20 @@ var VeltRecorderControlPanelScreenWireframe = function (props) {
     return (React.createElement("velt-recorder-control-panel-screen-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltRecorderControlPanelScreenMiniContainerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-recorder-control-panel-screen-mini-container-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltRecorderControlPanelFloatingModeWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React.createElement("velt-recorder-control-panel-floating-mode-wireframe", __assign({}, transformedProps), children));
 };
 VeltRecorderControlPanelFloatingModeWireframe.Container = VeltRecorderControlPanelFloatingModeContainerWireframe;
-VeltRecorderControlPanelFloatingModeWireframe.ScreenVideo = VeltRecorderControlPanelFloatingModeScreenVideoWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.ScreenVideo = VeltRecorderControlPanelScreenMiniContainerWireframe;
+VeltRecorderControlPanelFloatingModeWireframe.ScreenMiniContainer = VeltRecorderControlPanelScreenMiniContainerWireframe;
 VeltRecorderControlPanelFloatingModeWireframe.Waveform = VeltRecorderControlPanelFloatingModeWaveformWireframe;
 VeltRecorderControlPanelFloatingModeWireframe.Video = VeltRecorderControlPanelVideoWireframe;
 VeltRecorderControlPanelFloatingModeWireframe.Screen = VeltRecorderControlPanelScreenWireframe;
@@ -4525,6 +4538,7 @@ VeltRecorderControlPanelThreadModeWireframe.Video = VeltRecorderControlPanelVide
 VeltRecorderControlPanelThreadModeWireframe.Screen = VeltRecorderControlPanelScreenWireframe;
 VeltRecorderControlPanelThreadModeWireframe.Loading = VeltRecorderControlPanelLoadingWireframe;
 VeltRecorderControlPanelThreadModeWireframe.ActionBar = VeltRecorderControlPanelActionBarWireframe;
+VeltRecorderControlPanelThreadModeWireframe.ScreenMiniContainer = VeltRecorderControlPanelScreenMiniContainerWireframe;
 
 var VeltRecorderControlPanelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -4695,172 +4709,172 @@ var VeltRecorderPlayerWireframe = function (props) {
 VeltRecorderPlayerWireframe.AudioContainer = VeltRecorderPlayerAudioContainerWireframe;
 VeltRecorderPlayerWireframe.VideoContainer = VeltRecorderPlayerVideoContainerWireframe;
 
-var VeltVideoPlayerControlsDeleteButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsDeleteButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-delete-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-delete-button-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsProgressBarWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsProgressBarWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-progress-bar-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-progress-bar-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsSettingsButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsSettingsButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-settings-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-settings-button-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsSubtitleButtonIconWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsSubtitleButtonIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-subtitle-button-icon-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-subtitle-button-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsSubtitleButtonTooltipWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsSubtitleButtonTooltipWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-subtitle-button-tooltip-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-subtitle-button-tooltip-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsSubtitleButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-subtitle-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-subtitle-button-wireframe", __assign({}, transformedProps), children));
 };
-VeltVideoPlayerControlsSubtitleButtonWireframe.Icon = VeltVideoPlayerControlsSubtitleButtonIconWireframe;
-VeltVideoPlayerControlsSubtitleButtonWireframe.Tooltip = VeltVideoPlayerControlsSubtitleButtonTooltipWireframe;
+VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe.Icon = VeltRecorderPlayerExpandedControlsSubtitleButtonIconWireframe;
+VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe.Tooltip = VeltRecorderPlayerExpandedControlsSubtitleButtonTooltipWireframe;
 
-var VeltVideoPlayerControlsTimeWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTimeWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-time-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-time-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsTogglePauseWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTogglePauseWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-toggle-pause-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-toggle-pause-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsTogglePlayWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTogglePlayWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-toggle-play-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-toggle-play-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsToggleButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsToggleButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-toggle-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-toggle-button-wireframe", __assign({}, transformedProps), children));
 };
-VeltVideoPlayerControlsToggleButtonWireframe.Play = VeltVideoPlayerControlsTogglePlayWireframe;
-VeltVideoPlayerControlsToggleButtonWireframe.Pause = VeltVideoPlayerControlsTogglePauseWireframe;
+VeltRecorderPlayerExpandedControlsToggleButtonWireframe.Play = VeltRecorderPlayerExpandedControlsTogglePlayWireframe;
+VeltRecorderPlayerExpandedControlsToggleButtonWireframe.Pause = VeltRecorderPlayerExpandedControlsTogglePauseWireframe;
 
-var VeltVideoPlayerControlsTranscriptionIconWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTranscriptionIconWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-transcription-icon-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-transcription-icon-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsTranscriptionTooltipWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTranscriptionTooltipWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsTranscriptionButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-transcription-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-transcription-button-wireframe", __assign({}, transformedProps), children));
 };
-VeltVideoPlayerControlsTranscriptionButtonWireframe.Icon = VeltVideoPlayerControlsTranscriptionIconWireframe;
-VeltVideoPlayerControlsTranscriptionButtonWireframe.Tooltip = VeltVideoPlayerControlsTranscriptionTooltipWireframe;
+VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe.Icon = VeltRecorderPlayerExpandedControlsTranscriptionIconWireframe;
+VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe.Tooltip = VeltRecorderPlayerExpandedControlsTranscriptionTooltipWireframe;
 
-var VeltVideoPlayerControlsVolumeButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsVolumeButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-volume-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-volume-button-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsCurrentTimeWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsCurrentTimeWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-current-time-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-current-time-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsTotalTimeWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsTotalTimeWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-total-time-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-total-time-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerControlsWireframe = function (props) {
+var VeltRecorderPlayerExpandedControlsWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-controls-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-controls-wireframe", __assign({}, transformedProps), 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;
+VeltRecorderPlayerExpandedControlsWireframe.DeleteButton = VeltRecorderPlayerExpandedControlsDeleteButtonWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.ProgressBar = VeltRecorderPlayerExpandedControlsProgressBarWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.SettingsButton = VeltRecorderPlayerExpandedControlsSettingsButtonWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.SubtitleButton = VeltRecorderPlayerExpandedControlsSubtitleButtonWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.Time = VeltRecorderPlayerExpandedControlsTimeWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.TranscriptionButton = VeltRecorderPlayerExpandedControlsTranscriptionButtonWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.ToggleButton = VeltRecorderPlayerExpandedControlsToggleButtonWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.VolumeButton = VeltRecorderPlayerExpandedControlsVolumeButtonWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.CurrentTime = VeltRecorderPlayerExpandedControlsCurrentTimeWireframe;
+VeltRecorderPlayerExpandedControlsWireframe.TotalTime = VeltRecorderPlayerExpandedControlsTotalTimeWireframe;
 
-var VeltVideoPlayerCopyLinkWireframe = function (props) {
+var VeltRecorderPlayerExpandedCopyLinkWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-copy-link-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-copy-link-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerDisplayWireframe = function (props) {
+var VeltRecorderPlayerExpandedDisplayWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-display-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-display-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerMinimizeButtonWireframe = function (props) {
+var VeltRecorderPlayerExpandedMinimizeButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-minimize-button-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-minimize-button-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerPanelWireframe = function (props) {
+var VeltRecorderPlayerExpandedPanelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-panel-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-panel-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerSubtitlesWireframe = function (props) {
+var VeltRecorderPlayerExpandedSubtitlesWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-subtitles-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-subtitles-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerTranscriptionWireframe = function (props) {
+var VeltRecorderPlayerExpandedTranscriptionWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-transcription-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-transcription-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoPlayerWireframe = function (props) {
+var VeltRecorderPlayerExpandedWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React.createElement("velt-video-player-wireframe", __assign({}, transformedProps), children));
+    return (React.createElement("velt-recorder-player-expanded-wireframe", __assign({}, transformedProps), children));
 };
-VeltVideoPlayerWireframe.Controls = VeltVideoPlayerControlsWireframe;
-VeltVideoPlayerWireframe.CopyLink = VeltVideoPlayerCopyLinkWireframe;
-VeltVideoPlayerWireframe.Display = VeltVideoPlayerDisplayWireframe;
-VeltVideoPlayerWireframe.MinimizeButton = VeltVideoPlayerMinimizeButtonWireframe;
-VeltVideoPlayerWireframe.Panel = VeltVideoPlayerPanelWireframe;
-VeltVideoPlayerWireframe.Subtitles = VeltVideoPlayerSubtitlesWireframe;
-VeltVideoPlayerWireframe.Transcription = VeltVideoPlayerTranscriptionWireframe;
+VeltRecorderPlayerExpandedWireframe.Controls = VeltRecorderPlayerExpandedControlsWireframe;
+VeltRecorderPlayerExpandedWireframe.CopyLink = VeltRecorderPlayerExpandedCopyLinkWireframe;
+VeltRecorderPlayerExpandedWireframe.Display = VeltRecorderPlayerExpandedDisplayWireframe;
+VeltRecorderPlayerExpandedWireframe.MinimizeButton = VeltRecorderPlayerExpandedMinimizeButtonWireframe;
+VeltRecorderPlayerExpandedWireframe.Panel = VeltRecorderPlayerExpandedPanelWireframe;
+VeltRecorderPlayerExpandedWireframe.Subtitles = VeltRecorderPlayerExpandedSubtitlesWireframe;
+VeltRecorderPlayerExpandedWireframe.Transcription = VeltRecorderPlayerExpandedTranscriptionWireframe;
 
 var VeltVideoEditorPlayerTitleWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -5169,6 +5183,68 @@ var VeltButtonWireframe = function (props) {
     return (React.createElement("velt-button-wireframe", __assign({ ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, transformedProps), children));
 };
 
+var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelCountdownWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelEditHereWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltSingleEditorModePanelWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React.createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
+};
+VeltSingleEditorModePanelWireframe.RequestAccess = VeltSingleEditorModePanelRequestAccessWireframe;
+VeltSingleEditorModePanelWireframe.RejectRequest = VeltSingleEditorModePanelRejectRequestWireframe;
+VeltSingleEditorModePanelWireframe.ViewerText = VeltSingleEditorModePanelViewerTextWireframe;
+VeltSingleEditorModePanelWireframe.EditorText = VeltSingleEditorModePanelEditorTextWireframe;
+VeltSingleEditorModePanelWireframe.EditHere = VeltSingleEditorModePanelEditHereWireframe;
+VeltSingleEditorModePanelWireframe.Countdown = VeltSingleEditorModePanelCountdownWireframe;
+VeltSingleEditorModePanelWireframe.CancelRequest = VeltSingleEditorModePanelCancelRequestWireframe;
+VeltSingleEditorModePanelWireframe.AcceptRequest = VeltSingleEditorModePanelAcceptRequestWireframe;
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React.useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -6134,17 +6210,17 @@ function useLiveStateData(liveStateDataId, liveStateDataConfig) {
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData, inputs]);
     return data;
 }
-function useSetLiveStateData(liveStateDataId, liveStateData) {
+function useSetLiveStateData(liveStateDataId, liveStateData, config) {
     var liveStateSyncElement = useLiveStateSyncUtils();
     // Memoize inputs
     var inputs = React.useMemo(function () {
-        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData };
-    }, [liveStateDataId, JSON.stringify(liveStateData)]);
+        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData, config: config };
+    }, [liveStateDataId, JSON.stringify(liveStateData), JSON.stringify(config)]);
     React.useEffect(function () {
         if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData))
             return;
         if (inputs.liveStateDataId && inputs.liveStateData) {
-            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData);
+            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData, inputs.config);
         }
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData, inputs]);
 }
@@ -6702,39 +6778,79 @@ var createLiveStateMiddleware = function (config) {
     var isSdkInitialized = false;
     var setupGetDataSubscription = function () {
         var _a, _b;
-        if (!dataSubscription && window.Velt && ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
-            var liveStateSyncElement = (_b = window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
-            dataSubscription = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
-                // Dispatch action to update local state, marking it as remote
-                if (data) {
-                    var sessionId_1 = getSessionId();
-                    if (data.id === sessionId_1) {
-                        return;
-                    }
-                    else {
-                        internalStore === null || internalStore === void 0 ? void 0 : internalStore.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
+        try {
+            if (!dataSubscription && window.Velt && ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
+                var liveStateSyncElement = (_b = window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
+                dataSubscription = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
+                    // Dispatch action to update local state, marking it as remote
+                    if (data) {
+                        var sessionId_1 = getSessionId();
+                        if (data.id === sessionId_1) {
+                            return;
+                        }
+                        else {
+                            internalStore === null || internalStore === void 0 ? void 0 : internalStore.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
+                        }
                     }
-                }
-            });
+                });
+            }
+        }
+        catch (err) {
         }
     };
     var updateLiveStateDataId = function (newId) {
-        liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
-        if (dataSubscription) {
-            dataSubscription.unsubscribe();
-            dataSubscription = null;
+        try {
+            liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
+            if (dataSubscription) {
+                dataSubscription.unsubscribe();
+                dataSubscription = null;
+            }
+            if (isSdkInitialized) {
+                setupGetDataSubscription();
+            }
+        }
+        catch (err) {
+            // handle error
+        }
+    };
+    var updateAllowedActionTypes = function (newAllowedActionTypes) {
+        try {
+            allowedActionTypes = newAllowedActionTypes || new Set();
+        }
+        catch (err) {
+            // handle error
+        }
+    };
+    var updateDisabledActionTypes = function (newDisabledActionTypes) {
+        try {
+            disabledActionTypes = newDisabledActionTypes || new Set();
+        }
+        catch (err) {
+            // handle error
+        }
+    };
+    var updateAllowAction = function (newAllowAction) {
+        try {
+            allowAction = newAllowAction || (function () { return true; });
         }
-        if (isSdkInitialized) {
-            setupGetDataSubscription();
+        catch (err) {
+            // handle error
         }
     };
     var middleware = function (store) {
         internalStore = store;
         var veltSdkInitializedListener = function () {
-            isSdkInitialized = true;
-            setupGetDataSubscription();
-            // Remove the event listener after it's triggered
-            window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
+            try {
+                if (window.Velt) {
+                    isSdkInitialized = true;
+                    setupGetDataSubscription();
+                    // Remove the event listener after it's triggered
+                    window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
+                }
+            }
+            catch (err) {
+                // handle error
+            }
         };
         // Add the event listener for the veltSdkInitialized event
         window.addEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
@@ -6751,25 +6867,29 @@ var createLiveStateMiddleware = function (config) {
     return {
         middleware: middleware,
         updateLiveStateDataId: updateLiveStateDataId,
+        updateAllowedActionTypes: updateAllowedActionTypes,
+        updateDisabledActionTypes: updateDisabledActionTypes,
+        updateAllowAction: updateAllowAction,
     };
 };
 var logLiveState = function (action, liveStateDataId) {
-    var _a;
-    if (window.Velt) {
-        var sessionId_2 = getSessionId();
-        var liveStateElement = (_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement();
-        if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
-            liveStateElement.setLiveStateData(liveStateDataId, {
-                id: sessionId_2,
-                action: action
-            });
+    var _a, _b;
+    try {
+        if (window.Velt && ((_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
+            var sessionId_2 = getSessionId();
+            var liveStateElement = (_b = window === null || window === void 0 ? void 0 : window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
+            if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
+                liveStateElement.setLiveStateData(liveStateDataId, {
+                    id: sessionId_2,
+                    action: action
+                });
+            }
         }
-        liveStateElement.setLiveStateData(liveStateDataId, {
-            id: sessionId_2,
-            action: action
-        });
+    }
+    catch (err) {
+        // handle error
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltVideoPlayerWireframe, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, VeltAutocomplete, VeltAutocompleteChipTooltipWireframe, VeltAutocompleteGroupOptionWireframe, VeltAutocompleteOptionWireframe, VeltButtonWireframe, VeltCanvasComment, VeltChartComment, SnippylyCommentBubble as VeltCommentBubble, VeltCommentBubbleWireframe, VeltCommentComposer, VeltCommentComposerWireframe, VeltCommentDialogOptionsDropdownContentWireframe, VeltCommentDialogOptionsDropdownTriggerWireframe, VeltCommentDialogPriorityDropdownContentWireframe, VeltCommentDialogPriorityDropdownTriggerWireframe, VeltCommentDialogStatusDropdownContentWireframe, VeltCommentDialogStatusDropdownTriggerWireframe, VeltCommentDialogWireframe, VeltCommentPin, VeltCommentPinWireframe, VeltCommentPlayerTimeline, VeltCommentText, VeltCommentThread, VeltCommentThreadWireframe, SnippylyCommentTool as VeltCommentTool, VeltCommentToolWireframe, SnippylyComments as VeltComments, VeltCommentsMinimap, SnippylyCommentsSidebar as VeltCommentsSidebar, VeltCommentsSidebarButton, VeltCommentsSidebarStatusDropdownWireframe, VeltCommentsSidebarWireframe, VeltConfirmDialogWireframe, SnippylyCursor as VeltCursor, VeltData, VeltHighChartComments, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltIf, VeltInlineCommentsSection, VeltInlineCommentsSectionWireframe, VeltInlineReactionsSection, VeltInlineReactionsSectionWireframe, VeltMediaSourceSettingsWireframe, VeltMultiThreadCommentDialogWireframe, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsPanelWireframe, VeltNotificationsTool, VeltNotificationsToolWireframe, VeltPersistentCommentModeWireframe, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, VeltReactionPinTooltipWireframe, VeltReactionPinWireframe, VeltReactionTool, VeltReactionToolWireframe, VeltReactionsPanelWireframe, VeltRecorderAllToolMenuWireframe, VeltRecorderAllToolWireframe, VeltRecorderAudioToolWireframe, SnippylyRecorderControlPanel as VeltRecorderControlPanel, VeltRecorderControlPanelWireframe, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, VeltRecorderPlayerExpandedWireframe, VeltRecorderPlayerWireframe, VeltRecorderScreenToolWireframe, SnippylyRecorderTool as VeltRecorderTool, VeltRecorderVideoToolWireframe, VeltRecordingPreviewStepsDialogWireframe, SnippylySidebarButton as VeltSidebarButton, VeltSidebarButtonWireframe, VeltSingleEditorModePanel, VeltSingleEditorModePanelWireframe, VeltSubtitlesWireframe, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, VeltTextCommentToolWireframe, VeltTextCommentToolbar as VeltTextCommentToolbarWireframe, VeltTranscriptionWireframe, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltUserSelectorDropdown as VeltUserSelectorDropdownWireframe, VeltVideoEditorPlayerWireframe, VeltVideoPlayer, VeltViewAnalytics, VeltWireframe, createLiveStateMiddleware, useAIRewriterUtils, useAddAttachment, useAddComment, useAddCommentAnnotation, useAddReaction, useApproveCommentAnnotation, useAssignUser, useAutocompleteChipClick, useAutocompleteUtils, useClient, useCommentActionCallback, useCommentAddHandler, useCommentAnnotationById, useCommentAnnotations, useCommentAnnotationsCount, useCommentCopyLinkHandler, useCommentDialogSidebarClickHandler, useCommentEventCallback, useCommentModeState, useCommentSelectionChangeHandler, useCommentSidebarActionButtonClick, useCommentSidebarData, useCommentSidebarInit, useCommentUpdateHandler, useCommentUtils, useContactList, useContactSelected, useContactUtils, useCopyLink, useCursorUsers, useCursorUtils, useDeleteAttachment, useDeleteComment, useDeleteCommentAnnotation, useDeleteReaction, useDeleteRecording, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useGetAttachment, useGetComment, useGetCommentAnnotations, useGetLink, useGetRecording, useHuddleUtils, useIdentify, useLiveSelectionDataHandler, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderEventCallback, useRecorderUtils, useRecordingDataByRecorderId, useRecordings, useRejectCommentAnnotation, useResolveCommentAnnotation, useServerConnectionStateChangeHandler, useSetDocument, useSetDocumentId, useSetDocuments, useSetLiveStateData, useSetLocation, useSubscribeCommentAnnotation, useTagAnnotations, useTagUtils, useToggleReaction, useUniqueViewsByDate, useUniqueViewsByUser, useUnreadCommentAnnotationCountByLocationId, useUnreadCommentAnnotationCountOnCurrentDocument, useUnreadCommentCountByAnnotationId, useUnreadCommentCountByLocationId, useUnreadCommentCountOnCurrentDocument, useUnreadNotificationsCount, useUnsetDocumentId, useUnsetDocuments, useUnsubscribeCommentAnnotation, useUpdateAccess, useUpdateComment, useUpdatePriority, useUpdateStatus, useUserEditorState, useVeltClient, useVeltEventCallback, useVeltInitState, useViewsUtils };
 //# sourceMappingURL=index.js.map