@veltdev/react 4.5.0-beta.11 → 4.5.0-beta.13

package/cjs/index.js

@@ -99,7 +99,7 @@ function useVeltClient() {
     return React.useContext(VeltContext);
 }
 
-var loadVelt = function (callback, version, staging, develop, proxyDomain) {
+var loadVelt = function (callback, version, staging, develop, proxyDomain, integrity, integrityValue) {
     if (version === void 0) { version = 'latest'; }
     if (staging === void 0) { staging = false; }
     if (develop === void 0) { develop = false; }
@@ -126,6 +126,10 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
         }
         script.id = 'veltScript';
         script.type = 'module';
+        if (integrity && integrityValue) {
+            script.integrity = integrityValue;
+            script.crossOrigin = 'anonymous';
+        }
         document.body.appendChild(script);
         script.onload = function () {
             if (callback) {
@@ -140,18 +144,40 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.5.0-beta.11';
+var VELT_SDK_VERSION = '4.5.0-beta.13';
 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.0-beta.13': 'sha384-Mu1jdD223jLItSpbJev0mw5PyMUf+5UlS+qPrM/1P2JMejbTZvnwa8roDWwhP/In',
+};
 
 var SnippylyProvider = function (props) {
     var apiKey = props.apiKey, user = props.user, config = props.config, documentId = props.documentId, language = props.language, translations = props.translations, autoTranslation = props.autoTranslation, userDataProvider = props.userDataProvider, dataProviders = props.dataProviders, onClientLoad = props.onClientLoad, children = props.children;
     var _a = React.useState(null), client = _a[0], setClient = _a[1];
     React.useEffect(function () {
         if (apiKey) {
+            var staging = config === null || config === void 0 ? void 0 : config.staging;
+            var develop = config === null || config === void 0 ? void 0 : config.develop;
+            var version = (config === null || config === void 0 ? void 0 : config.version) || VELT_SDK_VERSION;
+            var integrity = !!(config === null || config === void 0 ? void 0 : config.integrity);
+            var integrityValue = '';
+            if (integrity) {
+                if (develop || staging) {
+                    if (config === null || config === void 0 ? void 0 : config.sriv) {
+                        integrityValue = config === null || config === void 0 ? void 0 : config.sriv;
+                    }
+                }
+                else {
+                    if (INTEGRITY_MAP[version]) {
+                        integrityValue = INTEGRITY_MAP[version];
+                    }
+                }
+            }
             loadVelt(function () {
                 initVelt();
-            }, (config === null || config === void 0 ? void 0 : config.version) || VELT_SDK_VERSION, config === null || config === void 0 ? void 0 : config.staging, config === null || config === void 0 ? void 0 : config.develop, config === null || config === void 0 ? void 0 : config.proxyDomain);
+            }, version, staging, develop, config === null || config === void 0 ? void 0 : config.proxyDomain, integrity, integrityValue);
         }
     }, []);
     React.useEffect(function () {
@@ -4729,6 +4755,12 @@ var VeltRecorderPlayerVideoWireframe = function (props) {
     return (React__default["default"].createElement("velt-recorder-player-video-wireframe", __assign({}, transformedProps), children));
 };
 
+var VeltRecorderPlayerEditButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-recorder-player-edit-button-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltRecorderPlayerVideoContainerWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -4747,6 +4779,7 @@ VeltRecorderPlayerVideoContainerWireframe.Transcription = VeltRecorderPlayerTran
 VeltRecorderPlayerVideoContainerWireframe.CopyLink = VeltRecorderPlayerCopyLinkWireframe;
 VeltRecorderPlayerVideoContainerWireframe.Delete = VeltRecorderPlayerDeleteWireframe;
 VeltRecorderPlayerVideoContainerWireframe.Avatar = VeltRecorderPlayerAvatarWireframe;
+VeltRecorderPlayerVideoContainerWireframe.EditButton = VeltRecorderPlayerEditButtonWireframe;
 
 var VeltRecorderPlayerWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -5087,6 +5120,12 @@ VeltVideoEditorPlayerTimelineWireframe.Trim = VeltVideoEditorPlayerTimelineTrimW
 VeltVideoEditorPlayerTimelineWireframe.Container = VeltVideoEditorPlayerTimelineContainerWireframe;
 VeltVideoEditorPlayerTimelineWireframe.Playhead = VeltVideoEditorPlayerTimelinePlayheadWireframe;
 
+var VeltVideoEditorPlayerDownloadButtonWireframe = function (props) {
+    var children = props.children, remainingProps = __rest(props, ["children"]);
+    var transformedProps = transformWireframeProps(remainingProps);
+    return (React__default["default"].createElement("velt-video-editor-player-download-button-wireframe", __assign({}, transformedProps), children));
+};
+
 var VeltVideoEditorPlayerWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
     var transformedProps = transformWireframeProps(remainingProps);
@@ -5103,6 +5142,7 @@ VeltVideoEditorPlayerWireframe.TotalTime = VeltVideoEditorPlayerTotalTimeWirefra
 VeltVideoEditorPlayerWireframe.SplitButton = VeltVideoEditorPlayerSplitButtonWireframe;
 VeltVideoEditorPlayerWireframe.DeleteButton = VeltVideoEditorPlayerDeleteButtonWireframe;
 VeltVideoEditorPlayerWireframe.Timeline = VeltVideoEditorPlayerTimelineWireframe;
+VeltVideoEditorPlayerWireframe.DownloadButton = VeltVideoEditorPlayerDownloadButtonWireframe;
 
 var VeltSubtitlesTextWireframe = function (props) {
     var children = props.children, remainingProps = __rest(props, ["children"]);
@@ -6531,6 +6571,9 @@ function usePresenceUtils() {
     }, [client, setPresenceElement, presenceElement]);
     return presenceElement;
 }
+/**
+ * @deprecated Use `usePresenceData` hook instead.
+ */
 function usePresenceUsers() {
     var presenceElement = usePresenceUtils();
     var _a = React__default["default"].useState(null), data = _a[0], setData = _a[1];