@veltdev/react 1.0.150 → 1.0.152

package/cjs/index.js

@@ -140,7 +140,7 @@ var loadVelt = function (callback, version, staging, develop, proxyDomain) {
     }
 };
 
-var VELT_SDK_VERSION = '1.0.167';
+var VELT_SDK_VERSION = '1.0.169';
 var VELT_SDK_INIT_EVENT = 'onVeltInit';
 var VELT_TAB_ID = 'veltTabId';
 
@@ -229,8 +229,8 @@ var SnippylyProvider = function (props) {
 };
 
 var SnippylyCommentBubble = function (props) {
-    var targetCommentElementId = props.targetCommentElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode;
-    return (React__default["default"].createElement("velt-comment-bubble", { "target-comment-element-id": targetCommentElementId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, variant: variant }, children));
+    var targetCommentElementId = props.targetCommentElementId, avatar = props.avatar, showAvatar = props.showAvatar, commentBubbleTargetPinHover = props.commentBubbleTargetPinHover, children = props.children, shadowDom = props.shadowDom, variant = props.variant, darkMode = props.darkMode, commentCountType = props.commentCountType;
+    return (React__default["default"].createElement("velt-comment-bubble", { "comment-count-type": commentCountType, "target-comment-element-id": targetCommentElementId, "show-avatar": [true, false].includes(showAvatar) ? (showAvatar ? 'true' : 'false') : undefined, avatar: [true, false].includes(avatar) ? (avatar ? 'true' : 'false') : undefined, "comment-bubble-target-pin-hover": commentBubbleTargetPinHover ? 'true' : undefined, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined, variant: variant }, children));
 };
 
 var SnippylyComments = function (props) {
@@ -1129,8 +1129,8 @@ var VeltAutocomplete = function (props) {
 };
 
 var VeltInlineCommentsSection = function (props) {
-    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant;
-    return (React__default["default"].createElement("velt-inline-comments-section", { config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
+    var config = props.config, children = props.children, darkMode = props.darkMode, variant = props.variant, shadowDom = props.shadowDom, dialogVariant = props.dialogVariant, targetInlineCommentElementId = props.targetInlineCommentElementId;
+    return (React__default["default"].createElement("velt-inline-comments-section", { "target-inline-comment-element-id": targetInlineCommentElementId, config: JSON.stringify(config), variant: variant, "dialog-variant": dialogVariant, "shadow-dom": [true, false].includes(shadowDom) ? (shadowDom ? 'true' : 'false') : undefined, "dark-mode": [true, false].includes(darkMode) ? (darkMode ? 'true' : 'false') : undefined }, children));
 };
 
 var VeltWireframe = function (props) {
@@ -2422,6 +2422,81 @@ function useCommentAnnotations(documentId, location) {
     }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getAllCommentAnnotations]);
     return data;
 }
+function useUnreadCommentCountByAnnotationId(annotationId) {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState({ count: 0 }), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByAnnotationId))
+            return;
+        var subscription = commentElement.getUnreadCommentCountByAnnotationId(annotationId).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByAnnotationId]);
+    return data;
+}
+function useUnreadCommentAnnotationCountOnCurrentDocument() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState({ count: 0 }), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountOnCurrentDocument))
+            return;
+        var subscription = commentElement.getUnreadCommentAnnotationCountOnCurrentDocument().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountOnCurrentDocument]);
+    return data;
+}
+function useUnreadCommentCountOnCurrentDocument() {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState({ count: 0 }), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountOnCurrentDocument))
+            return;
+        var subscription = commentElement.getUnreadCommentCountOnCurrentDocument().subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountOnCurrentDocument]);
+    return data;
+}
+function useUnreadCommentCountByLocationId(locationId) {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState({ count: 0 }), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByLocationId))
+            return;
+        var subscription = commentElement.getUnreadCommentCountByLocationId(locationId).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentCountByLocationId]);
+    return data;
+}
+function useUnreadCommentAnnotationCountByLocationId(locationId) {
+    var commentElement = useCommentUtils();
+    var _a = React__default["default"].useState({ count: 0 }), data = _a[0], setData = _a[1];
+    React.useEffect(function () {
+        if (!(commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountByLocationId))
+            return;
+        var subscription = commentElement.getUnreadCommentAnnotationCountByLocationId(locationId).subscribe(function (res) {
+            setData(res);
+        });
+        return function () {
+            subscription.unsubscribe();
+        };
+    }, [commentElement === null || commentElement === void 0 ? void 0 : commentElement.getUnreadCommentAnnotationCountByLocationId]);
+    return data;
+}
 function useCommentModeState() {
     var commentElement = useCommentUtils();
     var _a = React__default["default"].useState(), data = _a[0], setData = _a[1];
@@ -3101,6 +3176,11 @@ exports.useTagAnnotations = useTagAnnotations;
 exports.useTagUtils = useTagUtils;
 exports.useUniqueViewsByDate = useUniqueViewsByDate;
 exports.useUniqueViewsByUser = useUniqueViewsByUser;
+exports.useUnreadCommentAnnotationCountByLocationId = useUnreadCommentAnnotationCountByLocationId;
+exports.useUnreadCommentAnnotationCountOnCurrentDocument = useUnreadCommentAnnotationCountOnCurrentDocument;
+exports.useUnreadCommentCountByAnnotationId = useUnreadCommentCountByAnnotationId;
+exports.useUnreadCommentCountByLocationId = useUnreadCommentCountByLocationId;
+exports.useUnreadCommentCountOnCurrentDocument = useUnreadCommentCountOnCurrentDocument;
 exports.useUnsetDocumentId = useUnsetDocumentId;
 exports.useUserEditorState = useUserEditorState;
 exports.useVeltClient = useVeltClient;