box-ui-elements 16.0.0-beta.21 → 16.0.0-beta.23

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

@@ -64,8 +64,18 @@ var ActiveState = function ActiveState(_ref) {
           isFocused: isFocused,
           ref: refValue
         }, React.createElement(ActivityThread, {
+          "data-testid": "activity-thread",
+          onReplyDelete: onCommentDelete,
+          onReplyEdit: onCommentEdit,
+          currentUser: currentUser,
+          getAvatarUrl: getAvatarUrl,
           hasReplies: hasReplies,
-          "data-testid": "activity-thread"
+          getMentionWithQuery: getMentionWithQuery,
+          getUserProfileUrl: getUserProfileUrl,
+          mentionSelectorContacts: mentionSelectorContacts,
+          repliesTotalCount: item.total_reply_count,
+          replies: item.replies,
+          translations: translations
         }, React.createElement(Comment, _extends({}, item, {
           currentUser: currentUser,
           getAvatarUrl: getAvatarUrl,
@@ -135,8 +145,18 @@ var ActiveState = function ActiveState(_ref) {
           isFocused: isFocused,
           ref: refValue
         }, React.createElement(ActivityThread, {
+          "data-testid": "activity-thread",
+          onReplyDelete: onCommentDelete,
+          onReplyEdit: onCommentEdit,
+          currentUser: currentUser,
+          getAvatarUrl: getAvatarUrl,
+          getMentionWithQuery: getMentionWithQuery,
+          getUserProfileUrl: getUserProfileUrl,
           hasReplies: hasReplies,
-          "data-testid": "activity-thread"
+          mentionSelectorContacts: mentionSelectorContacts,
+          repliesTotalCount: item.total_reply_count,
+          replies: item.replies,
+          translations: translations
         }, React.createElement(AnnotationActivity, {
           currentUser: currentUser,
           getAvatarUrl: getAvatarUrl,

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

@@ -110,7 +110,20 @@ const ActiveState = ({
                                 isFocused={isFocused}
                                 ref={refValue}
                             >
-                                <ActivityThread hasReplies={hasReplies} data-testid="activity-thread">
+                                <ActivityThread
+                                    data-testid="activity-thread"
+                                    onReplyDelete={onCommentDelete}
+                                    onReplyEdit={onCommentEdit}
+                                    currentUser={currentUser}
+                                    getAvatarUrl={getAvatarUrl}
+                                    hasReplies={hasReplies}
+                                    getMentionWithQuery={getMentionWithQuery}
+                                    getUserProfileUrl={getUserProfileUrl}
+                                    mentionSelectorContacts={mentionSelectorContacts}
+                                    repliesTotalCount={item.total_reply_count}
+                                    replies={item.replies}
+                                    translations={translations}
+                                >
                                     <Comment
                                         {...item}
                                         currentUser={currentUser}
@@ -187,7 +200,20 @@ const ActiveState = ({
                                 isFocused={isFocused}
                                 ref={refValue}
                             >
-                                <ActivityThread hasReplies={hasReplies} data-testid="activity-thread">
+                                <ActivityThread
+                                    data-testid="activity-thread"
+                                    onReplyDelete={onCommentDelete}
+                                    onReplyEdit={onCommentEdit}
+                                    currentUser={currentUser}
+                                    getAvatarUrl={getAvatarUrl}
+                                    getMentionWithQuery={getMentionWithQuery}
+                                    getUserProfileUrl={getUserProfileUrl}
+                                    hasReplies={hasReplies}
+                                    mentionSelectorContacts={mentionSelectorContacts}
+                                    repliesTotalCount={item.total_reply_count}
+                                    replies={item.replies}
+                                    translations={translations}
+                                >
                                     <AnnotationActivity
                                         currentUser={currentUser}
                                         getAvatarUrl={getAvatarUrl}

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","ActivityThread","ActivityItem","AppActivity","AnnotationActivity","Comment","TaskNew","Version","CollapsedVersion","withErrorHandling","ActiveState","activeFeedEntryId","activeFeedEntryType","activeFeedItemRef","approverSelectorContacts","currentFileVersionId","currentUser","hasReplies","items","mentionSelectorContacts","getMentionWithQuery","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAnnotationStatusChange","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","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 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 type {\n    Annotation,\n    AnnotationPermission,\n    BoxCommentPermission,\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    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    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                                data-testid=\"comment\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <ActivityThread hasReplies={hasReplies} data-testid=\"activity-thread\">\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 '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                                <ActivityThread hasReplies={hasReplies} data-testid=\"activity-thread\">\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"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActiveState.js"],"names":["React","getProp","ActivityThread","ActivityItem","AppActivity","AnnotationActivity","Comment","TaskNew","Version","CollapsedVersion","withErrorHandling","ActiveState","activeFeedEntryId","activeFeedEntryType","activeFeedItemRef","approverSelectorContacts","currentFileVersionId","currentUser","hasReplies","items","mentionSelectorContacts","getMentionWithQuery","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAnnotationStatusChange","onAppActivityDelete","onCommentDelete","onCommentEdit","onTaskDelete","onTaskEdit","onTaskView","onTaskAssignmentUpdate","onTaskModalClose","onVersionInfo","translations","getApproverWithQuery","getAvatarUrl","getUserProfileUrl","activeEntry","find","id","type","map","item","isFocused","refValue","undefined","itemFileVersionId","total_reply_count","replies","can_delete","permissions","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 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 type {\n    Annotation,\n    AnnotationPermission,\n    BoxCommentPermission,\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    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    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                                data-testid=\"comment\"\n                                isFocused={isFocused}\n                                ref={refValue}\n                            >\n                                <ActivityThread\n                                    data-testid=\"activity-thread\"\n                                    onReplyDelete={onCommentDelete}\n                                    onReplyEdit={onCommentEdit}\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    hasReplies={hasReplies}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    mentionSelectorContacts={mentionSelectorContacts}\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 '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                                <ActivityThread\n                                    data-testid=\"activity-thread\"\n                                    onReplyDelete={onCommentDelete}\n                                    onReplyEdit={onCommentEdit}\n                                    currentUser={currentUser}\n                                    getAvatarUrl={getAvatarUrl}\n                                    getMentionWithQuery={getMentionWithQuery}\n                                    getUserProfileUrl={getUserProfileUrl}\n                                    hasReplies={hasReplies}\n                                    mentionSelectorContacts={mentionSelectorContacts}\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/ActivityThread.js

@@ -1,16 +1,92 @@
+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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
+
+function _iterableToArrayLimit(arr, i) { if (!(Symbol.iterator in Object(arr) || Object.prototype.toString.call(arr) === "[object Arguments]")) { return; } var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+import noop from 'lodash/noop';
+import LoadingIndicator from '../../../../components/loading-indicator';
+import PlainButton from '../../../../components/plain-button';
+import ActivityThreadReplies from './ActivityThreadReplies';
+import messages from './messages';
+import './ActivityThread.scss';
 
 var ActivityThread = function ActivityThread(_ref) {
   var children = _ref.children,
-      hasReplies = _ref.hasReplies;
+      currentUser = _ref.currentUser,
+      getAvatarUrl = _ref.getAvatarUrl,
+      getMentionWithQuery = _ref.getMentionWithQuery,
+      getUserProfileUrl = _ref.getUserProfileUrl,
+      hasReplies = _ref.hasReplies,
+      isRepliesLoading = _ref.isRepliesLoading,
+      mentionSelectorContacts = _ref.mentionSelectorContacts,
+      _ref$onGetReplies = _ref.onGetReplies,
+      onGetReplies = _ref$onGetReplies === void 0 ? noop : _ref$onGetReplies,
+      _ref$onReplyDelete = _ref.onReplyDelete,
+      onReplyDelete = _ref$onReplyDelete === void 0 ? noop : _ref$onReplyDelete,
+      _ref$onReplyEdit = _ref.onReplyEdit,
+      onReplyEdit = _ref$onReplyEdit === void 0 ? noop : _ref$onReplyEdit,
+      _ref$replies = _ref.replies,
+      replies = _ref$replies === void 0 ? [] : _ref$replies,
+      _ref$repliesTotalCoun = _ref.repliesTotalCount,
+      repliesTotalCount = _ref$repliesTotalCoun === void 0 ? 0 : _ref$repliesTotalCoun,
+      translations = _ref.translations;
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isExpanded = _React$useState2[0],
+      setIsExpanded = _React$useState2[1];
+
+  var toggleButtonLabel = isExpanded ? messages.hideReplies : messages.showReplies;
+  var repliesToLoadCount = Math.max(repliesTotalCount - 1, 0);
+
+  var toggleReplies = function toggleReplies() {
+    if (!isExpanded) {
+      onGetReplies();
+    }
+
+    setIsExpanded(function (previousState) {
+      return !previousState;
+    });
+  };
 
-  if (hasReplies) {
-    return React.createElement("div", {
-      className: "bcs-ActivityThread"
-    }, children);
+  if (!hasReplies) {
+    return children;
   }
 
-  return children;
+  return React.createElement("div", {
+    className: "bcs-ActivityThread",
+    "data-testid": "activity-thread"
+  }, children, isRepliesLoading && React.createElement("div", {
+    className: "bcs-ActivityThread-loading",
+    "data-testid": "activity-thread-loading"
+  }, React.createElement(LoadingIndicator, null)), !isRepliesLoading && repliesTotalCount > 1 && React.createElement(PlainButton, {
+    className: "bcs-ActivityThread-toggle",
+    onClick: toggleReplies,
+    type: "button",
+    "data-testid": "activity-thread-button"
+  }, React.createElement(FormattedMessage, _extends({
+    values: {
+      repliesToLoadCount: repliesToLoadCount
+    }
+  }, toggleButtonLabel))), !isRepliesLoading && repliesTotalCount > 0 && replies.length && React.createElement(ActivityThreadReplies, {
+    currentUser: currentUser,
+    getAvatarUrl: getAvatarUrl,
+    getMentionWithQuery: getMentionWithQuery,
+    getUserProfileUrl: getUserProfileUrl,
+    isExpanded: isExpanded,
+    mentionSelectorContacts: mentionSelectorContacts,
+    onDelete: onReplyDelete,
+    onEdit: onReplyEdit,
+    replies: replies,
+    translations: translations
+  }));
 };
 
 export default ActivityThread;

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

@@ -1,16 +1,104 @@
 // @flow
 import * as React from 'react';
+import { FormattedMessage } from 'react-intl';
+import noop from 'lodash/noop';
+
+import LoadingIndicator from '../../../../components/loading-indicator';
+import PlainButton from '../../../../components/plain-button';
+import ActivityThreadReplies from './ActivityThreadReplies';
+
+import type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
+import type { Translations } from '../../flowTypes';
+import type { SelectorItems, User } from '../../../../common/types/core';
+import type { Comment as CommentType } from '../../../../common/types/feed';
+
+import messages from './messages';
+import './ActivityThread.scss';
 
 type Props = {
     children: React.Node,
+    currentUser?: User,
+    getAvatarUrl: GetAvatarUrlCallback,
+    getMentionWithQuery?: Function,
+    getUserProfileUrl?: GetProfileUrlCallback,
     hasReplies: boolean,
+    isRepliesLoading?: boolean,
+    mentionSelectorContacts?: SelectorItems<>,
+    onGetReplies?: () => void,
+    onReplyDelete?: Function,
+    onReplyEdit?: Function,
+    replies?: Array<CommentType>,
+    repliesTotalCount?: number,
+    translations?: Translations,
 };
 
-const ActivityThread = ({ children, hasReplies }: Props) => {
-    if (hasReplies) {
-        return <div className="bcs-ActivityThread">{children}</div>;
+const ActivityThread = ({
+    children,
+    currentUser,
+    getAvatarUrl,
+    getMentionWithQuery,
+    getUserProfileUrl,
+    hasReplies,
+    isRepliesLoading,
+    mentionSelectorContacts,
+    onGetReplies = noop,
+    onReplyDelete = noop,
+    onReplyEdit = noop,
+    replies = [],
+    repliesTotalCount = 0,
+    translations,
+}: Props) => {
+    const [isExpanded, setIsExpanded] = React.useState(false);
+
+    const toggleButtonLabel = isExpanded ? messages.hideReplies : messages.showReplies;
+    const repliesToLoadCount = Math.max(repliesTotalCount - 1, 0);
+
+    const toggleReplies = () => {
+        if (!isExpanded) {
+            onGetReplies();
+        }
+        setIsExpanded(previousState => !previousState);
+    };
+
+    if (!hasReplies) {
+        return children;
     }
-    return children;
+    return (
+        <div className="bcs-ActivityThread" data-testid="activity-thread">
+            {children}
+
+            {isRepliesLoading && (
+                <div className="bcs-ActivityThread-loading" data-testid="activity-thread-loading">
+                    <LoadingIndicator />
+                </div>
+            )}
+            {!isRepliesLoading && repliesTotalCount > 1 && (
+                <PlainButton
+                    className="bcs-ActivityThread-toggle"
+                    onClick={toggleReplies}
+                    type="button"
+                    data-testid="activity-thread-button"
+                >
+                    <FormattedMessage values={{ repliesToLoadCount }} {...toggleButtonLabel} />
+                </PlainButton>
+            )}
+
+            {!isRepliesLoading && repliesTotalCount > 0 && replies.length && (
+                <ActivityThreadReplies
+                    currentUser={currentUser}
+                    getAvatarUrl={getAvatarUrl}
+                    getMentionWithQuery={getMentionWithQuery}
+                    getUserProfileUrl={getUserProfileUrl}
+                    isExpanded={isExpanded}
+                    mentionSelectorContacts={mentionSelectorContacts}
+                    onDelete={onReplyDelete}
+                    onEdit={onReplyEdit}
+                    replies={replies}
+                    translations={translations}
+                />
+            )}
+        </div>
+    );
 };
 
 export default ActivityThread;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityThread.js"],"names":["React","ActivityThread","children","hasReplies"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;;AAOA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAqC;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAAxBC,UAAwB,QAAxBA,UAAwB;;AACxD,MAAIA,UAAJ,EAAgB;AACZ,WAAO;AAAK,MAAA,SAAS,EAAC;AAAf,OAAqCD,QAArC,CAAP;AACH;;AACD,SAAOA,QAAP;AACH,CALD;;AAOA,eAAeD,cAAf","sourcesContent":["// @flow\nimport * as React from 'react';\n\ntype Props = {\n    children: React.Node,\n    hasReplies: boolean,\n};\n\nconst ActivityThread = ({ children, hasReplies }: Props) => {\n    if (hasReplies) {\n        return <div className=\"bcs-ActivityThread\">{children}</div>;\n    }\n    return children;\n};\n\nexport default ActivityThread;\n"],"file":"ActivityThread.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityThread.js"],"names":["React","FormattedMessage","noop","LoadingIndicator","PlainButton","ActivityThreadReplies","messages","ActivityThread","children","currentUser","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasReplies","isRepliesLoading","mentionSelectorContacts","onGetReplies","onReplyDelete","onReplyEdit","replies","repliesTotalCount","translations","useState","isExpanded","setIsExpanded","toggleButtonLabel","hideReplies","showReplies","repliesToLoadCount","Math","max","toggleReplies","previousState","length"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport noop from 'lodash/noop';\n\nimport LoadingIndicator from '../../../../components/loading-indicator';\nimport PlainButton from '../../../../components/plain-button';\nimport ActivityThreadReplies from './ActivityThreadReplies';\n\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { Comment as CommentType } from '../../../../common/types/feed';\n\nimport messages from './messages';\nimport './ActivityThread.scss';\n\ntype Props = {\n    children: React.Node,\n    currentUser?: User,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasReplies: boolean,\n    isRepliesLoading?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onGetReplies?: () => void,\n    onReplyDelete?: Function,\n    onReplyEdit?: Function,\n    replies?: Array<CommentType>,\n    repliesTotalCount?: number,\n    translations?: Translations,\n};\n\nconst ActivityThread = ({\n    children,\n    currentUser,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    hasReplies,\n    isRepliesLoading,\n    mentionSelectorContacts,\n    onGetReplies = noop,\n    onReplyDelete = noop,\n    onReplyEdit = noop,\n    replies = [],\n    repliesTotalCount = 0,\n    translations,\n}: Props) => {\n    const [isExpanded, setIsExpanded] = React.useState(false);\n\n    const toggleButtonLabel = isExpanded ? messages.hideReplies : messages.showReplies;\n    const repliesToLoadCount = Math.max(repliesTotalCount - 1, 0);\n\n    const toggleReplies = () => {\n        if (!isExpanded) {\n            onGetReplies();\n        }\n        setIsExpanded(previousState => !previousState);\n    };\n\n    if (!hasReplies) {\n        return children;\n    }\n    return (\n        <div className=\"bcs-ActivityThread\" data-testid=\"activity-thread\">\n            {children}\n\n            {isRepliesLoading && (\n                <div className=\"bcs-ActivityThread-loading\" data-testid=\"activity-thread-loading\">\n                    <LoadingIndicator />\n                </div>\n            )}\n            {!isRepliesLoading && repliesTotalCount > 1 && (\n                <PlainButton\n                    className=\"bcs-ActivityThread-toggle\"\n                    onClick={toggleReplies}\n                    type=\"button\"\n                    data-testid=\"activity-thread-button\"\n                >\n                    <FormattedMessage values={{ repliesToLoadCount }} {...toggleButtonLabel} />\n                </PlainButton>\n            )}\n\n            {!isRepliesLoading && repliesTotalCount > 0 && replies.length && (\n                <ActivityThreadReplies\n                    currentUser={currentUser}\n                    getAvatarUrl={getAvatarUrl}\n                    getMentionWithQuery={getMentionWithQuery}\n                    getUserProfileUrl={getUserProfileUrl}\n                    isExpanded={isExpanded}\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    onDelete={onReplyDelete}\n                    onEdit={onReplyEdit}\n                    replies={replies}\n                    translations={translations}\n                />\n            )}\n        </div>\n    );\n};\n\nexport default ActivityThread;\n"],"file":"ActivityThread.js"}

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityThread.scss

@@ -0,0 +1,17 @@
+@import '../../../common/variables';
+
+.bcs-ActivityThread-toggle {
+    margin-left: $sidebarActivityFeedSpacingHorizontal;
+    color: $bdl-box-blue;
+    font-weight: bold;
+
+    &:hover,
+    &:active {
+        margin-left: $sidebarActivityFeedSpacingHorizontal;
+        font-weight: bold;
+    }
+}
+
+.bcs-ActivityThread-loading {
+    padding-bottom: $bdl-grid-unit * 5;
+}

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

@@ -0,0 +1,68 @@
+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); }
+
+import React from 'react';
+import Comment from '../comment';
+import './ActivityThreadReplies.scss';
+
+var ActivityThreadReplies = function ActivityThreadReplies(_ref) {
+  var currentUser = _ref.currentUser,
+      getAvatarUrl = _ref.getAvatarUrl,
+      getMentionWithQuery = _ref.getMentionWithQuery,
+      getUserProfileUrl = _ref.getUserProfileUrl,
+      isExpanded = _ref.isExpanded,
+      mentionSelectorContacts = _ref.mentionSelectorContacts,
+      onDelete = _ref.onDelete,
+      onEdit = _ref.onEdit,
+      replies = _ref.replies,
+      translations = _ref.translations;
+  var lastReply = replies[replies.length - 1];
+
+  var getReplyPermissions = function getReplyPermissions(reply) {
+    var _reply$permissions = reply.permissions,
+        _reply$permissions$ca = _reply$permissions.can_delete,
+        can_delete = _reply$permissions$ca === void 0 ? false : _reply$permissions$ca,
+        _reply$permissions$ca2 = _reply$permissions.can_edit,
+        can_edit = _reply$permissions$ca2 === void 0 ? false : _reply$permissions$ca2,
+        _reply$permissions$ca3 = _reply$permissions.can_resolve,
+        can_resolve = _reply$permissions$ca3 === void 0 ? false : _reply$permissions$ca3;
+    return {
+      can_delete: can_delete,
+      can_edit: can_edit,
+      can_resolve: can_resolve
+    };
+  };
+
+  return React.createElement("div", {
+    className: "bcs-ActivityThreadReplies",
+    "data-testid": "activity-thread-replies"
+  }, !isExpanded ? React.createElement(Comment, _extends({
+    key: lastReply.type + lastReply.id
+  }, lastReply, {
+    currentUser: currentUser,
+    getAvatarUrl: getAvatarUrl,
+    getMentionWithQuery: getMentionWithQuery,
+    getUserProfileUrl: getUserProfileUrl,
+    mentionSelectorContacts: mentionSelectorContacts,
+    onDelete: onDelete,
+    onEdit: onEdit,
+    permissions: getReplyPermissions(lastReply),
+    translations: translations
+  })) : replies.map(function (reply) {
+    return React.createElement(Comment, _extends({
+      key: reply.type + reply.id
+    }, reply, {
+      currentUser: currentUser,
+      getAvatarUrl: getAvatarUrl,
+      getMentionWithQuery: getMentionWithQuery,
+      getUserProfileUrl: getUserProfileUrl,
+      mentionSelectorContacts: mentionSelectorContacts,
+      onDelete: onDelete,
+      onEdit: onEdit,
+      permissions: getReplyPermissions(reply),
+      translations: translations
+    }));
+  }));
+};
+
+export default ActivityThreadReplies;
+//# sourceMappingURL=ActivityThreadReplies.js.map

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

@@ -0,0 +1,87 @@
+// @flow
+import React from 'react';
+import Comment from '../comment';
+
+import type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
+import type { Translations } from '../../flowTypes';
+import type { SelectorItems, User } from '../../../../common/types/core';
+import type { BoxCommentPermission, Comment as CommentType } from '../../../../common/types/feed';
+
+import './ActivityThreadReplies.scss';
+
+type Props = {
+    currentUser?: User,
+    getAvatarUrl: GetAvatarUrlCallback,
+    getMentionWithQuery?: Function,
+    getUserProfileUrl?: GetProfileUrlCallback,
+    isExpanded: boolean,
+    mentionSelectorContacts?: SelectorItems<>,
+    onDelete?: Function,
+    onEdit?: Function,
+    replies: Array<CommentType>,
+    translations?: Translations,
+};
+
+const ActivityThreadReplies = ({
+    currentUser,
+    getAvatarUrl,
+    getMentionWithQuery,
+    getUserProfileUrl,
+    isExpanded,
+    mentionSelectorContacts,
+    onDelete,
+    onEdit,
+    replies,
+    translations,
+}: Props) => {
+    const lastReply = replies[replies.length - 1];
+
+    const getReplyPermissions = (reply: CommentType): BoxCommentPermission => {
+        const {
+            permissions: { can_delete = false, can_edit = false, can_resolve = false },
+        } = reply;
+        return {
+            can_delete,
+            can_edit,
+            can_resolve,
+        };
+    };
+
+    return (
+        <div className="bcs-ActivityThreadReplies" data-testid="activity-thread-replies">
+            {!isExpanded ? (
+                <Comment
+                    key={lastReply.type + lastReply.id}
+                    {...lastReply}
+                    currentUser={currentUser}
+                    getAvatarUrl={getAvatarUrl}
+                    getMentionWithQuery={getMentionWithQuery}
+                    getUserProfileUrl={getUserProfileUrl}
+                    mentionSelectorContacts={mentionSelectorContacts}
+                    onDelete={onDelete}
+                    onEdit={onEdit}
+                    permissions={getReplyPermissions(lastReply)}
+                    translations={translations}
+                />
+            ) : (
+                replies.map((reply: CommentType) => (
+                    <Comment
+                        key={reply.type + reply.id}
+                        {...reply}
+                        currentUser={currentUser}
+                        getAvatarUrl={getAvatarUrl}
+                        getMentionWithQuery={getMentionWithQuery}
+                        getUserProfileUrl={getUserProfileUrl}
+                        mentionSelectorContacts={mentionSelectorContacts}
+                        onDelete={onDelete}
+                        onEdit={onEdit}
+                        permissions={getReplyPermissions(reply)}
+                        translations={translations}
+                    />
+                ))
+            )}
+        </div>
+    );
+};
+
+export default ActivityThreadReplies;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityThreadReplies.js"],"names":["React","Comment","ActivityThreadReplies","currentUser","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","isExpanded","mentionSelectorContacts","onDelete","onEdit","replies","translations","lastReply","length","getReplyPermissions","reply","permissions","can_delete","can_edit","can_resolve","type","id","map"],"mappings":";;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,OAAP,MAAoB,YAApB;AAOA,OAAO,8BAAP;;AAeA,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,OAWjB;AAAA,MAVTC,WAUS,QAVTA,WAUS;AAAA,MATTC,YASS,QATTA,YASS;AAAA,MARTC,mBAQS,QARTA,mBAQS;AAAA,MAPTC,iBAOS,QAPTA,iBAOS;AAAA,MANTC,UAMS,QANTA,UAMS;AAAA,MALTC,uBAKS,QALTA,uBAKS;AAAA,MAJTC,QAIS,QAJTA,QAIS;AAAA,MAHTC,MAGS,QAHTA,MAGS;AAAA,MAFTC,OAES,QAFTA,OAES;AAAA,MADTC,YACS,QADTA,YACS;AACT,MAAMC,SAAS,GAAGF,OAAO,CAACA,OAAO,CAACG,MAAR,GAAiB,CAAlB,CAAzB;;AAEA,MAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAA8C;AAAA,6BAGlEA,KAHkE,CAElEC,WAFkE;AAAA,mDAEnDC,UAFmD;AAAA,QAEnDA,UAFmD,sCAEtC,KAFsC;AAAA,oDAE/BC,QAF+B;AAAA,QAE/BA,QAF+B,uCAEpB,KAFoB;AAAA,oDAEbC,WAFa;AAAA,QAEbA,WAFa,uCAEC,KAFD;AAItE,WAAO;AACHF,MAAAA,UAAU,EAAVA,UADG;AAEHC,MAAAA,QAAQ,EAARA,QAFG;AAGHC,MAAAA,WAAW,EAAXA;AAHG,KAAP;AAKH,GATD;;AAWA,SACI;AAAK,IAAA,SAAS,EAAC,2BAAf;AAA2C,mBAAY;AAAvD,KACK,CAACb,UAAD,GACG,oBAAC,OAAD;AACI,IAAA,GAAG,EAAEM,SAAS,CAACQ,IAAV,GAAiBR,SAAS,CAACS;AADpC,KAEQT,SAFR;AAGI,IAAA,WAAW,EAAEV,WAHjB;AAII,IAAA,YAAY,EAAEC,YAJlB;AAKI,IAAA,mBAAmB,EAAEC,mBALzB;AAMI,IAAA,iBAAiB,EAAEC,iBANvB;AAOI,IAAA,uBAAuB,EAAEE,uBAP7B;AAQI,IAAA,QAAQ,EAAEC,QARd;AASI,IAAA,MAAM,EAAEC,MATZ;AAUI,IAAA,WAAW,EAAEK,mBAAmB,CAACF,SAAD,CAVpC;AAWI,IAAA,YAAY,EAAED;AAXlB,KADH,GAeGD,OAAO,CAACY,GAAR,CAAY,UAACP,KAAD;AAAA,WACR,oBAAC,OAAD;AACI,MAAA,GAAG,EAAEA,KAAK,CAACK,IAAN,GAAaL,KAAK,CAACM;AAD5B,OAEQN,KAFR;AAGI,MAAA,WAAW,EAAEb,WAHjB;AAII,MAAA,YAAY,EAAEC,YAJlB;AAKI,MAAA,mBAAmB,EAAEC,mBALzB;AAMI,MAAA,iBAAiB,EAAEC,iBANvB;AAOI,MAAA,uBAAuB,EAAEE,uBAP7B;AAQI,MAAA,QAAQ,EAAEC,QARd;AASI,MAAA,MAAM,EAAEC,MATZ;AAUI,MAAA,WAAW,EAAEK,mBAAmB,CAACC,KAAD,CAVpC;AAWI,MAAA,YAAY,EAAEJ;AAXlB,OADQ;AAAA,GAAZ,CAhBR,CADJ;AAmCH,CA5DD;;AA8DA,eAAeV,qBAAf","sourcesContent":["// @flow\nimport React from 'react';\nimport Comment from '../comment';\n\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport type { SelectorItems, User } from '../../../../common/types/core';\nimport type { BoxCommentPermission, Comment as CommentType } from '../../../../common/types/feed';\n\nimport './ActivityThreadReplies.scss';\n\ntype Props = {\n    currentUser?: User,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isExpanded: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onDelete?: Function,\n    onEdit?: Function,\n    replies: Array<CommentType>,\n    translations?: Translations,\n};\n\nconst ActivityThreadReplies = ({\n    currentUser,\n    getAvatarUrl,\n    getMentionWithQuery,\n    getUserProfileUrl,\n    isExpanded,\n    mentionSelectorContacts,\n    onDelete,\n    onEdit,\n    replies,\n    translations,\n}: Props) => {\n    const lastReply = replies[replies.length - 1];\n\n    const getReplyPermissions = (reply: CommentType): BoxCommentPermission => {\n        const {\n            permissions: { can_delete = false, can_edit = false, can_resolve = false },\n        } = reply;\n        return {\n            can_delete,\n            can_edit,\n            can_resolve,\n        };\n    };\n\n    return (\n        <div className=\"bcs-ActivityThreadReplies\" data-testid=\"activity-thread-replies\">\n            {!isExpanded ? (\n                <Comment\n                    key={lastReply.type + lastReply.id}\n                    {...lastReply}\n                    currentUser={currentUser}\n                    getAvatarUrl={getAvatarUrl}\n                    getMentionWithQuery={getMentionWithQuery}\n                    getUserProfileUrl={getUserProfileUrl}\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    onDelete={onDelete}\n                    onEdit={onEdit}\n                    permissions={getReplyPermissions(lastReply)}\n                    translations={translations}\n                />\n            ) : (\n                replies.map((reply: CommentType) => (\n                    <Comment\n                        key={reply.type + reply.id}\n                        {...reply}\n                        currentUser={currentUser}\n                        getAvatarUrl={getAvatarUrl}\n                        getMentionWithQuery={getMentionWithQuery}\n                        getUserProfileUrl={getUserProfileUrl}\n                        mentionSelectorContacts={mentionSelectorContacts}\n                        onDelete={onDelete}\n                        onEdit={onEdit}\n                        permissions={getReplyPermissions(reply)}\n                        translations={translations}\n                    />\n                ))\n            )}\n        </div>\n    );\n};\n\nexport default ActivityThreadReplies;\n"],"file":"ActivityThreadReplies.js"}

package/es/elements/content-sidebar/activity-feed/activity-feed/ActivityThreadReplies.scss

@@ -0,0 +1,16 @@
+@import '../../../common/variables';
+
+.bcs-ActivityThreadReplies {
+    position: relative;
+    padding-left: $sidebarActivityFeedSpacingHorizontal;
+
+    &::before {
+        position: absolute;
+        top: $sidebarActivityFeedSpacingVertical;
+        bottom: $sidebarActivityFeedSpacingVertical;
+        left: $sidebarActivityFeedSpacingHorizontal;
+        width: 4px;
+        background: $bdl-gray-10;
+        content: '';
+    }
+}