@veltdev/react 4.5.0-beta.12 → 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/constants.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.5.0-beta.12";
+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.12';
+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 () {
@@ -6537,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];