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

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

@@ -0,0 +1,85 @@
+// @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,6BACsBA,KADtB,CAC9DC,WAD8D;AAAA,yDACe,EADf;AAAA,mDAC/CC,UAD+C;AAAA,QAC/CA,UAD+C,sCAClC,KADkC;AAAA,oDAC3BC,QAD2B;AAAA,QAC3BA,QAD2B,uCAChB,KADgB;AAAA,oDACTC,WADS;AAAA,QACTA,WADS,uCACK,KADL;AAEtE,WAAO;AACHF,MAAAA,UAAU,EAAVA,UADG;AAEHC,MAAAA,QAAQ,EAARA,QAFG;AAGHC,MAAAA,WAAW,EAAXA;AAHG,KAAP;AAKH,GAPD;;AASA,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,CA1DD;;AA4DA,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 { permissions: { can_delete = false, can_edit = false, can_resolve = false } = {} } = 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: '';
+    }
+}

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

@@ -0,0 +1,62 @@
+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, injectIntl } from 'react-intl';
+import PlainButton from '../../../../components/plain-button';
+import ArrowArcRight from '../../../../icon/fill/ArrowArcRight';
+import CommentForm from '../comment-form';
+import messages from './messages';
+import './ActivityThreadReplyForm.scss';
+
+function ActivityThreadReplyForm(_ref) {
+  var mentionSelectorContacts = _ref.mentionSelectorContacts,
+      getMentionWithQuery = _ref.getMentionWithQuery,
+      onReplyCreate = _ref.onReplyCreate,
+      intl = _ref.intl;
+
+  var _React$useState = React.useState(false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showReplyForm = _React$useState2[0],
+      setShowReplyForm = _React$useState2[1];
+
+  var placeholder = intl.formatMessage(messages.replyInThread);
+  return showReplyForm ? React.createElement(CommentForm, {
+    className: "bcs-ActivityThreadReplyForm-comment",
+    isOpen: true,
+    isEditing: true,
+    showTip: false // $FlowFixMe user is needed for showing an avatar, we don't need that here
+    ,
+    user: {},
+    getAvatarUrl: function getAvatarUrl() {
+      return Promise.resolve();
+    },
+    onCancel: function onCancel() {
+      return setShowReplyForm(false);
+    },
+    createComment: function createComment(_ref2) {
+      var text = _ref2.text;
+      onReplyCreate(text);
+      setShowReplyForm(false);
+    },
+    mentionSelectorContacts: mentionSelectorContacts,
+    getMentionWithQuery: getMentionWithQuery,
+    placeholder: placeholder
+  }) : React.createElement(PlainButton, {
+    role: "button",
+    className: "bcs-ActivityThreadReplyForm-toggle",
+    onClick: function onClick() {
+      return setShowReplyForm(true);
+    }
+  }, React.createElement(ArrowArcRight, {
+    className: "bcs-ActivityThreadReplyForm-arrow"
+  }), React.createElement(FormattedMessage, messages.reply));
+}
+
+export default injectIntl(ActivityThreadReplyForm);
+//# sourceMappingURL=ActivityThreadReplyForm.js.map

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

@@ -0,0 +1,59 @@
+// @flow
+
+import * as React from 'react';
+import { FormattedMessage, injectIntl } from 'react-intl';
+import type { InjectIntlProvidedProps } from 'react-intl';
+
+import PlainButton from '../../../../components/plain-button';
+import ArrowArcRight from '../../../../icon/fill/ArrowArcRight';
+
+import type { SelectorItems } from '../../../../common/types/core';
+
+import CommentForm from '../comment-form';
+
+import messages from './messages';
+import './ActivityThreadReplyForm.scss';
+
+type ActivityThreadReplyFromProps = {
+    getMentionWithQuery?: (searchStr: string) => void,
+    mentionSelectorContacts?: SelectorItems<>,
+    onReplyCreate: (text: string) => void,
+};
+
+type Props = ActivityThreadReplyFromProps & InjectIntlProvidedProps;
+
+function ActivityThreadReplyForm({ mentionSelectorContacts, getMentionWithQuery, onReplyCreate, intl }: Props) {
+    const [showReplyForm, setShowReplyForm] = React.useState(false);
+    const placeholder = intl.formatMessage(messages.replyInThread);
+
+    return showReplyForm ? (
+        <CommentForm
+            className="bcs-ActivityThreadReplyForm-comment"
+            isOpen
+            isEditing
+            showTip={false}
+            // $FlowFixMe user is needed for showing an avatar, we don't need that here
+            user={{}}
+            getAvatarUrl={() => Promise.resolve()}
+            onCancel={() => setShowReplyForm(false)}
+            createComment={({ text }) => {
+                onReplyCreate(text);
+                setShowReplyForm(false);
+            }}
+            mentionSelectorContacts={mentionSelectorContacts}
+            getMentionWithQuery={getMentionWithQuery}
+            placeholder={placeholder}
+        />
+    ) : (
+        <PlainButton
+            role="button"
+            className="bcs-ActivityThreadReplyForm-toggle"
+            onClick={() => setShowReplyForm(true)}
+        >
+            <ArrowArcRight className="bcs-ActivityThreadReplyForm-arrow" />
+            <FormattedMessage {...messages.reply} />
+        </PlainButton>
+    );
+}
+
+export default injectIntl(ActivityThreadReplyForm);

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/ActivityThreadReplyForm.js"],"names":["React","FormattedMessage","injectIntl","PlainButton","ArrowArcRight","CommentForm","messages","ActivityThreadReplyForm","mentionSelectorContacts","getMentionWithQuery","onReplyCreate","intl","useState","showReplyForm","setShowReplyForm","placeholder","formatMessage","replyInThread","Promise","resolve","text","reply"],"mappings":";;;;;;;;AAEA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,EAA2BC,UAA3B,QAA6C,YAA7C;AAGA,OAAOC,WAAP,MAAwB,qCAAxB;AACA,OAAOC,aAAP,MAA0B,qCAA1B;AAIA,OAAOC,WAAP,MAAwB,iBAAxB;AAEA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAO,gCAAP;;AAUA,SAASC,uBAAT,OAA+G;AAAA,MAA5EC,uBAA4E,QAA5EA,uBAA4E;AAAA,MAAnDC,mBAAmD,QAAnDA,mBAAmD;AAAA,MAA9BC,aAA8B,QAA9BA,aAA8B;AAAA,MAAfC,IAAe,QAAfA,IAAe;;AAAA,wBACjEX,KAAK,CAACY,QAAN,CAAe,KAAf,CADiE;AAAA;AAAA,MACpGC,aADoG;AAAA,MACrFC,gBADqF;;AAE3G,MAAMC,WAAW,GAAGJ,IAAI,CAACK,aAAL,CAAmBV,QAAQ,CAACW,aAA5B,CAApB;AAEA,SAAOJ,aAAa,GAChB,oBAAC,WAAD;AACI,IAAA,SAAS,EAAC,qCADd;AAEI,IAAA,MAAM,MAFV;AAGI,IAAA,SAAS,MAHb;AAII,IAAA,OAAO,EAAE,KAJb,CAKI;AALJ;AAMI,IAAA,IAAI,EAAE,EANV;AAOI,IAAA,YAAY,EAAE;AAAA,aAAMK,OAAO,CAACC,OAAR,EAAN;AAAA,KAPlB;AAQI,IAAA,QAAQ,EAAE;AAAA,aAAML,gBAAgB,CAAC,KAAD,CAAtB;AAAA,KARd;AASI,IAAA,aAAa,EAAE,8BAAc;AAAA,UAAXM,IAAW,SAAXA,IAAW;AACzBV,MAAAA,aAAa,CAACU,IAAD,CAAb;AACAN,MAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACH,KAZL;AAaI,IAAA,uBAAuB,EAAEN,uBAb7B;AAcI,IAAA,mBAAmB,EAAEC,mBAdzB;AAeI,IAAA,WAAW,EAAEM;AAfjB,IADgB,GAmBhB,oBAAC,WAAD;AACI,IAAA,IAAI,EAAC,QADT;AAEI,IAAA,SAAS,EAAC,oCAFd;AAGI,IAAA,OAAO,EAAE;AAAA,aAAMD,gBAAgB,CAAC,IAAD,CAAtB;AAAA;AAHb,KAKI,oBAAC,aAAD;AAAe,IAAA,SAAS,EAAC;AAAzB,IALJ,EAMI,oBAAC,gBAAD,EAAsBR,QAAQ,CAACe,KAA/B,CANJ,CAnBJ;AA4BH;;AAED,eAAenB,UAAU,CAACK,uBAAD,CAAzB","sourcesContent":["// @flow\n\nimport * as React from 'react';\nimport { FormattedMessage, injectIntl } from 'react-intl';\nimport type { InjectIntlProvidedProps } from 'react-intl';\n\nimport PlainButton from '../../../../components/plain-button';\nimport ArrowArcRight from '../../../../icon/fill/ArrowArcRight';\n\nimport type { SelectorItems } from '../../../../common/types/core';\n\nimport CommentForm from '../comment-form';\n\nimport messages from './messages';\nimport './ActivityThreadReplyForm.scss';\n\ntype ActivityThreadReplyFromProps = {\n    getMentionWithQuery?: (searchStr: string) => void,\n    mentionSelectorContacts?: SelectorItems<>,\n    onReplyCreate: (text: string) => void,\n};\n\ntype Props = ActivityThreadReplyFromProps & InjectIntlProvidedProps;\n\nfunction ActivityThreadReplyForm({ mentionSelectorContacts, getMentionWithQuery, onReplyCreate, intl }: Props) {\n    const [showReplyForm, setShowReplyForm] = React.useState(false);\n    const placeholder = intl.formatMessage(messages.replyInThread);\n\n    return showReplyForm ? (\n        <CommentForm\n            className=\"bcs-ActivityThreadReplyForm-comment\"\n            isOpen\n            isEditing\n            showTip={false}\n            // $FlowFixMe user is needed for showing an avatar, we don't need that here\n            user={{}}\n            getAvatarUrl={() => Promise.resolve()}\n            onCancel={() => setShowReplyForm(false)}\n            createComment={({ text }) => {\n                onReplyCreate(text);\n                setShowReplyForm(false);\n            }}\n            mentionSelectorContacts={mentionSelectorContacts}\n            getMentionWithQuery={getMentionWithQuery}\n            placeholder={placeholder}\n        />\n    ) : (\n        <PlainButton\n            role=\"button\"\n            className=\"bcs-ActivityThreadReplyForm-toggle\"\n            onClick={() => setShowReplyForm(true)}\n        >\n            <ArrowArcRight className=\"bcs-ActivityThreadReplyForm-arrow\" />\n            <FormattedMessage {...messages.reply} />\n        </PlainButton>\n    );\n}\n\nexport default injectIntl(ActivityThreadReplyForm);\n"],"file":"ActivityThreadReplyForm.js"}

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

@@ -0,0 +1,22 @@
+@import '../../../common/variables';
+
+.bcs-ActivityThreadReplyForm-toggle {
+    display: flex;
+    align-items: center;
+
+    &,
+    &:hover {
+        padding: $bdl-grid-unit $sidebarActivityFeedSpacingHorizontal ($bdl-grid-unit * 5);
+    }
+
+    .bcs-ActivityThreadReplyForm-arrow {
+        margin-right: $bdl-grid-unit;
+        // in design arrow is turning left, but we only have ArrowArcRight, so will transfrom it to left one
+        transform: matrix(-1, 0, 0, 1, 0, 0);
+    }
+}
+
+.bcs-CommentForm.bcs-ActivityThreadReplyForm-comment {
+    padding-top: 0;
+    border-top: none;
+}

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

@@ -9,9 +9,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
  * @file Activity feed utility methods
  */
 import selectors from '../../../common/selectors/version';
-import { PLACEHOLDER_USER, VERSION_UPLOAD_ACTION } from '../../../../constants';
+import { FEED_ITEM_TYPE_VERSION, PLACEHOLDER_USER, VERSION_UPLOAD_ACTION } from '../../../../constants';
 export var ItemTypes = {
-  fileVersion: 'file_version'
+  fileVersion: FEED_ITEM_TYPE_VERSION
 };
 export function collapseFeedState(feedState) {
   if (!feedState) {

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

@@ -4,11 +4,11 @@
  */
 
 import selectors from '../../../common/selectors/version';
-import { PLACEHOLDER_USER, VERSION_UPLOAD_ACTION } from '../../../../constants';
+import { FEED_ITEM_TYPE_VERSION, PLACEHOLDER_USER, VERSION_UPLOAD_ACTION } from '../../../../constants';
 import type { FeedItems } from '../../../../common/types/feed';
 
 export const ItemTypes = {
-    fileVersion: 'file_version',
+    fileVersion: FEED_ITEM_TYPE_VERSION,
 };
 
 export function collapseFeedState(feedState: ?FeedItems): FeedItems {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/activityFeedUtils.js"],"names":["selectors","PLACEHOLDER_USER","VERSION_UPLOAD_ACTION","ItemTypes","fileVersion","collapseFeedState","feedState","reduce","collapsedFeedState","feedItem","previousFeedItem","pop","concat","type","getVersionAction","tmpModifiedBy","modified_by","versions","version_start","parseInt","version_number","version_end","prevModifiedBy","tmpCurModifiedBy","created_at","trashed_at","id","parsedVersionNumber","collaborators","modifiedBy","Math","min","max"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Activity feed utility methods\n */\n\nimport selectors from '../../../common/selectors/version';\nimport { PLACEHOLDER_USER, VERSION_UPLOAD_ACTION } from '../../../../constants';\nimport type { FeedItems } from '../../../../common/types/feed';\n\nexport const ItemTypes = {\n    fileVersion: 'file_version',\n};\n\nexport function collapseFeedState(feedState: ?FeedItems): FeedItems {\n    if (!feedState) {\n        return [];\n    }\n\n    return feedState.reduce((collapsedFeedState, feedItem) => {\n        const previousFeedItem = collapsedFeedState.pop();\n\n        if (!previousFeedItem) {\n            return collapsedFeedState.concat([feedItem]);\n        }\n\n        if (\n            feedItem.type === ItemTypes.fileVersion &&\n            previousFeedItem.type === ItemTypes.fileVersion &&\n            selectors.getVersionAction(feedItem) === VERSION_UPLOAD_ACTION &&\n            selectors.getVersionAction(previousFeedItem) === VERSION_UPLOAD_ACTION\n        ) {\n            const {\n                modified_by: tmpModifiedBy,\n                versions = [previousFeedItem],\n                version_start = parseInt(previousFeedItem.version_number, 10),\n                version_end = parseInt(previousFeedItem.version_number, 10),\n            } = previousFeedItem;\n\n            const prevModifiedBy = tmpModifiedBy || PLACEHOLDER_USER;\n\n            const { modified_by: tmpCurModifiedBy, created_at, trashed_at, id, version_number } = feedItem;\n            const parsedVersionNumber = parseInt(version_number, 10);\n            const collaborators = previousFeedItem.collaborators || {\n                [prevModifiedBy.id]: { ...prevModifiedBy },\n            };\n\n            const modifiedBy = tmpCurModifiedBy || PLACEHOLDER_USER;\n\n            // add collaborators\n            // $FlowFixMe\n            collaborators[modifiedBy.id] = { ...modifiedBy };\n\n            return collapsedFeedState.concat([\n                {\n                    collaborators,\n                    created_at,\n                    modified_by: modifiedBy,\n                    trashed_at,\n                    id,\n                    type: ItemTypes.fileVersion,\n                    version_number,\n                    versions: versions.concat([feedItem]),\n                    version_start: Math.min(version_start, parsedVersionNumber),\n                    version_end: Math.max(version_end, parsedVersionNumber),\n                },\n            ]);\n        }\n\n        return collapsedFeedState.concat([previousFeedItem, feedItem]);\n    }, []);\n}\n"],"file":"activityFeedUtils.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/activityFeedUtils.js"],"names":["selectors","FEED_ITEM_TYPE_VERSION","PLACEHOLDER_USER","VERSION_UPLOAD_ACTION","ItemTypes","fileVersion","collapseFeedState","feedState","reduce","collapsedFeedState","feedItem","previousFeedItem","pop","concat","type","getVersionAction","tmpModifiedBy","modified_by","versions","version_start","parseInt","version_number","version_end","prevModifiedBy","tmpCurModifiedBy","created_at","trashed_at","id","parsedVersionNumber","collaborators","modifiedBy","Math","min","max"],"mappings":"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","sourcesContent":["/**\n * @flow\n * @file Activity feed utility methods\n */\n\nimport selectors from '../../../common/selectors/version';\nimport { FEED_ITEM_TYPE_VERSION, PLACEHOLDER_USER, VERSION_UPLOAD_ACTION } from '../../../../constants';\nimport type { FeedItems } from '../../../../common/types/feed';\n\nexport const ItemTypes = {\n    fileVersion: FEED_ITEM_TYPE_VERSION,\n};\n\nexport function collapseFeedState(feedState: ?FeedItems): FeedItems {\n    if (!feedState) {\n        return [];\n    }\n\n    return feedState.reduce((collapsedFeedState, feedItem) => {\n        const previousFeedItem = collapsedFeedState.pop();\n\n        if (!previousFeedItem) {\n            return collapsedFeedState.concat([feedItem]);\n        }\n\n        if (\n            feedItem.type === ItemTypes.fileVersion &&\n            previousFeedItem.type === ItemTypes.fileVersion &&\n            selectors.getVersionAction(feedItem) === VERSION_UPLOAD_ACTION &&\n            selectors.getVersionAction(previousFeedItem) === VERSION_UPLOAD_ACTION\n        ) {\n            const {\n                modified_by: tmpModifiedBy,\n                versions = [previousFeedItem],\n                version_start = parseInt(previousFeedItem.version_number, 10),\n                version_end = parseInt(previousFeedItem.version_number, 10),\n            } = previousFeedItem;\n\n            const prevModifiedBy = tmpModifiedBy || PLACEHOLDER_USER;\n\n            const { modified_by: tmpCurModifiedBy, created_at, trashed_at, id, version_number } = feedItem;\n            const parsedVersionNumber = parseInt(version_number, 10);\n            const collaborators = previousFeedItem.collaborators || {\n                [prevModifiedBy.id]: { ...prevModifiedBy },\n            };\n\n            const modifiedBy = tmpCurModifiedBy || PLACEHOLDER_USER;\n\n            // add collaborators\n            // $FlowFixMe\n            collaborators[modifiedBy.id] = { ...modifiedBy };\n\n            return collapsedFeedState.concat([\n                {\n                    collaborators,\n                    created_at,\n                    modified_by: modifiedBy,\n                    trashed_at,\n                    id,\n                    type: ItemTypes.fileVersion,\n                    version_number,\n                    versions: versions.concat([feedItem]),\n                    version_start: Math.min(version_start, parsedVersionNumber),\n                    version_end: Math.max(version_end, parsedVersionNumber),\n                },\n            ]);\n        }\n\n        return collapsedFeedState.concat([previousFeedItem, feedItem]);\n    }, []);\n}\n"],"file":"activityFeedUtils.js"}

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

@@ -0,0 +1,55 @@
+export var replies = [{
+  created_at: '2020-09-20T00:00:00Z',
+  created_by: {
+    id: '1',
+    login: 'johndoe',
+    name: 'John Doe',
+    type: 'user'
+  },
+  id: '2485934',
+  message: 'First reply',
+  tagged_message: 'First reply',
+  modified_at: '2020-09-20T00:00:00Z',
+  modified_by: {
+    id: '1',
+    login: 'johndoe',
+    name: 'John Doe',
+    type: 'user'
+  },
+  permissions: {
+    can_delete: true,
+    can_edit: true,
+    can_reply: false,
+    can_resolve: true
+  },
+  type: 'comment'
+}, {
+  created_at: '2020-09-20T00:00:00Z',
+  created_by: {
+    id: '1',
+    login: 'johndoe',
+    name: 'John Doe',
+    type: 'user'
+  },
+  id: '24835935',
+  message: 'Last reply',
+  tagged_message: 'Last reply',
+  modified_at: '2020-09-20T00:00:00Z',
+  modified_by: {
+    id: '1',
+    login: 'johndoe',
+    name: 'John Doe',
+    type: 'user'
+  },
+  permissions: {
+    can_delete: true,
+    can_edit: true,
+    can_reply: false,
+    can_resolve: true
+  },
+  type: 'comment'
+}];
+export default {
+  replies: replies
+};
+//# sourceMappingURL=fixtures.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/fixtures.ts"],"names":["replies","created_at","created_by","id","login","name","type","message","tagged_message","modified_at","modified_by","permissions","can_delete","can_edit","can_reply","can_resolve"],"mappings":"AAAA,OAAO,IAAMA,OAAO,GAAG,CACnB;AACIC,EAAAA,UAAU,EAAE,sBADhB;AAEIC,EAAAA,UAAU,EAAE;AACRC,IAAAA,EAAE,EAAE,GADI;AAERC,IAAAA,KAAK,EAAE,SAFC;AAGRC,IAAAA,IAAI,EAAE,UAHE;AAIRC,IAAAA,IAAI,EAAE;AAJE,GAFhB;AAQIH,EAAAA,EAAE,EAAE,SARR;AASII,EAAAA,OAAO,EAAE,aATb;AAUIC,EAAAA,cAAc,EAAE,aAVpB;AAWIC,EAAAA,WAAW,EAAE,sBAXjB;AAYIC,EAAAA,WAAW,EAAE;AACTP,IAAAA,EAAE,EAAE,GADK;AAETC,IAAAA,KAAK,EAAE,SAFE;AAGTC,IAAAA,IAAI,EAAE,UAHG;AAITC,IAAAA,IAAI,EAAE;AAJG,GAZjB;AAkBIK,EAAAA,WAAW,EAAE;AACTC,IAAAA,UAAU,EAAE,IADH;AAETC,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,SAAS,EAAE,KAHF;AAITC,IAAAA,WAAW,EAAE;AAJJ,GAlBjB;AAwBIT,EAAAA,IAAI,EAAE;AAxBV,CADmB,EA2BnB;AACIL,EAAAA,UAAU,EAAE,sBADhB;AAEIC,EAAAA,UAAU,EAAE;AACRC,IAAAA,EAAE,EAAE,GADI;AAERC,IAAAA,KAAK,EAAE,SAFC;AAGRC,IAAAA,IAAI,EAAE,UAHE;AAIRC,IAAAA,IAAI,EAAE;AAJE,GAFhB;AAQIH,EAAAA,EAAE,EAAE,UARR;AASII,EAAAA,OAAO,EAAE,YATb;AAUIC,EAAAA,cAAc,EAAE,YAVpB;AAWIC,EAAAA,WAAW,EAAE,sBAXjB;AAYIC,EAAAA,WAAW,EAAE;AACTP,IAAAA,EAAE,EAAE,GADK;AAETC,IAAAA,KAAK,EAAE,SAFE;AAGTC,IAAAA,IAAI,EAAE,UAHG;AAITC,IAAAA,IAAI,EAAE;AAJG,GAZjB;AAkBIK,EAAAA,WAAW,EAAE;AACTC,IAAAA,UAAU,EAAE,IADH;AAETC,IAAAA,QAAQ,EAAE,IAFD;AAGTC,IAAAA,SAAS,EAAE,KAHF;AAITC,IAAAA,WAAW,EAAE;AAJJ,GAlBjB;AAwBIT,EAAAA,IAAI,EAAE;AAxBV,CA3BmB,CAAhB;AAuDP,eAAe;AAAEN,EAAAA,OAAO,EAAPA;AAAF,CAAf","sourcesContent":["export const replies = [\n    {\n        created_at: '2020-09-20T00:00:00Z',\n        created_by: {\n            id: '1',\n            login: 'johndoe',\n            name: 'John Doe',\n            type: 'user' as const,\n        },\n        id: '2485934',\n        message: 'First reply',\n        tagged_message: 'First reply',\n        modified_at: '2020-09-20T00:00:00Z',\n        modified_by: {\n            id: '1',\n            login: 'johndoe',\n            name: 'John Doe',\n            type: 'user' as const,\n        },\n        permissions: {\n            can_delete: true,\n            can_edit: true,\n            can_reply: false,\n            can_resolve: true,\n        },\n        type: 'comment' as const,\n    },\n    {\n        created_at: '2020-09-20T00:00:00Z',\n        created_by: {\n            id: '1',\n            login: 'johndoe',\n            name: 'John Doe',\n            type: 'user' as const,\n        },\n        id: '24835935',\n        message: 'Last reply',\n        tagged_message: 'Last reply',\n        modified_at: '2020-09-20T00:00:00Z',\n        modified_by: {\n            id: '1',\n            login: 'johndoe',\n            name: 'John Doe',\n            type: 'user' as const,\n        },\n        permissions: {\n            can_delete: true,\n            can_edit: true,\n            can_reply: false,\n            can_resolve: true,\n        },\n        type: 'comment' as const,\n    },\n];\n\nexport default { replies };\n"],"file":"fixtures.js"}

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

@@ -20,6 +20,22 @@ var messages = defineMessages({
   commentMissingError: {
     "id": "be.activitySidebar.activityFeed.commentMissingError",
     "defaultMessage": "This comment no longer exists"
+  },
+  showReplies: {
+    "id": "be.activitySidebar.activityFeed.showReplies",
+    "defaultMessage": "See {repliesToLoadCount, plural, one {# reply} other {# replies}}"
+  },
+  hideReplies: {
+    "id": "be.activitySidebar.activityFeed.hideReplies",
+    "defaultMessage": "Hide replies"
+  },
+  reply: {
+    "id": "be.activitySidebar.activityFeed.reply",
+    "defaultMessage": "Reply"
+  },
+  replyInThread: {
+    "id": "be.activitySidebar.activityFeed.replyInThread",
+    "defaultMessage": "Reply in thread"
   }
 });
 export default messages;

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

@@ -27,6 +27,26 @@ const messages = defineMessages({
         defaultMessage: 'This comment no longer exists',
         description: 'Text to show when comment no longer exists',
     },
+    showReplies: {
+        id: 'be.activitySidebar.activityFeed.showReplies',
+        defaultMessage: 'See {repliesToLoadCount, plural, one {# reply} other {# replies}}',
+        description: 'Text to show to get more replies of comment or annotation',
+    },
+    hideReplies: {
+        id: 'be.activitySidebar.activityFeed.hideReplies',
+        defaultMessage: 'Hide replies',
+        description: 'Text to show to hide more replies of comment or annotation',
+    },
+    reply: {
+        id: 'be.activitySidebar.activityFeed.reply',
+        defaultMessage: 'Reply',
+        description: 'Text to show on button to start replying to comment',
+    },
+    replyInThread: {
+        id: 'be.activitySidebar.activityFeed.replyInThread',
+        defaultMessage: 'Reply in thread',
+        description: 'Text to show on reply form input placeholder',
+    },
 });
 
 export default messages;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/messages.js"],"names":["defineMessages","messages","annotationMissingError","feedInlineErrorTitle","taskMissingError","commentMissingError"],"mappings":"AAAA;;;;;AAMA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GADM;AAM5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GANQ;AAW5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA,GAXY;AAgB5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA;AAhBS,CAAD,CAA/B;AAuBA,eAAeJ,QAAf","sourcesContent":["/**\n * @flow\n * @file i18n messages\n * @author Box\n */\n\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    annotationMissingError: {\n        id: 'be.activitySidebar.activityFeed.annotationMissingError',\n        defaultMessage: 'This comment no longer exists',\n        description: 'Text to show when an annotation activity no longer exists',\n    },\n    feedInlineErrorTitle: {\n        id: 'be.activitySidebar.activityFeed.feedInlineErrorTitle',\n        defaultMessage: 'Error',\n        description: 'Error title',\n    },\n    taskMissingError: {\n        id: 'be.activitySidebar.activityFeed.taskMissingError',\n        defaultMessage: 'This task no longer exists',\n        description: 'Text to show when a task no longer exists',\n    },\n    commentMissingError: {\n        id: 'be.activitySidebar.activityFeed.commentMissingError',\n        defaultMessage: 'This comment no longer exists',\n        description: 'Text to show when comment no longer exists',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/activity-feed/messages.js"],"names":["defineMessages","messages","annotationMissingError","feedInlineErrorTitle","taskMissingError","commentMissingError","showReplies","hideReplies","reply","replyInThread"],"mappings":"AAAA;;;;;AAMA,SAASA,cAAT,QAA+B,YAA/B;AAEA,IAAMC,QAAQ,GAAGD,cAAc,CAAC;AAC5BE,EAAAA,sBAAsB;AAAA;AAAA;AAAA,GADM;AAM5BC,EAAAA,oBAAoB;AAAA;AAAA;AAAA,GANQ;AAW5BC,EAAAA,gBAAgB;AAAA;AAAA;AAAA,GAXY;AAgB5BC,EAAAA,mBAAmB;AAAA;AAAA;AAAA,GAhBS;AAqB5BC,EAAAA,WAAW;AAAA;AAAA;AAAA,GArBiB;AA0B5BC,EAAAA,WAAW;AAAA;AAAA;AAAA,GA1BiB;AA+B5BC,EAAAA,KAAK;AAAA;AAAA;AAAA,GA/BuB;AAoC5BC,EAAAA,aAAa;AAAA;AAAA;AAAA;AApCe,CAAD,CAA/B;AA2CA,eAAeR,QAAf","sourcesContent":["/**\n * @flow\n * @file i18n messages\n * @author Box\n */\n\nimport { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n    annotationMissingError: {\n        id: 'be.activitySidebar.activityFeed.annotationMissingError',\n        defaultMessage: 'This comment no longer exists',\n        description: 'Text to show when an annotation activity no longer exists',\n    },\n    feedInlineErrorTitle: {\n        id: 'be.activitySidebar.activityFeed.feedInlineErrorTitle',\n        defaultMessage: 'Error',\n        description: 'Error title',\n    },\n    taskMissingError: {\n        id: 'be.activitySidebar.activityFeed.taskMissingError',\n        defaultMessage: 'This task no longer exists',\n        description: 'Text to show when a task no longer exists',\n    },\n    commentMissingError: {\n        id: 'be.activitySidebar.activityFeed.commentMissingError',\n        defaultMessage: 'This comment no longer exists',\n        description: 'Text to show when comment no longer exists',\n    },\n    showReplies: {\n        id: 'be.activitySidebar.activityFeed.showReplies',\n        defaultMessage: 'See {repliesToLoadCount, plural, one {# reply} other {# replies}}',\n        description: 'Text to show to get more replies of comment or annotation',\n    },\n    hideReplies: {\n        id: 'be.activitySidebar.activityFeed.hideReplies',\n        defaultMessage: 'Hide replies',\n        description: 'Text to show to hide more replies of comment or annotation',\n    },\n    reply: {\n        id: 'be.activitySidebar.activityFeed.reply',\n        defaultMessage: 'Reply',\n        description: 'Text to show on button to start replying to comment',\n    },\n    replyInThread: {\n        id: 'be.activitySidebar.activityFeed.replyInThread',\n        defaultMessage: 'Reply in thread',\n        description: 'Text to show on reply form input placeholder',\n    },\n});\n\nexport default messages;\n"],"file":"messages.js"}

package/es/elements/content-sidebar/activity-feed/annotation-thread/AnnotationThread.js

@@ -0,0 +1,121 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+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; }
+
+/**
+ * 
+ * @file Annotation Thread Container
+ * @author Box
+ */
+import React from 'react';
+import debounce from 'lodash/debounce';
+import classNames from 'classnames';
+import { IntlProvider } from 'react-intl';
+import AnnotationThreadContent from './AnnotationThreadContent';
+import AnnotationThreadCreate from './AnnotationThreadCreate';
+import API from '../../../../api/APIFactory';
+import { DEFAULT_COLLAB_DEBOUNCE, DEFAULT_HOSTNAME_API } from '../../../../constants';
+import './AnnotationThread.scss';
+
+var AnnotationThread = function AnnotationThread(_ref) {
+  var annotationId = _ref.annotationId,
+      _ref$apiHost = _ref.apiHost,
+      apiHost = _ref$apiHost === void 0 ? DEFAULT_HOSTNAME_API : _ref$apiHost,
+      cache = _ref.cache,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className,
+      clientName = _ref.clientName,
+      currentUser = _ref.currentUser,
+      file = _ref.file,
+      handleCancel = _ref.handleCancel,
+      language = _ref.language,
+      messages = _ref.messages,
+      onAnnotationCreate = _ref.onAnnotationCreate,
+      onError = _ref.onError,
+      target = _ref.target,
+      token = _ref.token;
+  var api = new API({
+    apiHost: apiHost,
+    cache: cache,
+    clientName: clientName,
+    language: language,
+    token: token
+  });
+
+  var _React$useState = React.useState([]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      mentionSelectorContacts = _React$useState2[0],
+      setMentionSelectorContacts = _React$useState2[1];
+
+  var getAvatarUrl =
+  /*#__PURE__*/
+  function () {
+    var _ref2 = _asyncToGenerator(
+    /*#__PURE__*/
+    regeneratorRuntime.mark(function _callee(userId) {
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", api.getUsersAPI(false).getAvatarUrlWithAccessToken(userId, file.id));
+
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function getAvatarUrl(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var getMentionContactsSuccessCallback = function getMentionContactsSuccessCallback(_ref3) {
+    var entries = _ref3.entries;
+    setMentionSelectorContacts(entries);
+  };
+
+  var getMentionWithQuery = debounce(function (searchStr) {
+    api.getFileCollaboratorsAPI(false).getCollaboratorsWithQuery(file.id, getMentionContactsSuccessCallback, onError, searchStr);
+  }, DEFAULT_COLLAB_DEBOUNCE);
+  return React.createElement("div", {
+    className: classNames('AnnotationThread', className),
+    "data-testid": "annotation-thread"
+  }, React.createElement(IntlProvider, {
+    locale: language,
+    messages: messages
+  }, !annotationId ? React.createElement(AnnotationThreadCreate, {
+    api: api,
+    currentUser: currentUser,
+    file: file,
+    getAvatarUrl: getAvatarUrl,
+    getMentionWithQuery: getMentionWithQuery,
+    handleCancel: handleCancel,
+    mentionSelectorContacts: mentionSelectorContacts,
+    onAnnotationCreate: onAnnotationCreate,
+    onError: onError,
+    target: target
+  }) : React.createElement(AnnotationThreadContent, {
+    api: api,
+    annotationId: annotationId,
+    currentUser: currentUser,
+    file: file,
+    getAvatarUrl: getAvatarUrl,
+    getMentionWithQuery: getMentionWithQuery,
+    mentionSelectorContacts: mentionSelectorContacts,
+    onError: onError
+  })));
+};
+
+export default AnnotationThread;
+//# sourceMappingURL=AnnotationThread.js.map