@veltdev/react 1.0.50 → 1.0.51

package/cjs/index.js

@@ -94,7 +94,7 @@ var loadVelt = function (callback, version, staging) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.57';
+var VELT_SDK_VERSION = '1.0.60';
 
 var SnippylyProvider = function (props) {
     var apiKey = props.apiKey, user = props.user, config = props.config, documentId = props.documentId, language = props.language, translations = props.translations, autoTranslation = props.autoTranslation, onClientLoad = props.onClientLoad, children = props.children;
@@ -401,8 +401,8 @@ var SnippylyArrowTool = function (props) {
 };
 
 var SnippylyUserInviteTool = function (props) {
-    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, accessControlDropdown = props.accessControlDropdown;
-    return (React__default["default"].createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined }));
+    var type = props.type, source = props.source, title = props.title, placeholder = props.placeholder, accessControlDropdown = props.accessControlDropdown, documentUserAccessList = props.documentUserAccessList;
+    return (React__default["default"].createElement("velt-user-invite-tool", { type: type, source: source, title: title, placeholder: placeholder, "access-control-dropdown": [true, false].includes(accessControlDropdown) ? accessControlDropdown : undefined, "document-user-access-list": [true, false].includes(documentUserAccessList) ? documentUserAccessList : undefined }));
 };
 
 var SnippylyUserRequestTool = function (props) {
@@ -431,6 +431,400 @@ var VeltVideoPlayer = function (props) {
     return (React__default["default"].createElement("velt-video-player", { src: src, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, sync: [true, false].includes(sync) ? (sync ? 'true' : 'false') : undefined }));
 };
 
+/**
+ * @beta This hook is in beta
+ */
+function useClient() {
+    var client = useVeltClient().client;
+    var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
+    React__default["default"].useEffect(function () {
+        if (!client || veltClient)
+            return;
+        setVeltClient(client);
+    }, [client, setVeltClient, veltClient]);
+    return veltClient;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useIdentify(user, userOptions) {
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        client && client.identify(user, userOptions);
+    }, [client]);
+}
+/**
+ * @beta This hook is in beta
+ */
+function useSetDocumentId(documentId) {
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        client && client.setDocumentId(documentId);
+    }, [client]);
+}
+/**
+ * @beta This hook is in beta
+ */
+function useSetLocation(location) {
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        client && client.setLocation(location);
+    }, [client]);
+}
+/**
+ * @beta This hook is in beta
+ */
+function useAddLocation(location) {
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        client && client.addLocation(location);
+    }, [client]);
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useCommentUtils() {
+    var _a = React__default["default"].useState(), commentElement = _a[0], setCommentElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || commentElement)
+            return;
+        var loadedCommentElement = client.getCommentElement();
+        setCommentElement(loadedCommentElement);
+    }, [client, setCommentElement, commentElement]);
+    return commentElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useCommentAnnotations(documentId, location) {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState([]), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations))
+            return;
+        var subscription = commentElement.getAllCommentAnnotations(documentId, location).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations]);
+    return data;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useCommentModeState() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentModeChange))
+            return;
+        var subscription = commentElement.onCommentModeChange().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentModeChange]);
+    return data;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useCommentAddHandler() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentAdd))
+            return;
+        var subscription = commentElement.onCommentAdd().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentAdd]);
+    return data;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useCommentUpdateHandler() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentUpdate))
+            return;
+        var subscription = commentElement.onCommentUpdate().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onCommentUpdate]);
+    return data;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useCommentDialogSidebarClickHandler() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.onSidebarButtonOnCommentDialogClick))
+            return;
+        var subscription = commentElement.onSidebarButtonOnCommentDialogClick().subscribe(function (res) {
+            setData(res === undefined ? new Date().getTime() : res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.onSidebarButtonOnCommentDialogClick]);
+    return data;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useCursorUtils() {
+    var _a = React__default["default"].useState(), cursorElement = _a[0], setCursorElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || cursorElement)
+            return;
+        var loadedCursorElement = client.getCursorElement();
+        setCursorElement(loadedCursorElement);
+    }, [client, setCursorElement, cursorElement]);
+    return cursorElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useCursorUsers() {
+    var cursorElement = useCursorUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!cursorElement)
+            return;
+        var subscription = cursorElement.getOnlineUsersOnCurrentDocument().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [cursorElement]);
+    return data;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useHuddleUtils() {
+    var _a = React__default["default"].useState(), huddleElement = _a[0], setHuddleElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || huddleElement)
+            return;
+        var loadedHuddleElement = client.getHuddleElement();
+        setHuddleElement(loadedHuddleElement);
+    }, [client, setHuddleElement, huddleElement]);
+    return huddleElement;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useLiveStateSyncUtils() {
+    var _a = React__default["default"].useState(), liveStateSyncElement = _a[0], setLiveStateSyncElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || liveStateSyncElement)
+            return;
+        var loadedLiveStateSyncElement = client.getLiveStateSyncElement();
+        setLiveStateSyncElement(loadedLiveStateSyncElement);
+    }, [client, setLiveStateSyncElement, liveStateSyncElement]);
+    return liveStateSyncElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useLiveStateData(liveStateDataId) {
+    var liveStateSyncElement = useLiveStateSyncUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData))
+            return;
+        var subscription = liveStateSyncElement.getLiveStateData(liveStateDataId).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.getLiveStateData]);
+    return data;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useSetLiveStateData(liveStateDataId, liveStateData) {
+    var liveStateSyncElement = useLiveStateSyncUtils();
+    React__default["default"].useEffect(function () {
+        if (liveStateSyncElement && liveStateDataId && liveStateData) {
+            liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData(liveStateDataId, liveStateData);
+        }
+    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.setLiveStateData]);
+}
+/**
+ * @beta This hook is in beta
+ */
+function useUserEditorState() {
+    var liveStateSyncElement = useLiveStateSyncUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isUserEditor))
+            return;
+        var subscription = liveStateSyncElement.isUserEditor().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [liveStateSyncElement === null || liveStateSyncElement === void 0 ? void 0 : liveStateSyncElement.isUserEditor]);
+    return data;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function usePresenceUtils() {
+    var _a = React__default["default"].useState(), presenceElement = _a[0], setPresenceElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || presenceElement)
+            return;
+        var loadedPresenceElement = client.getPresenceElement();
+        setPresenceElement(loadedPresenceElement);
+    }, [client, setPresenceElement, presenceElement]);
+    return presenceElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function usePresenceUsers() {
+    var presenceElement = usePresenceUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!presenceElement)
+            return;
+        var subscription = presenceElement.getOnlineUsersOnCurrentDocument().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [presenceElement]);
+    return data;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useRecorderUtils() {
+    var _a = React__default["default"].useState(), recorderElement = _a[0], setRecorderElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || recorderElement)
+            return;
+        var loadedRecorderElement = client.getRecorderElement();
+        setRecorderElement(loadedRecorderElement);
+    }, [client, setRecorderElement, recorderElement]);
+    return recorderElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useRecorderAddHandler() {
+    var recorderElement = useRecorderUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!recorderElement)
+            return;
+        var subscription = recorderElement.onRecordedData().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [recorderElement]);
+    return data;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useAIRewriterUtils() {
+    var _a = React__default["default"].useState(), rewriterElement = _a[0], setRewriterElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || rewriterElement)
+            return;
+        var loadedRewriterElement = client.getRewriterElement();
+        setRewriterElement(loadedRewriterElement);
+    }, [client, setRewriterElement, rewriterElement]);
+    return rewriterElement;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useLiveSelectionUtils() {
+    var _a = React__default["default"].useState(), selectionElement = _a[0], setSelectionElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || selectionElement)
+            return;
+        var loadedSelectionElement = client.getSelectionElement();
+        setSelectionElement(loadedSelectionElement);
+    }, [client, setSelectionElement, selectionElement]);
+    return selectionElement;
+}
+
+/**
+ * @beta This hook is in beta
+ */
+function useTagUtils() {
+    var _a = React__default["default"].useState(), tagElement = _a[0], setTagElement = _a[1];
+    var client = useVeltClient().client;
+    React__default["default"].useEffect(function () {
+        if (!client || tagElement)
+            return;
+        var loadedTagElement = client.getTagElement();
+        setTagElement(loadedTagElement);
+    }, [client, setTagElement, tagElement]);
+    return tagElement;
+}
+/**
+ * @beta This hook is in beta
+ */
+function useTagAnnotations(documentId, location) {
+    var tagElement = useTagUtils();
+    var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!tagElement)
+            return;
+        var subscription = tagElement.getAllTagAnnotations(documentId, location).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [tagElement]);
+    return data;
+}
+
 exports.VeltArrowTool = SnippylyArrowTool;
 exports.VeltArrows = SnippylyArrows;
 exports.VeltCommentBubble = SnippylyCommentBubble;
@@ -453,5 +847,31 @@ exports.VeltTags = SnippylyTags;
 exports.VeltUserInviteTool = SnippylyUserInviteTool;
 exports.VeltUserRequestTool = SnippylyUserRequestTool;
 exports.VeltVideoPlayer = VeltVideoPlayer;
+exports.useAIRewriterUtils = useAIRewriterUtils;
+exports.useAddLocation = useAddLocation;
+exports.useClient = useClient;
+exports.useCommentAddHandler = useCommentAddHandler;
+exports.useCommentAnnotations = useCommentAnnotations;
+exports.useCommentDialogSidebarClickHandler = useCommentDialogSidebarClickHandler;
+exports.useCommentModeState = useCommentModeState;
+exports.useCommentUpdateHandler = useCommentUpdateHandler;
+exports.useCommentUtils = useCommentUtils;
+exports.useCursorUsers = useCursorUsers;
+exports.useCursorUtils = useCursorUtils;
+exports.useHuddleUtils = useHuddleUtils;
+exports.useIdentify = useIdentify;
+exports.useLiveSelectionUtils = useLiveSelectionUtils;
+exports.useLiveStateData = useLiveStateData;
+exports.useLiveStateSyncUtils = useLiveStateSyncUtils;
+exports.usePresenceUsers = usePresenceUsers;
+exports.usePresenceUtils = usePresenceUtils;
+exports.useRecorderAddHandler = useRecorderAddHandler;
+exports.useRecorderUtils = useRecorderUtils;
+exports.useSetDocumentId = useSetDocumentId;
+exports.useSetLiveStateData = useSetLiveStateData;
+exports.useSetLocation = useSetLocation;
+exports.useTagAnnotations = useTagAnnotations;
+exports.useTagUtils = useTagUtils;
+exports.useUserEditorState = useUserEditorState;
 exports.useVeltClient = useVeltClient;
 //# sourceMappingURL=index.js.map