@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.
Files changed (20) hide show
  1. package/cjs/index.js +15 -8
  2. package/cjs/index.js.map +1 -1
  3. package/cjs/types/components/SnippylyRecorderControlPanel/SnippylyRecorderControlPanel.d.ts +1 -0
  4. package/cjs/types/components/SnippylyRecorderPlayer/SnippylyRecorderPlayer.d.ts +1 -0
  5. package/cjs/types/components/SnippylyRecorderTool/SnippylyRecorderTool.d.ts +2 -0
  6. package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/VeltVideoEditorPlayerRetakeButtonWireframe.d.ts +8 -0
  7. package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/index.d.ts +1 -0
  8. package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerWireframe.d.ts +2 -0
  9. package/cjs/types/constants.d.ts +1 -1
  10. package/esm/index.js +15 -8
  11. package/esm/index.js.map +1 -1
  12. package/esm/types/components/SnippylyRecorderControlPanel/SnippylyRecorderControlPanel.d.ts +1 -0
  13. package/esm/types/components/SnippylyRecorderPlayer/SnippylyRecorderPlayer.d.ts +1 -0
  14. package/esm/types/components/SnippylyRecorderTool/SnippylyRecorderTool.d.ts +2 -0
  15. package/esm/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/VeltVideoEditorPlayerRetakeButtonWireframe.d.ts +8 -0
  16. package/esm/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerRetakeButtonWireframe/index.d.ts +1 -0
  17. package/esm/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerWireframe.d.ts +2 -0
  18. package/esm/types/constants.d.ts +1 -1
  19. package/index.d.ts +10 -0
  20. 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';
@@ -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;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const VELT_SDK_VERSION = "4.5.0-beta.42";
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.42';
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.42': 'sha384-MRS8aumxS+zkaKIW1zdg7UEgg8mG9KEQamZnbRZJZirqHhcSQc6zLP0nt+VD0E+B',
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"]);