@veltdev/react 4.3.0-beta.5 → 4.3.0-beta.6

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.3.0-beta.5';
+var VELT_SDK_VERSION = '4.3.0-beta.6';
 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;
+    var mode = props.mode, panelId = props.panelId, onRecordedData = props.onRecordedData, recordingCountdown = props.recordingCountdown, recordingTranscription = props.recordingTranscription, videoEditor = props.videoEditor;
     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 }));
+    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 }));
 };
 
 var SnippylyRecorderNotes = function (props) {
-    var shadowDom = props.shadowDom, children = props.children, videoEditor = props.videoEditor;
-    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 }, children));
+    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 SnippylyRecorderPlayer = function (props) {
-    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom;
+    var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor;
     var ref = React.useRef();
     var onDeleteRef = React.useRef(onDelete);
     // Update the ref to always point to the latest callback function
@@ -651,12 +651,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 }));
+    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 }));
 };
 
 var SnippylyRecorderTool = function (props) {
-    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom;
-    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 }, children));
+    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 SnippylySidebarButton = function (props) {
@@ -4861,6 +4861,110 @@ VeltVideoPlayerWireframe.Panel = VeltVideoPlayerPanelWireframe;
 VeltVideoPlayerWireframe.Subtitles = VeltVideoPlayerSubtitlesWireframe;
 VeltVideoPlayerWireframe.Transcription = VeltVideoPlayerTranscriptionWireframe;
 
+var VeltVideoEditorPlayerTitleWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-title-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerApplyButtonLoadingWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-apply-button-loading-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerApplyButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-apply-button-wireframe", __assign({}, transformedProps), children));
+};
+VeltVideoEditorPlayerApplyButtonWireframe.Loading = VeltVideoEditorPlayerApplyButtonLoadingWireframe;
+
+var VeltVideoEditorPlayerCloseButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-close-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerPreviewLoadingWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-preview-loading-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerPreviewVideoWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-preview-video-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerPreviewWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-preview-wireframe", __assign({}, transformedProps), children));
+};
+VeltVideoEditorPlayerPreviewWireframe.Loading = VeltVideoEditorPlayerPreviewLoadingWireframe;
+VeltVideoEditorPlayerPreviewWireframe.Video = VeltVideoEditorPlayerPreviewVideoWireframe;
+
+var VeltVideoEditorPlayerToggleButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-toggle-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-time-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerCurrentTimeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-current-time-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTotalTimeWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-total-time-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerSplitButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-split-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerDeleteButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-delete-button-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerTimelineWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-timeline-wireframe", __assign({}, transformedProps), children));
+};
+
+var VeltVideoEditorPlayerWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-wireframe", __assign({}, transformedProps), children));
+};
+VeltVideoEditorPlayerWireframe.Title = VeltVideoEditorPlayerTitleWireframe;
+VeltVideoEditorPlayerWireframe.ApplyButton = VeltVideoEditorPlayerApplyButtonWireframe;
+VeltVideoEditorPlayerWireframe.CloseButton = VeltVideoEditorPlayerCloseButtonWireframe;
+VeltVideoEditorPlayerWireframe.Preview = VeltVideoEditorPlayerPreviewWireframe;
+VeltVideoEditorPlayerWireframe.ToggleButton = VeltVideoEditorPlayerToggleButtonWireframe;
+VeltVideoEditorPlayerWireframe.Time = VeltVideoEditorPlayerTimeWireframe;
+VeltVideoEditorPlayerWireframe.CurrentTime = VeltVideoEditorPlayerCurrentTimeWireframe;
+VeltVideoEditorPlayerWireframe.TotalTime = VeltVideoEditorPlayerTotalTimeWireframe;
+VeltVideoEditorPlayerWireframe.SplitButton = VeltVideoEditorPlayerSplitButtonWireframe;
+VeltVideoEditorPlayerWireframe.DeleteButton = VeltVideoEditorPlayerDeleteButtonWireframe;
+VeltVideoEditorPlayerWireframe.Timeline = VeltVideoEditorPlayerTimelineWireframe;
+
 var VeltSubtitlesTextWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -6226,6 +6330,9 @@ function useRecorderUtils() {
     }, [client, setRecorderElement, recorderElement]);
     return recorderElement;
 }
+/**
+* @deprecated Use `useRecorderEventCallback('recordingDone')` hook instead
+*/
 function useRecorderAddHandler() {
     var recorderElement = useRecorderUtils();
     var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
@@ -6259,6 +6366,40 @@ function useRecordingDataByRecorderId(recorderId) {
     }, [recorderElement]);
     return data;
 }
+function useRecordings(query) {
+    var recorderElement = useRecorderUtils();
+    var _a = React__default["default"].useState({ data: null }), data = _a[0], setData = _a[1];
+    var subscriptionRef = React__default["default"].useRef();
+    // Memoize the inputs
+    var memoizedData = React__default["default"].useMemo(function () {
+        return query;
+    }, [JSON.stringify(query)]);
+    React.useEffect(function () {
+        if (!(recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.getRecordings))
+            return;
+        // Unsubscribe from the previous subscription if it exists
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.getRecordings(memoizedData).subscribe(function (res) {
+            if (res) {
+                setData(res);
+            }
+            else {
+                setData({ data: null });
+            }
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [recorderElement === null || recorderElement === void 0 ? void 0 : recorderElement.getRecordings, memoizedData]);
+    return data;
+}
 
 function useRecorderEventCallback(action) {
     var recorderElement = useRecorderUtils();
@@ -6713,6 +6854,7 @@ exports.VeltTranscriptionWireframe = VeltTranscriptionWireframe;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
 exports.VeltUserSelectorDropdownWireframe = VeltUserSelectorDropdown;
+exports.VeltVideoEditorPlayerWireframe = VeltVideoEditorPlayerWireframe;
 exports.VeltVideoPlayer = VeltVideoPlayer;
 exports.VeltVideoPlayerWireframe = VeltVideoPlayerWireframe;
 exports.VeltViewAnalytics = VeltViewAnalytics;
@@ -6777,6 +6919,7 @@ exports.useRecorderAddHandler = useRecorderAddHandler;
 exports.useRecorderEventCallback = useRecorderEventCallback;
 exports.useRecorderUtils = useRecorderUtils;
 exports.useRecordingDataByRecorderId = useRecordingDataByRecorderId;
+exports.useRecordings = useRecordings;
 exports.useRejectCommentAnnotation = useRejectCommentAnnotation;
 exports.useResolveCommentAnnotation = useResolveCommentAnnotation;
 exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;