@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
package/cjs/index.js CHANGED
@@ -144,13 +144,13 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
144
144
  }
145
145
  };
146
146
 
147
- var VELT_SDK_VERSION = '4.5.0-beta.42';
147
+ var VELT_SDK_VERSION = '4.5.0-beta.44';
148
148
  var VELT_SDK_INIT_EVENT = 'onVeltInit';
149
149
  var VELT_TAB_ID = 'veltTabId';
150
150
  // integrity map for the Velt SDK
151
151
  // Note: generate integrity hashes with: https://www.srihash.org/
152
152
  var INTEGRITY_MAP = {
153
- '4.5.0-beta.42': 'sha384-MRS8aumxS+zkaKIW1zdg7UEgg8mG9KEQamZnbRZJZirqHhcSQc6zLP0nt+VD0E+B',
153
+ '4.5.0-beta.44': 'sha384-gfy+MV1CukmRfPvDG+eSv3eNhX7hiN8mYGN0RYnWUYdQSwxrZt4ERIWJOhwVxvkH',
154
154
  };
155
155
 
156
156
  var SnippylyProvider = function (props) {
@@ -616,7 +616,7 @@ var SnippylyPresence = function (props) {
616
616
  };
617
617
 
618
618
  var SnippylyRecorderControlPanel = function (props) {
619
- 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;
619
+ 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;
620
620
  var ref = React.useRef();
621
621
  var onRecordedDataRef = React.useRef(onRecordedData);
622
622
  // Update the ref to always point to the latest callback function
@@ -642,7 +642,7 @@ var SnippylyRecorderControlPanel = function (props) {
642
642
  }
643
643
  };
644
644
  }, []);
645
- 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 }));
645
+ 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 }));
646
646
  };
647
647
 
648
648
  var SnippylyRecorderNotes = function (props) {
@@ -651,7 +651,7 @@ var SnippylyRecorderNotes = function (props) {
651
651
  };
652
652
 
653
653
  var SnippylyRecorderPlayer = function (props) {
654
- var recorderId = props.recorderId, onDelete = props.onDelete, showSummary = props.showSummary, summary = props.summary, shadowDom = props.shadowDom, videoEditor = props.videoEditor, playVideoInFullScreen = props.playVideoInFullScreen;
654
+ 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;
655
655
  var ref = React.useRef();
656
656
  var onDeleteRef = React.useRef(onDelete);
657
657
  // Update the ref to always point to the latest callback function
@@ -677,12 +677,12 @@ var SnippylyRecorderPlayer = function (props) {
677
677
  }
678
678
  };
679
679
  }, []);
680
- 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 }));
680
+ 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 }));
681
681
  };
682
682
 
683
683
  var SnippylyRecorderTool = function (props) {
684
- var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom, recordingCountdown = props.recordingCountdown;
685
- 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));
684
+ 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;
685
+ 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));
686
686
  };
687
687
 
688
688
  var SnippylySidebarButton = function (props) {
@@ -5317,6 +5317,12 @@ var VeltVideoEditorPlayerAddZoomButtonWireframe = function (props) {
5317
5317
  return (React__default["default"].createElement("velt-video-editor-player-add-zoom-button-wireframe", __assign({}, transformedProps), children));
5318
5318
  };
5319
5319
 
5320
+ var VeltVideoEditorPlayerRetakeButtonWireframe = function (props) {
5321
+ var children = props.children, remainingProps = __rest(props, ["children"]);
5322
+ var transformedProps = transformWireframeProps(remainingProps);
5323
+ return (React__default["default"].createElement("velt-video-editor-player-retake-button-wireframe", __assign({}, transformedProps), children));
5324
+ };
5325
+
5320
5326
  var VeltVideoEditorPlayerWireframe = function (props) {
5321
5327
  var children = props.children, remainingProps = __rest(props, ["children"]);
5322
5328
  var transformedProps = transformWireframeProps(remainingProps);
@@ -5335,6 +5341,7 @@ VeltVideoEditorPlayerWireframe.DeleteButton = VeltVideoEditorPlayerDeleteButtonW
5335
5341
  VeltVideoEditorPlayerWireframe.Timeline = VeltVideoEditorPlayerTimelineWireframe;
5336
5342
  VeltVideoEditorPlayerWireframe.DownloadButton = VeltVideoEditorPlayerDownloadButtonWireframe;
5337
5343
  VeltVideoEditorPlayerWireframe.AddZoomButton = VeltVideoEditorPlayerAddZoomButtonWireframe;
5344
+ VeltVideoEditorPlayerWireframe.RetakeButton = VeltVideoEditorPlayerRetakeButtonWireframe;
5338
5345
 
5339
5346
  var VeltSubtitlesTextWireframe = function (props) {
5340
5347
  var children = props.children, remainingProps = __rest(props, ["children"]);