@veltdev/react 1.0.49 → 1.0.51

package/cjs/index.js

@@ -94,7 +94,7 @@ var loadVelt = function (callback, version, staging) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.56';
+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;
@@ -178,7 +178,7 @@ var SnippylyCommentBubble = function (props) {
 };
 
 var SnippylyComments = function (props) {
-    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, pinHighlighterClass = props.pinHighlighterClass, textHighlighterClass = props.textHighlighterClass, signIn = props.signIn, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentsMode = props.floatingCommentsMode, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, allowAttachments = props.allowAttachments, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, showDeviceInfo = props.showDeviceInfo, deviceInfo = props.deviceInfo, showCommentIndex = props.showCommentIndex, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, showPriority = props.showPriority, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsMessage = props.ghostCommentsMessage, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, allowedElementIds = props.allowedElementIds, commentAdded = props.commentAdded, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, commentAccepted = props.commentAccepted, onCommentAccept = props.onCommentAccept, commentRejected = props.commentRejected, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatuses = props.customStatuses, customStatus = props.customStatus, customPriorities = props.customPriorities, customPriority = props.customPriority, customCategories = props.customCategories, customCategory = props.customCategory, showStatus = props.showStatus, status = props.status, showResolveButton = props.showResolveButton, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
+    var autoCategorize = props.autoCategorize, streamViewContainerId = props.streamViewContainerId, pinHighlighterClass = props.pinHighlighterClass, textHighlighterClass = props.textHighlighterClass, signIn = props.signIn, onSignIn = props.onSignIn, onUpgrade = props.onUpgrade, textMode = props.textMode, popoverMode = props.popoverMode, popoverTriangleComponent = props.popoverTriangleComponent, floatingCommentsMode = props.floatingCommentsMode, floatingCommentDialog = props.floatingCommentDialog, moderatorMode = props.moderatorMode, streamMode = props.streamMode, signInButton = props.signInButton, upgradeButton = props.upgradeButton, allowAttachments = props.allowAttachments, attachments = props.attachments, recordings = props.recordings, reactions = props.reactions, showDeviceInfo = props.showDeviceInfo, deviceInfo = props.deviceInfo, showCommentIndex = props.showCommentIndex, commentIndex = props.commentIndex, dialogOnHover = props.dialogOnHover, dialogOnTargetElementClick = props.dialogOnTargetElementClick, showPriority = props.showPriority, priority = props.priority, inboxMode = props.inboxMode, suggestionMode = props.suggestionMode, mobileMode = props.mobileMode, inlineCommentMode = props.inlineCommentMode, privateCommentMode = props.privateCommentMode, minimap = props.minimap, persistentCommentMode = props.persistentCommentMode, ghostComments = props.ghostComments, ghostCommentsMessage = props.ghostCommentsMessage, ghostCommentsIndicator = props.ghostCommentsIndicator, commentsOnDom = props.commentsOnDom, commentTool = props.commentTool, sidebarButtonOnCommentDialog = props.sidebarButtonOnCommentDialog, scrollToComponent = props.scrollToComponent, allowedElementIds = props.allowedElementIds, commentAdded = props.commentAdded, onCommentAdd = props.onCommentAdd, onCommentUpdate = props.onCommentUpdate, commentAccepted = props.commentAccepted, onCommentAccept = props.onCommentAccept, commentRejected = props.commentRejected, onCommentReject = props.onCommentReject, onSidebarButtonOnCommentDialogClick = props.onSidebarButtonOnCommentDialogClick, customStatuses = props.customStatuses, customStatus = props.customStatus, customPriorities = props.customPriorities, customPriority = props.customPriority, customCategories = props.customCategories, customCategory = props.customCategory, showStatus = props.showStatus, status = props.status, showResolveButton = props.showResolveButton, resolveButton = props.resolveButton, darkMode = props.darkMode, onCustomPinInject = props.onCustomPinInject, children = props.children;
     var ref = React.useRef();
     React.useEffect(function () {
         if (ref.current) {
@@ -237,11 +237,11 @@ var SnippylyComments = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comments", { ref: ref, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "pin-highlighter-class": pinHighlighterClass, "text-highlighter-class": textHighlighterClass, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comments-mode": [true, false].includes(floatingCommentsMode) ? (floatingCommentsMode ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, "allow-attachments": [true, false].includes(allowAttachments) ? (allowAttachments ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "show-device-info": [true, false].includes(showDeviceInfo) ? (showDeviceInfo ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "show-comment-index": [true, false].includes(showCommentIndex) ? (showCommentIndex ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, "show-priority": [true, false].includes(showPriority) ? (showPriority ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, "show-status": [true, false].includes(showStatus) ? (showStatus ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "show-resolve-button": [true, false].includes(showResolveButton) ? (showResolveButton ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-message": [true, false].includes(ghostCommentsMessage) ? (ghostCommentsMessage ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "allowed-element-ids": JSON.stringify(allowedElementIds), "custom-statuses": JSON.stringify(customStatuses), "custom-status": JSON.stringify(customStatus), "custom-priorities": JSON.stringify(customPriorities), "custom-priority": JSON.stringify(customPriority), "custom-categories": JSON.stringify(customCategories), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    return (React__default["default"].createElement("velt-comments", { ref: ref, "auto-categorize": [true, false].includes(autoCategorize) ? (autoCategorize ? 'true' : 'false') : undefined, "data-stream-view-container-id": streamViewContainerId, "pin-highlighter-class": pinHighlighterClass, "text-highlighter-class": textHighlighterClass, "text-mode": [true, false].includes(textMode) ? (textMode ? 'true' : 'false') : undefined, "popover-mode": [true, false].includes(popoverMode) ? (popoverMode ? 'true' : 'false') : undefined, "popover-triangle-component": [true, false].includes(popoverTriangleComponent) ? (popoverTriangleComponent ? 'true' : 'false') : undefined, "floating-comments-mode": [true, false].includes(floatingCommentsMode) ? (floatingCommentsMode ? 'true' : 'false') : undefined, "floating-comment-dialog": [true, false].includes(floatingCommentDialog) ? (floatingCommentDialog ? 'true' : 'false') : undefined, "moderator-mode": [true, false].includes(moderatorMode) ? (moderatorMode ? 'true' : 'false') : undefined, "stream-mode": [true, false].includes(streamMode) ? (streamMode ? 'true' : 'false') : undefined, "sign-in-button": [true, false].includes(signInButton) ? (signInButton ? 'true' : 'false') : undefined, "upgrade-button": [true, false].includes(upgradeButton) ? (upgradeButton ? 'true' : 'false') : undefined, "allow-attachments": [true, false].includes(allowAttachments) ? (allowAttachments ? 'true' : 'false') : undefined, attachments: [true, false].includes(attachments) ? (attachments ? 'true' : 'false') : undefined, recordings: recordings, reactions: [true, false].includes(reactions) ? (reactions ? 'true' : 'false') : undefined, "show-device-info": [true, false].includes(showDeviceInfo) ? (showDeviceInfo ? 'true' : 'false') : undefined, "device-info": [true, false].includes(deviceInfo) ? (deviceInfo ? 'true' : 'false') : undefined, "show-comment-index": [true, false].includes(showCommentIndex) ? (showCommentIndex ? 'true' : 'false') : undefined, "comment-index": [true, false].includes(commentIndex) ? (commentIndex ? 'true' : 'false') : undefined, "dialog-on-hover": [true, false].includes(dialogOnHover) ? (dialogOnHover ? 'true' : 'false') : undefined, "dialog-on-target-element-click": [true, false].includes(dialogOnTargetElementClick) ? (dialogOnTargetElementClick ? 'true' : 'false') : undefined, "show-priority": [true, false].includes(showPriority) ? (showPriority ? 'true' : 'false') : undefined, priority: [true, false].includes(priority) ? (priority ? 'true' : 'false') : undefined, "show-status": [true, false].includes(showStatus) ? (showStatus ? 'true' : 'false') : undefined, status: [true, false].includes(status) ? (status ? 'true' : 'false') : undefined, "show-resolve-button": [true, false].includes(showResolveButton) ? (showResolveButton ? 'true' : 'false') : undefined, "resolve-button": [true, false].includes(resolveButton) ? (resolveButton ? 'true' : 'false') : undefined, "inbox-mode": [true, false].includes(inboxMode) ? (inboxMode ? 'true' : 'false') : undefined, "suggestion-mode": [true, false].includes(suggestionMode) ? (suggestionMode ? 'true' : 'false') : undefined, "mobile-mode": [true, false].includes(mobileMode) ? (mobileMode ? 'true' : 'false') : undefined, "inline-comment-mode": [true, false].includes(inlineCommentMode) ? (inlineCommentMode ? 'true' : 'false') : undefined, "private-comment-mode": [true, false].includes(privateCommentMode) ? (privateCommentMode ? 'true' : 'false') : undefined, minimap: [true, false].includes(minimap) ? (minimap ? 'true' : 'false') : undefined, "persistent-comment-mode": [true, false].includes(persistentCommentMode) ? (persistentCommentMode ? 'true' : 'false') : undefined, "ghost-comments": [true, false].includes(ghostComments) ? (ghostComments ? 'true' : 'false') : undefined, "ghost-comments-message": [true, false].includes(ghostCommentsMessage) ? (ghostCommentsMessage ? 'true' : 'false') : undefined, "ghost-comments-indicator": [true, false].includes(ghostCommentsIndicator) ? (ghostCommentsIndicator ? 'true' : 'false') : undefined, "comments-on-dom": [true, false].includes(commentsOnDom) ? (commentsOnDom ? 'true' : 'false') : undefined, "comment-tool": [true, false].includes(commentTool) ? (commentTool ? 'true' : 'false') : undefined, "sidebar-button-on-comment-dialog": [true, false].includes(sidebarButtonOnCommentDialog) ? (sidebarButtonOnCommentDialog ? 'true' : 'false') : undefined, "scroll-to-component": [true, false].includes(scrollToComponent) ? (scrollToComponent ? 'true' : 'false') : undefined, "allowed-element-ids": JSON.stringify(allowedElementIds), "custom-statuses": JSON.stringify(customStatuses), "custom-status": JSON.stringify(customStatus), "custom-priorities": JSON.stringify(customPriorities), "custom-priority": JSON.stringify(customPriority), "custom-categories": JSON.stringify(customCategories), "custom-category": JSON.stringify(customCategory), "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var SnippylyCommentsSidebar = function (props) {
-    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
+    var embedMode = props.embedMode, enableUrlNavigation = props.enableUrlNavigation, urlNavigation = props.urlNavigation, pageMode = props.pageMode, openSidebar = props.openSidebar, onSidebarOpen = props.onSidebarOpen, onSidebarCommentClick = props.onSidebarCommentClick, onCommentClick = props.onCommentClick;
     var ref = React.useRef();
     React.useEffect(function () {
         if (ref.current) {
@@ -264,7 +264,7 @@ var SnippylyCommentsSidebar = function (props) {
             });
         }
     }, []);
-    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined }));
+    return (React__default["default"].createElement("velt-comments-sidebar", { ref: ref, "embed-mode": [true, false].includes(embedMode) ? (embedMode ? 'true' : 'false') : undefined, "enable-url-navigation": [true, false].includes(enableUrlNavigation) ? (enableUrlNavigation ? 'true' : 'false') : undefined, "url-navigation": [true, false].includes(urlNavigation) ? (urlNavigation ? 'true' : 'false') : undefined, "page-mode": [true, false].includes(pageMode) ? (pageMode ? 'true' : 'false') : undefined }));
 };
 
 var SnippylyCommentTool = function (props) {
@@ -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