@veltdev/react 4.0.0-beta.10 → 4.0.0-beta.11

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Config, Velt } from '@veltdev/types';
+import { Config, Velt, UserDataProvider } from '@veltdev/types';
 export interface IVeltProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
     apiKey: string;
     config?: Config & {
@@ -15,6 +15,7 @@ export interface IVeltProps extends React.DetailedHTMLProps<React.HTMLAttributes
         };
     };
     autoTranslation?: boolean;
+    userDataProvider?: UserDataProvider;
     onClientLoad?: (veltClient?: Velt) => any;
 }
 declare const SnippylyProvider: React.FC<IVeltProps>;

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

@@ -1,5 +1,6 @@
 import React from 'react';
-export interface IVeltRecorderNotesProps {
+export interface IVeltRecorderNotesProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
+    shadowDom?: boolean;
 }
 declare const SnippylyRecorderNotes: React.FC<IVeltRecorderNotesProps>;
 export default SnippylyRecorderNotes;

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

@@ -4,6 +4,7 @@ export interface IVeltRecorderToolProps extends React.DetailedHTMLProps<React.HT
     panelId?: string;
     buttonLabel?: string;
     darkMode?: boolean;
+    shadowDom?: boolean;
 }
 declare const SnippylyRecorderTool: React.FC<IVeltRecorderToolProps>;
 export default SnippylyRecorderTool;

package/cjs/types/constants.d.ts

@@ -1,3 +1,3 @@
-export declare const VELT_SDK_VERSION = "4.0.0-beta.10";
+export declare const VELT_SDK_VERSION = "4.0.0-beta.11";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";

package/esm/index.js

@@ -132,12 +132,12 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.0.0-beta.10';
+var VELT_SDK_VERSION = '4.0.0-beta.11';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
 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, onClientLoad = props.onClientLoad, children = props.children;
+    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, onClientLoad = props.onClientLoad, children = props.children;
     var _a = useState(null), client = _a[0], setClient = _a[1];
     useEffect(function () {
         if (apiKey) {
@@ -146,6 +146,13 @@ var SnippylyProvider = function (props) {
             }, (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);
         }
     }, []);
+    useEffect(function () {
+        if (client && userDataProvider) {
+            if (typeof (client === null || client === void 0 ? void 0 : client.setUserDataProvider) === 'function') {
+                client === null || client === void 0 ? void 0 : client.setUserDataProvider(userDataProvider);
+            }
+        }
+    }, [client, userDataProvider]);
     var initVelt = function () { return __awaiter(void 0, void 0, void 0, function () {
         var velt, event;
         var _a, _b;
@@ -598,7 +605,8 @@ var SnippylyRecorderControlPanel = function (props) {
 };
 
 var SnippylyRecorderNotes = function (props) {
-    return (React.createElement("velt-recorder-notes", null));
+    var shadowDom = props.shadowDom, children = props.children;
+    return (React.createElement("velt-recorder-notes", { "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyRecorderPlayer = function (props) {
@@ -632,8 +640,8 @@ var SnippylyRecorderPlayer = function (props) {
 };
 
 var SnippylyRecorderTool = function (props) {
-    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode;
-    return (React.createElement("velt-recorder-tool", { type: type, "panel-id": panelId, "button-label": buttonLabel, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var type = props.type, panelId = props.panelId, buttonLabel = props.buttonLabel, children = props.children, darkMode = props.darkMode, shadowDom = props.shadowDom;
+    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 }, children));
 };
 
 var SnippylySidebarButton = function (props) {