@veltdev/react 4.5.6 → 4.5.8-beta.1

package/cjs/types/components/SnippylyRecorderControlPanel/SnippylyRecorderControlPanel.d.ts

@@ -13,6 +13,7 @@ export interface IVeltRecorderControlPanelProps {
     retakeOnVideoEditor?: boolean;
     pictureInPicture?: boolean;
     maxLength?: number;
+    videoEditorTimelinePreview?: boolean;
 }
 declare const SnippylyRecorderControlPanel: React.FC<IVeltRecorderControlPanelProps>;
 export default SnippylyRecorderControlPanel;

package/cjs/types/components/SnippylyRecorderNotes/SnippylyRecorderNotes.d.ts

@@ -5,6 +5,7 @@ export interface IVeltRecorderNotesProps extends React.DetailedHTMLProps<React.H
     recordingCountdown?: boolean;
     recordingTranscription?: boolean;
     playVideoInFullScreen?: boolean;
+    videoEditorTimelinePreview?: boolean;
 }
 declare const SnippylyRecorderNotes: React.FC<IVeltRecorderNotesProps>;
 export default SnippylyRecorderNotes;

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.5.6";
+export declare const VELT_SDK_VERSION = "4.5.8-beta.1";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export declare const INTEGRITY_MAP: Record<string, string>;

package/esm/index.js

@@ -137,13 +137,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.5.6';
+var VELT_SDK_VERSION = '4.5.8-beta.1';
 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.6': 'sha384-MIqAGUkz3i4ulthwWxmaYCYXTTueByt1kdrzxiKU5Qi6m+HQWSB5ebEMlPkZ0v4H',
+    '4.5.8-beta.1': 'sha384-+sNtcwvxA+eblFHXgGVODgOuTrp7FtfzblVZIXjbiWxw9RMj/uNFPYc5F177rOCR',
 };
 
 var SnippylyProvider = function (props) {
@@ -628,7 +628,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, retakeOnVideoEditor = props.retakeOnVideoEditor, pictureInPicture = props.pictureInPicture, maxLength = props.maxLength;
+    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, pictureInPicture = props.pictureInPicture, maxLength = props.maxLength, videoEditorTimelinePreview = props.videoEditorTimelinePreview;
     var ref = useRef();
     var onRecordedDataRef = useRef(onRecordedData);
     // Update the ref to always point to the latest callback function
@@ -654,12 +654,12 @@ var SnippylyRecorderControlPanel = function (props) {
             }
         };
     }, []);
-    return (React.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, "picture-in-picture": [true, false].includes(pictureInPicture) ? (pictureInPicture ? 'true' : 'false') : undefined, "max-length": maxLength }));
+    return (React.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, "picture-in-picture": [true, false].includes(pictureInPicture) ? (pictureInPicture ? 'true' : 'false') : undefined, "max-length": maxLength, "video-editor-timeline-preview": [true, false].includes(videoEditorTimelinePreview) ? (videoEditorTimelinePreview ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyRecorderNotes = function (props) {
-    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 shadowDom = props.shadowDom, children = props.children, videoEditor = props.videoEditor, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, playVideoInFullScreen = props.playVideoInFullScreen, videoEditorTimelinePreview = props.videoEditorTimelinePreview;
+    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, "video-editor-timeline-preview": [true, false].includes(videoEditorTimelinePreview) ? (videoEditorTimelinePreview ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyRecorderPlayer = function (props) {