@veltdev/react 4.5.0-beta.57 → 4.5.0-beta.59

package/cjs/index.js

@@ -144,17 +144,17 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain, integ
     }
 };
 
-var VELT_SDK_VERSION = '4.5.0-beta.57';
+var VELT_SDK_VERSION = '4.5.0-beta.59';
 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.57': 'sha384-FefkTKROm+/hGIe5Qqjj2lNd+YUyl5KaiiKQCN5zk1WpWhHy/gkpBdYZj9EhLN0K',
+    '4.5.0-beta.59': 'sha384-eWscGajF6BzcUBxoKHK7eISXUIe6nlmpsRIYa7F0GZz9jYMQGI5d4D7hgtfzgF4z',
 };
 
 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 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, authProvider = props.authProvider, onClientLoad = props.onClientLoad, children = props.children;
     var _a = React.useState(null), client = _a[0], setClient = _a[1];
     React.useEffect(function () {
         if (apiKey) {
@@ -162,7 +162,7 @@ var SnippylyProvider = function (props) {
             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 = '';
+            var integrityValue = "";
             if (integrity) {
                 if (develop || staging) {
                     if (config === null || config === void 0 ? void 0 : config.sriv) {
@@ -182,18 +182,23 @@ var SnippylyProvider = function (props) {
     }, []);
     React.useEffect(function () {
         if (client && userDataProvider) {
-            if (typeof (client === null || client === void 0 ? void 0 : client.setUserDataProvider) === 'function') {
+            if (typeof (client === null || client === void 0 ? void 0 : client.setUserDataProvider) === "function") {
                 client === null || client === void 0 ? void 0 : client.setUserDataProvider(userDataProvider);
             }
         }
     }, [client, userDataProvider]);
     React.useEffect(function () {
         if (client && dataProviders) {
-            if (typeof (client === null || client === void 0 ? void 0 : client.setDataProviders) === 'function') {
+            if (typeof (client === null || client === void 0 ? void 0 : client.setDataProviders) === "function") {
                 client === null || client === void 0 ? void 0 : client.setDataProviders(dataProviders);
             }
         }
     }, [client, dataProviders]);
+    React.useEffect(function () {
+        if (client && authProvider && authProvider.user) {
+            client.setVeltAuthProvider(authProvider);
+        }
+    }, [client, authProvider]);
     var initVelt = function () { return __awaiter(void 0, void 0, void 0, function () {
         var velt, event;
         var _a, _b;
@@ -228,7 +233,7 @@ var SnippylyProvider = function (props) {
                     }
                     // Set translations
                     if (translations && (velt === null || velt === void 0 ? void 0 : velt.setTranslations)) {
-                        if (typeof translations === 'object') {
+                        if (typeof translations === "object") {
                             Object.keys(translations).forEach(function (languageCode) {
                                 velt === null || velt === void 0 ? void 0 : velt.setTranslations(languageCode, translations[languageCode] || {});
                             });
@@ -243,7 +248,7 @@ var SnippylyProvider = function (props) {
                         }
                     }
                     if (velt === null || velt === void 0 ? void 0 : velt.st) {
-                        velt === null || velt === void 0 ? void 0 : velt.st('react');
+                        velt === null || velt === void 0 ? void 0 : velt.st("react");
                     }
                     setClient(velt);
                     if (onClientLoad) {
@@ -268,22 +273,6 @@ var SnippylyProvider = function (props) {
         React__default["default"].createElement(VeltContext.Provider, { value: { client: client } }, children)));
 };
 
-var VeltAuthProvider = function (props) {
-    var children = props.children, user = props.user, options = props.options, retryConfig = props.retryConfig;
-    var client = useVeltClient().client;
-    React.useEffect(function () {
-        if ((client === null || client === void 0 ? void 0 : client.setVeltAuthProvider) && user) {
-            var authProviderConfig = {
-                user: user,
-                options: options,
-                retryConfig: retryConfig
-            };
-            client.setVeltAuthProvider(authProviderConfig);
-        }
-    }, [client, user, options, retryConfig]);
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, children));
-};
-
 var SnippylyCommentBubble = function (props) {
     var targetCommentElementId = props.targetCommentElementId, targetElementId = props.targetElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType, context = props.context, contextOptions = props.contextOptions, annotationId = props.annotationId, documentId = props.documentId, folderId = props.folderId, locationId = props.locationId;
     return (React__default["default"].createElement("velt-comment-bubble", { "annotation-id": annotationId, "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "target-element-id": targetElementId, context: JSON.stringify(context), "context-options": JSON.stringify(contextOptions), "location-id": locationId, "document-id": documentId, "folder-id": folderId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, variant: variant }, children));
@@ -7704,7 +7693,6 @@ var logLiveState = function (action, liveStateDataId) {
 
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
-exports.VeltAuthProvider = VeltAuthProvider;
 exports.VeltAutocomplete = VeltAutocomplete;
 exports.VeltAutocompleteChipTooltipWireframe = VeltAutocompleteChipTooltipWireframe;
 exports.VeltAutocompleteGroupOptionWireframe = VeltAutocompleteGroupOptionWireframe;