box-ui-elements 16.0.0-beta.8 → 16.0.0

package/es/elements/content-sidebar/activity-feed/activity-feed/ActiveState.js

@@ -1,11 +1,19 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 /**
  * 
  * @file Active state component for Activity Feed
  */
 import * as React from 'react';
 import getProp from 'lodash/get';
+import noop from 'lodash/noop';
+import ActivityThread from './ActivityThread';
 import ActivityItem from './ActivityItem';
 import AppActivity from '../app-activity';
 import AnnotationActivity from '../annotations';
@@ -13,6 +21,7 @@ import Comment from '../comment';
 import TaskNew from '../task-new';
 import Version, { CollapsedVersion } from '../version';
 import withErrorHandling from '../../withErrorHandling';
+import { FEED_ITEM_TYPE_ANNOTATION, FEED_ITEM_TYPE_APP_ACTIVITY, FEED_ITEM_TYPE_COMMENT, FEED_ITEM_TYPE_TASK, FEED_ITEM_TYPE_VERSION } from '../../../../constants';
 
 var ActiveState = function ActiveState(_ref) {
   var activeFeedEntryId = _ref.activeFeedEntryId,
@@ -21,15 +30,26 @@ var ActiveState = function ActiveState(_ref) {
       approverSelectorContacts = _ref.approverSelectorContacts,
       currentFileVersionId = _ref.currentFileVersionId,
       currentUser = _ref.currentUser,
+      _ref$hasReplies = _ref.hasReplies,
+      hasReplies = _ref$hasReplies === void 0 ? false : _ref$hasReplies,
       items = _ref.items,
       mentionSelectorContacts = _ref.mentionSelectorContacts,
       getMentionWithQuery = _ref.getMentionWithQuery,
       onAnnotationDelete = _ref.onAnnotationDelete,
       onAnnotationEdit = _ref.onAnnotationEdit,
       onAnnotationSelect = _ref.onAnnotationSelect,
+      onAnnotationStatusChange = _ref.onAnnotationStatusChange,
       onAppActivityDelete = _ref.onAppActivityDelete,
       onCommentDelete = _ref.onCommentDelete,
       onCommentEdit = _ref.onCommentEdit,
+      _ref$onReplyCreate = _ref.onReplyCreate,
+      onReplyCreate = _ref$onReplyCreate === void 0 ? noop : _ref$onReplyCreate,
+      _ref$onReplyDelete = _ref.onReplyDelete,
+      onReplyDelete = _ref$onReplyDelete === void 0 ? noop : _ref$onReplyDelete,
+      _ref$onReplyUpdate = _ref.onReplyUpdate,
+      onReplyUpdate = _ref$onReplyUpdate === void 0 ? noop : _ref$onReplyUpdate,
+      _ref$onShowReplies = _ref.onShowReplies,
+      onShowReplies = _ref$onShowReplies === void 0 ? noop : _ref$onShowReplies,
       onTaskDelete = _ref.onTaskDelete,
       onTaskEdit = _ref.onTaskEdit,
       onTaskView = _ref.onTaskView,
@@ -45,6 +65,33 @@ var ActiveState = function ActiveState(_ref) {
         type = _ref2.type;
     return id === activeFeedEntryId && type === activeFeedEntryType;
   });
+
+  var onReplyCreateHandler = function onReplyCreateHandler(parentId, parentType) {
+    return function (text) {
+      onReplyCreate(parentId, parentType, text);
+    };
+  };
+
+  var onReplyDeleteHandler = function onReplyDeleteHandler(parentId) {
+    return function (options) {
+      onReplyDelete(_objectSpread({}, options, {
+        parentId: parentId
+      }));
+    };
+  };
+
+  var onReplyUpdateHandler = function onReplyUpdateHandler(parentId) {
+    return function (id, text, status, hasMention, permissions, onSuccess, onError) {
+      onReplyUpdate(id, parentId, text, permissions, onSuccess, onError);
+    };
+  };
+
+  var onShowRepliesHandler = function onShowRepliesHandler(id, type) {
+    return function () {
+      onShowReplies(id, type);
+    };
+  };
+
   return React.createElement("ul", {
     className: "bcs-activity-feed-active-state"
   }, items.map(function (item) {
@@ -53,13 +100,28 @@ var ActiveState = function ActiveState(_ref) {
     var itemFileVersionId = getProp(item, 'file_version.id');
 
     switch (item.type) {
-      case 'comment':
+      case FEED_ITEM_TYPE_COMMENT:
         return React.createElement(ActivityItem, {
           key: item.type + item.id,
-          className: "bcs-activity-feed-comment",
           "data-testid": "comment",
           isFocused: isFocused,
           ref: refValue
+        }, React.createElement(ActivityThread, {
+          "data-testid": "activity-thread",
+          currentUser: currentUser,
+          getAvatarUrl: getAvatarUrl,
+          getMentionWithQuery: getMentionWithQuery,
+          getUserProfileUrl: getUserProfileUrl,
+          hasReplies: hasReplies,
+          isRepliesLoading: item.isRepliesLoading,
+          mentionSelectorContacts: mentionSelectorContacts,
+          onReplyCreate: onReplyCreateHandler(item.id, item.type),
+          onReplyDelete: onReplyDeleteHandler(item.id),
+          onReplyEdit: onReplyUpdateHandler(item.id),
+          onShowReplies: onShowRepliesHandler(item.id, item.type),
+          repliesTotalCount: item.total_reply_count,
+          replies: item.replies,
+          translations: translations
         }, React.createElement(Comment, _extends({}, item, {
           currentUser: currentUser,
           getAvatarUrl: getAvatarUrl,
@@ -70,12 +132,14 @@ var ActiveState = function ActiveState(_ref) {
           onEdit: onCommentEdit,
           permissions: {
             can_delete: getProp(item.permissions, 'can_delete', false),
-            can_edit: getProp(item.permissions, 'can_edit', false)
+            can_edit: getProp(item.permissions, 'can_edit', false),
+            can_reply: getProp(item.permissions, 'can_reply', false),
+            can_resolve: getProp(item.permissions, 'can_resolve', false)
           },
           translations: translations
-        })));
+        }))));
 
-      case 'task':
+      case FEED_ITEM_TYPE_TASK:
         return React.createElement(ActivityItem, {
           key: item.type + item.id,
           className: "bcs-activity-feed-task-new",
@@ -96,7 +160,7 @@ var ActiveState = function ActiveState(_ref) {
           translations: translations
         })));
 
-      case 'file_version':
+      case FEED_ITEM_TYPE_VERSION:
         return React.createElement(ActivityItem, {
           key: item.type + item.id,
           className: "bcs-version-item",
@@ -109,7 +173,7 @@ var ActiveState = function ActiveState(_ref) {
           onInfo: onVersionInfo
         })));
 
-      case 'app_activity':
+      case FEED_ITEM_TYPE_APP_ACTIVITY:
         return React.createElement(ActivityItem, {
           key: item.type + item.id,
           className: "bcs-activity-feed-app-activity",
@@ -119,13 +183,29 @@ var ActiveState = function ActiveState(_ref) {
           onDelete: onAppActivityDelete
         }, item)));
 
-      case 'annotation':
+      case FEED_ITEM_TYPE_ANNOTATION:
         return React.createElement(ActivityItem, {
           key: item.type + item.id,
           className: "bcs-activity-feed-annotation-activity",
           "data-testid": "annotation-activity",
           isFocused: isFocused,
           ref: refValue
+        }, React.createElement(ActivityThread, {
+          "data-testid": "activity-thread",
+          currentUser: currentUser,
+          getAvatarUrl: getAvatarUrl,
+          getMentionWithQuery: getMentionWithQuery,
+          getUserProfileUrl: getUserProfileUrl,
+          hasReplies: hasReplies,
+          isRepliesLoading: item.isRepliesLoading,
+          mentionSelectorContacts: mentionSelectorContacts,
+          onReplyCreate: onReplyCreateHandler(item.id, item.type),
+          onReplyDelete: onReplyDeleteHandler(item.id),
+          onReplyEdit: onReplyUpdateHandler(item.id),
+          onShowReplies: onShowRepliesHandler(item.id, item.type),
+          repliesTotalCount: item.total_reply_count,
+          replies: item.replies,
+          translations: translations
         }, React.createElement(AnnotationActivity, {
           currentUser: currentUser,
           getAvatarUrl: getAvatarUrl,
@@ -136,8 +216,9 @@ var ActiveState = function ActiveState(_ref) {
           mentionSelectorContacts: mentionSelectorContacts,
           onEdit: onAnnotationEdit,
           onDelete: onAnnotationDelete,
-          onSelect: onAnnotationSelect
-        }));
+          onSelect: onAnnotationSelect,
+          onStatusChange: onAnnotationStatusChange
+        })));
 
       default:
         return null;

package/es/elements/content-sidebar/activity-feed/activity-feed/ActiveState.js.flow

@@ -4,6 +4,8 @@
  */
 import * as React from 'react';
 import getProp from 'lodash/get';
+import noop from 'lodash/noop';
+import ActivityThread from './ActivityThread';
 import ActivityItem from './ActivityItem';
 import AppActivity from '../app-activity';
 import AnnotationActivity from '../annotations';
@@ -11,11 +13,21 @@ import Comment from '../comment';
 import TaskNew from '../task-new';
 import Version, { CollapsedVersion } from '../version';
 import withErrorHandling from '../../withErrorHandling';
+import {
+    FEED_ITEM_TYPE_ANNOTATION,
+    FEED_ITEM_TYPE_APP_ACTIVITY,
+    FEED_ITEM_TYPE_COMMENT,
+    FEED_ITEM_TYPE_TASK,
+    FEED_ITEM_TYPE_VERSION,
+} from '../../../../constants';
 import type {
     Annotation,
     AnnotationPermission,
+    BoxCommentPermission,
+    CommentFeedItemType,
     FeedItem,
     FeedItems,
+    FeedItemStatus,
     FocusableFeedItemType,
 } from '../../../../common/types/feed';
 import type { SelectorItems, User } from '../../../../common/types/core';
@@ -33,14 +45,35 @@ type Props = {
     getAvatarUrl: GetAvatarUrlCallback,
     getMentionWithQuery?: Function,
     getUserProfileUrl?: GetProfileUrlCallback,
+    hasReplies?: boolean,
     items: FeedItems,
     mentionSelectorContacts?: SelectorItems<>,
     onAnnotationDelete?: ({ id: string, permissions: AnnotationPermission }) => void,
     onAnnotationEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,
     onAnnotationSelect?: (annotation: Annotation) => void,
+    onAnnotationStatusChange?: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,
     onAppActivityDelete?: Function,
     onCommentDelete?: Function,
-    onCommentEdit?: Function,
+    onCommentEdit?: (
+        id: string,
+        text?: string,
+        status?: FeedItemStatus,
+        hasMention: boolean,
+        permissions: BoxCommentPermission,
+        onSuccess: ?Function,
+        onError: ?Function,
+    ) => void,
+    onReplyCreate?: (parentId: string, parentType: CommentFeedItemType, text: string) => void,
+    onReplyDelete?: ({ id: string, parentId: string, permissions: BoxCommentPermission }) => void,
+    onReplyUpdate?: (
+        id: string,
+        parentId: string,
+        text: string,
+        permissions: BoxCommentPermission,
+        onSuccess: ?Function,
+        onError: ?Function,
+    ) => void,
+    onShowReplies?: (id: string, type: CommentFeedItemType) => void,
     onTaskAssignmentUpdate?: Function,
     onTaskDelete?: Function,
     onTaskEdit?: Function,
@@ -57,15 +90,21 @@ const ActiveState = ({
     approverSelectorContacts,
     currentFileVersionId,
     currentUser,
+    hasReplies = false,
     items,
     mentionSelectorContacts,
     getMentionWithQuery,
     onAnnotationDelete,
     onAnnotationEdit,
     onAnnotationSelect,
+    onAnnotationStatusChange,
     onAppActivityDelete,
     onCommentDelete,
     onCommentEdit,
+    onReplyCreate = noop,
+    onReplyDelete = noop,
+    onReplyUpdate = noop,
+    onShowReplies = noop,
     onTaskDelete,
     onTaskEdit,
     onTaskView,
@@ -79,6 +118,27 @@ const ActiveState = ({
 }: Props): React.Node => {
     const activeEntry = items.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);
 
+    const onReplyCreateHandler = (parentId: string, parentType: CommentFeedItemType) => (text: string) => {
+        onReplyCreate(parentId, parentType, text);
+    };
+    const onReplyDeleteHandler = (parentId: string) => (options: { id: string, permissions: BoxCommentPermission }) => {
+        onReplyDelete({ ...options, parentId });
+    };
+    const onReplyUpdateHandler = (parentId: string) => (
+        id: string,
+        text: string,
+        status?: FeedItemStatus,
+        hasMention?: boolean,
+        permissions: BoxCommentPermission,
+        onSuccess: ?Function,
+        onError: ?Function,
+    ) => {
+        onReplyUpdate(id, parentId, text, permissions, onSuccess, onError);
+    };
+    const onShowRepliesHandler = (id: string, type: CommentFeedItemType) => () => {
+        onShowReplies(id, type);
+    };
+
     return (
         <ul className="bcs-activity-feed-active-state">
             {items.map((item: FeedItem) => {
@@ -87,33 +147,52 @@ const ActiveState = ({
                 const itemFileVersionId = getProp(item, 'file_version.id');
 
                 switch (item.type) {
-                    case 'comment':
+                    case FEED_ITEM_TYPE_COMMENT:
                         return (
                             <ActivityItem
                                 key={item.type + item.id}
-                                className="bcs-activity-feed-comment"
                                 data-testid="comment"
                                 isFocused={isFocused}
                                 ref={refValue}
                             >
-                                <Comment
-                                    {...item}
+                                <ActivityThread
+                                    data-testid="activity-thread"
                                     currentUser={currentUser}
                                     getAvatarUrl={getAvatarUrl}
                                     getMentionWithQuery={getMentionWithQuery}
                                     getUserProfileUrl={getUserProfileUrl}
+                                    hasReplies={hasReplies}
+                                    isRepliesLoading={item.isRepliesLoading}
                                     mentionSelectorContacts={mentionSelectorContacts}
-                                    onDelete={onCommentDelete}
-                                    onEdit={onCommentEdit}
-                                    permissions={{
-                                        can_delete: getProp(item.permissions, 'can_delete', false),
-                                        can_edit: getProp(item.permissions, 'can_edit', false),
-                                    }}
+                                    onReplyCreate={onReplyCreateHandler(item.id, item.type)}
+                                    onReplyDelete={onReplyDeleteHandler(item.id)}
+                                    onReplyEdit={onReplyUpdateHandler(item.id)}
+                                    onShowReplies={onShowRepliesHandler(item.id, item.type)}
+                                    repliesTotalCount={item.total_reply_count}
+                                    replies={item.replies}
                                     translations={translations}
-                                />
+                                >
+                                    <Comment
+                                        {...item}
+                                        currentUser={currentUser}
+                                        getAvatarUrl={getAvatarUrl}
+                                        getMentionWithQuery={getMentionWithQuery}
+                                        getUserProfileUrl={getUserProfileUrl}
+                                        mentionSelectorContacts={mentionSelectorContacts}
+                                        onDelete={onCommentDelete}
+                                        onEdit={onCommentEdit}
+                                        permissions={{
+                                            can_delete: getProp(item.permissions, 'can_delete', false),
+                                            can_edit: getProp(item.permissions, 'can_edit', false),
+                                            can_reply: getProp(item.permissions, 'can_reply', false),
+                                            can_resolve: getProp(item.permissions, 'can_resolve', false),
+                                        }}
+                                        translations={translations}
+                                    />
+                                </ActivityThread>
                             </ActivityItem>
                         );
-                    case 'task':
+                    case FEED_ITEM_TYPE_TASK:
                         return (
                             <ActivityItem
                                 key={item.type + item.id}
@@ -138,7 +217,7 @@ const ActiveState = ({
                                 />
                             </ActivityItem>
                         );
-                    case 'file_version':
+                    case FEED_ITEM_TYPE_VERSION:
                         return (
                             <ActivityItem key={item.type + item.id} className="bcs-version-item" data-testid="version">
                                 {item.versions ? (
@@ -150,7 +229,7 @@ const ActiveState = ({
                                 )}
                             </ActivityItem>
                         );
-                    case 'app_activity':
+                    case FEED_ITEM_TYPE_APP_ACTIVITY:
                         return (
                             <ActivityItem
                                 key={item.type + item.id}
@@ -160,7 +239,7 @@ const ActiveState = ({
                                 <AppActivity currentUser={currentUser} onDelete={onAppActivityDelete} {...item} />
                             </ActivityItem>
                         );
-                    case 'annotation':
+                    case FEED_ITEM_TYPE_ANNOTATION:
                         return (
                             <ActivityItem
                                 key={item.type + item.id}
@@ -169,18 +248,37 @@ const ActiveState = ({
                                 isFocused={isFocused}
                                 ref={refValue}
                             >
-                                <AnnotationActivity
+                                <ActivityThread
+                                    data-testid="activity-thread"
                                     currentUser={currentUser}
                                     getAvatarUrl={getAvatarUrl}
-                                    getUserProfileUrl={getUserProfileUrl}
                                     getMentionWithQuery={getMentionWithQuery}
-                                    isCurrentVersion={currentFileVersionId === itemFileVersionId}
-                                    item={item}
+                                    getUserProfileUrl={getUserProfileUrl}
+                                    hasReplies={hasReplies}
+                                    isRepliesLoading={item.isRepliesLoading}
                                     mentionSelectorContacts={mentionSelectorContacts}
-                                    onEdit={onAnnotationEdit}
-                                    onDelete={onAnnotationDelete}
-                                    onSelect={onAnnotationSelect}
-                                />
+                                    onReplyCreate={onReplyCreateHandler(item.id, item.type)}
+                                    onReplyDelete={onReplyDeleteHandler(item.id)}
+                                    onReplyEdit={onReplyUpdateHandler(item.id)}
+                                    onShowReplies={onShowRepliesHandler(item.id, item.type)}
+                                    repliesTotalCount={item.total_reply_count}
+                                    replies={item.replies}
+                                    translations={translations}
+                                >
+                                    <AnnotationActivity
+                                        currentUser={currentUser}
+                                        getAvatarUrl={getAvatarUrl}
+                                        getUserProfileUrl={getUserProfileUrl}
+                                        getMentionWithQuery={getMentionWithQuery}
+                                        isCurrentVersion={currentFileVersionId === itemFileVersionId}
+                                        item={item}
+                                        mentionSelectorContacts={mentionSelectorContacts}
+                                        onEdit={onAnnotationEdit}
+                                        onDelete={onAnnotationDelete}
+                                        onSelect={onAnnotationSelect}
+                                        onStatusChange={onAnnotationStatusChange}
+                                    />
+                                </ActivityThread>
                             </ActivityItem>
                         );
                     default:

package/es/elements/content-sidebar/activity-feed/activity-feed/ActiveState.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActiveState.js"],"names":["React","getProp","ActivityItem","AppActivity","AnnotationActivity","Comment","TaskNew","Version","CollapsedVersion","withErrorHandling","ActiveState","activeFeedEntryId","activeFeedEntryType","activeFeedItemRef","approverSelectorContacts","currentFileVersionId","currentUser","items","mentionSelectorContacts","getMentionWithQuery","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAppActivityDelete","onCommentDelete","onCommentEdit","onTaskDelete","onTaskEdit","onTaskView","onTaskAssignmentUpdate","onTaskModalClose","onVersionInfo","translations","getApproverWithQuery","getAvatarUrl","getUserProfileUrl","activeEntry","find","id","type","map","item","isFocused","refValue","undefined","itemFileVersionId","can_delete","permissions","can_edit","versions","ActiveStateComponent"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Active state component for Activity Feed\n */\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport ActivityItem from './ActivityItem';\nimport AppActivity from '../app-activity';\nimport AnnotationActivity from '../annotations';\nimport Comment from '../comment';\nimport TaskNew from '../task-new';\nimport Version, { CollapsedVersion } from '../version';\nimport withErrorHandling from '../../withErrorHandling';\nimport type {\n    Annotation,\n    AnnotationPermission,\n    FeedItem,\n    FeedItems,\n    FocusableFeedItemType,\n} from '../../../../common/types/feed';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\n\ntype Props = {\n    activeFeedEntryId?: string,\n    activeFeedEntryType?: FocusableFeedItemType,\n    activeFeedItemRef: { current: null | HTMLElement },\n    approverSelectorContacts?: SelectorItems<>,\n    currentFileVersionId: string,\n    currentUser?: User,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    items: FeedItems,\n    mentionSelectorContacts?: SelectorItems<>,\n    onAnnotationDelete?: ({ id: string, permissions: AnnotationPermission }) => void,\n    onAnnotationEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,\n    onAnnotationSelect?: (annotation: Annotation) => void,\n    onAppActivityDelete?: Function,\n    onCommentDelete?: Function,\n    onCommentEdit?: Function,\n    onTaskAssignmentUpdate?: Function,\n    onTaskDelete?: Function,\n    onTaskEdit?: Function,\n    onTaskModalClose?: Function,\n    onTaskView?: Function,\n    onVersionInfo?: Function,\n    translations?: Translations,\n};\n\nconst ActiveState = ({\n    activeFeedEntryId,\n    activeFeedEntryType,\n    activeFeedItemRef,\n    approverSelectorContacts,\n    currentFileVersionId,\n    currentUser,\n    items,\n    mentionSelectorContacts,\n    getMentionWithQuery,\n    onAnnotationDelete,\n    onAnnotationEdit,\n    onAnnotationSelect,\n    onAppActivityDelete,\n    onCommentDelete,\n    onCommentEdit,\n    onTaskDelete,\n    onTaskEdit,\n    onTaskView,\n    onTaskAssignmentUpdate,\n    onTaskModalClose,\n    onVersionInfo,\n    translations,\n    getApproverWithQuery,\n    getAvatarUrl,\n    getUserProfileUrl,\n}: Props): React.Node => {\n    const activeEntry = items.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);\n\n    return (\n        <ul className=\"bcs-activity-feed-active-state\">\n            {items.map((item: FeedItem) => {\n                const isFocused = item === activeEntry;\n                const refValue = isFocused ? activeFeedItemRef : undefined;\n                const itemFileVersionId = getProp(item, 'file_version.id');\n\n                switch (item.type) {\n                    case 'comment':\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-comment\"\n                                data-testid=\"comment\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <Comment\n                                    {...item}\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    mentionSelectorContacts={mentionSelectorContacts}\n                                    onDelete={onCommentDelete}\n                                    onEdit={onCommentEdit}\n                                    permissions={{\n                                        can_delete: getProp(item.permissions, 'can_delete', false),\n                                        can_edit: getProp(item.permissions, 'can_edit', false),\n                                    }}\n                                    translations={translations}\n                                />\n                            </ActivityItem>\n                        );\n                    case 'task':\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-task-new\"\n                                data-testid=\"task\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <TaskNew\n                                    {...item}\n                                    approverSelectorContacts={approverSelectorContacts}\n                                    currentUser={currentUser}\n                                    getApproverWithQuery={getApproverWithQuery}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    onAssignmentUpdate={onTaskAssignmentUpdate}\n                                    onDelete={onTaskDelete}\n                                    onEdit={onTaskEdit}\n                                    onView={onTaskView}\n                                    onModalClose={onTaskModalClose}\n                                    translations={translations}\n                                />\n                            </ActivityItem>\n                        );\n                    case 'file_version':\n                        return (\n                            <ActivityItem key={item.type + item.id} className=\"bcs-version-item\" data-testid=\"version\">\n                                {item.versions ? (\n                                    // $FlowFixMe\n                                    <CollapsedVersion {...item} onInfo={onVersionInfo} />\n                                ) : (\n                                    // $FlowFixMe\n                                    <Version {...item} onInfo={onVersionInfo} />\n                                )}\n                            </ActivityItem>\n                        );\n                    case 'app_activity':\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-app-activity\"\n                                data-testid=\"app-activity\"\n                            >\n                                <AppActivity currentUser={currentUser} onDelete={onAppActivityDelete} {...item} />\n                            </ActivityItem>\n                        );\n                    case 'annotation':\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-annotation-activity\"\n                                data-testid=\"annotation-activity\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <AnnotationActivity\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    isCurrentVersion={currentFileVersionId === itemFileVersionId}\n                                    item={item}\n                                    mentionSelectorContacts={mentionSelectorContacts}\n                                    onEdit={onAnnotationEdit}\n                                    onDelete={onAnnotationDelete}\n                                    onSelect={onAnnotationSelect}\n                                />\n                            </ActivityItem>\n                        );\n                    default:\n                        return null;\n                }\n            })}\n        </ul>\n    );\n};\n\nexport { ActiveState as ActiveStateComponent };\nexport default withErrorHandling(ActiveState);\n"],"file":"ActiveState.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActiveState.js"],"names":["React","getProp","noop","ActivityThread","ActivityItem","AppActivity","AnnotationActivity","Comment","TaskNew","Version","CollapsedVersion","withErrorHandling","FEED_ITEM_TYPE_ANNOTATION","FEED_ITEM_TYPE_APP_ACTIVITY","FEED_ITEM_TYPE_COMMENT","FEED_ITEM_TYPE_TASK","FEED_ITEM_TYPE_VERSION","ActiveState","activeFeedEntryId","activeFeedEntryType","activeFeedItemRef","approverSelectorContacts","currentFileVersionId","currentUser","hasReplies","items","mentionSelectorContacts","getMentionWithQuery","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAnnotationStatusChange","onAppActivityDelete","onCommentDelete","onCommentEdit","onReplyCreate","onReplyDelete","onReplyUpdate","onShowReplies","onTaskDelete","onTaskEdit","onTaskView","onTaskAssignmentUpdate","onTaskModalClose","onVersionInfo","translations","getApproverWithQuery","getAvatarUrl","getUserProfileUrl","activeEntry","find","id","type","onReplyCreateHandler","parentId","parentType","text","onReplyDeleteHandler","options","onReplyUpdateHandler","status","hasMention","permissions","onSuccess","onError","onShowRepliesHandler","map","item","isFocused","refValue","undefined","itemFileVersionId","isRepliesLoading","total_reply_count","replies","can_delete","can_edit","can_reply","can_resolve","versions","ActiveStateComponent"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Active state component for Activity Feed\n */\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport ActivityThread from './ActivityThread';\nimport ActivityItem from './ActivityItem';\nimport AppActivity from '../app-activity';\nimport AnnotationActivity from '../annotations';\nimport Comment from '../comment';\nimport TaskNew from '../task-new';\nimport Version, { CollapsedVersion } from '../version';\nimport withErrorHandling from '../../withErrorHandling';\nimport {\n    FEED_ITEM_TYPE_ANNOTATION,\n    FEED_ITEM_TYPE_APP_ACTIVITY,\n    FEED_ITEM_TYPE_COMMENT,\n    FEED_ITEM_TYPE_TASK,\n    FEED_ITEM_TYPE_VERSION,\n} from '../../../../constants';\nimport type {\n    Annotation,\n    AnnotationPermission,\n    BoxCommentPermission,\n    CommentFeedItemType,\n    FeedItem,\n    FeedItems,\n    FeedItemStatus,\n    FocusableFeedItemType,\n} from '../../../../common/types/feed';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\n\ntype Props = {\n    activeFeedEntryId?: string,\n    activeFeedEntryType?: FocusableFeedItemType,\n    activeFeedItemRef: { current: null | HTMLElement },\n    approverSelectorContacts?: SelectorItems<>,\n    currentFileVersionId: string,\n    currentUser?: User,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasReplies?: boolean,\n    items: FeedItems,\n    mentionSelectorContacts?: SelectorItems<>,\n    onAnnotationDelete?: ({ id: string, permissions: AnnotationPermission }) => void,\n    onAnnotationEdit?: (id: string, text: string, permissions: AnnotationPermission) => void,\n    onAnnotationSelect?: (annotation: Annotation) => void,\n    onAnnotationStatusChange?: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,\n    onAppActivityDelete?: Function,\n    onCommentDelete?: Function,\n    onCommentEdit?: (\n        id: string,\n        text?: string,\n        status?: FeedItemStatus,\n        hasMention: boolean,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onReplyCreate?: (parentId: string, parentType: CommentFeedItemType, text: string) => void,\n    onReplyDelete?: ({ id: string, parentId: string, permissions: BoxCommentPermission }) => void,\n    onReplyUpdate?: (\n        id: string,\n        parentId: string,\n        text: string,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onShowReplies?: (id: string, type: CommentFeedItemType) => void,\n    onTaskAssignmentUpdate?: Function,\n    onTaskDelete?: Function,\n    onTaskEdit?: Function,\n    onTaskModalClose?: Function,\n    onTaskView?: Function,\n    onVersionInfo?: Function,\n    translations?: Translations,\n};\n\nconst ActiveState = ({\n    activeFeedEntryId,\n    activeFeedEntryType,\n    activeFeedItemRef,\n    approverSelectorContacts,\n    currentFileVersionId,\n    currentUser,\n    hasReplies = false,\n    items,\n    mentionSelectorContacts,\n    getMentionWithQuery,\n    onAnnotationDelete,\n    onAnnotationEdit,\n    onAnnotationSelect,\n    onAnnotationStatusChange,\n    onAppActivityDelete,\n    onCommentDelete,\n    onCommentEdit,\n    onReplyCreate = noop,\n    onReplyDelete = noop,\n    onReplyUpdate = noop,\n    onShowReplies = noop,\n    onTaskDelete,\n    onTaskEdit,\n    onTaskView,\n    onTaskAssignmentUpdate,\n    onTaskModalClose,\n    onVersionInfo,\n    translations,\n    getApproverWithQuery,\n    getAvatarUrl,\n    getUserProfileUrl,\n}: Props): React.Node => {\n    const activeEntry = items.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);\n\n    const onReplyCreateHandler = (parentId: string, parentType: CommentFeedItemType) => (text: string) => {\n        onReplyCreate(parentId, parentType, text);\n    };\n    const onReplyDeleteHandler = (parentId: string) => (options: { id: string, permissions: BoxCommentPermission }) => {\n        onReplyDelete({ ...options, parentId });\n    };\n    const onReplyUpdateHandler = (parentId: string) => (\n        id: string,\n        text: string,\n        status?: FeedItemStatus,\n        hasMention?: boolean,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => {\n        onReplyUpdate(id, parentId, text, permissions, onSuccess, onError);\n    };\n    const onShowRepliesHandler = (id: string, type: CommentFeedItemType) => () => {\n        onShowReplies(id, type);\n    };\n\n    return (\n        <ul className=\"bcs-activity-feed-active-state\">\n            {items.map((item: FeedItem) => {\n                const isFocused = item === activeEntry;\n                const refValue = isFocused ? activeFeedItemRef : undefined;\n                const itemFileVersionId = getProp(item, 'file_version.id');\n\n                switch (item.type) {\n                    case FEED_ITEM_TYPE_COMMENT:\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                data-testid=\"comment\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <ActivityThread\n                                    data-testid=\"activity-thread\"\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    hasReplies={hasReplies}\n                                    isRepliesLoading={item.isRepliesLoading}\n                                    mentionSelectorContacts={mentionSelectorContacts}\n                                    onReplyCreate={onReplyCreateHandler(item.id, item.type)}\n                                    onReplyDelete={onReplyDeleteHandler(item.id)}\n                                    onReplyEdit={onReplyUpdateHandler(item.id)}\n                                    onShowReplies={onShowRepliesHandler(item.id, item.type)}\n                                    repliesTotalCount={item.total_reply_count}\n                                    replies={item.replies}\n                                    translations={translations}\n                                >\n                                    <Comment\n                                        {...item}\n                                        currentUser={currentUser}\n                                        getAvatarUrl={getAvatarUrl}\n                                        getMentionWithQuery={getMentionWithQuery}\n                                        getUserProfileUrl={getUserProfileUrl}\n                                        mentionSelectorContacts={mentionSelectorContacts}\n                                        onDelete={onCommentDelete}\n                                        onEdit={onCommentEdit}\n                                        permissions={{\n                                            can_delete: getProp(item.permissions, 'can_delete', false),\n                                            can_edit: getProp(item.permissions, 'can_edit', false),\n                                            can_reply: getProp(item.permissions, 'can_reply', false),\n                                            can_resolve: getProp(item.permissions, 'can_resolve', false),\n                                        }}\n                                        translations={translations}\n                                    />\n                                </ActivityThread>\n                            </ActivityItem>\n                        );\n                    case FEED_ITEM_TYPE_TASK:\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-task-new\"\n                                data-testid=\"task\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <TaskNew\n                                    {...item}\n                                    approverSelectorContacts={approverSelectorContacts}\n                                    currentUser={currentUser}\n                                    getApproverWithQuery={getApproverWithQuery}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    onAssignmentUpdate={onTaskAssignmentUpdate}\n                                    onDelete={onTaskDelete}\n                                    onEdit={onTaskEdit}\n                                    onView={onTaskView}\n                                    onModalClose={onTaskModalClose}\n                                    translations={translations}\n                                />\n                            </ActivityItem>\n                        );\n                    case FEED_ITEM_TYPE_VERSION:\n                        return (\n                            <ActivityItem key={item.type + item.id} className=\"bcs-version-item\" data-testid=\"version\">\n                                {item.versions ? (\n                                    // $FlowFixMe\n                                    <CollapsedVersion {...item} onInfo={onVersionInfo} />\n                                ) : (\n                                    // $FlowFixMe\n                                    <Version {...item} onInfo={onVersionInfo} />\n                                )}\n                            </ActivityItem>\n                        );\n                    case FEED_ITEM_TYPE_APP_ACTIVITY:\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-app-activity\"\n                                data-testid=\"app-activity\"\n                            >\n                                <AppActivity currentUser={currentUser} onDelete={onAppActivityDelete} {...item} />\n                            </ActivityItem>\n                        );\n                    case FEED_ITEM_TYPE_ANNOTATION:\n                        return (\n                            <ActivityItem\n                                key={item.type + item.id}\n                                className=\"bcs-activity-feed-annotation-activity\"\n                                data-testid=\"annotation-activity\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <ActivityThread\n                                    data-testid=\"activity-thread\"\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    hasReplies={hasReplies}\n                                    isRepliesLoading={item.isRepliesLoading}\n                                    mentionSelectorContacts={mentionSelectorContacts}\n                                    onReplyCreate={onReplyCreateHandler(item.id, item.type)}\n                                    onReplyDelete={onReplyDeleteHandler(item.id)}\n                                    onReplyEdit={onReplyUpdateHandler(item.id)}\n                                    onShowReplies={onShowRepliesHandler(item.id, item.type)}\n                                    repliesTotalCount={item.total_reply_count}\n                                    replies={item.replies}\n                                    translations={translations}\n                                >\n                                    <AnnotationActivity\n                                        currentUser={currentUser}\n                                        getAvatarUrl={getAvatarUrl}\n                                        getUserProfileUrl={getUserProfileUrl}\n                                        getMentionWithQuery={getMentionWithQuery}\n                                        isCurrentVersion={currentFileVersionId === itemFileVersionId}\n                                        item={item}\n                                        mentionSelectorContacts={mentionSelectorContacts}\n                                        onEdit={onAnnotationEdit}\n                                        onDelete={onAnnotationDelete}\n                                        onSelect={onAnnotationSelect}\n                                        onStatusChange={onAnnotationStatusChange}\n                                    />\n                                </ActivityThread>\n                            </ActivityItem>\n                        );\n                    default:\n                        return null;\n                }\n            })}\n        </ul>\n    );\n};\n\nexport { ActiveState as ActiveStateComponent };\nexport default withErrorHandling(ActiveState);\n"],"file":"ActiveState.js"}

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js

@@ -214,16 +214,22 @@ function (_React$Component) {
           getAvatarUrl = _this$props3.getAvatarUrl,
           getMentionWithQuery = _this$props3.getMentionWithQuery,
           getUserProfileUrl = _this$props3.getUserProfileUrl,
+          hasReplies = _this$props3.hasReplies,
           isDisabled = _this$props3.isDisabled,
           mentionSelectorContacts = _this$props3.mentionSelectorContacts,
           contactsLoaded = _this$props3.contactsLoaded,
           onAnnotationDelete = _this$props3.onAnnotationDelete,
           onAnnotationEdit = _this$props3.onAnnotationEdit,
           onAnnotationSelect = _this$props3.onAnnotationSelect,
+          onAnnotationStatusChange = _this$props3.onAnnotationStatusChange,
           onAppActivityDelete = _this$props3.onAppActivityDelete,
           onCommentCreate = _this$props3.onCommentCreate,
           onCommentDelete = _this$props3.onCommentDelete,
           onCommentUpdate = _this$props3.onCommentUpdate,
+          onReplyCreate = _this$props3.onReplyCreate,
+          onReplyDelete = _this$props3.onReplyDelete,
+          onReplyUpdate = _this$props3.onReplyUpdate,
+          onShowReplies = _this$props3.onShowReplies,
           onTaskAssignmentUpdate = _this$props3.onTaskAssignmentUpdate,
           onTaskDelete = _this$props3.onTaskDelete,
           onTaskModalClose = _this$props3.onTaskModalClose,
@@ -266,32 +272,38 @@ function (_React$Component) {
           showAnnotationMessage: hasAnnotationCreatePermission,
           showCommentMessage: showCommentForm
         }), !isEmpty && !isLoading && React.createElement(ActiveState, _extends({}, activityFeedError, {
-          items: collapseFeedState(feedItems),
-          isDisabled: isDisabled,
-          currentUser: currentUser,
+          activeFeedEntryId: activeFeedEntryId,
+          activeFeedEntryType: activeFeedEntryType,
+          activeFeedItemRef: this.activeFeedItemRef,
+          approverSelectorContacts: approverSelectorContacts,
           currentFileVersionId: currentFileVersionId,
-          onTaskAssignmentUpdate: onTaskAssignmentUpdate,
+          currentUser: currentUser,
+          getApproverWithQuery: getApproverWithQuery,
+          getAvatarUrl: getAvatarUrl,
+          getMentionWithQuery: getMentionWithQuery,
+          getUserProfileUrl: getUserProfileUrl,
+          hasReplies: hasReplies,
+          isDisabled: isDisabled,
+          items: collapseFeedState(feedItems),
+          mentionSelectorContacts: mentionSelectorContacts,
           onAnnotationDelete: onAnnotationDelete,
           onAnnotationEdit: onAnnotationEdit,
           onAnnotationSelect: onAnnotationSelect,
+          onAnnotationStatusChange: onAnnotationStatusChange,
           onAppActivityDelete: onAppActivityDelete,
           onCommentDelete: hasCommentPermission ? onCommentDelete : noop,
           onCommentEdit: hasCommentPermission ? onCommentUpdate : noop,
+          onReplyCreate: hasCommentPermission ? onReplyCreate : noop,
+          onReplyDelete: hasCommentPermission ? onReplyDelete : noop,
+          onReplyUpdate: hasCommentPermission ? onReplyUpdate : noop,
+          onShowReplies: onShowReplies,
+          onTaskAssignmentUpdate: onTaskAssignmentUpdate,
           onTaskDelete: onTaskDelete,
           onTaskEdit: onTaskUpdate,
-          onTaskView: onTaskView,
           onTaskModalClose: onTaskModalClose,
+          onTaskView: onTaskView,
           onVersionInfo: onVersionHistoryClick ? this.openVersionHistoryPopup : null,
-          translations: translations,
-          getAvatarUrl: getAvatarUrl,
-          getUserProfileUrl: getUserProfileUrl,
-          mentionSelectorContacts: mentionSelectorContacts,
-          getMentionWithQuery: getMentionWithQuery,
-          approverSelectorContacts: approverSelectorContacts,
-          getApproverWithQuery: getApproverWithQuery,
-          activeFeedEntryId: activeFeedEntryId,
-          activeFeedEntryType: activeFeedEntryType,
-          activeFeedItemRef: this.activeFeedItemRef
+          translations: translations
         })), isInlineFeedItemErrorVisible && inlineFeedItemErrorMessage && React.createElement(InlineError, {
           title: React.createElement(FormattedMessage, messages.feedInlineErrorTitle),
           className: "bcs-feedItemInlineError"