@reltio/components 1.4.2153 → 1.4.2155

package/hooks/useCollaboration/useCollaboration.js

@@ -20,7 +20,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { useCallback, useEffect, useState, useMemo } from 'react';
 import { andThen, fromPairs, map, otherwise, pipe, props, uniqBy, prop, propEq, when, always, assocPath, dissocPath, path, pathOr, mergeRight } from 'ramda';
-import { createComment as createCommentRequest, createReply as createReplyRequest, getComment as getCommentRequest, getCommentsCount as getCommentsCountRequest, updateComment as updateCommentRequest, updateReply as updateReplyRequest, deleteComment as deleteCommentRequest, deleteReply as deleteReplyRequest, getComments as getCommentsRequest, isTempUri } from '@reltio/mdm-sdk';
+import { createComment as createCommentRequest, createReply as createReplyRequest, getComment as getCommentRequest, getCommentsCount as getCommentsCountRequest, getTotalCommentsCount as getTotalCommentsCountRequest, updateComment as updateCommentRequest, updateReply as updateReplyRequest, deleteComment as deleteCommentRequest, deleteReply as deleteReplyRequest, getComments as getCommentsRequest, isTempUri } from '@reltio/mdm-sdk';
 import { useMdmCollaborationPath, useMdmEntity, useMdmIsCollaborationEnabled, useMdmTenant } from '../../contexts/MdmModuleContext';
 var filterReplies = function (replyId, replies) { return replies.filter(function (reply) { return reply.replyId !== replyId; }); };
 var getUpdatedReplies = function (comment, reply) {
@@ -43,27 +43,49 @@ export var useCollaboration = function (_a) {
     var _d = useState(null), pageToken = _d[0], setPageToken = _d[1];
     var _e = useState([]), comments = _e[0], setComments = _e[1];
     var _f = useState(null), commentsMap = _f[0], setCommentsMap = _f[1];
-    var _g = useState(null), currentComment = _g[0], setCurrentComment = _g[1];
-    var _h = useState(false), sending = _h[0], setSending = _h[1];
-    var _j = useState(false), loading = _j[0], setLoading = _j[1];
-    var _k = useState({}), collaborationStateMap = _k[0], setCollaborationStateMap = _k[1];
+    var _g = useState(null), totalCommentsCount = _g[0], setTotalCommentsCount = _g[1];
+    var _h = useState(null), currentComment = _h[0], setCurrentComment = _h[1];
+    var _j = useState(false), sending = _j[0], setSending = _j[1];
+    var _k = useState(false), loading = _k[0], setLoading = _k[1];
+    var _l = useState({}), collaborationStateMap = _l[0], setCollaborationStateMap = _l[1];
     var addCommentsToCommentsMap = useCallback(function (commentsMap) {
         setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
     }, []);
     var entityUri = entity === null || entity === void 0 ? void 0 : entity.uri;
+    var isCollaborationEnabledForEntity = isCollaborationEnabled && entityUri && !isTempUri(entityUri);
     var getCommentsCount = useCallback(function (objectIds, shouldResetCommentsMap) {
         if (shouldResetCommentsMap === void 0) { shouldResetCommentsMap = false; }
-        if (isCollaborationEnabled && entityUri && !isTempUri(entityUri)) {
+        if (!isCollaborationEnabledForEntity || totalCommentsCount == null) {
+            return setCommentsMap(null);
+        }
+        if (totalCommentsCount === 0) {
+            return shouldResetCommentsMap && setCommentsMap({});
+        }
+        var onError = function (e) {
+            console.warn('Collaboration error', e);
+            setCommentsMap(null);
+        };
+        pipe(getCommentsCountRequest, andThen(map(props(['objectId', 'comments']))), andThen(fromPairs), andThen(shouldResetCommentsMap ? setCommentsMap : addCommentsToCommentsMap), otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
+    }, [addCommentsToCommentsMap, collaborationPath, isCollaborationEnabledForEntity, tenant, totalCommentsCount]);
+    var getTotalCommentsCount = useCallback(function () {
+        if (isCollaborationEnabledForEntity) {
             var onError = function (e) {
                 console.warn('Collaboration error', e);
-                setCommentsMap(null);
+                setTotalCommentsCount(null);
             };
-            pipe(getCommentsCountRequest, andThen(map(props(['objectId', 'comments']))), andThen(fromPairs), andThen(shouldResetCommentsMap ? setCommentsMap : addCommentsToCommentsMap), otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
+            pipe(getTotalCommentsCountRequest, andThen(prop('total')), andThen(setTotalCommentsCount), otherwise(onError))({
+                relatedObjectUri: entityUri,
+                collaborationPath: collaborationPath,
+                tenant: tenant
+            });
         }
         else {
-            setCommentsMap(null);
+            setTotalCommentsCount(null);
         }
-    }, [addCommentsToCommentsMap, collaborationPath, entityUri, isCollaborationEnabled, tenant]);
+    }, [isCollaborationEnabledForEntity, collaborationPath, entityUri, tenant]);
+    useEffect(function () {
+        getTotalCommentsCount();
+    }, [getTotalCommentsCount]);
     useEffect(function () {
         getCommentsCount(objectIds, true);
     }, [objectIds, getCommentsCount]);
@@ -95,6 +117,7 @@ export var useCollaboration = function (_a) {
             return __assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = __spreadArray(__spreadArray([], (prevCommentsMap[uri] || []), true), [{ commentId: comment.commentId, replies: 0, status: 'open' }], false), _a));
         });
         setComments(function (prevComments) { return __spreadArray([comment], prevComments, true); });
+        setTotalCommentsCount(function (prevCount) { return (prevCount || 0) + 1; });
     };
     var updateCommentInState = function (comment) {
         setCurrentComment(comment);
@@ -110,6 +133,7 @@ export var useCollaboration = function (_a) {
         setComments(function (prevComments) {
             return prevComments.filter(function (comment) { return comment.commentId !== commentId; });
         });
+        setTotalCommentsCount(function (prevCount) { return Math.max((prevCount || 0) - 1, 0); });
     };
     var createComment = useCallback(function (_a) {
         var content = _a.content, namedUsers = _a.namedUsers, objectType = _a.objectType, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris;
@@ -195,6 +219,12 @@ export var useCollaboration = function (_a) {
                 return comment;
             });
         });
+        if (isDeleteReply) {
+            setTotalCommentsCount(function (prevCount) { return Math.max((prevCount || 0) - 1, 0); });
+        }
+        else {
+            setTotalCommentsCount(function (prevCount) { return (prevCount || 0) + 1; });
+        }
     }, []);
     var deleteReply = useCallback(function (_a) {
         var uri = _a.uri, commentId = _a.commentId, reply = _a.reply;
@@ -289,7 +319,8 @@ export var useCollaboration = function (_a) {
         resolveThread: resolveThread,
         sending: sending,
         deleteReply: deleteReply,
-        editReply: editReply
+        editReply: editReply,
+        totalCommentsCount: totalCommentsCount
     }); }, [
         clearCurrentComment,
         comments,
@@ -312,6 +343,7 @@ export var useCollaboration = function (_a) {
         resolveThread,
         sending,
         deleteReply,
-        editReply
+        editReply,
+        totalCommentsCount
     ]);
 };