@veltdev/react 1.0.139 → 1.0.141

package/cjs/index.js

@@ -140,8 +140,9 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.156';
+var VELT_SDK_VERSION = '1.0.158';
 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;
@@ -2343,13 +2344,13 @@ function useLiveStateSyncUtils() {
     }, [client, setLiveStateSyncElement, liveStateSyncElement]);
     return liveStateSyncElement;
 }
-function useLiveStateData(liveStateDataId, listenToNewChangesOnly) {
+function useLiveStateData(liveStateDataId, liveStateDataConfig) {
     var liveStateSyncElement = useLiveStateSyncUtils();
     var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
     React.useEffect(function () {
         if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData))
             return;
-        var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, listenToNewChangesOnly).subscribe(function (res) {
+        var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, liveStateDataConfig).subscribe(function (res) {
             setData(res);
         });
         return function () {
@@ -2426,9 +2427,25 @@ function useEditorAccessRequestHandler() {
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isEditorAccessRequested]);
     return data;
 }
+function useServerConnectionStateChangeHandler() {
+    var liveStateSyncElement = useLiveStateSyncUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.onServerConnectionStateChange))
+            return;
+        var subscription = liveStateSyncElement.onServerConnectionStateChange().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.onServerConnectionStateChange]);
+    return data;
+}
 function useLiveState(liveStateDataId, initialValue, options) {
     var liveStateSyncElement = useLiveStateSyncUtils();
     var client = useVeltClient().client;
+    var serverConnectionState = useServerConnectionStateChangeHandler();
     var _a = React__default["default"].useState(null), documentId = _a[0], setDocumentId = _a[1];
     var _b = React__default["default"].useState(null), user = _b[0], setUser = _b[1];
     var _c = React__default["default"].useState(initialValue), data = _c[0], setData = _c[1];
@@ -2458,7 +2475,7 @@ function useLiveState(liveStateDataId, initialValue, options) {
                 }
             });
         }
-        var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, options === null || options === void 0 ? void 0 : options.listenToNewChangesOnly).subscribe(function (res) {
+        var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId, { listenToNewChangesOnly: options === null || options === void 0 ? void 0 : options.listenToNewChangesOnly }).subscribe(function (res) {
             setData(res);
         });
         return function () {
@@ -2492,7 +2509,7 @@ function useLiveState(liveStateDataId, initialValue, options) {
             liveStateSyncElement.setLiveStateData(liveStateDataId, value);
         }
     });
-    return [data, setDataFunction];
+    return [data, setDataFunction, serverConnectionState];
 }
 
 function usePresenceUtils() {
@@ -2698,7 +2715,7 @@ function useAutocompleteChipClick() {
 
 var sessionId = Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15);
 var getSessionId = function () {
-    return sessionId;
+    return (sessionStorage === null || sessionStorage === void 0 ? void 0 : sessionStorage.getItem(VELT_TAB_ID)) || sessionId;
 };
 var VELT_DEFAULT_LIVE_STATE_ID = 'velt-default-redux-live-state';
 var createLiveStateMiddleware = function (config) {
@@ -2869,6 +2886,7 @@ exports.usePresenceUsers = usePresenceUsers;
 exports.usePresenceUtils = usePresenceUtils;
 exports.useRecorderAddHandler = useRecorderAddHandler;
 exports.useRecorderUtils = useRecorderUtils;
+exports.useServerConnectionStateChangeHandler = useServerConnectionStateChangeHandler;
 exports.useSetDocumentId = useSetDocumentId;
 exports.useSetLiveStateData = useSetLiveStateData;
 exports.useSetLocation = useSetLocation;