@veltdev/react 1.0.97 → 1.0.99

package/cjs/index.js

@@ -109,7 +109,7 @@ var loadVelt = function (callback, version, staging, develop) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.111';
+var VELT_SDK_VERSION = '1.0.112';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 
 var SnippylyProvider = function (props) {
@@ -852,6 +852,24 @@ function useEditor() {
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditor]);
     return data;
 }
+/**
+ * @beta This hook is in beta
+ */
+function useEditorAccessTimer() {
+    var liveStateSyncElement = useLiveStateSyncUtils();
+    var _a = React__default["default"].useState({ state: 'idle' }), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditorAccessTimer))
+            return;
+        var subscription = liveStateSyncElement.getEditorAccessTimer().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getEditorAccessTimer]);
+    return data;
+}
 /**
  * @beta This hook is in beta
  */
@@ -1145,28 +1163,39 @@ var createLiveStateMiddleware = function (config) {
     if (!liveStateDataId) {
         liveStateDataId = VELT_DEFAULT_LIVE_STATE_ID;
     }
-    return function (store) {
-        var isSdkInitialized = false;
-        var getDataSubscriptionSet = false;
-        var setupGetDataSubscription = function () {
-            var _a;
-            if (!getDataSubscriptionSet) {
-                getDataSubscriptionSet = true;
-                var liveStateSyncElement = (_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement();
-                liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
-                    // Dispatch action to update local state, marking it as remote
-                    if (data) {
-                        var sessionId_1 = getSessionId();
-                        if (data.id === sessionId_1) {
-                            return;
-                        }
-                        else {
-                            store.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
-                        }
+    var internalStore; // This variable will hold the reference to the store
+    var dataSubscription; // This variable will hold the reference to the data subscription
+    var isSdkInitialized = false;
+    var setupGetDataSubscription = function () {
+        var _a, _b;
+        if (!dataSubscription && window.Velt && ((_a = window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
+            var liveStateSyncElement = (_b = window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
+            dataSubscription = liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (data) {
+                // Dispatch action to update local state, marking it as remote
+                if (data) {
+                    var sessionId_1 = getSessionId();
+                    if (data.id === sessionId_1) {
+                        return;
                     }
-                });
-            }
-        };
+                    else {
+                        internalStore === null || internalStore === void 0 ? void 0 : internalStore.dispatch(__assign(__assign({}, data.action), { isRemote: true }));
+                    }
+                }
+            });
+        }
+    };
+    var updateLiveStateDataId = function (newId) {
+        liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
+        if (dataSubscription) {
+            dataSubscription.unsubscribe();
+            dataSubscription = null;
+        }
+        if (isSdkInitialized) {
+            setupGetDataSubscription();
+        }
+    };
+    var middleware = function (store) {
+        internalStore = store;
         var veltSdkInitializedListener = function () {
             isSdkInitialized = true;
             setupGetDataSubscription();
@@ -1185,6 +1214,10 @@ var createLiveStateMiddleware = function (config) {
             return result;
         }; };
     };
+    return {
+        middleware: middleware,
+        updateLiveStateDataId: updateLiveStateDataId,
+    };
 };
 var logLiveState = function (action, liveStateDataId) {
     var _a;
@@ -1246,6 +1279,7 @@ exports.useCursorUsers = useCursorUsers;
 exports.useCursorUtils = useCursorUtils;
 exports.useEditor = useEditor;
 exports.useEditorAccessRequestHandler = useEditorAccessRequestHandler;
+exports.useEditorAccessTimer = useEditorAccessTimer;
 exports.useHuddleUtils = useHuddleUtils;
 exports.useIdentify = useIdentify;
 exports.useLiveSelectionUtils = useLiveSelectionUtils;