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

package/cjs/types/components/Snippyly/Snippyly.d.ts

@@ -5,6 +5,7 @@ export interface IVeltProps extends React.DetailedHTMLProps<React.HTMLAttributes
     config?: Config & {
         proxyDomain?: string;
         version?: string;
+        integrity?: boolean;
     };
     user?: any;
     documentId?: string;

package/cjs/types/components/VeltRecorderPlayerWireframe/VeltRecorderPlayerEditButtonWireframe/VeltRecorderPlayerEditButtonWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltRecorderPlayerEditButtonWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltRecorderPlayerEditButtonWireframe extends React.FC<IVeltRecorderPlayerEditButtonWireframeProps> {
+}
+declare const VeltRecorderPlayerEditButtonWireframe: IVeltRecorderPlayerEditButtonWireframe;
+export default VeltRecorderPlayerEditButtonWireframe;

package/cjs/types/components/VeltRecorderPlayerWireframe/VeltRecorderPlayerEditButtonWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltRecorderPlayerEditButtonWireframe';

package/cjs/types/components/VeltRecorderPlayerWireframe/VeltRecorderPlayerVideoContainerWireframe/VeltRecorderPlayerVideoContainerWireframe.d.ts

@@ -13,12 +13,14 @@ import { IVeltRecorderPlayerTimeWireframe } from '../VeltRecorderPlayerTimeWiref
 import { IVeltRecorderPlayerTranscriptionWireframe } from '../VeltRecorderPlayerTranscriptionWireframe/VeltRecorderPlayerTranscriptionWireframe';
 import { IVeltRecorderPlayerVideoWireframe } from '../VeltRecorderPlayerVideoWireframe/VeltRecorderPlayerVideoWireframe';
 import { IVeltRecorderPlayerAvatarWireframe } from '../VeltRecorderPlayerAvatarWireframe/VeltRecorderPlayerAvatarWireframe';
+import { IVeltRecorderPlayerEditButtonWireframe } from '../VeltRecorderPlayerEditButtonWireframe/VeltRecorderPlayerEditButtonWireframe';
 export interface IVeltRecorderPlayerVideoContainerWireframeProps extends IVeltWireframeCommonProps {
 }
 export interface IVeltRecorderPlayerVideoContainerWireframe extends React.FC<IVeltRecorderPlayerVideoContainerWireframeProps> {
     Video: IVeltRecorderPlayerVideoWireframe;
     Timeline: IVeltRecorderPlayerTimelineWireframe;
     PlayButton: IVeltRecorderPlayerPlayButtonWireframe;
+    EditButton: IVeltRecorderPlayerEditButtonWireframe;
     FullScreenButton: IVeltRecorderPlayerFullScreenButtonWireframe;
     Overlay: IVeltRecorderPlayerOverlayWireframe;
     Time: IVeltRecorderPlayerTimeWireframe;

package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerDownloadButtonWireframe/VeltVideoEditorPlayerDownloadButtonWireframe.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IVeltWireframeCommonProps } from '../../../constants';
+export interface IVeltVideoEditorPlayerDownloadButtonWireframeProps extends IVeltWireframeCommonProps {
+}
+export interface IVeltVideoEditorPlayerDownloadButtonWireframe extends React.FC<IVeltVideoEditorPlayerDownloadButtonWireframeProps> {
+}
+declare const VeltVideoEditorPlayerDownloadButtonWireframe: IVeltVideoEditorPlayerDownloadButtonWireframe;
+export default VeltVideoEditorPlayerDownloadButtonWireframe;

package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerDownloadButtonWireframe/index.d.ts

@@ -0,0 +1 @@
+export { default } from './VeltVideoEditorPlayerDownloadButtonWireframe';

package/cjs/types/components/VeltVideoEditorPlayerWireframe/VeltVideoEditorPlayerWireframe.d.ts

@@ -11,12 +11,14 @@ import { IVeltVideoEditorPlayerTotalTimeWireframe } from './VeltVideoEditorPlaye
 import { IVeltVideoEditorPlayerSplitButtonWireframe } from './VeltVideoEditorPlayerSplitButtonWireframe/VeltVideoEditorPlayerSplitButtonWireframe';
 import { IVeltVideoEditorPlayerDeleteButtonWireframe } from './VeltVideoEditorPlayerDeleteButtonWireframe/VeltVideoEditorPlayerDeleteButtonWireframe';
 import { IVeltVideoEditorPlayerTimelineWireframe } from './VeltVideoEditorPlayerTimelineWireframe/VeltVideoEditorPlayerTimelineWireframe';
+import { IVeltVideoEditorPlayerDownloadButtonWireframe } from './VeltVideoEditorPlayerDownloadButtonWireframe/VeltVideoEditorPlayerDownloadButtonWireframe';
 export interface IVeltVideoEditorPlayerWireframeProps extends IVeltWireframeCommonProps {
 }
 export interface IVeltVideoEditorPlayerWireframe extends React.FC<IVeltVideoEditorPlayerWireframeProps> {
     Title: IVeltVideoEditorPlayerTitleWireframe;
     ApplyButton: IVeltVideoEditorPlayerApplyButtonWireframe;
     CloseButton: IVeltVideoEditorPlayerCloseButtonWireframe;
+    DownloadButton: IVeltVideoEditorPlayerDownloadButtonWireframe;
     Preview: IVeltVideoEditorPlayerPreviewWireframe;
     ToggleButton: IVeltVideoEditorPlayerToggleButtonWireframe;
     Time: IVeltVideoEditorPlayerTimeWireframe;

package/cjs/types/constants.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.5.0-beta.11";
+export declare const VELT_SDK_VERSION = "4.5.0-beta.13";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
+export declare const INTEGRITY_MAP: Record<string, string>;
 export interface IVeltWireframeCommonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     veltIf?: string;
     veltClass?: string;

package/cjs/types/hooks/PresenceElement.d.ts

@@ -1,4 +1,7 @@
 import { GetPresenceDataResponse, PresenceElement, PresenceRequestQuery, PresenceUser } from "@veltdev/types";
 export declare function usePresenceUtils(): PresenceElement | undefined;
+/**
+ * @deprecated Use `usePresenceData` hook instead.
+ */
 export declare function usePresenceUsers(): PresenceUser[] | null;
 export declare function usePresenceData(query?: PresenceRequestQuery): GetPresenceDataResponse;

package/cjs/types/loadSnippyly.d.ts

@@ -1,2 +1,2 @@
-declare const loadVelt: (callback: Function, version?: string, staging?: boolean, develop?: boolean, proxyDomain?: string) => void;
+declare const loadVelt: (callback: Function, version?: string, staging?: boolean, develop?: boolean, proxyDomain?: string, integrity?: boolean, integrityValue?: string) => void;
 export default loadVelt;

package/esm/index.js

@@ -91,7 +91,7 @@ function useVeltClient() {
     return 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; }
@@ -118,6 +118,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) {
@@ -132,18 +136,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 = useState(null), client = _a[0], setClient = _a[1];
     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);
         }
     }, []);
     useEffect(function () {
@@ -4721,6 +4747,12 @@ var VeltRecorderPlayerVideoWireframe = function (props) {
     return (React.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.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);
@@ -4739,6 +4771,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"]);
@@ -5079,6 +5112,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.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);
@@ -5095,6 +5134,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"]);
@@ -6523,6 +6563,9 @@ function usePresenceUtils() {
     }, [client, setPresenceElement, presenceElement]);
     return presenceElement;
 }
+/**
+ * @deprecated Use `usePresenceData` hook instead.
+ */
 function usePresenceUsers() {
     var presenceElement = usePresenceUtils();
     var _a = React.useState(null), data = _a[0], setData = _a[1];