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

package/es/elements/content-sidebar/withSidebarAnnotations.js

@@ -2,6 +2,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -24,6 +28,7 @@ import * as React from 'react';
 import getProp from 'lodash/get';
 import noop from 'lodash/noop';
 import { matchPath } from 'react-router-dom';
+import { FEED_ITEM_TYPE_VERSION } from '../../constants';
 import { getBadUserError } from '../../utils/error';
 export default function withSidebarAnnotations(WrappedComponent) {
   var WithSidebarAnnotations =
@@ -101,7 +106,7 @@ export default function withSidebarAnnotations(WrappedComponent) {
             feedItems = _ref$items === void 0 ? [] : _ref$items;
 
         var version = feedItems.filter(function (item) {
-          return item.type === 'file_version';
+          return item.type === FEED_ITEM_TYPE_VERSION;
         }).find(function (item) {
           return item.id === fileVersionId;
         });
@@ -116,6 +121,19 @@ export default function withSidebarAnnotations(WrappedComponent) {
         }
       });
 
+      _defineProperty(_assertThisInitialized(_this), "refreshActivitySidebar", function () {
+        var _this$props4 = _this.props,
+            isOpen = _this$props4.isOpen,
+            location = _this$props4.location;
+        var pathname = getProp(location, 'pathname', '');
+        var isActivity = matchPath(pathname, '/activity');
+        var current = _this.sidebarPanels.current; // If the activity sidebar is currently open, then force it to refresh with the updated data
+
+        if (current && isActivity && isOpen) {
+          current.refresh(false);
+        }
+      });
+
       _this.redirectDeeplinkedAnnotation();
 
       return _this;
@@ -124,16 +142,17 @@ export default function withSidebarAnnotations(WrappedComponent) {
     _createClass(WithSidebarAnnotations, [{
       key: "componentDidUpdate",
       value: function componentDidUpdate(prevProps) {
-        var _this$props4 = this.props,
-            annotatorState = _this$props4.annotatorState,
-            fileId = _this$props4.fileId,
-            getAnnotationsMatchPath = _this$props4.getAnnotationsMatchPath,
-            location = _this$props4.location,
-            onVersionChange = _this$props4.onVersionChange;
+        var _this$props5 = this.props,
+            annotatorState = _this$props5.annotatorState,
+            fileId = _this$props5.fileId,
+            getAnnotationsMatchPath = _this$props5.getAnnotationsMatchPath,
+            location = _this$props5.location,
+            onVersionChange = _this$props5.onVersionChange;
         var prevAnnotatorState = prevProps.annotatorState,
             prevFileId = prevProps.fileId,
             prevLocation = prevProps.location;
-        var activeAnnotationId = annotatorState.activeAnnotationId,
+        var action = annotatorState.action,
+            activeAnnotationId = annotatorState.activeAnnotationId,
             annotation = annotatorState.annotation;
         var prevActiveAnnotationId = prevAnnotatorState.activeAnnotationId,
             prevAnnotation = prevAnnotatorState.annotation;
@@ -145,7 +164,27 @@ export default function withSidebarAnnotations(WrappedComponent) {
         var isTransitioningToAnnotationPath = activeAnnotationId && !isAnnotationsPath;
         var prevFileVersionId = getProp(prevMatch, 'params.fileVersionId');
 
-        if (annotation && prevAnnotation !== annotation) {
+        if (action === 'reply_create_start' || action === 'reply_create_end') {
+          this.addAnnotationReply();
+        }
+
+        if (action === 'reply_delete_start' || action === 'reply_delete_end') {
+          this.deleteAnnotationReply();
+        }
+
+        if (action === 'reply_update_start' || action === 'reply_update_end') {
+          this.updateAnnotationReply();
+        }
+
+        if (action === 'update_start' || action === 'update_end') {
+          this.updateAnnotation();
+        }
+
+        if (action === 'delete_start' || action === 'delete_end') {
+          this.deleteAnnotation();
+        }
+
+        if ((action === 'create_start' || action === 'create_end') && annotation && prevAnnotation !== annotation) {
           this.addAnnotation();
         } // Active annotation id changed. If location is currently an annotation path or
         // if location is not currently an annotation path but the active annotation id
@@ -169,19 +208,17 @@ export default function withSidebarAnnotations(WrappedComponent) {
     }, {
       key: "addAnnotation",
       value: function addAnnotation() {
-        var _this$props5 = this.props,
-            _this$props5$annotato = _this$props5.annotatorState,
-            action = _this$props5$annotato.action,
-            annotation = _this$props5$annotato.annotation,
-            _this$props5$annotato2 = _this$props5$annotato.meta;
-        _this$props5$annotato2 = _this$props5$annotato2 === void 0 ? {} : _this$props5$annotato2;
-        var requestId = _this$props5$annotato2.requestId,
-            api = _this$props5.api,
-            currentUser = _this$props5.currentUser,
-            file = _this$props5.file,
-            fileId = _this$props5.fileId,
-            isOpen = _this$props5.isOpen,
-            location = _this$props5.location;
+        var _this$props6 = this.props,
+            _this$props6$annotato = _this$props6.annotatorState,
+            action = _this$props6$annotato.action,
+            annotation = _this$props6$annotato.annotation,
+            _this$props6$annotato2 = _this$props6$annotato.meta;
+        _this$props6$annotato2 = _this$props6$annotato2 === void 0 ? {} : _this$props6$annotato2;
+        var requestId = _this$props6$annotato2.requestId,
+            api = _this$props6.api,
+            currentUser = _this$props6.currentUser,
+            file = _this$props6.file,
+            fileId = _this$props6.fileId;
 
         if (!requestId) {
           return;
@@ -193,24 +230,172 @@ export default function withSidebarAnnotations(WrappedComponent) {
         }
 
         var feedAPI = api.getFeedAPI(false);
-        var pathname = getProp(location, 'pathname', '');
-        var isActivity = matchPath(pathname, '/activity');
         var isPending = action === 'create_start';
 
         var _ref2 = feedAPI.getCachedItems(fileId) || {},
-            hasItems = _ref2.items;
-
-        var current = this.sidebarPanels.current; // If there are existing items in the cache for this file, then patch the cache with the new annotation
+            hasItems = _ref2.items; // If there are existing items in the cache for this file, then patch the cache with the new annotation
         // If there are no cache entry for feeditems, then it is assumed that it has not yet been fetched.
 
+
         if (hasItems) {
           feedAPI.addAnnotation(file, currentUser, annotation, requestId, isPending);
-        } // If the activity sidebar is currently open, then force it to refresh with the updated data
+        }
 
+        this.refreshActivitySidebar();
+      }
+    }, {
+      key: "addAnnotationReply",
+      value: function addAnnotationReply() {
+        var _this$props7 = this.props,
+            _this$props7$annotato = _this$props7.annotatorState,
+            action = _this$props7$annotato.action,
+            annotationId = _this$props7$annotato.annotation.id,
+            annotationReply = _this$props7$annotato.annotationReply,
+            requestId = _this$props7$annotato.meta.requestId,
+            api = _this$props7.api,
+            currentUser = _this$props7.currentUser,
+            file = _this$props7.file;
 
-        if (current && isActivity && isOpen) {
-          current.refresh(false);
+        if (!currentUser) {
+          throw getBadUserError();
+        }
+
+        var feedAPI = api.getFeedAPI(false);
+        feedAPI.file = file;
+
+        if (action === 'reply_create_start') {
+          feedAPI.addPendingReply(annotationId, currentUser, _objectSpread({}, annotationReply, {
+            id: requestId
+          }));
+        } else {
+          var _ref3 = feedAPI.getCachedItems(file.id) || {},
+              _ref3$items = _ref3.items,
+              feedItems = _ref3$items === void 0 ? [] : _ref3$items;
+
+          var annotationItem = feedItems.find(function (_ref4) {
+            var id = _ref4.id;
+            return id === annotationId;
+          });
+
+          if (!annotationItem) {
+            return;
+          }
+
+          feedAPI.updateFeedItem({
+            total_reply_count: annotationItem.total_reply_count + 1
+          }, annotationId);
+          feedAPI.updateReplyItem(_objectSpread({}, annotationReply, {
+            isPending: false
+          }), annotationId, requestId);
+        }
+
+        this.refreshActivitySidebar();
+      }
+    }, {
+      key: "deleteAnnotation",
+      value: function deleteAnnotation() {
+        var _this$props8 = this.props,
+            _this$props8$annotato = _this$props8.annotatorState,
+            action = _this$props8$annotato.action,
+            annotation = _this$props8$annotato.annotation,
+            api = _this$props8.api,
+            file = _this$props8.file;
+        var feedAPI = api.getFeedAPI(false);
+        feedAPI.file = file;
+
+        if (action === 'delete_start') {
+          feedAPI.updateFeedItem({
+            isPending: true
+          }, annotation.id);
+        } else {
+          feedAPI.deleteFeedItem(annotation.id);
+        }
+
+        this.refreshActivitySidebar();
+      }
+    }, {
+      key: "deleteAnnotationReply",
+      value: function deleteAnnotationReply() {
+        var _this$props9 = this.props,
+            _this$props9$annotato = _this$props9.annotatorState,
+            action = _this$props9$annotato.action,
+            annotationId = _this$props9$annotato.annotation.id,
+            replyId = _this$props9$annotato.annotationReply.id,
+            api = _this$props9.api,
+            file = _this$props9.file;
+        var feedAPI = api.getFeedAPI(false);
+        feedAPI.file = file;
+
+        if (action === 'reply_delete_start') {
+          feedAPI.updateReplyItem({
+            isPending: true
+          }, annotationId, replyId);
+        } else {
+          var _ref5 = feedAPI.getCachedItems(file.id) || {},
+              _ref5$items = _ref5.items,
+              feedItems = _ref5$items === void 0 ? [] : _ref5$items;
+
+          var annotationItem = feedItems.find(function (_ref6) {
+            var id = _ref6.id;
+            return id === annotationId;
+          });
+
+          if (!annotationItem) {
+            return;
+          } // Check if the parent annotation has the reply currently visible
+
+
+          var replyItem = annotationItem.replies.find(function (_ref7) {
+            var id = _ref7.id;
+            return id === replyId;
+          });
+
+          if (replyItem) {
+            feedAPI.deleteReplyItem(replyId, annotationId);
+          } else if (annotationItem.total_reply_count > 0) {
+            // Decrease the amount of replies by 1
+            feedAPI.updateFeedItem({
+              total_reply_count: annotationItem.total_reply_count - 1
+            }, annotationId);
+          }
         }
+
+        this.refreshActivitySidebar();
+      }
+    }, {
+      key: "updateAnnotation",
+      value: function updateAnnotation() {
+        var _this$props10 = this.props,
+            _this$props10$annotat = _this$props10.annotatorState,
+            action = _this$props10$annotat.action,
+            annotation = _this$props10$annotat.annotation,
+            api = _this$props10.api,
+            file = _this$props10.file;
+        var feedAPI = api.getFeedAPI(false);
+        var isPending = action === 'update_start';
+        feedAPI.file = file;
+        feedAPI.updateFeedItem(_objectSpread({}, annotation, {
+          isPending: isPending
+        }), annotation.id);
+        this.refreshActivitySidebar();
+      }
+    }, {
+      key: "updateAnnotationReply",
+      value: function updateAnnotationReply() {
+        var _this$props11 = this.props,
+            _this$props11$annotat = _this$props11.annotatorState,
+            action = _this$props11$annotat.action,
+            annotation = _this$props11$annotat.annotation,
+            annotationReply = _this$props11$annotat.annotationReply,
+            api = _this$props11.api,
+            file = _this$props11.file;
+        var feedAPI = api.getFeedAPI(false);
+        var isPending = action === 'reply_update_start';
+        feedAPI.file = file;
+        feedAPI.updateReplyItem(_objectSpread({}, annotationReply, {
+          isPending: isPending
+        }), annotation.id, annotationReply.id);
+        this.refreshActivitySidebar();
       }
     }, {
       key: "render",

package/es/elements/content-sidebar/withSidebarAnnotations.js.flow

@@ -3,6 +3,7 @@ import * as React from 'react';
 import getProp from 'lodash/get';
 import noop from 'lodash/noop';
 import { matchPath, type ContextRouter } from 'react-router-dom';
+import { FEED_ITEM_TYPE_VERSION } from '../../constants';
 import { getBadUserError } from '../../utils/error';
 import type { WithAnnotatorContextProps } from '../common/annotator-context';
 import type { BoxItem, User } from '../../common/types/core';
@@ -58,7 +59,7 @@ export default function withSidebarAnnotations(
         componentDidUpdate(prevProps: Props) {
             const { annotatorState, fileId, getAnnotationsMatchPath, location, onVersionChange }: Props = this.props;
             const { annotatorState: prevAnnotatorState, fileId: prevFileId, location: prevLocation }: Props = prevProps;
-            const { activeAnnotationId, annotation } = annotatorState;
+            const { action, activeAnnotationId, annotation } = annotatorState;
             const { activeAnnotationId: prevActiveAnnotationId, annotation: prevAnnotation } = prevAnnotatorState;
 
             const match = getAnnotationsMatchPath(location);
@@ -69,7 +70,27 @@ export default function withSidebarAnnotations(
             const isTransitioningToAnnotationPath = activeAnnotationId && !isAnnotationsPath;
             const prevFileVersionId = getProp(prevMatch, 'params.fileVersionId');
 
-            if (annotation && prevAnnotation !== annotation) {
+            if (action === 'reply_create_start' || action === 'reply_create_end') {
+                this.addAnnotationReply();
+            }
+
+            if (action === 'reply_delete_start' || action === 'reply_delete_end') {
+                this.deleteAnnotationReply();
+            }
+
+            if (action === 'reply_update_start' || action === 'reply_update_end') {
+                this.updateAnnotationReply();
+            }
+
+            if (action === 'update_start' || action === 'update_end') {
+                this.updateAnnotation();
+            }
+
+            if (action === 'delete_start' || action === 'delete_end') {
+                this.deleteAnnotation();
+            }
+
+            if ((action === 'create_start' || action === 'create_end') && annotation && prevAnnotation !== annotation) {
                 this.addAnnotation();
             }
 
@@ -98,8 +119,6 @@ export default function withSidebarAnnotations(
                 currentUser,
                 file,
                 fileId,
-                isOpen,
-                location,
             } = this.props;
 
             if (!requestId) {
@@ -112,11 +131,8 @@ export default function withSidebarAnnotations(
             }
 
             const feedAPI = api.getFeedAPI(false);
-            const pathname = getProp(location, 'pathname', '');
-            const isActivity = matchPath(pathname, '/activity');
             const isPending = action === 'create_start';
             const { items: hasItems } = feedAPI.getCachedItems(fileId) || {};
-            const { current } = this.sidebarPanels;
 
             // If there are existing items in the cache for this file, then patch the cache with the new annotation
             // If there are no cache entry for feeditems, then it is assumed that it has not yet been fetched.
@@ -124,10 +140,132 @@ export default function withSidebarAnnotations(
                 feedAPI.addAnnotation(file, currentUser, annotation, requestId, isPending);
             }
 
-            // If the activity sidebar is currently open, then force it to refresh with the updated data
-            if (current && isActivity && isOpen) {
-                current.refresh(false);
+            this.refreshActivitySidebar();
+        }
+
+        addAnnotationReply() {
+            const {
+                annotatorState: {
+                    action,
+                    annotation: { id: annotationId },
+                    annotationReply,
+                    meta: { requestId },
+                },
+                api,
+                currentUser,
+                file,
+            } = this.props;
+
+            if (!currentUser) {
+                throw getBadUserError();
+            }
+
+            const feedAPI = api.getFeedAPI(false);
+            feedAPI.file = file;
+
+            if (action === 'reply_create_start') {
+                feedAPI.addPendingReply(annotationId, currentUser, { ...annotationReply, id: requestId });
+            } else {
+                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};
+                const annotationItem = feedItems.find(({ id }) => id === annotationId);
+
+                if (!annotationItem) {
+                    return;
+                }
+
+                feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count + 1 }, annotationId);
+                feedAPI.updateReplyItem({ ...annotationReply, isPending: false }, annotationId, requestId);
+            }
+
+            this.refreshActivitySidebar();
+        }
+
+        deleteAnnotation() {
+            const {
+                annotatorState: { action, annotation },
+                api,
+                file,
+            } = this.props;
+
+            const feedAPI = api.getFeedAPI(false);
+            feedAPI.file = file;
+
+            if (action === 'delete_start') {
+                feedAPI.updateFeedItem({ isPending: true }, annotation.id);
+            } else {
+                feedAPI.deleteFeedItem(annotation.id);
             }
+
+            this.refreshActivitySidebar();
+        }
+
+        deleteAnnotationReply() {
+            const {
+                annotatorState: {
+                    action,
+                    annotation: { id: annotationId },
+                    annotationReply: { id: replyId },
+                },
+                api,
+                file,
+            } = this.props;
+
+            const feedAPI = api.getFeedAPI(false);
+            feedAPI.file = file;
+
+            if (action === 'reply_delete_start') {
+                feedAPI.updateReplyItem({ isPending: true }, annotationId, replyId);
+            } else {
+                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};
+                const annotationItem = feedItems.find(({ id }) => id === annotationId);
+
+                if (!annotationItem) {
+                    return;
+                }
+
+                // Check if the parent annotation has the reply currently visible
+                const replyItem = annotationItem.replies.find(({ id }) => id === replyId);
+                if (replyItem) {
+                    feedAPI.deleteReplyItem(replyId, annotationId);
+                } else if (annotationItem.total_reply_count > 0) {
+                    // Decrease the amount of replies by 1
+                    feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count - 1 }, annotationId);
+                }
+            }
+
+            this.refreshActivitySidebar();
+        }
+
+        updateAnnotation() {
+            const {
+                annotatorState: { action, annotation },
+                api,
+                file,
+            } = this.props;
+
+            const feedAPI = api.getFeedAPI(false);
+            const isPending = action === 'update_start';
+            feedAPI.file = file;
+
+            feedAPI.updateFeedItem({ ...annotation, isPending }, annotation.id);
+
+            this.refreshActivitySidebar();
+        }
+
+        updateAnnotationReply() {
+            const {
+                annotatorState: { action, annotation, annotationReply },
+                api,
+                file,
+            } = this.props;
+
+            const feedAPI = api.getFeedAPI(false);
+            const isPending = action === 'reply_update_start';
+            feedAPI.file = file;
+
+            feedAPI.updateReplyItem({ ...annotationReply, isPending }, annotation.id, annotationReply.id);
+
+            this.refreshActivitySidebar();
         }
 
         updateActiveAnnotation = () => {
@@ -169,7 +307,7 @@ export default function withSidebarAnnotations(
             const fileVersionId = getProp(match, 'params.fileVersionId');
             const { items: feedItems = [] } = feedAPI.getCachedItems(fileId) || {};
             const version = feedItems
-                .filter(item => item.type === 'file_version')
+                .filter(item => item.type === FEED_ITEM_TYPE_VERSION)
                 .find(item => item.id === fileVersionId);
 
             if (version) {
@@ -180,6 +318,19 @@ export default function withSidebarAnnotations(
             }
         };
 
+        refreshActivitySidebar = () => {
+            const { isOpen, location } = this.props;
+
+            const pathname = getProp(location, 'pathname', '');
+            const isActivity = matchPath(pathname, '/activity');
+            const { current } = this.sidebarPanels;
+
+            // If the activity sidebar is currently open, then force it to refresh with the updated data
+            if (current && isActivity && isOpen) {
+                current.refresh(false);
+            }
+        };
+
         render() {
             return <WrappedComponent ref={this.sidebarPanels} {...this.props} />;
         }

package/es/elements/content-sidebar/withSidebarAnnotations.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/elements/content-sidebar/withSidebarAnnotations.js"],"names":["React","getProp","noop","matchPath","getBadUserError","withSidebarAnnotations","WrappedComponent","WithSidebarAnnotations","props","createRef","file","getAnnotationsPath","getAnnotationsMatchPath","history","location","match","annotationId","currentFileVersionId","fileVersionId","replace","annotatorState","activeAnnotationFileVersionId","activeAnnotationId","defaultFileVersionId","newLocationState","open","state","push","pathname","api","fileId","onVersionChange","feedAPI","getFeedAPI","getCachedItems","items","feedItems","version","filter","item","type","find","id","currentVersionId","updateVersionToCurrent","redirectDeeplinkedAnnotation","prevProps","prevAnnotatorState","prevFileId","prevLocation","annotation","prevActiveAnnotationId","prevAnnotation","prevMatch","hasActiveAnnotationChanged","isAnnotationsPath","isTransitioningToAnnotationPath","prevFileVersionId","addAnnotation","updateActiveAnnotation","updateActiveVersion","action","meta","requestId","currentUser","isOpen","isActivity","isPending","hasItems","current","sidebarPanels","refresh","Component","displayName","name"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { matchPath, type ContextRouter } from 'react-router-dom';\nimport { getBadUserError } from '../../utils/error';\nimport type { WithAnnotatorContextProps } from '../common/annotator-context';\nimport type { BoxItem, User } from '../../common/types/core';\n\ntype Props = {\n    ...ContextRouter,\n    currentUser?: User,\n    file: BoxItem,\n    fileId: string,\n    isOpen: boolean,\n    onVersionChange: Function,\n} & WithAnnotatorContextProps;\n\ntype SidebarPanelsRefType = {\n    refresh: (shouldRefreshCache?: boolean) => void,\n};\n\nexport default function withSidebarAnnotations(\n    WrappedComponent: React.ComponentType<Props>,\n): React.ComponentType<Props> {\n    class WithSidebarAnnotations extends React.Component<Props> {\n        static defaultProps = {\n            annotatorState: {},\n            getAnnotationsMatchPath: noop,\n            getAnnotationsPath: noop,\n            onVersionChange: noop,\n        };\n\n        static displayName: ?string;\n\n        props: Props;\n\n        sidebarPanels: { current: SidebarPanelsRefType | null } = React.createRef();\n\n        constructor(props) {\n            super(props);\n\n            this.redirectDeeplinkedAnnotation();\n        }\n\n        redirectDeeplinkedAnnotation = () => {\n            const { file, getAnnotationsPath, getAnnotationsMatchPath, history, location } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const annotationId = getProp(match, 'params.annotationId');\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n\n            if (fileVersionId && fileVersionId !== currentFileVersionId) {\n                history.replace(getAnnotationsPath(currentFileVersionId, annotationId));\n            }\n        };\n\n        componentDidUpdate(prevProps: Props) {\n            const { annotatorState, fileId, getAnnotationsMatchPath, location, onVersionChange }: Props = this.props;\n            const { annotatorState: prevAnnotatorState, fileId: prevFileId, location: prevLocation }: Props = prevProps;\n            const { activeAnnotationId, annotation } = annotatorState;\n            const { activeAnnotationId: prevActiveAnnotationId, annotation: prevAnnotation } = prevAnnotatorState;\n\n            const match = getAnnotationsMatchPath(location);\n            const prevMatch = getAnnotationsMatchPath(prevLocation);\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const hasActiveAnnotationChanged = prevActiveAnnotationId !== activeAnnotationId;\n            const isAnnotationsPath = !!match;\n            const isTransitioningToAnnotationPath = activeAnnotationId && !isAnnotationsPath;\n            const prevFileVersionId = getProp(prevMatch, 'params.fileVersionId');\n\n            if (annotation && prevAnnotation !== annotation) {\n                this.addAnnotation();\n            }\n\n            // Active annotation id changed. If location is currently an annotation path or\n            // if location is not currently an annotation path but the active annotation id\n            // transitioned from falsy to truthy, update the location accordingly\n            if (hasActiveAnnotationChanged && (isAnnotationsPath || isTransitioningToAnnotationPath)) {\n                this.updateActiveAnnotation();\n            }\n\n            if (fileVersionId && prevFileVersionId !== fileVersionId) {\n                this.updateActiveVersion();\n            }\n\n            if (prevFileId !== fileId) {\n                // If the file id has changed, reset the current version id since the previous (possibly versioned)\n                // location is no longer active\n                onVersionChange(null);\n            }\n        }\n\n        addAnnotation() {\n            const {\n                annotatorState: { action, annotation, meta: { requestId } = {} },\n                api,\n                currentUser,\n                file,\n                fileId,\n                isOpen,\n                location,\n            } = this.props;\n\n            if (!requestId) {\n                return;\n            }\n\n            // TODO: need to address in follow on -- currentUser may be undefined here but is never fetched for sure until ActivitySidebar\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            const pathname = getProp(location, 'pathname', '');\n            const isActivity = matchPath(pathname, '/activity');\n            const isPending = action === 'create_start';\n            const { items: hasItems } = feedAPI.getCachedItems(fileId) || {};\n            const { current } = this.sidebarPanels;\n\n            // If there are existing items in the cache for this file, then patch the cache with the new annotation\n            // If there are no cache entry for feeditems, then it is assumed that it has not yet been fetched.\n            if (hasItems) {\n                feedAPI.addAnnotation(file, currentUser, annotation, requestId, isPending);\n            }\n\n            // If the activity sidebar is currently open, then force it to refresh with the updated data\n            if (current && isActivity && isOpen) {\n                current.refresh(false);\n            }\n        }\n\n        updateActiveAnnotation = () => {\n            const {\n                annotatorState: { activeAnnotationFileVersionId, activeAnnotationId },\n                file,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n            } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const defaultFileVersionId = activeAnnotationFileVersionId || currentFileVersionId;\n            const fileVersionId = getProp(match, 'params.fileVersionId', defaultFileVersionId);\n            const newLocationState = activeAnnotationId ? { open: true } : location.state;\n\n            // Update the location pathname and open state if transitioning to an active annotation id, force the sidebar open\n            history.push({\n                pathname: getAnnotationsPath(fileVersionId, activeAnnotationId),\n                state: newLocationState,\n            });\n        };\n\n        updateActiveVersion = () => {\n            const {\n                api,\n                file,\n                fileId,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n                onVersionChange,\n            } = this.props;\n            const feedAPI = api.getFeedAPI(false);\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const { items: feedItems = [] } = feedAPI.getCachedItems(fileId) || {};\n            const version = feedItems\n                .filter(item => item.type === 'file_version')\n                .find(item => item.id === fileVersionId);\n\n            if (version) {\n                onVersionChange(version, {\n                    currentVersionId: currentFileVersionId,\n                    updateVersionToCurrent: () => history.push(getAnnotationsPath(currentFileVersionId)),\n                });\n            }\n        };\n\n        render() {\n            return <WrappedComponent ref={this.sidebarPanels} {...this.props} />;\n        }\n    }\n\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n    WithSidebarAnnotations.displayName = `WithSidebarAnnotations(${displayName})`;\n\n    return WithSidebarAnnotations;\n}\n"],"file":"withSidebarAnnotations.js"}
+{"version":3,"sources":["../../../src/elements/content-sidebar/withSidebarAnnotations.js"],"names":["React","getProp","noop","matchPath","FEED_ITEM_TYPE_VERSION","getBadUserError","withSidebarAnnotations","WrappedComponent","WithSidebarAnnotations","props","createRef","file","getAnnotationsPath","getAnnotationsMatchPath","history","location","match","annotationId","currentFileVersionId","fileVersionId","replace","annotatorState","activeAnnotationFileVersionId","activeAnnotationId","defaultFileVersionId","newLocationState","open","state","push","pathname","api","fileId","onVersionChange","feedAPI","getFeedAPI","getCachedItems","items","feedItems","version","filter","item","type","find","id","currentVersionId","updateVersionToCurrent","isOpen","isActivity","current","sidebarPanels","refresh","redirectDeeplinkedAnnotation","prevProps","prevAnnotatorState","prevFileId","prevLocation","action","annotation","prevActiveAnnotationId","prevAnnotation","prevMatch","hasActiveAnnotationChanged","isAnnotationsPath","isTransitioningToAnnotationPath","prevFileVersionId","addAnnotationReply","deleteAnnotationReply","updateAnnotationReply","updateAnnotation","deleteAnnotation","addAnnotation","updateActiveAnnotation","updateActiveVersion","meta","requestId","currentUser","isPending","hasItems","refreshActivitySidebar","annotationReply","addPendingReply","annotationItem","updateFeedItem","total_reply_count","updateReplyItem","deleteFeedItem","replyId","replyItem","replies","deleteReplyItem","Component","displayName","name"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport getProp from 'lodash/get';\nimport noop from 'lodash/noop';\nimport { matchPath, type ContextRouter } from 'react-router-dom';\nimport { FEED_ITEM_TYPE_VERSION } from '../../constants';\nimport { getBadUserError } from '../../utils/error';\nimport type { WithAnnotatorContextProps } from '../common/annotator-context';\nimport type { BoxItem, User } from '../../common/types/core';\n\ntype Props = {\n    ...ContextRouter,\n    currentUser?: User,\n    file: BoxItem,\n    fileId: string,\n    isOpen: boolean,\n    onVersionChange: Function,\n} & WithAnnotatorContextProps;\n\ntype SidebarPanelsRefType = {\n    refresh: (shouldRefreshCache?: boolean) => void,\n};\n\nexport default function withSidebarAnnotations(\n    WrappedComponent: React.ComponentType<Props>,\n): React.ComponentType<Props> {\n    class WithSidebarAnnotations extends React.Component<Props> {\n        static defaultProps = {\n            annotatorState: {},\n            getAnnotationsMatchPath: noop,\n            getAnnotationsPath: noop,\n            onVersionChange: noop,\n        };\n\n        static displayName: ?string;\n\n        props: Props;\n\n        sidebarPanels: { current: SidebarPanelsRefType | null } = React.createRef();\n\n        constructor(props) {\n            super(props);\n\n            this.redirectDeeplinkedAnnotation();\n        }\n\n        redirectDeeplinkedAnnotation = () => {\n            const { file, getAnnotationsPath, getAnnotationsMatchPath, history, location } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const annotationId = getProp(match, 'params.annotationId');\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n\n            if (fileVersionId && fileVersionId !== currentFileVersionId) {\n                history.replace(getAnnotationsPath(currentFileVersionId, annotationId));\n            }\n        };\n\n        componentDidUpdate(prevProps: Props) {\n            const { annotatorState, fileId, getAnnotationsMatchPath, location, onVersionChange }: Props = this.props;\n            const { annotatorState: prevAnnotatorState, fileId: prevFileId, location: prevLocation }: Props = prevProps;\n            const { action, activeAnnotationId, annotation } = annotatorState;\n            const { activeAnnotationId: prevActiveAnnotationId, annotation: prevAnnotation } = prevAnnotatorState;\n\n            const match = getAnnotationsMatchPath(location);\n            const prevMatch = getAnnotationsMatchPath(prevLocation);\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const hasActiveAnnotationChanged = prevActiveAnnotationId !== activeAnnotationId;\n            const isAnnotationsPath = !!match;\n            const isTransitioningToAnnotationPath = activeAnnotationId && !isAnnotationsPath;\n            const prevFileVersionId = getProp(prevMatch, 'params.fileVersionId');\n\n            if (action === 'reply_create_start' || action === 'reply_create_end') {\n                this.addAnnotationReply();\n            }\n\n            if (action === 'reply_delete_start' || action === 'reply_delete_end') {\n                this.deleteAnnotationReply();\n            }\n\n            if (action === 'reply_update_start' || action === 'reply_update_end') {\n                this.updateAnnotationReply();\n            }\n\n            if (action === 'update_start' || action === 'update_end') {\n                this.updateAnnotation();\n            }\n\n            if (action === 'delete_start' || action === 'delete_end') {\n                this.deleteAnnotation();\n            }\n\n            if ((action === 'create_start' || action === 'create_end') && annotation && prevAnnotation !== annotation) {\n                this.addAnnotation();\n            }\n\n            // Active annotation id changed. If location is currently an annotation path or\n            // if location is not currently an annotation path but the active annotation id\n            // transitioned from falsy to truthy, update the location accordingly\n            if (hasActiveAnnotationChanged && (isAnnotationsPath || isTransitioningToAnnotationPath)) {\n                this.updateActiveAnnotation();\n            }\n\n            if (fileVersionId && prevFileVersionId !== fileVersionId) {\n                this.updateActiveVersion();\n            }\n\n            if (prevFileId !== fileId) {\n                // If the file id has changed, reset the current version id since the previous (possibly versioned)\n                // location is no longer active\n                onVersionChange(null);\n            }\n        }\n\n        addAnnotation() {\n            const {\n                annotatorState: { action, annotation, meta: { requestId } = {} },\n                api,\n                currentUser,\n                file,\n                fileId,\n            } = this.props;\n\n            if (!requestId) {\n                return;\n            }\n\n            // TODO: need to address in follow on -- currentUser may be undefined here but is never fetched for sure until ActivitySidebar\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'create_start';\n            const { items: hasItems } = feedAPI.getCachedItems(fileId) || {};\n\n            // If there are existing items in the cache for this file, then patch the cache with the new annotation\n            // If there are no cache entry for feeditems, then it is assumed that it has not yet been fetched.\n            if (hasItems) {\n                feedAPI.addAnnotation(file, currentUser, annotation, requestId, isPending);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        addAnnotationReply() {\n            const {\n                annotatorState: {\n                    action,\n                    annotation: { id: annotationId },\n                    annotationReply,\n                    meta: { requestId },\n                },\n                api,\n                currentUser,\n                file,\n            } = this.props;\n\n            if (!currentUser) {\n                throw getBadUserError();\n            }\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'reply_create_start') {\n                feedAPI.addPendingReply(annotationId, currentUser, { ...annotationReply, id: requestId });\n            } else {\n                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};\n                const annotationItem = feedItems.find(({ id }) => id === annotationId);\n\n                if (!annotationItem) {\n                    return;\n                }\n\n                feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count + 1 }, annotationId);\n                feedAPI.updateReplyItem({ ...annotationReply, isPending: false }, annotationId, requestId);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        deleteAnnotation() {\n            const {\n                annotatorState: { action, annotation },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'delete_start') {\n                feedAPI.updateFeedItem({ isPending: true }, annotation.id);\n            } else {\n                feedAPI.deleteFeedItem(annotation.id);\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        deleteAnnotationReply() {\n            const {\n                annotatorState: {\n                    action,\n                    annotation: { id: annotationId },\n                    annotationReply: { id: replyId },\n                },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            feedAPI.file = file;\n\n            if (action === 'reply_delete_start') {\n                feedAPI.updateReplyItem({ isPending: true }, annotationId, replyId);\n            } else {\n                const { items: feedItems = [] } = feedAPI.getCachedItems(file.id) || {};\n                const annotationItem = feedItems.find(({ id }) => id === annotationId);\n\n                if (!annotationItem) {\n                    return;\n                }\n\n                // Check if the parent annotation has the reply currently visible\n                const replyItem = annotationItem.replies.find(({ id }) => id === replyId);\n                if (replyItem) {\n                    feedAPI.deleteReplyItem(replyId, annotationId);\n                } else if (annotationItem.total_reply_count > 0) {\n                    // Decrease the amount of replies by 1\n                    feedAPI.updateFeedItem({ total_reply_count: annotationItem.total_reply_count - 1 }, annotationId);\n                }\n            }\n\n            this.refreshActivitySidebar();\n        }\n\n        updateAnnotation() {\n            const {\n                annotatorState: { action, annotation },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'update_start';\n            feedAPI.file = file;\n\n            feedAPI.updateFeedItem({ ...annotation, isPending }, annotation.id);\n\n            this.refreshActivitySidebar();\n        }\n\n        updateAnnotationReply() {\n            const {\n                annotatorState: { action, annotation, annotationReply },\n                api,\n                file,\n            } = this.props;\n\n            const feedAPI = api.getFeedAPI(false);\n            const isPending = action === 'reply_update_start';\n            feedAPI.file = file;\n\n            feedAPI.updateReplyItem({ ...annotationReply, isPending }, annotation.id, annotationReply.id);\n\n            this.refreshActivitySidebar();\n        }\n\n        updateActiveAnnotation = () => {\n            const {\n                annotatorState: { activeAnnotationFileVersionId, activeAnnotationId },\n                file,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n            } = this.props;\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const defaultFileVersionId = activeAnnotationFileVersionId || currentFileVersionId;\n            const fileVersionId = getProp(match, 'params.fileVersionId', defaultFileVersionId);\n            const newLocationState = activeAnnotationId ? { open: true } : location.state;\n\n            // Update the location pathname and open state if transitioning to an active annotation id, force the sidebar open\n            history.push({\n                pathname: getAnnotationsPath(fileVersionId, activeAnnotationId),\n                state: newLocationState,\n            });\n        };\n\n        updateActiveVersion = () => {\n            const {\n                api,\n                file,\n                fileId,\n                getAnnotationsMatchPath,\n                getAnnotationsPath,\n                history,\n                location,\n                onVersionChange,\n            } = this.props;\n            const feedAPI = api.getFeedAPI(false);\n            const match = getAnnotationsMatchPath(location);\n            const currentFileVersionId = getProp(file, 'file_version.id');\n            const fileVersionId = getProp(match, 'params.fileVersionId');\n            const { items: feedItems = [] } = feedAPI.getCachedItems(fileId) || {};\n            const version = feedItems\n                .filter(item => item.type === FEED_ITEM_TYPE_VERSION)\n                .find(item => item.id === fileVersionId);\n\n            if (version) {\n                onVersionChange(version, {\n                    currentVersionId: currentFileVersionId,\n                    updateVersionToCurrent: () => history.push(getAnnotationsPath(currentFileVersionId)),\n                });\n            }\n        };\n\n        refreshActivitySidebar = () => {\n            const { isOpen, location } = this.props;\n\n            const pathname = getProp(location, 'pathname', '');\n            const isActivity = matchPath(pathname, '/activity');\n            const { current } = this.sidebarPanels;\n\n            // If the activity sidebar is currently open, then force it to refresh with the updated data\n            if (current && isActivity && isOpen) {\n                current.refresh(false);\n            }\n        };\n\n        render() {\n            return <WrappedComponent ref={this.sidebarPanels} {...this.props} />;\n        }\n    }\n\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n    WithSidebarAnnotations.displayName = `WithSidebarAnnotations(${displayName})`;\n\n    return WithSidebarAnnotations;\n}\n"],"file":"withSidebarAnnotations.js"}