@veltdev/react 1.0.97 → 1.0.98

package/cjs/index.js

@@ -1145,28 +1145,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 +1196,10 @@ var createLiveStateMiddleware = function (config) {
             return result;
         }; };
     };
+    return {
+        middleware: middleware,
+        updateLiveStateDataId: updateLiveStateDataId,
+    };
 };
 var logLiveState = function (action, liveStateDataId) {
     var _a;