@veltdev/react 1.0.97 → 1.0.99

package/cjs/types/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const VELT_SDK_VERSION = "1.0.111";
+export declare const VELT_SDK_VERSION = "1.0.112";
 export declare const VELT_SDK_INIT_EVENT = "onVeltInit";

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

@@ -1,4 +1,4 @@
-import { LiveStateSyncElement, User, UserEditorAccess } from "@veltdev/types";
+import { EditorAccessTimer, LiveStateSyncElement, User, UserEditorAccess } from "@veltdev/types";
 /**
  * @beta This hook is in beta
  */
@@ -19,6 +19,10 @@ export declare function useUserEditorState(): UserEditorAccess | null;
  * @beta This hook is in beta
  */
 export declare function useEditor(): User | null;
+/**
+ * @beta This hook is in beta
+ */
+export declare function useEditorAccessTimer(): EditorAccessTimer;
 /**
  * @beta This hook is in beta
  */

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

@@ -2,7 +2,7 @@ export { useAddLocation, useSetLocation, useSetDocumentId, useIdentify, useClien
 export { useCommentUtils, useCommentAnnotations, useCommentAddHandler, useCommentModeState, useCommentUpdateHandler, useCommentDialogSidebarClickHandler, } from './CommentElement';
 export { useCursorUtils, useCursorUsers, } from './CursorElement';
 export { useHuddleUtils, } from './HuddleElement';
-export { useLiveStateSyncUtils, useLiveStateData, useSetLiveStateData, useUserEditorState, useEditor, useEditorAccessRequestHandler, useLiveState, } from './LiveStateSyncElement';
+export { useLiveStateSyncUtils, useLiveStateData, useSetLiveStateData, useUserEditorState, useEditor, useEditorAccessTimer, useEditorAccessRequestHandler, useLiveState, } from './LiveStateSyncElement';
 export { usePresenceUtils, usePresenceUsers, } from './PresenceElement';
 export { useRecorderUtils, useRecorderAddHandler, } from './RecorderElement';
 export { useAIRewriterUtils, } from './RewriterElement';

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

@@ -101,7 +101,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) {
@@ -844,6 +844,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.useState({ state: 'idle' }), data = _a[0], setData = _a[1];
+    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
  */
@@ -1137,28 +1155,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 +1206,10 @@ var createLiveStateMiddleware = function (config) {
             return result;
         }; };
     };
+    return {
+        middleware: middleware,
+        updateLiveStateDataId: updateLiveStateDataId,
+    };
 };
 var logLiveState = function (action, liveStateDataId) {
     var _a;
@@ -1196,5 +1229,5 @@ var logLiveState = function (action, liveStateDataId) {
     }
 };
 
-export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltVideoPlayer, VeltViewAnalytics, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUserEditorState, useVeltClient, useViewsUtils };
+export { SnippylyArrowTool as VeltArrowTool, SnippylyArrows as VeltArrows, SnippylyCommentBubble as VeltCommentBubble, VeltCommentPlayerTimeline, VeltCommentThread, SnippylyCommentTool as VeltCommentTool, SnippylyComments as VeltComments, SnippylyCommentsSidebar as VeltCommentsSidebar, SnippylyCursor as VeltCursor, SnippylyHuddle as VeltHuddle, SnippylyHuddleTool as VeltHuddleTool, VeltNivoChartComments, VeltNotificationsHistoryPanel, VeltNotificationsPanel, VeltNotificationsTool, SnippylyPresence as VeltPresence, SnippylyProvider as VeltProvider, SnippylyRecorderControlPanel as VeltRecorderControlPanel, SnippylyRecorderNotes as VeltRecorderNotes, SnippylyRecorderPlayer as VeltRecorderPlayer, SnippylyRecorderTool as VeltRecorderTool, SnippylySidebarButton as VeltSidebarButton, SnippylyTagTool as VeltTagTool, SnippylyTags as VeltTags, SnippylyUserInviteTool as VeltUserInviteTool, SnippylyUserRequestTool as VeltUserRequestTool, VeltVideoPlayer, VeltViewAnalytics, createLiveStateMiddleware, useAIRewriterUtils, useAddLocation, useClient, useCommentAddHandler, useCommentAnnotations, useCommentDialogSidebarClickHandler, useCommentModeState, useCommentUpdateHandler, useCommentUtils, useCursorUsers, useCursorUtils, useEditor, useEditorAccessRequestHandler, useEditorAccessTimer, useHuddleUtils, useIdentify, useLiveSelectionUtils, useLiveState, useLiveStateData, useLiveStateSyncUtils, useNotificationUtils, useNotificationsData, usePresenceUsers, usePresenceUtils, useRecorderAddHandler, useRecorderUtils, useSetDocumentId, useSetLiveStateData, useSetLocation, useTagAnnotations, useTagUtils, useUniqueViewsByDate, useUniqueViewsByUser, useUserEditorState, useVeltClient, useViewsUtils };
 //# sourceMappingURL=index.js.map