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

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

@@ -17,10 +17,18 @@ import messages from './messages';
 import { collapseFeedState, ItemTypes } from './activityFeedUtils';
 import { PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';
 import { scrollIntoView } from '../../../../utils/dom';
-import type { Annotation, AnnotationPermission, FocusableFeedItemType, FeedItems } from '../../../../common/types/feed';
+import type {
+    Annotation,
+    AnnotationPermission,
+    BoxCommentPermission,
+    CommentFeedItemType,
+    FocusableFeedItemType,
+    FeedItems,
+    FeedItemStatus,
+} from '../../../../common/types/feed';
 import type { SelectorItems, User, GroupMini, BoxItem } from '../../../../common/types/core';
-import type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
-import type { Translations, Errors } from '../../flowTypes';
+import type { Errors, GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';
+import type { Translations } from '../../flowTypes';
 import './ActivityFeed.scss';
 
 type Props = {
@@ -36,15 +44,36 @@ type Props = {
     getAvatarUrl: GetAvatarUrlCallback,
     getMentionWithQuery?: Function,
     getUserProfileUrl?: GetProfileUrlCallback,
+    hasReplies?: boolean,
     isDisabled?: boolean,
     mentionSelectorContacts?: SelectorItems<User>,
     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,
     onCommentCreate?: Function,
     onCommentDelete?: Function,
-    onCommentUpdate?: Function,
+    onCommentUpdate?: (
+        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,
     onTaskCreate?: Function,
     onTaskDelete?: Function,
@@ -206,16 +235,22 @@ class ActivityFeed extends React.Component<Props, State> {
             getAvatarUrl,
             getMentionWithQuery,
             getUserProfileUrl,
+            hasReplies,
             isDisabled,
             mentionSelectorContacts,
             contactsLoaded,
             onAnnotationDelete,
             onAnnotationEdit,
             onAnnotationSelect,
+            onAnnotationStatusChange,
             onAppActivityDelete,
             onCommentCreate,
             onCommentDelete,
             onCommentUpdate,
+            onReplyCreate,
+            onReplyDelete,
+            onReplyUpdate,
+            onShowReplies,
             onTaskAssignmentUpdate,
             onTaskDelete,
             onTaskModalClose,
@@ -273,32 +308,38 @@ class ActivityFeed extends React.Component<Props, State> {
                     {!isEmpty && !isLoading && (
                         <ActiveState
                             {...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}
                         />
                     )}
                     {isInlineFeedItemErrorVisible && inlineFeedItemErrorMessage && (

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js"],"names":["React","getProp","noop","FormattedMessage","classNames","ActiveState","CommentForm","EmptyState","InlineError","LoadingIndicator","messages","collapseFeedState","ItemTypes","PERMISSION_CAN_CREATE_ANNOTATIONS","scrollIntoView","ActivityFeed","isInputOpen","createRef","props","feedItems","undefined","length","type","fileVersion","prevCurrentUser","prevFeedItems","currentUser","feedContainer","scrollTop","scrollHeight","event","nativeEvent","stopImmediatePropagation","resetFeedScroll","setState","text","hasMention","onCommentCreate","commentFormSubmitHandler","assignees","dueAt","onTaskCreate","data","versionInfoHandler","onVersionHistoryClick","prevProps","prevState","prevActiveFeedEntryId","activeFeedEntryId","currFeedItems","prevIsInputOpen","currIsInputOpen","state","hasLoaded","hasMoreItems","didLoadFeedItems","hasInputOpened","hasActiveFeedEntryIdChanged","scrollToActiveFeedItemOrErrorMessage","activeFeedItemRef","current","activeFeedEntryType","activityFeedError","approverSelectorContacts","file","getApproverWithQuery","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","isDisabled","mentionSelectorContacts","contactsLoaded","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAppActivityDelete","onCommentDelete","onCommentUpdate","onTaskAssignmentUpdate","onTaskDelete","onTaskModalClose","onTaskUpdate","onTaskView","translations","hasAnnotationCreatePermission","hasCommentPermission","showCommentForm","isEmpty","isLoading","activeEntry","Array","isArray","find","id","errorMessageByEntryType","annotation","annotationMissingError","comment","commentMissingError","task","taskMissingError","inlineFeedItemErrorMessage","isInlineFeedItemErrorVisible","currentFileVersionId","onKeyDown","ref","openVersionHistoryPopup","feedInlineErrorTitle","commentFormCancelHandler","commentFormFocusHandler","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAKA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,OAAOC,WAAP,MAAwB,iBAAxB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,WAAP,MAAwB,iDAAxB;AACA,OAAOC,gBAAP,MAA6B,2DAA7B;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,iBAAT,EAA4BC,SAA5B,QAA6C,qBAA7C;AACA,SAASC,iCAAT,QAAkD,uBAAlD;AACA,SAASC,cAAT,QAA+B,uBAA/B;AAKA,OAAO,qBAAP;;IAsCMC,Y;;;;;;;;;;;;;;;;;;4DACM;AACJC,MAAAA,WAAW,EAAE;AADT,K;;wEAIYhB,KAAK,CAACiB,SAAN,E;;8DAyDV,YAAgD;AAAA,qFAAxB,MAAKC,KAAmB;AAAA,UAA7CC,SAA6C,QAA7CA,SAA6C;;AACtD,UAAIA,SAAS,KAAKC,SAAlB,EAA6B;AACzB,eAAO,KAAP;AACH;;AACD,aAAOD,SAAS,CAACE,MAAV,KAAqB,CAArB,IAA2BF,SAAS,CAACE,MAAV,KAAqB,CAArB,IAA0BF,SAAS,CAAC,CAAD,CAAT,CAAaG,IAAb,KAAsBV,SAAS,CAACW,WAA5F;AACH,K;;gEAQW,UAACC,eAAD,EAAyBC,aAAzB,EAAgE;AAAA,wBACrC,MAAKP,KADgC;AAAA,UAChEQ,WADgE,eAChEA,WADgE;AAAA,UACnDP,SADmD,eACnDA,SADmD;AAExE,aAAOO,WAAW,KAAKN,SAAhB,IAA6BD,SAAS,KAAKC,SAA3C,KAAyD,CAACI,eAAD,IAAoB,CAACC,aAA9E,CAAP;AACH,K;;sEAKiB,YAAM;AACpB,UAAI,MAAKE,aAAT,EAAwB;AACpB,cAAKA,aAAL,CAAmBC,SAAnB,GAA+B,MAAKD,aAAL,CAAmBE,YAAlD;AACH;AACJ,K;;gEAEW,UAACC,KAAD,EAA2C;AAAA,UAC3CC,WAD2C,GAC3BD,KAD2B,CAC3CC,WAD2C;AAEnDA,MAAAA,WAAW,CAACC,wBAAZ;AACH,K;;8EAEyB,YAAY;AAClC,YAAKC,eAAL;;AACA,YAAKC,QAAL,CAAc;AAAElB,QAAAA,WAAW,EAAE;AAAf,OAAd;AACH,K;;+EAE0B;AAAA,aAAY,MAAKkB,QAAL,CAAc;AAAElB,QAAAA,WAAW,EAAE;AAAf,OAAd,CAAZ;AAAA,K;;+EAEA;AAAA,aAAY,MAAKkB,QAAL,CAAc;AAAElB,QAAAA,WAAW,EAAE;AAAf,OAAd,CAAZ;AAAA,K;;sEAET,iBAAiE;AAAA,UAA9DmB,IAA8D,SAA9DA,IAA8D;AAAA,UAAxDC,UAAwD,SAAxDA,UAAwD;AAAA,kCAC5C,MAAKlB,KADuC,CACvEmB,eADuE;AAAA,UACvEA,eADuE,sCACrDnC,IADqD;AAE/EmC,MAAAA,eAAe,CAACF,IAAD,EAAOC,UAAP,CAAf;;AACA,YAAKE,wBAAL;AACH,K;;mEAUc,iBAAmG;AAAA,UAAhGH,IAAgG,SAAhGA,IAAgG;AAAA,UAA1FI,SAA0F,SAA1FA,SAA0F;AAAA,UAA/EC,KAA+E,SAA/EA,KAA+E;AAAA,kCAC9E,MAAKtB,KADyE,CACtGuB,YADsG;AAAA,UACtGA,YADsG,sCACvFvC,IADuF;AAE9GuC,MAAAA,YAAY,CAACN,IAAD,EAAOI,SAAP,EAAkBC,KAAlB,CAAZ;;AACA,YAAKF,wBAAL;AACH,K;;8EAQyB,UAACI,IAAD,EAAqB;AAC3C,UAAMC,kBAAkB,GAAG,MAAKzB,KAAL,CAAW0B,qBAAX,IAAoC1C,IAA/D;AACAyC,MAAAA,kBAAkB,CAACD,IAAD,CAAlB;AACH,K;;;;;;;wCA3HmB;AAChB,WAAKT,eAAL;AACH;;;uCAEkBY,S,EAAkBC,S,EAAkB;AAAA,UAE5BC,qBAF4B,GAK/CF,SAL+C,CAE/CG,iBAF+C;AAAA,UAGlCxB,eAHkC,GAK/CqB,SAL+C,CAG/CnB,WAH+C;AAAA,UAIpCD,aAJoC,GAK/CoB,SAL+C,CAI/C1B,SAJ+C;AAAA,yBAMK,KAAKD,KANV;AAAA,UAMhC+B,aANgC,gBAM3C9B,SAN2C;AAAA,UAMjB6B,iBANiB,gBAMjBA,iBANiB;AAAA,UAO9BE,eAP8B,GAOVJ,SAPU,CAO3C9B,WAP2C;AAAA,UAQ9BmC,eAR8B,GAQV,KAAKC,KARK,CAQ3CpC,WAR2C;AAUnD,UAAMqC,SAAS,GAAG,KAAKA,SAAL,CAAe7B,eAAf,EAAgCC,aAAhC,CAAlB;AACA,UAAM6B,YAAY,GAAG7B,aAAa,IAAIwB,aAAjB,IAAkCxB,aAAa,CAACJ,MAAd,GAAuB4B,aAAa,CAAC5B,MAA5F;AACA,UAAMkC,gBAAgB,GAAG9B,aAAa,KAAKL,SAAlB,IAA+B6B,aAAa,KAAK7B,SAA1E;AACA,UAAMoC,cAAc,GAAGL,eAAe,KAAKD,eAA3C;AACA,UAAMO,2BAA2B,GAAGT,iBAAiB,KAAKD,qBAA1D;;AAEA,UAAI,CAACM,SAAS,IAAIC,YAAb,IAA6BC,gBAA7B,IAAiDC,cAAlD,KAAqER,iBAAiB,KAAK5B,SAA/F,EAA0G;AACtG,aAAKa,eAAL;AACH;;AAED,UAAIsB,gBAAgB,IAAIE,2BAAxB,EAAqD;AACjD,aAAKC,oCAAL;AACH;AACJ;;;2DAEsC;AAAA,UAClBC,iBADkB,GACI,KAAKA,iBADT,CAC3BC,OAD2B;AAAA,UAE3BZ,iBAF2B,GAEL,KAAK9B,KAFA,CAE3B8B,iBAF2B,EAInC;;AACA,UAAI,CAACA,iBAAL,EAAwB;AACpB;AACH,OAPkC,CASnC;AACA;;;AACA,UAAIW,iBAAiB,KAAK,IAA1B,EAAgC;AAC5B,aAAK1B,eAAL;AACA;AACH;;AAEDnB,MAAAA,cAAc,CAAC6C,iBAAD,CAAd;AACH;AAED;;;;;;;;6BA6EqB;AAAA;;AAAA,yBA8Bb,KAAKzC,KA9BQ;AAAA,UAEb8B,iBAFa,gBAEbA,iBAFa;AAAA,UAGba,mBAHa,gBAGbA,mBAHa;AAAA,UAIbC,iBAJa,gBAIbA,iBAJa;AAAA,UAKbC,wBALa,gBAKbA,wBALa;AAAA,UAMbrC,WANa,gBAMbA,WANa;AAAA,UAObP,SAPa,gBAObA,SAPa;AAAA,UAQb6C,IARa,gBAQbA,IARa;AAAA,UASbC,oBATa,gBASbA,oBATa;AAAA,UAUbC,YAVa,gBAUbA,YAVa;AAAA,UAWbC,mBAXa,gBAWbA,mBAXa;AAAA,UAYbC,iBAZa,gBAYbA,iBAZa;AAAA,UAabC,UAba,gBAabA,UAba;AAAA,UAcbC,uBAda,gBAcbA,uBAda;AAAA,UAebC,cAfa,gBAebA,cAfa;AAAA,UAgBbC,kBAhBa,gBAgBbA,kBAhBa;AAAA,UAiBbC,gBAjBa,gBAiBbA,gBAjBa;AAAA,UAkBbC,kBAlBa,gBAkBbA,kBAlBa;AAAA,UAmBbC,mBAnBa,gBAmBbA,mBAnBa;AAAA,UAoBbtC,eApBa,gBAoBbA,eApBa;AAAA,UAqBbuC,eArBa,gBAqBbA,eArBa;AAAA,UAsBbC,eAtBa,gBAsBbA,eAtBa;AAAA,UAuBbC,sBAvBa,gBAuBbA,sBAvBa;AAAA,UAwBbC,YAxBa,gBAwBbA,YAxBa;AAAA,UAyBbC,gBAzBa,gBAyBbA,gBAzBa;AAAA,UA0BbC,YA1Ba,gBA0BbA,YA1Ba;AAAA,UA2BbC,UA3Ba,gBA2BbA,UA3Ba;AAAA,UA4BbtC,qBA5Ba,gBA4BbA,qBA5Ba;AAAA,UA6BbuC,YA7Ba,gBA6BbA,YA7Ba;AAAA,UA+BTnE,WA/BS,GA+BO,KAAKoC,KA/BZ,CA+BTpC,WA/BS;AAgCjB,UAAMoE,6BAA6B,GAAGnF,OAAO,CAAC+D,IAAD,EAAO,CAAC,aAAD,EAAgBnD,iCAAhB,CAAP,EAA2D,KAA3D,CAA7C;AACA,UAAMwE,oBAAoB,GAAGpF,OAAO,CAAC+D,IAAD,EAAO,yBAAP,EAAkC,KAAlC,CAApC;AACA,UAAMsB,eAAe,GAAG,CAAC,EAAE5D,WAAW,IAAI2D,oBAAf,IAAuChD,eAAvC,IAA0DlB,SAA5D,CAAzB;AAEA,UAAMoE,OAAO,GAAG,KAAKA,OAAL,CAAa,KAAKrE,KAAlB,CAAhB;AACA,UAAMsE,SAAS,GAAG,CAAC,KAAKnC,SAAL,EAAnB;AAEA,UAAMoC,WAAW,GACbC,KAAK,CAACC,OAAN,CAAcxE,SAAd,KACAA,SAAS,CAACyE,IAAV,CAAe;AAAA,YAAGC,EAAH,SAAGA,EAAH;AAAA,YAAOvE,IAAP,SAAOA,IAAP;AAAA,eAAkBuE,EAAE,KAAK7C,iBAAP,IAA4B1B,IAAI,KAAKuC,mBAAvD;AAAA,OAAf,CAFJ;AAIA,UAAMiC,uBAAuB,GAAG;AAC5BC,QAAAA,UAAU,EAAErF,QAAQ,CAACsF,sBADO;AAE5BC,QAAAA,OAAO,EAAEvF,QAAQ,CAACwF,mBAFU;AAG5BC,QAAAA,IAAI,EAAEzF,QAAQ,CAAC0F;AAHa,OAAhC;AAMA,UAAMC,0BAA0B,GAAGxC,mBAAmB,GAChDiC,uBAAuB,CAACjC,mBAAD,CADyB,GAEhDzC,SAFN;AAIA,UAAMkF,4BAA4B,GAAG,CAACd,SAAD,IAAc3B,mBAAd,IAAqC,CAAC4B,WAA3E;AACA,UAAMc,oBAAoB,GAAGtG,OAAO,CAAC+D,IAAD,EAAO,iBAAP,CAApC;AAEA,aACI;AACA;AAAK,UAAA,SAAS,EAAC,mBAAf;AAAmC,yBAAY,cAA/C;AAA8D,UAAA,SAAS,EAAE,KAAKwC;AAA9E,WACI;AACI,UAAA,GAAG,EAAE,aAAAC,KAAG,EAAI;AACR,YAAA,MAAI,CAAC9E,aAAL,GAAqB8E,KAArB;AACH,WAHL;AAII,UAAA,SAAS,EAAC;AAJd,WAMKjB,SAAS,IACN;AAAK,UAAA,SAAS,EAAC;AAAf,WACI,oBAAC,gBAAD,OADJ,CAPR,EAYKD,OAAO,IAAI,CAACC,SAAZ,IACG,oBAAC,UAAD;AACI,UAAA,qBAAqB,EAAEJ,6BAD3B;AAEI,UAAA,kBAAkB,EAAEE;AAFxB,UAbR,EAkBK,CAACC,OAAD,IAAY,CAACC,SAAb,IACG,oBAAC,WAAD,eACQ1B,iBADR;AAEI,UAAA,KAAK,EAAEnD,iBAAiB,CAACQ,SAAD,CAF5B;AAGI,UAAA,UAAU,EAAEkD,UAHhB;AAII,UAAA,WAAW,EAAE3C,WAJjB;AAKI,UAAA,oBAAoB,EAAE6E,oBAL1B;AAMI,UAAA,sBAAsB,EAAEzB,sBAN5B;AAOI,UAAA,kBAAkB,EAAEN,kBAPxB;AAQI,UAAA,gBAAgB,EAAEC,gBARtB;AASI,UAAA,kBAAkB,EAAEC,kBATxB;AAUI,UAAA,mBAAmB,EAAEC,mBAVzB;AAWI,UAAA,eAAe,EAAEU,oBAAoB,GAAGT,eAAH,GAAqB1E,IAX9D;AAYI,UAAA,aAAa,EAAEmF,oBAAoB,GAAGR,eAAH,GAAqB3E,IAZ5D;AAaI,UAAA,YAAY,EAAE6E,YAblB;AAcI,UAAA,UAAU,EAAEE,YAdhB;AAeI,UAAA,UAAU,EAAEC,UAfhB;AAgBI,UAAA,gBAAgB,EAAEF,gBAhBtB;AAiBI,UAAA,aAAa,EAAEpC,qBAAqB,GAAG,KAAK8D,uBAAR,GAAkC,IAjB1E;AAkBI,UAAA,YAAY,EAAEvB,YAlBlB;AAmBI,UAAA,YAAY,EAAEjB,YAnBlB;AAoBI,UAAA,iBAAiB,EAAEE,iBApBvB;AAqBI,UAAA,uBAAuB,EAAEE,uBArB7B;AAsBI,UAAA,mBAAmB,EAAEH,mBAtBzB;AAuBI,UAAA,wBAAwB,EAAEJ,wBAvB9B;AAwBI,UAAA,oBAAoB,EAAEE,oBAxB1B;AAyBI,UAAA,iBAAiB,EAAEjB,iBAzBvB;AA0BI,UAAA,mBAAmB,EAAEa,mBA1BzB;AA2BI,UAAA,iBAAiB,EAAE,KAAKF;AA3B5B,WAnBR,EAiDK2C,4BAA4B,IAAID,0BAAhC,IACG,oBAAC,WAAD;AACI,UAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsB3F,QAAQ,CAACiG,oBAA/B,CADX;AAEI,UAAA,SAAS,EAAC;AAFd,WAII,oBAAC,gBAAD,EAAsBN,0BAAtB,CAJJ,CAlDR,CADJ,EA4DKf,eAAe,GACZ,oBAAC,WAAD;AACI,UAAA,QAAQ,EAAE,KAAKrD,eADnB;AAEI,UAAA,UAAU,EAAEoC,UAFhB;AAGI,UAAA,uBAAuB,EAAEC,uBAH7B;AAII,UAAA,cAAc,EAAEC,cAJpB;AAKI,UAAA,SAAS,EAAEnE,UAAU,CAAC,iCAAD,EAAoC;AACrD,+BAAmBiE;AADkC,WAApC,CALzB;AAQI,UAAA,aAAa,EAAEgB,oBAAoB,GAAG,KAAKhD,eAAR,GAA0BnC,IARjE;AASI,UAAA,mBAAmB,EAAEiE,mBATzB;AAUI,UAAA,MAAM,EAAEnD,WAVZ,CAWI;AAXJ;AAYI,UAAA,IAAI,EAAEU,WAZV;AAaI,UAAA,QAAQ,EAAE,KAAKkF,wBAbnB;AAcI,UAAA,OAAO,EAAE,KAAKC,uBAdlB;AAeI,UAAA,YAAY,EAAE3C;AAflB,UADY,GAkBZ,IA9ER;AAFJ;AAmFH;;;;EAjRsBlE,KAAK,CAAC8G,S;;AAoRjC,eAAe/F,YAAf","sourcesContent":["/**\n * @flow\n * @file Component for Activity feed\n */\n\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\nimport ActiveState from './ActiveState';\nimport CommentForm from '../comment-form';\nimport EmptyState from './EmptyState';\nimport InlineError from '../../../../components/inline-error/InlineError';\nimport LoadingIndicator from '../../../../components/loading-indicator/LoadingIndicator';\nimport messages from './messages';\nimport { collapseFeedState, ItemTypes } from './activityFeedUtils';\nimport { PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';\nimport { scrollIntoView } from '../../../../utils/dom';\nimport type { Annotation, AnnotationPermission, FocusableFeedItemType, FeedItems } from '../../../../common/types/feed';\nimport type { SelectorItems, User, GroupMini, BoxItem } from '../../../../common/types/core';\nimport type { GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations, Errors } from '../../flowTypes';\nimport './ActivityFeed.scss';\n\ntype Props = {\n    activeFeedEntryId?: string,\n    activeFeedEntryType?: FocusableFeedItemType,\n    activityFeedError: ?Errors,\n    approverSelectorContacts?: SelectorItems<User | GroupMini>,\n    contactsLoaded?: boolean,\n    currentUser?: User,\n    feedItems?: FeedItems,\n    file: BoxItem,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    isDisabled?: boolean,\n    mentionSelectorContacts?: SelectorItems<User>,\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    onCommentCreate?: Function,\n    onCommentDelete?: Function,\n    onCommentUpdate?: Function,\n    onTaskAssignmentUpdate?: Function,\n    onTaskCreate?: Function,\n    onTaskDelete?: Function,\n    onTaskModalClose?: Function,\n    onTaskUpdate?: Function,\n    onTaskView?: Function,\n    onVersionHistoryClick?: Function,\n    translations?: Translations,\n};\n\ntype State = {\n    isInputOpen: boolean,\n};\n\nclass ActivityFeed extends React.Component<Props, State> {\n    state = {\n        isInputOpen: false,\n    };\n\n    activeFeedItemRef = React.createRef<null | HTMLElement>();\n\n    feedContainer: null | HTMLElement;\n\n    componentDidMount() {\n        this.resetFeedScroll();\n    }\n\n    componentDidUpdate(prevProps: Props, prevState: State) {\n        const {\n            activeFeedEntryId: prevActiveFeedEntryId,\n            currentUser: prevCurrentUser,\n            feedItems: prevFeedItems,\n        } = prevProps;\n        const { feedItems: currFeedItems, activeFeedEntryId } = this.props;\n        const { isInputOpen: prevIsInputOpen } = prevState;\n        const { isInputOpen: currIsInputOpen } = this.state;\n\n        const hasLoaded = this.hasLoaded(prevCurrentUser, prevFeedItems);\n        const hasMoreItems = prevFeedItems && currFeedItems && prevFeedItems.length < currFeedItems.length;\n        const didLoadFeedItems = prevFeedItems === undefined && currFeedItems !== undefined;\n        const hasInputOpened = currIsInputOpen !== prevIsInputOpen;\n        const hasActiveFeedEntryIdChanged = activeFeedEntryId !== prevActiveFeedEntryId;\n\n        if ((hasLoaded || hasMoreItems || didLoadFeedItems || hasInputOpened) && activeFeedEntryId === undefined) {\n            this.resetFeedScroll();\n        }\n\n        if (didLoadFeedItems || hasActiveFeedEntryIdChanged) {\n            this.scrollToActiveFeedItemOrErrorMessage();\n        }\n    }\n\n    scrollToActiveFeedItemOrErrorMessage() {\n        const { current: activeFeedItemRef } = this.activeFeedItemRef;\n        const { activeFeedEntryId } = this.props;\n\n        // if there is no active item, do not scroll\n        if (!activeFeedEntryId) {\n            return;\n        }\n\n        // if there was supposed to be an active feed item but the feed item does not exist\n        // scroll to the bottom to show the inline error message\n        if (activeFeedItemRef === null) {\n            this.resetFeedScroll();\n            return;\n        }\n\n        scrollIntoView(activeFeedItemRef);\n    }\n\n    /**\n     * Detects whether or not the empty state should be shown.\n     * @param {object} currentUser - The user that is logged into the account\n     * @param {object} feedItems - Items in the activity feed\n     */\n    isEmpty = ({ feedItems }: Props = this.props): boolean => {\n        if (feedItems === undefined) {\n            return false;\n        }\n        return feedItems.length === 0 || (feedItems.length === 1 && feedItems[0].type === ItemTypes.fileVersion);\n    };\n\n    /**\n     * Determines whether currentUser and feedItems have loaded.\n     * @param prevCurrentUser - The previous value of the currentUser prop\n     * @param prevFeedItems - The previous value of the feedItems prop\n     * @returns {boolean}\n     */\n    hasLoaded = (prevCurrentUser?: User, prevFeedItems?: FeedItems): boolean => {\n        const { currentUser, feedItems } = this.props;\n        return currentUser !== undefined && feedItems !== undefined && (!prevCurrentUser || !prevFeedItems);\n    };\n\n    /**\n     * Scrolls the container to the bottom\n     */\n    resetFeedScroll = () => {\n        if (this.feedContainer) {\n            this.feedContainer.scrollTop = this.feedContainer.scrollHeight;\n        }\n    };\n\n    onKeyDown = (event: SyntheticKeyboardEvent<>): void => {\n        const { nativeEvent } = event;\n        nativeEvent.stopImmediatePropagation();\n    };\n\n    commentFormFocusHandler = (): void => {\n        this.resetFeedScroll();\n        this.setState({ isInputOpen: true });\n    };\n\n    commentFormCancelHandler = (): void => this.setState({ isInputOpen: false });\n\n    commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false });\n\n    onCommentCreate = ({ text, hasMention }: { hasMention: boolean, text: string }) => {\n        const { onCommentCreate = noop } = this.props;\n        onCommentCreate(text, hasMention);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Creates a task.\n     *\n     * @param {string} text - Task text\n     * @param {Array} assignees - List of assignees\n     * @param {number} dueAt - Task's due date\n     * @return {void}\n     */\n    onTaskCreate = ({ text, assignees, dueAt }: { assignees: SelectorItems<>, dueAt: string, text: string }): void => {\n        const { onTaskCreate = noop } = this.props;\n        onTaskCreate(text, assignees, dueAt);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Invokes version history popup handler.\n     *\n     * @param {Object} data - Version history data\n     * @return {void}\n     */\n    openVersionHistoryPopup = (data: any): void => {\n        const versionInfoHandler = this.props.onVersionHistoryClick || noop;\n        versionInfoHandler(data);\n    };\n\n    render(): React.Node {\n        const {\n            activeFeedEntryId,\n            activeFeedEntryType,\n            activityFeedError,\n            approverSelectorContacts,\n            currentUser,\n            feedItems,\n            file,\n            getApproverWithQuery,\n            getAvatarUrl,\n            getMentionWithQuery,\n            getUserProfileUrl,\n            isDisabled,\n            mentionSelectorContacts,\n            contactsLoaded,\n            onAnnotationDelete,\n            onAnnotationEdit,\n            onAnnotationSelect,\n            onAppActivityDelete,\n            onCommentCreate,\n            onCommentDelete,\n            onCommentUpdate,\n            onTaskAssignmentUpdate,\n            onTaskDelete,\n            onTaskModalClose,\n            onTaskUpdate,\n            onTaskView,\n            onVersionHistoryClick,\n            translations,\n        } = this.props;\n        const { isInputOpen } = this.state;\n        const hasAnnotationCreatePermission = getProp(file, ['permissions', PERMISSION_CAN_CREATE_ANNOTATIONS], false);\n        const hasCommentPermission = getProp(file, 'permissions.can_comment', false);\n        const showCommentForm = !!(currentUser && hasCommentPermission && onCommentCreate && feedItems);\n\n        const isEmpty = this.isEmpty(this.props);\n        const isLoading = !this.hasLoaded();\n\n        const activeEntry =\n            Array.isArray(feedItems) &&\n            feedItems.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);\n\n        const errorMessageByEntryType = {\n            annotation: messages.annotationMissingError,\n            comment: messages.commentMissingError,\n            task: messages.taskMissingError,\n        };\n\n        const inlineFeedItemErrorMessage = activeFeedEntryType\n            ? errorMessageByEntryType[activeFeedEntryType]\n            : undefined;\n\n        const isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeEntry;\n        const currentFileVersionId = getProp(file, 'file_version.id');\n\n        return (\n            // eslint-disable-next-line\n            <div className=\"bcs-activity-feed\" data-testid=\"activityfeed\" onKeyDown={this.onKeyDown}>\n                <div\n                    ref={ref => {\n                        this.feedContainer = ref;\n                    }}\n                    className=\"bcs-activity-feed-items-container\"\n                >\n                    {isLoading && (\n                        <div className=\"bcs-activity-feed-loading-state\">\n                            <LoadingIndicator />\n                        </div>\n                    )}\n\n                    {isEmpty && !isLoading && (\n                        <EmptyState\n                            showAnnotationMessage={hasAnnotationCreatePermission}\n                            showCommentMessage={showCommentForm}\n                        />\n                    )}\n                    {!isEmpty && !isLoading && (\n                        <ActiveState\n                            {...activityFeedError}\n                            items={collapseFeedState(feedItems)}\n                            isDisabled={isDisabled}\n                            currentUser={currentUser}\n                            currentFileVersionId={currentFileVersionId}\n                            onTaskAssignmentUpdate={onTaskAssignmentUpdate}\n                            onAnnotationDelete={onAnnotationDelete}\n                            onAnnotationEdit={onAnnotationEdit}\n                            onAnnotationSelect={onAnnotationSelect}\n                            onAppActivityDelete={onAppActivityDelete}\n                            onCommentDelete={hasCommentPermission ? onCommentDelete : noop}\n                            onCommentEdit={hasCommentPermission ? onCommentUpdate : noop}\n                            onTaskDelete={onTaskDelete}\n                            onTaskEdit={onTaskUpdate}\n                            onTaskView={onTaskView}\n                            onTaskModalClose={onTaskModalClose}\n                            onVersionInfo={onVersionHistoryClick ? this.openVersionHistoryPopup : null}\n                            translations={translations}\n                            getAvatarUrl={getAvatarUrl}\n                            getUserProfileUrl={getUserProfileUrl}\n                            mentionSelectorContacts={mentionSelectorContacts}\n                            getMentionWithQuery={getMentionWithQuery}\n                            approverSelectorContacts={approverSelectorContacts}\n                            getApproverWithQuery={getApproverWithQuery}\n                            activeFeedEntryId={activeFeedEntryId}\n                            activeFeedEntryType={activeFeedEntryType}\n                            activeFeedItemRef={this.activeFeedItemRef}\n                        />\n                    )}\n                    {isInlineFeedItemErrorVisible && inlineFeedItemErrorMessage && (\n                        <InlineError\n                            title={<FormattedMessage {...messages.feedInlineErrorTitle} />}\n                            className=\"bcs-feedItemInlineError\"\n                        >\n                            <FormattedMessage {...inlineFeedItemErrorMessage} />\n                        </InlineError>\n                    )}\n                </div>\n\n                {showCommentForm ? (\n                    <CommentForm\n                        onSubmit={this.resetFeedScroll}\n                        isDisabled={isDisabled}\n                        mentionSelectorContacts={mentionSelectorContacts}\n                        contactsLoaded={contactsLoaded}\n                        className={classNames('bcs-activity-feed-comment-input', {\n                            'bcs-is-disabled': isDisabled,\n                        })}\n                        createComment={hasCommentPermission ? this.onCommentCreate : noop}\n                        getMentionWithQuery={getMentionWithQuery}\n                        isOpen={isInputOpen}\n                        // $FlowFixMe\n                        user={currentUser}\n                        onCancel={this.commentFormCancelHandler}\n                        onFocus={this.commentFormFocusHandler}\n                        getAvatarUrl={getAvatarUrl}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n}\n\nexport default ActivityFeed;\n"],"file":"ActivityFeed.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityFeed.js"],"names":["React","getProp","noop","FormattedMessage","classNames","ActiveState","CommentForm","EmptyState","InlineError","LoadingIndicator","messages","collapseFeedState","ItemTypes","PERMISSION_CAN_CREATE_ANNOTATIONS","scrollIntoView","ActivityFeed","isInputOpen","createRef","props","feedItems","undefined","length","type","fileVersion","prevCurrentUser","prevFeedItems","currentUser","feedContainer","scrollTop","scrollHeight","event","nativeEvent","stopImmediatePropagation","resetFeedScroll","setState","text","hasMention","onCommentCreate","commentFormSubmitHandler","assignees","dueAt","onTaskCreate","data","versionInfoHandler","onVersionHistoryClick","prevProps","prevState","prevActiveFeedEntryId","activeFeedEntryId","currFeedItems","prevIsInputOpen","currIsInputOpen","state","hasLoaded","hasMoreItems","didLoadFeedItems","hasInputOpened","hasActiveFeedEntryIdChanged","scrollToActiveFeedItemOrErrorMessage","activeFeedItemRef","current","activeFeedEntryType","activityFeedError","approverSelectorContacts","file","getApproverWithQuery","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasReplies","isDisabled","mentionSelectorContacts","contactsLoaded","onAnnotationDelete","onAnnotationEdit","onAnnotationSelect","onAnnotationStatusChange","onAppActivityDelete","onCommentDelete","onCommentUpdate","onReplyCreate","onReplyDelete","onReplyUpdate","onShowReplies","onTaskAssignmentUpdate","onTaskDelete","onTaskModalClose","onTaskUpdate","onTaskView","translations","hasAnnotationCreatePermission","hasCommentPermission","showCommentForm","isEmpty","isLoading","activeEntry","Array","isArray","find","id","errorMessageByEntryType","annotation","annotationMissingError","comment","commentMissingError","task","taskMissingError","inlineFeedItemErrorMessage","isInlineFeedItemErrorVisible","currentFileVersionId","onKeyDown","ref","openVersionHistoryPopup","feedInlineErrorTitle","commentFormCancelHandler","commentFormFocusHandler","Component"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Component for Activity feed\n */\n\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\nimport ActiveState from './ActiveState';\nimport CommentForm from '../comment-form';\nimport EmptyState from './EmptyState';\nimport InlineError from '../../../../components/inline-error/InlineError';\nimport LoadingIndicator from '../../../../components/loading-indicator/LoadingIndicator';\nimport messages from './messages';\nimport { collapseFeedState, ItemTypes } from './activityFeedUtils';\nimport { PERMISSION_CAN_CREATE_ANNOTATIONS } from '../../../../constants';\nimport { scrollIntoView } from '../../../../utils/dom';\nimport type {\n    Annotation,\n    AnnotationPermission,\n    BoxCommentPermission,\n    CommentFeedItemType,\n    FocusableFeedItemType,\n    FeedItems,\n    FeedItemStatus,\n} from '../../../../common/types/feed';\nimport type { SelectorItems, User, GroupMini, BoxItem } from '../../../../common/types/core';\nimport type { Errors, GetAvatarUrlCallback, GetProfileUrlCallback } from '../../../common/flowTypes';\nimport type { Translations } from '../../flowTypes';\nimport './ActivityFeed.scss';\n\ntype Props = {\n    activeFeedEntryId?: string,\n    activeFeedEntryType?: FocusableFeedItemType,\n    activityFeedError: ?Errors,\n    approverSelectorContacts?: SelectorItems<User | GroupMini>,\n    contactsLoaded?: boolean,\n    currentUser?: User,\n    feedItems?: FeedItems,\n    file: BoxItem,\n    getApproverWithQuery?: Function,\n    getAvatarUrl: GetAvatarUrlCallback,\n    getMentionWithQuery?: Function,\n    getUserProfileUrl?: GetProfileUrlCallback,\n    hasReplies?: boolean,\n    isDisabled?: boolean,\n    mentionSelectorContacts?: SelectorItems<User>,\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    onCommentCreate?: Function,\n    onCommentDelete?: Function,\n    onCommentUpdate?: (\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    onTaskCreate?: Function,\n    onTaskDelete?: Function,\n    onTaskModalClose?: Function,\n    onTaskUpdate?: Function,\n    onTaskView?: Function,\n    onVersionHistoryClick?: Function,\n    translations?: Translations,\n};\n\ntype State = {\n    isInputOpen: boolean,\n};\n\nclass ActivityFeed extends React.Component<Props, State> {\n    state = {\n        isInputOpen: false,\n    };\n\n    activeFeedItemRef = React.createRef<null | HTMLElement>();\n\n    feedContainer: null | HTMLElement;\n\n    componentDidMount() {\n        this.resetFeedScroll();\n    }\n\n    componentDidUpdate(prevProps: Props, prevState: State) {\n        const {\n            activeFeedEntryId: prevActiveFeedEntryId,\n            currentUser: prevCurrentUser,\n            feedItems: prevFeedItems,\n        } = prevProps;\n        const { feedItems: currFeedItems, activeFeedEntryId } = this.props;\n        const { isInputOpen: prevIsInputOpen } = prevState;\n        const { isInputOpen: currIsInputOpen } = this.state;\n\n        const hasLoaded = this.hasLoaded(prevCurrentUser, prevFeedItems);\n        const hasMoreItems = prevFeedItems && currFeedItems && prevFeedItems.length < currFeedItems.length;\n        const didLoadFeedItems = prevFeedItems === undefined && currFeedItems !== undefined;\n        const hasInputOpened = currIsInputOpen !== prevIsInputOpen;\n        const hasActiveFeedEntryIdChanged = activeFeedEntryId !== prevActiveFeedEntryId;\n\n        if ((hasLoaded || hasMoreItems || didLoadFeedItems || hasInputOpened) && activeFeedEntryId === undefined) {\n            this.resetFeedScroll();\n        }\n\n        if (didLoadFeedItems || hasActiveFeedEntryIdChanged) {\n            this.scrollToActiveFeedItemOrErrorMessage();\n        }\n    }\n\n    scrollToActiveFeedItemOrErrorMessage() {\n        const { current: activeFeedItemRef } = this.activeFeedItemRef;\n        const { activeFeedEntryId } = this.props;\n\n        // if there is no active item, do not scroll\n        if (!activeFeedEntryId) {\n            return;\n        }\n\n        // if there was supposed to be an active feed item but the feed item does not exist\n        // scroll to the bottom to show the inline error message\n        if (activeFeedItemRef === null) {\n            this.resetFeedScroll();\n            return;\n        }\n\n        scrollIntoView(activeFeedItemRef);\n    }\n\n    /**\n     * Detects whether or not the empty state should be shown.\n     * @param {object} currentUser - The user that is logged into the account\n     * @param {object} feedItems - Items in the activity feed\n     */\n    isEmpty = ({ feedItems }: Props = this.props): boolean => {\n        if (feedItems === undefined) {\n            return false;\n        }\n        return feedItems.length === 0 || (feedItems.length === 1 && feedItems[0].type === ItemTypes.fileVersion);\n    };\n\n    /**\n     * Determines whether currentUser and feedItems have loaded.\n     * @param prevCurrentUser - The previous value of the currentUser prop\n     * @param prevFeedItems - The previous value of the feedItems prop\n     * @returns {boolean}\n     */\n    hasLoaded = (prevCurrentUser?: User, prevFeedItems?: FeedItems): boolean => {\n        const { currentUser, feedItems } = this.props;\n        return currentUser !== undefined && feedItems !== undefined && (!prevCurrentUser || !prevFeedItems);\n    };\n\n    /**\n     * Scrolls the container to the bottom\n     */\n    resetFeedScroll = () => {\n        if (this.feedContainer) {\n            this.feedContainer.scrollTop = this.feedContainer.scrollHeight;\n        }\n    };\n\n    onKeyDown = (event: SyntheticKeyboardEvent<>): void => {\n        const { nativeEvent } = event;\n        nativeEvent.stopImmediatePropagation();\n    };\n\n    commentFormFocusHandler = (): void => {\n        this.resetFeedScroll();\n        this.setState({ isInputOpen: true });\n    };\n\n    commentFormCancelHandler = (): void => this.setState({ isInputOpen: false });\n\n    commentFormSubmitHandler = (): void => this.setState({ isInputOpen: false });\n\n    onCommentCreate = ({ text, hasMention }: { hasMention: boolean, text: string }) => {\n        const { onCommentCreate = noop } = this.props;\n        onCommentCreate(text, hasMention);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Creates a task.\n     *\n     * @param {string} text - Task text\n     * @param {Array} assignees - List of assignees\n     * @param {number} dueAt - Task's due date\n     * @return {void}\n     */\n    onTaskCreate = ({ text, assignees, dueAt }: { assignees: SelectorItems<>, dueAt: string, text: string }): void => {\n        const { onTaskCreate = noop } = this.props;\n        onTaskCreate(text, assignees, dueAt);\n        this.commentFormSubmitHandler();\n    };\n\n    /**\n     * Invokes version history popup handler.\n     *\n     * @param {Object} data - Version history data\n     * @return {void}\n     */\n    openVersionHistoryPopup = (data: any): void => {\n        const versionInfoHandler = this.props.onVersionHistoryClick || noop;\n        versionInfoHandler(data);\n    };\n\n    render(): React.Node {\n        const {\n            activeFeedEntryId,\n            activeFeedEntryType,\n            activityFeedError,\n            approverSelectorContacts,\n            currentUser,\n            feedItems,\n            file,\n            getApproverWithQuery,\n            getAvatarUrl,\n            getMentionWithQuery,\n            getUserProfileUrl,\n            hasReplies,\n            isDisabled,\n            mentionSelectorContacts,\n            contactsLoaded,\n            onAnnotationDelete,\n            onAnnotationEdit,\n            onAnnotationSelect,\n            onAnnotationStatusChange,\n            onAppActivityDelete,\n            onCommentCreate,\n            onCommentDelete,\n            onCommentUpdate,\n            onReplyCreate,\n            onReplyDelete,\n            onReplyUpdate,\n            onShowReplies,\n            onTaskAssignmentUpdate,\n            onTaskDelete,\n            onTaskModalClose,\n            onTaskUpdate,\n            onTaskView,\n            onVersionHistoryClick,\n            translations,\n        } = this.props;\n        const { isInputOpen } = this.state;\n        const hasAnnotationCreatePermission = getProp(file, ['permissions', PERMISSION_CAN_CREATE_ANNOTATIONS], false);\n        const hasCommentPermission = getProp(file, 'permissions.can_comment', false);\n        const showCommentForm = !!(currentUser && hasCommentPermission && onCommentCreate && feedItems);\n\n        const isEmpty = this.isEmpty(this.props);\n        const isLoading = !this.hasLoaded();\n\n        const activeEntry =\n            Array.isArray(feedItems) &&\n            feedItems.find(({ id, type }) => id === activeFeedEntryId && type === activeFeedEntryType);\n\n        const errorMessageByEntryType = {\n            annotation: messages.annotationMissingError,\n            comment: messages.commentMissingError,\n            task: messages.taskMissingError,\n        };\n\n        const inlineFeedItemErrorMessage = activeFeedEntryType\n            ? errorMessageByEntryType[activeFeedEntryType]\n            : undefined;\n\n        const isInlineFeedItemErrorVisible = !isLoading && activeFeedEntryType && !activeEntry;\n        const currentFileVersionId = getProp(file, 'file_version.id');\n\n        return (\n            // eslint-disable-next-line\n            <div className=\"bcs-activity-feed\" data-testid=\"activityfeed\" onKeyDown={this.onKeyDown}>\n                <div\n                    ref={ref => {\n                        this.feedContainer = ref;\n                    }}\n                    className=\"bcs-activity-feed-items-container\"\n                >\n                    {isLoading && (\n                        <div className=\"bcs-activity-feed-loading-state\">\n                            <LoadingIndicator />\n                        </div>\n                    )}\n\n                    {isEmpty && !isLoading && (\n                        <EmptyState\n                            showAnnotationMessage={hasAnnotationCreatePermission}\n                            showCommentMessage={showCommentForm}\n                        />\n                    )}\n                    {!isEmpty && !isLoading && (\n                        <ActiveState\n                            {...activityFeedError}\n                            activeFeedEntryId={activeFeedEntryId}\n                            activeFeedEntryType={activeFeedEntryType}\n                            activeFeedItemRef={this.activeFeedItemRef}\n                            approverSelectorContacts={approverSelectorContacts}\n                            currentFileVersionId={currentFileVersionId}\n                            currentUser={currentUser}\n                            getApproverWithQuery={getApproverWithQuery}\n                            getAvatarUrl={getAvatarUrl}\n                            getMentionWithQuery={getMentionWithQuery}\n                            getUserProfileUrl={getUserProfileUrl}\n                            hasReplies={hasReplies}\n                            isDisabled={isDisabled}\n                            items={collapseFeedState(feedItems)}\n                            mentionSelectorContacts={mentionSelectorContacts}\n                            onAnnotationDelete={onAnnotationDelete}\n                            onAnnotationEdit={onAnnotationEdit}\n                            onAnnotationSelect={onAnnotationSelect}\n                            onAnnotationStatusChange={onAnnotationStatusChange}\n                            onAppActivityDelete={onAppActivityDelete}\n                            onCommentDelete={hasCommentPermission ? onCommentDelete : noop}\n                            onCommentEdit={hasCommentPermission ? onCommentUpdate : noop}\n                            onReplyCreate={hasCommentPermission ? onReplyCreate : noop}\n                            onReplyDelete={hasCommentPermission ? onReplyDelete : noop}\n                            onReplyUpdate={hasCommentPermission ? onReplyUpdate : noop}\n                            onShowReplies={onShowReplies}\n                            onTaskAssignmentUpdate={onTaskAssignmentUpdate}\n                            onTaskDelete={onTaskDelete}\n                            onTaskEdit={onTaskUpdate}\n                            onTaskModalClose={onTaskModalClose}\n                            onTaskView={onTaskView}\n                            onVersionInfo={onVersionHistoryClick ? this.openVersionHistoryPopup : null}\n                            translations={translations}\n                        />\n                    )}\n                    {isInlineFeedItemErrorVisible && inlineFeedItemErrorMessage && (\n                        <InlineError\n                            title={<FormattedMessage {...messages.feedInlineErrorTitle} />}\n                            className=\"bcs-feedItemInlineError\"\n                        >\n                            <FormattedMessage {...inlineFeedItemErrorMessage} />\n                        </InlineError>\n                    )}\n                </div>\n\n                {showCommentForm ? (\n                    <CommentForm\n                        onSubmit={this.resetFeedScroll}\n                        isDisabled={isDisabled}\n                        mentionSelectorContacts={mentionSelectorContacts}\n                        contactsLoaded={contactsLoaded}\n                        className={classNames('bcs-activity-feed-comment-input', {\n                            'bcs-is-disabled': isDisabled,\n                        })}\n                        createComment={hasCommentPermission ? this.onCommentCreate : noop}\n                        getMentionWithQuery={getMentionWithQuery}\n                        isOpen={isInputOpen}\n                        // $FlowFixMe\n                        user={currentUser}\n                        onCancel={this.commentFormCancelHandler}\n                        onFocus={this.commentFormFocusHandler}\n                        getAvatarUrl={getAvatarUrl}\n                    />\n                ) : null}\n            </div>\n        );\n    }\n}\n\nexport default ActivityFeed;\n"],"file":"ActivityFeed.js"}

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

@@ -0,0 +1,101 @@
+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 ActivityThreadReplyForm from './ActivityThreadReplyForm';
+import messages from './messages';
+import './ActivityThread.scss';
+
+var ActivityThread = function ActivityThread(_ref) {
+  var children = _ref.children,
+      currentUser = _ref.currentUser,
+      getAvatarUrl = _ref.getAvatarUrl,
+      getMentionWithQuery = _ref.getMentionWithQuery,
+      getUserProfileUrl = _ref.getUserProfileUrl,
+      hasReplies = _ref.hasReplies,
+      _ref$isAlwaysExpanded = _ref.isAlwaysExpanded,
+      isAlwaysExpanded = _ref$isAlwaysExpanded === void 0 ? false : _ref$isAlwaysExpanded,
+      isRepliesLoading = _ref.isRepliesLoading,
+      mentionSelectorContacts = _ref.mentionSelectorContacts,
+      onReplyCreate = _ref.onReplyCreate,
+      _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$onShowReplies = _ref.onShowReplies,
+      onShowReplies = _ref$onShowReplies === void 0 ? noop : _ref$onShowReplies,
+      _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(isAlwaysExpanded),
+      _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) {
+      onShowReplies();
+    }
+
+    setIsExpanded(function (previousState) {
+      return !previousState;
+    });
+  };
+
+  if (!hasReplies) {
+    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)), !isAlwaysExpanded && !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 > 0 && React.createElement(ActivityThreadReplies, {
+    currentUser: currentUser,
+    getAvatarUrl: getAvatarUrl,
+    getMentionWithQuery: getMentionWithQuery,
+    getUserProfileUrl: getUserProfileUrl,
+    isExpanded: isExpanded,
+    mentionSelectorContacts: mentionSelectorContacts,
+    onDelete: onReplyDelete,
+    onEdit: onReplyEdit,
+    replies: replies,
+    translations: translations
+  }), onReplyCreate ? React.createElement(ActivityThreadReplyForm, {
+    getMentionWithQuery: getMentionWithQuery,
+    mentionSelectorContacts: mentionSelectorContacts,
+    onReplyCreate: onReplyCreate
+  }) : null);
+};
+
+export default ActivityThread;
+//# sourceMappingURL=ActivityThread.js.map

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

@@ -0,0 +1,126 @@
+// @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 ActivityThreadReplyForm from './ActivityThreadReplyForm';
+
+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, FeedItemStatus } 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,
+    isAlwaysExpanded?: boolean,
+    isRepliesLoading?: boolean,
+    mentionSelectorContacts?: SelectorItems<>,
+    onReplyCreate?: (text: string) => void,
+    onReplyDelete?: ({ id: string, permissions: BoxCommentPermission }) => void,
+    onReplyEdit?: (
+        id: string,
+        text: string,
+        status?: FeedItemStatus,
+        hasMention?: boolean,
+        permissions: BoxCommentPermission,
+        onSuccess: ?Function,
+        onError: ?Function,
+    ) => void,
+    onShowReplies?: () => void,
+    replies?: Array<CommentType>,
+    repliesTotalCount?: number,
+    translations?: Translations,
+};
+
+const ActivityThread = ({
+    children,
+    currentUser,
+    getAvatarUrl,
+    getMentionWithQuery,
+    getUserProfileUrl,
+    hasReplies,
+    isAlwaysExpanded = false,
+    isRepliesLoading,
+    mentionSelectorContacts,
+    onReplyCreate,
+    onReplyDelete = noop,
+    onReplyEdit = noop,
+    onShowReplies = noop,
+    replies = [],
+    repliesTotalCount = 0,
+    translations,
+}: Props) => {
+    const [isExpanded, setIsExpanded] = React.useState(isAlwaysExpanded);
+
+    const toggleButtonLabel = isExpanded ? messages.hideReplies : messages.showReplies;
+    const repliesToLoadCount = Math.max(repliesTotalCount - 1, 0);
+
+    const toggleReplies = () => {
+        if (!isExpanded) {
+            onShowReplies();
+        }
+        setIsExpanded(previousState => !previousState);
+    };
+
+    if (!hasReplies) {
+        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>
+            )}
+            {!isAlwaysExpanded && !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 > 0 && (
+                <ActivityThreadReplies
+                    currentUser={currentUser}
+                    getAvatarUrl={getAvatarUrl}
+                    getMentionWithQuery={getMentionWithQuery}
+                    getUserProfileUrl={getUserProfileUrl}
+                    isExpanded={isExpanded}
+                    mentionSelectorContacts={mentionSelectorContacts}
+                    onDelete={onReplyDelete}
+                    onEdit={onReplyEdit}
+                    replies={replies}
+                    translations={translations}
+                />
+            )}
+
+            {onReplyCreate ? (
+                <ActivityThreadReplyForm
+                    getMentionWithQuery={getMentionWithQuery}
+                    mentionSelectorContacts={mentionSelectorContacts}
+                    onReplyCreate={onReplyCreate}
+                />
+            ) : null}
+        </div>
+    );
+};
+
+export default ActivityThread;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityThread.js"],"names":["React","FormattedMessage","noop","LoadingIndicator","PlainButton","ActivityThreadReplies","ActivityThreadReplyForm","messages","ActivityThread","children","currentUser","getAvatarUrl","getMentionWithQuery","getUserProfileUrl","hasReplies","isAlwaysExpanded","isRepliesLoading","mentionSelectorContacts","onReplyCreate","onReplyDelete","onReplyEdit","onShowReplies","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';\nimport ActivityThreadReplyForm from './ActivityThreadReplyForm';\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, FeedItemStatus } from '../../../../common/types/feed';\n\nimport messages from './messages';\n\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    isAlwaysExpanded?: boolean,\n    isRepliesLoading?: boolean,\n    mentionSelectorContacts?: SelectorItems<>,\n    onReplyCreate?: (text: string) => void,\n    onReplyDelete?: ({ id: string, permissions: BoxCommentPermission }) => void,\n    onReplyEdit?: (\n        id: string,\n        text: string,\n        status?: FeedItemStatus,\n        hasMention?: boolean,\n        permissions: BoxCommentPermission,\n        onSuccess: ?Function,\n        onError: ?Function,\n    ) => void,\n    onShowReplies?: () => void,\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    isAlwaysExpanded = false,\n    isRepliesLoading,\n    mentionSelectorContacts,\n    onReplyCreate,\n    onReplyDelete = noop,\n    onReplyEdit = noop,\n    onShowReplies = noop,\n    replies = [],\n    repliesTotalCount = 0,\n    translations,\n}: Props) => {\n    const [isExpanded, setIsExpanded] = React.useState(isAlwaysExpanded);\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            onShowReplies();\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            {!isAlwaysExpanded && !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 > 0 && (\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\n            {onReplyCreate ? (\n                <ActivityThreadReplyForm\n                    getMentionWithQuery={getMentionWithQuery}\n                    mentionSelectorContacts={mentionSelectorContacts}\n                    onReplyCreate={onReplyCreate}\n                />\n            ) : null}\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,69 @@
+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 = _reply$permissions === void 0 ? {} : _reply$permissions;
+    var _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