@veltdev/react 1.0.97 → 1.0.98

package/cjs/types/redux/veltLiveStateSynceMiddleware.d.ts

@@ -4,5 +4,8 @@ declare type LiveStateMiddlewareConfig = {
     allowAction?: (action: any) => boolean;
     liveStateDataId?: string;
 };
-export declare const createLiveStateMiddleware: (config?: LiveStateMiddlewareConfig) => (store: any) => (next: any) => (action: any) => any;
+export declare const createLiveStateMiddleware: (config?: LiveStateMiddlewareConfig) => {
+    middleware: (store: any) => (next: any) => (action: any) => any;
+    updateLiveStateDataId: (newId?: string) => void;
+};
 export {};

package/esm/index.js

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