@veltdev/react 3.0.77 → 3.0.78

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '3.0.77';
+var VELT_SDK_VERSION = '3.0.78';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -2127,10 +2127,28 @@ var VeltCommentDialogThreads = function (props) {
     return (React__default["default"].createElement("velt-comment-dialog-threads-wireframe", __assign({}, remainingProp), children));
 };
 
+var VeltCommentDialogToggleReplyCount = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-count-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogToggleReplyText = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-text-wireframe", __assign({}, remainingProp), children));
+};
+
+var VeltCommentDialogToggleReplyIcon = function (props) {
+    var children = props.children, remainingProp = __rest(props, ["children"]);
+    return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-icon-wireframe", __assign({}, remainingProp), children));
+};
+
 var VeltCommentDialogToggleReply = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
     return (React__default["default"].createElement("velt-comment-dialog-toggle-reply-wireframe", __assign({}, remainingProp), children));
 };
+VeltCommentDialogToggleReply.Icon = VeltCommentDialogToggleReplyIcon;
+VeltCommentDialogToggleReply.Text = VeltCommentDialogToggleReplyText;
+VeltCommentDialogToggleReply.Count = VeltCommentDialogToggleReplyCount;
 
 var VeltCommentDialogUpgrade = function (props) {
     var children = props.children, remainingProp = __rest(props, ["children"]);
@@ -4313,6 +4331,12 @@ var VeltTranscriptionWireframe = function (props) {
 VeltTranscriptionWireframe.EmbedMode = VeltTranscriptionEmbedModeWireframe;
 VeltTranscriptionWireframe.FloatingMode = VeltTranscriptionFloatingModeWireframe;
 
+var VeltButtonWireframe = function (props) {
+    var id = props.id, disabled = props.disabled, active = props.active, type = props.type, group = props.group, children = props.children;
+    var ref = React.useRef();
+    return (React__default["default"].createElement("velt-button-wireframe", { ref: ref, id: id, disabled: [true, false].includes(disabled) ? (disabled ? 'true' : 'false') : undefined, active: [true, false].includes(active) ? (active ? 'true' : 'false') : undefined, type: type, group: group }, children));
+};
+
 function useClient() {
     var client = useVeltClient().client;
     var _a = React__default["default"].useState(), veltClient = _a[0], setVeltClient = _a[1];
@@ -5021,6 +5045,9 @@ function useToggleReaction() {
         }
     };
 }
+/**
+ * @deprecated Use useCommentEventCallback hook instead.
+ */
 function useCommentActionCallback(action) {
     var commentElement = useCommentUtils();
     var _a = React.useState(null), data = _a[0], setData = _a[1];
@@ -5047,6 +5074,59 @@ function useCommentActionCallback(action) {
     }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.on, memoizedAction]);
     return data;
 }
+function useCommentEventCallback(action) {
+    var commentElement = useCommentUtils();
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef(null);
+    var memoizedAction = React.useMemo(function () { return action; }, [action]);
+    React.useEffect(function () {
+        var _a;
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.on))
+            return;
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = (_a = commentElement === null || commentElement === void 0 ? void 0 : commentElement.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
+            setData(data);
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.on, memoizedAction]);
+    return data;
+}
+
+function useVeltEventCallback(action) {
+    var client = useVeltClient().client;
+    var _a = React.useState(null), data = _a[0], setData = _a[1];
+    var subscriptionRef = React.useRef(null);
+    var memoizedAction = React.useMemo(function () { return action; }, [action]);
+    React.useEffect(function () {
+        var _a;
+        if (!(client === null || client === void 0 ? void 0 : client.on))
+            return;
+        if (subscriptionRef.current) {
+            subscriptionRef.current.unsubscribe();
+        }
+        var subscription = (_a = client === null || client === void 0 ? void 0 : client.on(memoizedAction)) === null || _a === void 0 ? void 0 : _a.subscribe(function (data) {
+            setData(data);
+        });
+        // Store the new subscription
+        subscriptionRef.current = subscription;
+        // Cleanup function
+        return function () {
+            if (subscriptionRef.current) {
+                subscriptionRef.current.unsubscribe();
+            }
+        };
+    }, [client === null || client === void 0 ? void 0 : client.on, memoizedAction]);
+    return data;
+}
 
 function useCursorUtils() {
     var _a = React__default["default"].useState(), cursorElement = _a[0], setCursorElement = _a[1];
@@ -5675,6 +5755,7 @@ exports.VeltArrows = SnippylyArrows;
 exports.VeltAutocomplete = VeltAutocomplete;
 exports.VeltAutocompleteChipTooltipWireframe = VeltAutocompleteChipTooltipWireframe;
 exports.VeltAutocompleteOptionWireframe = VeltAutocompleteOptionWireframe;
+exports.VeltButtonWireframe = VeltButtonWireframe;
 exports.VeltCanvasComment = VeltCanvasComment;
 exports.VeltChartComment = VeltChartComment;
 exports.VeltCommentBubble = SnippylyCommentBubble;
@@ -5773,6 +5854,7 @@ exports.useCommentAnnotationById = useCommentAnnotationById;
 exports.useCommentAnnotations = useCommentAnnotations;
 exports.useCommentCopyLinkHandler = useCommentCopyLinkHandler;
 exports.useCommentDialogSidebarClickHandler = useCommentDialogSidebarClickHandler;
+exports.useCommentEventCallback = useCommentEventCallback;
 exports.useCommentModeState = useCommentModeState;
 exports.useCommentSelectionChangeHandler = useCommentSelectionChangeHandler;
 exports.useCommentSidebarActionButtonClick = useCommentSidebarActionButtonClick;
@@ -5838,6 +5920,7 @@ exports.useUpdatePriority = useUpdatePriority;
 exports.useUpdateStatus = useUpdateStatus;
 exports.useUserEditorState = useUserEditorState;
 exports.useVeltClient = useVeltClient;
+exports.useVeltEventCallback = useVeltEventCallback;
 exports.useVeltInitState = useVeltInitState;
 exports.useViewsUtils = useViewsUtils;
 //# sourceMappingURL=index.js.map