@veltdev/react 4.4.0-beta.7 → 4.4.0-beta.9

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.4.0-beta.7';
+var VELT_SDK_VERSION = '4.4.0-beta.9';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -590,7 +590,7 @@ var SnippylyPresence = function (props) {
 };
 
 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 = React.useRef();
     var onRecordedDataRef = React.useRef(onRecordedData);
     // Update the ref to always point to the latest callback function
@@ -616,16 +616,16 @@ var SnippylyRecorderControlPanel = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].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__default["default"].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__default["default"].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__default["default"].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 = React.useRef();
     var onDeleteRef = React.useRef(onDelete);
     // Update the ref to always point to the latest callback function
@@ -651,7 +651,7 @@ var SnippylyRecorderPlayer = function (props) {
             }
         };
     }, []);
-    return (React__default["default"].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__default["default"].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) {
@@ -1483,10 +1483,10 @@ var VeltCommentComposer = function (props) {
     return (React__default["default"].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 VeltLiveStateSyncPanel = function (props) {
+var VeltSingleEditorModePanel = function (props) {
     var children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode;
     var ref = React.useRef();
-    return (React__default["default"].createElement("velt-live-state-sync-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));
+    return (React__default["default"].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) {
@@ -4403,12 +4403,6 @@ var VeltRecorderControlPanelFloatingModeContainerWireframe = function (props) {
     return (React__default["default"].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__default["default"].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);
@@ -4521,13 +4515,20 @@ var VeltRecorderControlPanelScreenWireframe = function (props) {
     return (React__default["default"].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__default["default"].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__default["default"].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;
@@ -4545,6 +4546,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"]);
@@ -4715,172 +4717,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__default["default"].createElement("velt-video-player-controls-delete-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-progress-bar-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-settings-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-subtitle-button-icon-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-subtitle-button-tooltip-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-subtitle-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-time-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-toggle-pause-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-toggle-play-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-toggle-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-transcription-icon-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-transcription-tooltip-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-transcription-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-volume-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-current-time-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-total-time-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-controls-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-copy-link-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-display-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-minimize-button-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-panel-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-subtitles-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-transcription-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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__default["default"].createElement("velt-video-player-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].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"]);
@@ -5189,67 +5191,67 @@ var VeltButtonWireframe = function (props) {
     return (React__default["default"].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 VeltLiveStateSyncPanelRequestAccessWireframe = function (props) {
+var VeltSingleEditorModePanelAcceptRequestWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-request-access-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-accept-request-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelRejectRequestWireframe = function (props) {
+var VeltSingleEditorModePanelCancelRequestWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-reject-request-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelReaderTextWireframe = function (props) {
+var VeltSingleEditorModePanelCountdownWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-reader-text-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-countdown-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelEditorTextWireframe = function (props) {
+var VeltSingleEditorModePanelEditHereWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-editor-text-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-edit-here-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelEditHereWireframe = function (props) {
+var VeltSingleEditorModePanelEditorTextWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-edit-here-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-editor-text-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelCountdownWireframe = function (props) {
+var VeltSingleEditorModePanelRejectRequestWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-countdown-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-reject-request-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelCancelRequestWireframe = function (props) {
+var VeltSingleEditorModePanelRequestAccessWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-cancel-request-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-request-access-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelAcceptRequestWireframe = function (props) {
+var VeltSingleEditorModePanelViewerTextWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-accept-request-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-viewer-text-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltLiveStateSyncPanelWireframe = function (props) {
+var VeltSingleEditorModePanelWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
-    return (React__default["default"].createElement("velt-live-state-sync-panel-wireframe", __assign({}, transformedProps), children));
+    return (React__default["default"].createElement("velt-single-editor-mode-panel-wireframe", __assign({}, transformedProps), children));
 };
-VeltLiveStateSyncPanelWireframe.RequestAccess = VeltLiveStateSyncPanelRequestAccessWireframe;
-VeltLiveStateSyncPanelWireframe.RejectRequest = VeltLiveStateSyncPanelRejectRequestWireframe;
-VeltLiveStateSyncPanelWireframe.ReaderText = VeltLiveStateSyncPanelReaderTextWireframe;
-VeltLiveStateSyncPanelWireframe.EditorText = VeltLiveStateSyncPanelEditorTextWireframe;
-VeltLiveStateSyncPanelWireframe.EditHere = VeltLiveStateSyncPanelEditHereWireframe;
-VeltLiveStateSyncPanelWireframe.Countdown = VeltLiveStateSyncPanelCountdownWireframe;
-VeltLiveStateSyncPanelWireframe.CancelRequest = VeltLiveStateSyncPanelCancelRequestWireframe;
-VeltLiveStateSyncPanelWireframe.AcceptRequest = VeltLiveStateSyncPanelAcceptRequestWireframe;
+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;
@@ -6915,8 +6917,6 @@ exports.VeltInlineCommentsSection = VeltInlineCommentsSection;
 exports.VeltInlineCommentsSectionWireframe = VeltInlineCommentsSectionWireframe;
 exports.VeltInlineReactionsSection = VeltInlineReactionsSection;
 exports.VeltInlineReactionsSectionWireframe = VeltInlineReactionsSectionWireframe;
-exports.VeltLiveStateSyncPanel = VeltLiveStateSyncPanel;
-exports.VeltLiveStateSyncPanelWireframe = VeltLiveStateSyncPanelWireframe;
 exports.VeltMediaSourceSettingsWireframe = VeltMediaSourceSettingsWireframe;
 exports.VeltMultiThreadCommentDialogWireframe = VeltMultiThreadCommentDialogWireframe;
 exports.VeltNivoChartComments = VeltNivoChartComments;
@@ -6940,6 +6940,7 @@ exports.VeltRecorderControlPanel = SnippylyRecorderControlPanel;
 exports.VeltRecorderControlPanelWireframe = VeltRecorderControlPanelWireframe;
 exports.VeltRecorderNotes = SnippylyRecorderNotes;
 exports.VeltRecorderPlayer = SnippylyRecorderPlayer;
+exports.VeltRecorderPlayerExpandedWireframe = VeltRecorderPlayerExpandedWireframe;
 exports.VeltRecorderPlayerWireframe = VeltRecorderPlayerWireframe;
 exports.VeltRecorderScreenToolWireframe = VeltRecorderScreenToolWireframe;
 exports.VeltRecorderTool = SnippylyRecorderTool;
@@ -6947,6 +6948,8 @@ exports.VeltRecorderVideoToolWireframe = VeltRecorderVideoToolWireframe;
 exports.VeltRecordingPreviewStepsDialogWireframe = VeltRecordingPreviewStepsDialogWireframe;
 exports.VeltSidebarButton = SnippylySidebarButton;
 exports.VeltSidebarButtonWireframe = VeltSidebarButtonWireframe;
+exports.VeltSingleEditorModePanel = VeltSingleEditorModePanel;
+exports.VeltSingleEditorModePanelWireframe = VeltSingleEditorModePanelWireframe;
 exports.VeltSubtitlesWireframe = VeltSubtitlesWireframe;
 exports.VeltTagTool = SnippylyTagTool;
 exports.VeltTags = SnippylyTags;
@@ -6958,7 +6961,6 @@ exports.VeltUserRequestTool = SnippylyUserRequestTool;
 exports.VeltUserSelectorDropdownWireframe = VeltUserSelectorDropdown;
 exports.VeltVideoEditorPlayerWireframe = VeltVideoEditorPlayerWireframe;
 exports.VeltVideoPlayer = VeltVideoPlayer;
-exports.VeltVideoPlayerWireframe = VeltVideoPlayerWireframe;
 exports.VeltViewAnalytics = VeltViewAnalytics;
 exports.VeltWireframe = VeltWireframe;
 exports.createLiveStateMiddleware = createLiveStateMiddleware;