@veltdev/react 4.5.0-beta.42 → 4.5.0-beta.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +15 -8
- package/cjs/index.js.map +1 -1
- package/cjs/types/components/SnippylyRecorderControlPanel/SnippylyRecorderControlPanel.d.ts +1 -0
- package/cjs/types/components/SnippylyRecorderPlayer/SnippylyRecorderPlayer.d.ts +1 -0
- package/cjs/types/components/SnippylyRecorderTool/SnippylyRecorderTool.d.ts +2 -0
- package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/VeltVideoEditorPlayerRetakeButtonWireframe.d.ts +8 -0
- package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/index.d.ts +1 -0
- package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerWireframe.d.ts +2 -0
- package/cjs/types/constants.d.ts +1 -1
- package/esm/index.js +15 -8
- package/esm/index.js.map +1 -1
- package/esm/types/components/SnippylyRecorderControlPanel/SnippylyRecorderControlPanel.d.ts +1 -0
- package/esm/types/components/SnippylyRecorderPlayer/SnippylyRecorderPlayer.d.ts +1 -0
- package/esm/types/components/SnippylyRecorderTool/SnippylyRecorderTool.d.ts +2 -0
- package/esm/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/VeltVideoEditorPlayerRetakeButtonWireframe.d.ts +8 -0
- package/esm/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/index.d.ts +1 -0
- package/esm/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerWireframe.d.ts +2 -0
- package/esm/types/constants.d.ts +1 -1
- package/index.d.ts +10 -0
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ export interface IVeltRecorderControlPanelProps {
|
|
|
10
10
|
settingsEmbedded?: boolean;
|
|
11
11
|
autoOpenVideoEditor?: boolean;
|
|
12
12
|
playVideoInFullScreen?: boolean;
|
|
13
|
+
retakeOnVideoEditor?: boolean;
|
|
13
14
|
}
|
|
14
15
|
declare const SnippylyRecorderControlPanel: React.FC<IVeltRecorderControlPanelProps>;
|
|
15
16
|
export default SnippylyRecorderControlPanel;
|
|
@@ -10,6 +10,7 @@ export interface IVeltRecorderPlayerProps {
|
|
|
10
10
|
shadowDom?: boolean;
|
|
11
11
|
videoEditor?: boolean;
|
|
12
12
|
playVideoInFullScreen?: boolean;
|
|
13
|
+
retakeOnVideoEditor?: boolean;
|
|
13
14
|
}
|
|
14
15
|
declare const SnippylyRecorderPlayer: React.FC<IVeltRecorderPlayerProps>;
|
|
15
16
|
export default SnippylyRecorderPlayer;
|
|
@@ -7,6 +7,8 @@ export interface IVeltRecorderToolProps extends React.DetailedHTMLProps<React.HT
|
|
|
7
7
|
darkMode?: boolean;
|
|
8
8
|
shadowDom?: boolean;
|
|
9
9
|
recordingCountdown?: boolean;
|
|
10
|
+
variant?: string;
|
|
11
|
+
retakeOnVideoEditor?: boolean;
|
|
10
12
|
}
|
|
11
13
|
declare const SnippylyRecorderTool: React.FC<IVeltRecorderToolProps>;
|
|
12
14
|
export default SnippylyRecorderTool;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { IVeltWireframeCommonProps } from '../../../constants';
|
|
3
|
+
export interface IVeltVideoEditorPlayerRetakeButtonWireframeProps extends IVeltWireframeCommonProps {
|
|
4
|
+
}
|
|
5
|
+
export interface IVeltVideoEditorPlayerRetakeButtonWireframe extends React.FC<IVeltVideoEditorPlayerRetakeButtonWireframeProps> {
|
|
6
|
+
}
|
|
7
|
+
declare const VeltVideoEditorPlayerRetakeButtonWireframe: IVeltVideoEditorPlayerRetakeButtonWireframe;
|
|
8
|
+
export default VeltVideoEditorPlayerRetakeButtonWireframe;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './VeltVideoEditorPlayerRetakeButtonWireframe';
|
package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerWireframe.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ import { IVeltVideoEditorPlayerDeleteButtonWireframe } from './VeltVideoEditorPl
|
|
|
13
13
|
import { IVeltVideoEditorPlayerTimelineWireframe } from './VeltVideoEditorPlayerTimelineWireframe/VeltVideoEditorPlayerTimelineWireframe';
|
|
14
14
|
import { IVeltVideoEditorPlayerDownloadButtonWireframe } from './VeltVideoEditorPlayerDownloadButtonWireframe/VeltVideoEditorPlayerDownloadButtonWireframe';
|
|
15
15
|
import { IVeltVideoEditorPlayerAddZoomButtonWireframe } from './VeltVideoEditorPlayerAddZoomButtonWireframe/VeltVideoEditorPlayerAddZoomButtonWireframe';
|
|
16
|
+
import { IVeltVideoEditorPlayerRetakeButtonWireframe } from './VeltVideoEditorPlayerRetakeButtonWireframe/VeltVideoEditorPlayerRetakeButtonWireframe';
|
|
16
17
|
export interface IVeltVideoEditorPlayerWireframeProps extends IVeltWireframeCommonProps {
|
|
17
18
|
}
|
|
18
19
|
export interface IVeltVideoEditorPlayerWireframe extends React.FC<IVeltVideoEditorPlayerWireframeProps> {
|
|
@@ -29,6 +30,7 @@ export interface IVeltVideoEditorPlayerWireframe extends React.FC<IVeltVideoEdit
|
|
|
29
30
|
DeleteButton: IVeltVideoEditorPlayerDeleteButtonWireframe;
|
|
30
31
|
Timeline: IVeltVideoEditorPlayerTimelineWireframe;
|
|
31
32
|
AddZoomButton: IVeltVideoEditorPlayerAddZoomButtonWireframe;
|
|
33
|
+
RetakeButton: IVeltVideoEditorPlayerRetakeButtonWireframe;
|
|
32
34
|
}
|
|
33
35
|
declare const VeltVideoEditorPlayerWireframe: IVeltVideoEditorPlayerWireframe;
|
|
34
36
|
export default VeltVideoEditorPlayerWireframe;
|
package/cjs/types/constants.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const VELT_SDK_VERSION = "4.5.0-beta.
|
|
2
|
+
export declare const VELT_SDK_VERSION = "4.5.0-beta.44";
|
|
3
3
|
export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
|
|
4
4
|
export declare const VELT_TAB_ID = "veltTabId";
|
|
5
5
|
export declare const INTEGRITY_MAP: Record<string, string>;
|
package/esm/index.js
CHANGED
|
@@ -136,13 +136,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
|
|
|
136
136
|
}
|
|
137
137
|
};
|
|
138
138
|
|
|
139
|
-
var VELT_SDK_VERSION = '4.5.0-beta.
|
|
139
|
+
var VELT_SDK_VERSION = '4.5.0-beta.44';
|
|
140
140
|
var VELT_SDK_INIT_EVENT = 'onVeltInit';
|
|
141
141
|
var VELT_TAB_ID = 'veltTabId';
|
|
142
142
|
// integrity map for the Velt SDK
|
|
143
143
|
// Note: generate integrity hashes with: https://www.srihash.org/
|
|
144
144
|
var INTEGRITY_MAP = {
|
|
145
|
-
'4.5.0-beta.
|
|
145
|
+
'4.5.0-beta.44': 'sha384-gfy+MV1CukmRfPvDG+eSv3eNhX7hiN8mYGN0RYnWUYdQSwxrZt4ERIWJOhwVxvkH',
|
|
146
146
|
};
|
|
147
147
|
|
|
148
148
|
var SnippylyProvider = function (props) {
|
|
@@ -608,7 +608,7 @@ var SnippylyPresence = function (props) {
|
|
|
608
608
|
};
|
|
609
609
|
|
|
610
610
|
var SnippylyRecorderControlPanel = function (props) {
|
|
611
|
-
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;
|
|
611
|
+
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;
|
|
612
612
|
var ref = useRef();
|
|
613
613
|
var onRecordedDataRef = useRef(onRecordedData);
|
|
614
614
|
// Update the ref to always point to the latest callback function
|
|
@@ -634,7 +634,7 @@ var SnippylyRecorderControlPanel = function (props) {
|
|
|
634
634
|
}
|
|
635
635
|
};
|
|
636
636
|
}, []);
|
|
637
|
-
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 }));
|
|
637
|
+
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 }));
|
|
638
638
|
};
|
|
639
639
|
|
|
640
640
|
var SnippylyRecorderNotes = function (props) {
|
|
@@ -643,7 +643,7 @@ var SnippylyRecorderNotes = function (props) {
|
|
|
643
643
|
};
|
|
644
644
|
|
|
645
645
|
var SnippylyRecorderPlayer = function (props) {
|
|
646
|
-
var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen;
|
|
646
|
+
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;
|
|
647
647
|
var ref = useRef();
|
|
648
648
|
var onDeleteRef = useRef(onDelete);
|
|
649
649
|
// Update the ref to always point to the latest callback function
|
|
@@ -669,12 +669,12 @@ var SnippylyRecorderPlayer = function (props) {
|
|
|
669
669
|
}
|
|
670
670
|
};
|
|
671
671
|
}, []);
|
|
672
|
-
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 }));
|
|
672
|
+
return (React.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 }));
|
|
673
673
|
};
|
|
674
674
|
|
|
675
675
|
var SnippylyRecorderTool = function (props) {
|
|
676
|
-
var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, recordingCountdown = props.recordingCountdown;
|
|
677
|
-
return (React.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));
|
|
676
|
+
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;
|
|
677
|
+
return (React.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));
|
|
678
678
|
};
|
|
679
679
|
|
|
680
680
|
var SnippylySidebarButton = function (props) {
|
|
@@ -5309,6 +5309,12 @@ var VeltVideoEditorPlayerAddZoomButtonWireframe = function (props) {
|
|
|
5309
5309
|
return (React.createElement("velt-video-editor-player-add-zoom-button-wireframe", __assign({}, transformedProps), children));
|
|
5310
5310
|
};
|
|
5311
5311
|
|
|
5312
|
+
var VeltVideoEditorPlayerRetakeButtonWireframe = function (props) {
|
|
5313
|
+
var children = props.children, remainingProps = __rest(props, ["children"]);
|
|
5314
|
+
var transformedProps = transformWireframeProps(remainingProps);
|
|
5315
|
+
return (React.createElement("velt-video-editor-player-retake-button-wireframe", __assign({}, transformedProps), children));
|
|
5316
|
+
};
|
|
5317
|
+
|
|
5312
5318
|
var VeltVideoEditorPlayerWireframe = function (props) {
|
|
5313
5319
|
var children = props.children, remainingProps = __rest(props, ["children"]);
|
|
5314
5320
|
var transformedProps = transformWireframeProps(remainingProps);
|
|
@@ -5327,6 +5333,7 @@ VeltVideoEditorPlayerWireframe.DeleteButton = VeltVideoEditorPlayerDeleteButtonW
|
|
|
5327
5333
|
VeltVideoEditorPlayerWireframe.Timeline = VeltVideoEditorPlayerTimelineWireframe;
|
|
5328
5334
|
VeltVideoEditorPlayerWireframe.DownloadButton = VeltVideoEditorPlayerDownloadButtonWireframe;
|
|
5329
5335
|
VeltVideoEditorPlayerWireframe.AddZoomButton = VeltVideoEditorPlayerAddZoomButtonWireframe;
|
|
5336
|
+
VeltVideoEditorPlayerWireframe.RetakeButton = VeltVideoEditorPlayerRetakeButtonWireframe;
|
|
5330
5337
|
|
|
5331
5338
|
var VeltSubtitlesTextWireframe = function (props) {
|
|
5332
5339
|
var children = props.children, remainingProps = __rest(props, ["children"]);
|