@veltdev/react 4.5.0-beta.43 → 4.5.0-beta.45

package/cjs/index.js

@@ -144,13 +144,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.5.0-beta.43';
+var VELT_SDK_VERSION = '4.5.0-beta.45';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 // integrity map for the Velt SDK
 // Note: generate integrity hashes with: https://www.srihash.org/
 var INTEGRITY_MAP = {
-    '4.5.0-beta.43': 'sha384-30ikgFsKYWUZLRinDJI7ktb5Knr6p2shV7IQ+5ygPVUK7zHlCbNAnDoxu2rMfFdW',
+    '4.5.0-beta.45': 'sha384-tQL43tgFpFzWjCGXvkWUcKTwoBoY2JgSPNhxUyGU+7LzaQGuPKa/gR99kAlajdN2',
 };
 
 var SnippylyProvider = function (props) {
@@ -547,8 +547,8 @@ var SnippylyCursor = function (props) {
 };
 
 var SnippylyHuddle = function (props) {
-    var chat = props.chat, flockModeOnAvatarClick = props.flockModeOnAvatarClick;
-    return (React__default["default"].createElement("velt-huddle", { chat: [true, false].includes(chat) ? (chat ? 'true' : 'false') : undefined, "flock-mode-on-avatar-click": [true, false].includes(flockModeOnAvatarClick) ? (flockModeOnAvatarClick ? 'true' : 'false') : undefined }));
+    var chat = props.chat, flockModeOnAvatarClick = props.flockModeOnAvatarClick, serverFallback = props.serverFallback;
+    return (React__default["default"].createElement("velt-huddle", { chat: [true, false].includes(chat) ? (chat ? 'true' : 'false') : undefined, "flock-mode-on-avatar-click": [true, false].includes(flockModeOnAvatarClick) ? (flockModeOnAvatarClick ? 'true' : 'false') : undefined, "server-fallback": [true, false].includes(serverFallback) ? (serverFallback ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyHuddleTool = function (props) {
@@ -616,7 +616,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, playVideoInFullScreen = props.playVideoInFullScreen;
+    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, retakeOnVideoEditor = props.retakeOnVideoEditor;
     var ref = React.useRef();
     var onRecordedDataRef = React.useRef(onRecordedData);
     // Update the ref to always point to the latest callback function
@@ -642,7 +642,7 @@ 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, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined }));
+    return (React__default["default"].createElement("velt-recorder-control-panel", { ref: ref, mode: mode, "panel-id": panelId, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, "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) {
@@ -651,7 +651,7 @@ var SnippylyRecorderNotes = function (props) {
 };
 
 var SnippylyRecorderPlayer = function (props) {
-    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen;
+    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen, retakeOnVideoEditor = props.retakeOnVideoEditor;
     var ref = React.useRef();
     var onDeleteRef = React.useRef(onDelete);
     // Update the ref to always point to the latest callback function
@@ -677,12 +677,12 @@ 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, "play-video-in-full-screen": [true, false].includes(playVideoInFullScreen) ? (playVideoInFullScreen ? 'true' : 'false') : undefined }));
+    return (React__default["default"].createElement("velt-recorder-player", { ref: ref, "recorder-id": recorderId, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, "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) {
-    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, recordingCountdown = props.recordingCountdown;
-    return (React__default["default"].createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined }, children));
+    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, recordingCountdown = props.recordingCountdown, variant = props.variant, retakeOnVideoEditor = props.retakeOnVideoEditor;
+    return (React__default["default"].createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "retake-on-video-editor": [true, false].includes(retakeOnVideoEditor) ? (retakeOnVideoEditor ? 'true' : 'false') : undefined, variant: variant, "recording-countdown": [true, false].includes(recordingCountdown) ? (recordingCountdown ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylySidebarButton = function (props) {
@@ -5288,11 +5288,72 @@ var VeltVideoEditorPlayerTimelineContainerWireframe = function (props) {
     return (React__default["default"].createElement("velt-video-editor-player-timeline-container-wireframe", __assign({}, transformedProps), children));
 };
 
-var VeltVideoEditorPlayerTimelinePlayheadWireframe = function (props) {
+var VeltVideoEditorPlayerTimelinePlayheadLineWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-playhead-line-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelinePlayheadActionsWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-playhead-actions-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelinePlayhead = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
     return (React__default["default"].createElement("velt-video-editor-player-timeline-playhead-wireframe", __assign({}, transformedProps), children));
 };
+VeltVideoEditorPlayerTimelinePlayhead.Line = VeltVideoEditorPlayerTimelinePlayheadLineWireframe;
+VeltVideoEditorPlayerTimelinePlayhead.Actions = VeltVideoEditorPlayerTimelinePlayheadActionsWireframe;
+
+var VeltVideoEditorPlayerTimelineOnboardingContentWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-onboarding-content-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelineOnboardingTextTitleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-onboarding-text-title-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelineOnboardingTextDescriptionWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-onboarding-text-description-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelineOnboardingTextWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-onboarding-text-wireframe", __assign({}, transformedProps), children));
+};
+VeltVideoEditorPlayerTimelineOnboardingTextWireframe.Title = VeltVideoEditorPlayerTimelineOnboardingTextTitleWireframe;
+VeltVideoEditorPlayerTimelineOnboardingTextWireframe.Description = VeltVideoEditorPlayerTimelineOnboardingTextDescriptionWireframe;
+
+var VeltVideoEditorPlayerTimelineOnboardingArrowWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-onboarding-arrow-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelineOnboardingWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-onboarding-wireframe", __assign({}, transformedProps), children));
+};
+VeltVideoEditorPlayerTimelineOnboardingWireframe.Content = VeltVideoEditorPlayerTimelineOnboardingContentWireframe;
+VeltVideoEditorPlayerTimelineOnboardingWireframe.Text = VeltVideoEditorPlayerTimelineOnboardingTextWireframe;
+VeltVideoEditorPlayerTimelineOnboardingWireframe.Arrow = VeltVideoEditorPlayerTimelineOnboardingArrowWireframe;
+
+var VeltVideoEditorPlayerTimelineBackspaceHintWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-backspace-hint-wireframe", __assign({}, transformedProps), children));
+};
 
 var VeltVideoEditorPlayerTimelineWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -5303,7 +5364,9 @@ VeltVideoEditorPlayerTimelineWireframe.Marker = VeltVideoEditorPlayerTimelineMar
 VeltVideoEditorPlayerTimelineWireframe.Scale = VeltVideoEditorPlayerTimelineScaleWireframe;
 VeltVideoEditorPlayerTimelineWireframe.Trim = VeltVideoEditorPlayerTimelineTrimWireframe;
 VeltVideoEditorPlayerTimelineWireframe.Container = VeltVideoEditorPlayerTimelineContainerWireframe;
-VeltVideoEditorPlayerTimelineWireframe.Playhead = VeltVideoEditorPlayerTimelinePlayheadWireframe;
+VeltVideoEditorPlayerTimelineWireframe.Playhead = VeltVideoEditorPlayerTimelinePlayhead;
+VeltVideoEditorPlayerTimelineWireframe.Onboarding = VeltVideoEditorPlayerTimelineOnboardingWireframe;
+VeltVideoEditorPlayerTimelineWireframe.BackspaceHint = VeltVideoEditorPlayerTimelineBackspaceHintWireframe;
 
 var VeltVideoEditorPlayerDownloadButtonWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -5317,6 +5380,12 @@ var VeltVideoEditorPlayerAddZoomButtonWireframe = function (props) {
     return (React__default["default"].createElement("velt-video-editor-player-add-zoom-button-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltVideoEditorPlayerRetakeButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-retake-button-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltVideoEditorPlayerWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -5335,6 +5404,7 @@ VeltVideoEditorPlayerWireframe.DeleteButton = VeltVideoEditorPlayerDeleteButtonW
 VeltVideoEditorPlayerWireframe.Timeline = VeltVideoEditorPlayerTimelineWireframe;
 VeltVideoEditorPlayerWireframe.DownloadButton = VeltVideoEditorPlayerDownloadButtonWireframe;
 VeltVideoEditorPlayerWireframe.AddZoomButton = VeltVideoEditorPlayerAddZoomButtonWireframe;
+VeltVideoEditorPlayerWireframe.RetakeButton = VeltVideoEditorPlayerRetakeButtonWireframe;
 
 var VeltSubtitlesTextWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);