@veltdev/react 4.4.0-beta.3 → 4.4.0-beta.5

package/cjs/types/constants.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const VELT_SDK_VERSION = "4.4.0-beta.3";
+export declare const VELT_SDK_VERSION = "4.4.0-beta.5";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";
 export declare const VELT_TAB_ID = "veltTabId";
 export interface IVeltWireframeCommonProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {

package/cjs/types/hooks/LiveStateSyncElement.d.ts

@@ -1,10 +1,10 @@
-import { EditorAccessTimer, LiveStateSyncElement, ServerConnectionState, User, UserEditorAccess } from "@veltdev/types";
+import { EditorAccessTimer, LiveStateSyncElement, ServerConnectionState, SetLiveStateDataConfig, User, UserEditorAccess } from "@veltdev/types";
 declare class LiveStateDataConfig {
     listenToNewChangesOnly?: boolean;
 }
 export declare function useLiveStateSyncUtils(): LiveStateSyncElement | undefined;
 export declare function useLiveStateData(liveStateDataId?: string, liveStateDataConfig?: LiveStateDataConfig): any;
-export declare function useSetLiveStateData(liveStateDataId: string, liveStateData: any): void;
+export declare function useSetLiveStateData(liveStateDataId: string, liveStateData: any, config?: SetLiveStateDataConfig): void;
 export declare function useUserEditorState(): UserEditorAccess | null;
 export declare function useEditor(): User | null;
 export declare function useEditorAccessTimer(): EditorAccessTimer;

package/esm/index.js

@@ -132,7 +132,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '4.4.0-beta.3';
+var VELT_SDK_VERSION = '4.4.0-beta.5';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -6208,17 +6208,17 @@ function useLiveStateData(liveStateDataId, liveStateDataConfig) {
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData, inputs]);
     return data;
 }
-function useSetLiveStateData(liveStateDataId, liveStateData) {
+function useSetLiveStateData(liveStateDataId, liveStateData, config) {
     var liveStateSyncElement = useLiveStateSyncUtils();
     // Memoize inputs
     var inputs = React.useMemo(function () {
-        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData };
-    }, [liveStateDataId, JSON.stringify(liveStateData)]);
+        return { liveStateDataId: liveStateDataId, liveStateData: liveStateData, config: config };
+    }, [liveStateDataId, JSON.stringify(liveStateData), JSON.stringify(config)]);
     React.useEffect(function () {
         if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData))
             return;
         if (inputs.liveStateDataId && inputs.liveStateData) {
-            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData);
+            liveStateSyncElement.setLiveStateData(inputs.liveStateDataId, inputs.liveStateData, inputs.config);
         }
     }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData, inputs]);
 }
@@ -6776,39 +6776,55 @@ var createLiveStateMiddleware = function (config) {
     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 }));
+        try {
+            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 }));
+                        }
                     }
-                }
-            });
+                });
+            }
+        }
+        catch (err) {
         }
     };
     var updateLiveStateDataId = function (newId) {
-        liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
-        if (dataSubscription) {
-            dataSubscription.unsubscribe();
-            dataSubscription = null;
+        try {
+            liveStateDataId = newId || VELT_DEFAULT_LIVE_STATE_ID;
+            if (dataSubscription) {
+                dataSubscription.unsubscribe();
+                dataSubscription = null;
+            }
+            if (isSdkInitialized) {
+                setupGetDataSubscription();
+            }
         }
-        if (isSdkInitialized) {
-            setupGetDataSubscription();
+        catch (err) {
+            // handle error
         }
     };
     var middleware = function (store) {
         internalStore = store;
         var veltSdkInitializedListener = function () {
-            isSdkInitialized = true;
-            setupGetDataSubscription();
-            // Remove the event listener after it's triggered
-            window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
+            try {
+                if (window.Velt) {
+                    isSdkInitialized = true;
+                    setupGetDataSubscription();
+                    // Remove the event listener after it's triggered
+                    window.removeEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
+                }
+            }
+            catch (err) {
+                // handle error
+            }
         };
         // Add the event listener for the veltSdkInitialized event
         window.addEventListener(VELT_SDK_INIT_EVENT, veltSdkInitializedListener);
@@ -6828,20 +6844,21 @@ var createLiveStateMiddleware = function (config) {
     };
 };
 var logLiveState = function (action, liveStateDataId) {
-    var _a;
-    if (window.Velt) {
-        var sessionId_2 = getSessionId();
-        var liveStateElement = (_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement();
-        if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
-            liveStateElement.setLiveStateData(liveStateDataId, {
-                id: sessionId_2,
-                action: action
-            });
+    var _a, _b;
+    try {
+        if (window.Velt && ((_a = window === null || window === void 0 ? void 0 : window.Velt) === null || _a === void 0 ? void 0 : _a.getLiveStateSyncElement)) {
+            var sessionId_2 = getSessionId();
+            var liveStateElement = (_b = window === null || window === void 0 ? void 0 : window.Velt) === null || _b === void 0 ? void 0 : _b.getLiveStateSyncElement();
+            if (liveStateElement === null || liveStateElement === void 0 ? void 0 : liveStateElement.setLiveStateData) {
+                liveStateElement.setLiveStateData(liveStateDataId, {
+                    id: sessionId_2,
+                    action: action
+                });
+            }
         }
-        liveStateElement.setLiveStateData(liveStateDataId, {
-            id: sessionId_2,
-            action: action
-        });
+    }
+    catch (err) {
+        // handle error
     }
 };