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

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

@@ -0,0 +1,180 @@
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+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; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import React from 'react';
+import API from '../../../../api/APIFactory';
+import { annotationErrors } from './errors';
+import useRepliesAPI from './useRepliesAPI';
+import commonMessages from '../../../common/messages';
+
+var normalizeReplies = function normalizeReplies(repliesArray) {
+  if (!repliesArray) {
+    return {};
+  }
+
+  return repliesArray.reduce(function (prevValues, reply) {
+    return _objectSpread({}, prevValues, _defineProperty({}, reply.id, reply));
+  }, {});
+};
+
+var denormalizeReplies = function denormalizeReplies(repliesMap) {
+  return Object.keys(repliesMap).map(function (key) {
+    return repliesMap[key];
+  });
+};
+
+var useAnnotationAPI = function useAnnotationAPI(_ref) {
+  var annotationId = _ref.annotationId,
+      api = _ref.api,
+      currentUser = _ref.currentUser,
+      fileId = _ref.fileId,
+      filePermissions = _ref.filePermissions,
+      errorCallback = _ref.errorCallback;
+
+  var _React$useState = React.useState(),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      annotation = _React$useState2[0],
+      setAnnotation = _React$useState2[1];
+
+  var _React$useState3 = React.useState({}),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      replies = _React$useState4[0],
+      setReplies = _React$useState4[1];
+
+  var _React$useState5 = React.useState(),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      error = _React$useState6[0],
+      setError = _React$useState6[1];
+
+  var _React$useState7 = React.useState(true),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      isLoading = _React$useState8[0],
+      setIsLoading = _React$useState8[1];
+
+  var handleUpdateOrCreateReplyItem = function handleUpdateOrCreateReplyItem(replyId, updatedReplyValues) {
+    setReplies(function (prevReplies) {
+      return _objectSpread({}, prevReplies, _defineProperty({}, replyId, _objectSpread({}, prevReplies[replyId], {}, updatedReplyValues)));
+    });
+  };
+
+  var handleRemoveReplyItem = function handleRemoveReplyItem(replyId) {
+    setReplies(function (prevReplies) {
+      var newReplies = _objectSpread({}, prevReplies);
+
+      delete newReplies[replyId];
+      return newReplies;
+    });
+  };
+
+  var _useRepliesAPI = useRepliesAPI({
+    annotationId: annotationId,
+    api: api,
+    currentUser: currentUser,
+    fileId: fileId,
+    filePermissions: filePermissions,
+    handleRemoveReplyItem: handleRemoveReplyItem,
+    handleUpdateOrCreateReplyItem: handleUpdateOrCreateReplyItem
+  }),
+      handleCreateReply = _useRepliesAPI.handleCreateReply,
+      handleEditReply = _useRepliesAPI.handleEditReply,
+      handleDeleteReply = _useRepliesAPI.handleDeleteReply;
+
+  var annotationSuccessCallback = function annotationSuccessCallback(updatedAnnotation) {
+    setAnnotation(_objectSpread({}, updatedAnnotation, {
+      isPending: false
+    }));
+  };
+
+  var annotationDeleteSuccessCallback = function annotationDeleteSuccessCallback() {// will emit delete event
+  };
+
+  var annotationErrorCallback = React.useCallback(function (e, code) {
+    setIsLoading(false);
+    setError({
+      title: commonMessages.errorOccured,
+      message: annotationErrors[code] || annotationErrors.default
+    });
+    errorCallback(e, code, {
+      error: e
+    });
+  }, [errorCallback]);
+  React.useEffect(function () {
+    var getAnnotationSuccess = function getAnnotationSuccess(fetchedAnnotation) {
+      var fetchedReplies = fetchedAnnotation.replies,
+          normalizedAnnotation = _objectWithoutProperties(fetchedAnnotation, ["replies"]);
+
+      setAnnotation(_objectSpread({}, normalizedAnnotation));
+      setReplies(normalizeReplies(fetchedReplies));
+      setError(undefined);
+      setIsLoading(false);
+    };
+
+    setIsLoading(true);
+    api.getAnnotationsAPI(false).getAnnotation(fileId, annotationId, filePermissions, getAnnotationSuccess, annotationErrorCallback, true // to fetch aanotation with its replies
+    );
+  }, [fileId, annotationId, filePermissions, api, annotationErrorCallback]);
+
+  var handleDelete = function handleDelete(_ref2) {
+    var id = _ref2.id,
+        permissions = _ref2.permissions;
+    setAnnotation(function (prevAnnotation) {
+      return _objectSpread({}, prevAnnotation, {
+        isPending: true
+      });
+    });
+    api.getAnnotationsAPI(false).deleteAnnotation(fileId, id, permissions, annotationDeleteSuccessCallback, errorCallback);
+  };
+
+  var handleEdit = function handleEdit(id, text, permissions) {
+    setAnnotation(function (prevAnnotation) {
+      return _objectSpread({}, prevAnnotation, {
+        isPending: true
+      });
+    });
+    api.getAnnotationsAPI(false).updateAnnotation(fileId, id, permissions, {
+      message: text
+    }, annotationSuccessCallback, annotationErrorCallback);
+  };
+
+  var handleStatusChange = function handleStatusChange(id, status, permissions) {
+    setAnnotation(function (prevAnnotation) {
+      return _objectSpread({}, prevAnnotation, {
+        isPending: true
+      });
+    });
+    api.getAnnotationsAPI(false).updateAnnotation(fileId, id, permissions, {
+      status: status
+    }, annotationSuccessCallback, annotationErrorCallback);
+  };
+
+  return {
+    annotation: annotation,
+    error: error,
+    handleCreateReply: handleCreateReply,
+    handleDeleteReply: handleDeleteReply,
+    handleEditReply: handleEditReply,
+    handleDelete: handleDelete,
+    handleEdit: handleEdit,
+    handleStatusChange: handleStatusChange,
+    isLoading: isLoading,
+    replies: denormalizeReplies(replies)
+  };
+};
+
+export default useAnnotationAPI;
+//# sourceMappingURL=useAnnotationAPI.js.map

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

@@ -0,0 +1,203 @@
+// @flow
+
+import React from 'react';
+import type { MessageDescriptor } from 'react-intl';
+import API from '../../../../api/APIFactory';
+import { annotationErrors } from './errors';
+import useRepliesAPI from './useRepliesAPI';
+
+import type { Annotation, AnnotationPermission } from '../../../../common/types/annotations';
+import type { BoxItemPermission, User } from '../../../../common/types/core';
+import type { FeedItemStatus, Comment, BoxCommentPermission } from '../../../../common/types/feed';
+import type { ElementOrigin, ElementsXhrError } from '../../../../common/types/api';
+
+import commonMessages from '../../../common/messages';
+
+const normalizeReplies = (repliesArray?: Array<Comment>): { [string]: Comment } => {
+    if (!repliesArray) {
+        return {};
+    }
+    return repliesArray.reduce((prevValues, reply) => {
+        return {
+            ...prevValues,
+            [reply.id]: reply,
+        };
+    }, {});
+};
+
+const denormalizeReplies = (repliesMap: { [string]: Comment }): Array<Comment> => {
+    return Object.keys(repliesMap).map(key => repliesMap[key]);
+};
+
+type Props = {
+    annotationId: string,
+    api: API,
+    currentUser: User,
+    errorCallback: (
+        error: ElementsXhrError | Error,
+        code: string,
+        contextInfo?: Object,
+        origin?: ElementOrigin,
+    ) => void,
+    fileId: string,
+    filePermissions: BoxItemPermission,
+};
+
+type UseAnnotationAPI = {
+    annotation?: Annotation,
+    error?: {
+        message?: MessageDescriptor,
+        title?: MessageDescriptor,
+    },
+    handleCreateReply: (message: string) => void,
+    handleDelete: ({ id: string, permissions: AnnotationPermission }) => any,
+    handleDeleteReply: ({ id: string, permissions: BoxCommentPermission }) => void,
+    handleEdit: (id: string, text: string, permissions: AnnotationPermission) => void,
+    handleEditReply: (
+        replyId: string,
+        message: string,
+        status?: FeedItemStatus,
+        permissions: BoxCommentPermission,
+    ) => void,
+    handleStatusChange: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,
+    isLoading: boolean,
+    replies: Array<Comment>,
+};
+
+const useAnnotationAPI = ({
+    annotationId,
+    api,
+    currentUser,
+    fileId,
+    filePermissions,
+    errorCallback,
+}: Props): UseAnnotationAPI => {
+    const [annotation, setAnnotation] = React.useState();
+    const [replies, setReplies] = React.useState<{ [string]: Comment }>({});
+    const [error, setError] = React.useState();
+    const [isLoading, setIsLoading] = React.useState(true);
+
+    const handleUpdateOrCreateReplyItem = (replyId: string, updatedReplyValues: Object) => {
+        setReplies(prevReplies => ({
+            ...prevReplies,
+            [replyId]: {
+                ...prevReplies[replyId],
+                ...updatedReplyValues,
+            },
+        }));
+    };
+
+    const handleRemoveReplyItem = (replyId: string) => {
+        setReplies(prevReplies => {
+            const newReplies = { ...prevReplies };
+            delete newReplies[replyId];
+            return newReplies;
+        });
+    };
+
+    const { handleCreateReply, handleEditReply, handleDeleteReply } = useRepliesAPI({
+        annotationId,
+        api,
+        currentUser,
+        fileId,
+        filePermissions,
+        handleRemoveReplyItem,
+        handleUpdateOrCreateReplyItem,
+    });
+
+    const annotationSuccessCallback = (updatedAnnotation: Annotation): void => {
+        setAnnotation({
+            ...updatedAnnotation,
+            isPending: false,
+        });
+    };
+
+    const annotationDeleteSuccessCallback = () => {
+        // will emit delete event
+    };
+
+    const annotationErrorCallback = React.useCallback(
+        (e: ElementsXhrError, code: string): void => {
+            setIsLoading(false);
+            setError({
+                title: commonMessages.errorOccured,
+                message: annotationErrors[code] || annotationErrors.default,
+            });
+
+            errorCallback(e, code, {
+                error: e,
+            });
+        },
+        [errorCallback],
+    );
+
+    React.useEffect(() => {
+        const getAnnotationSuccess = (fetchedAnnotation: Annotation) => {
+            const { replies: fetchedReplies, ...normalizedAnnotation } = fetchedAnnotation;
+            setAnnotation({ ...normalizedAnnotation });
+            setReplies(normalizeReplies(fetchedReplies));
+            setError(undefined);
+            setIsLoading(false);
+        };
+
+        setIsLoading(true);
+        api.getAnnotationsAPI(false).getAnnotation(
+            fileId,
+            annotationId,
+            filePermissions,
+            getAnnotationSuccess,
+            annotationErrorCallback,
+            true, // to fetch aanotation with its replies
+        );
+    }, [fileId, annotationId, filePermissions, api, annotationErrorCallback]);
+
+    const handleDelete = ({ id, permissions }: { id: string, permissions: AnnotationPermission }): void => {
+        setAnnotation(prevAnnotation => ({ ...prevAnnotation, isPending: true }));
+        api.getAnnotationsAPI(false).deleteAnnotation(
+            fileId,
+            id,
+            permissions,
+            annotationDeleteSuccessCallback,
+            errorCallback,
+        );
+    };
+
+    const handleEdit = (id: string, text: string, permissions: AnnotationPermission): void => {
+        setAnnotation(prevAnnotation => ({ ...prevAnnotation, isPending: true }));
+        api.getAnnotationsAPI(false).updateAnnotation(
+            fileId,
+            id,
+            permissions,
+            { message: text },
+            annotationSuccessCallback,
+            annotationErrorCallback,
+        );
+    };
+
+    const handleStatusChange = (id: string, status: FeedItemStatus, permissions: AnnotationPermission): void => {
+        setAnnotation(prevAnnotation => ({ ...prevAnnotation, isPending: true }));
+        api.getAnnotationsAPI(false).updateAnnotation(
+            fileId,
+            id,
+            permissions,
+            { status },
+            annotationSuccessCallback,
+            annotationErrorCallback,
+        );
+    };
+
+    return {
+        annotation,
+        error,
+        handleCreateReply,
+        handleDeleteReply,
+        handleEditReply,
+        handleDelete,
+        handleEdit,
+        handleStatusChange,
+        isLoading,
+        replies: denormalizeReplies(replies),
+    };
+};
+
+export default useAnnotationAPI;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotation-thread/useAnnotationAPI.js"],"names":["React","API","annotationErrors","useRepliesAPI","commonMessages","normalizeReplies","repliesArray","reduce","prevValues","reply","id","denormalizeReplies","repliesMap","Object","keys","map","key","useAnnotationAPI","annotationId","api","currentUser","fileId","filePermissions","errorCallback","useState","annotation","setAnnotation","replies","setReplies","error","setError","isLoading","setIsLoading","handleUpdateOrCreateReplyItem","replyId","updatedReplyValues","prevReplies","handleRemoveReplyItem","newReplies","handleCreateReply","handleEditReply","handleDeleteReply","annotationSuccessCallback","updatedAnnotation","isPending","annotationDeleteSuccessCallback","annotationErrorCallback","useCallback","e","code","title","errorOccured","message","default","useEffect","getAnnotationSuccess","fetchedAnnotation","fetchedReplies","normalizedAnnotation","undefined","getAnnotationsAPI","getAnnotation","handleDelete","permissions","prevAnnotation","deleteAnnotation","handleEdit","text","updateAnnotation","handleStatusChange","status"],"mappings":"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","sourcesContent":["// @flow\n\nimport React from 'react';\nimport type { MessageDescriptor } from 'react-intl';\nimport API from '../../../../api/APIFactory';\nimport { annotationErrors } from './errors';\nimport useRepliesAPI from './useRepliesAPI';\n\nimport type { Annotation, AnnotationPermission } from '../../../../common/types/annotations';\nimport type { BoxItemPermission, User } from '../../../../common/types/core';\nimport type { FeedItemStatus, Comment, BoxCommentPermission } from '../../../../common/types/feed';\nimport type { ElementOrigin, ElementsXhrError } from '../../../../common/types/api';\n\nimport commonMessages from '../../../common/messages';\n\nconst normalizeReplies = (repliesArray?: Array<Comment>): { [string]: Comment } => {\n    if (!repliesArray) {\n        return {};\n    }\n    return repliesArray.reduce((prevValues, reply) => {\n        return {\n            ...prevValues,\n            [reply.id]: reply,\n        };\n    }, {});\n};\n\nconst denormalizeReplies = (repliesMap: { [string]: Comment }): Array<Comment> => {\n    return Object.keys(repliesMap).map(key => repliesMap[key]);\n};\n\ntype Props = {\n    annotationId: string,\n    api: API,\n    currentUser: User,\n    errorCallback: (\n        error: ElementsXhrError | Error,\n        code: string,\n        contextInfo?: Object,\n        origin?: ElementOrigin,\n    ) => void,\n    fileId: string,\n    filePermissions: BoxItemPermission,\n};\n\ntype UseAnnotationAPI = {\n    annotation?: Annotation,\n    error?: {\n        message?: MessageDescriptor,\n        title?: MessageDescriptor,\n    },\n    handleCreateReply: (message: string) => void,\n    handleDelete: ({ id: string, permissions: AnnotationPermission }) => any,\n    handleDeleteReply: ({ id: string, permissions: BoxCommentPermission }) => void,\n    handleEdit: (id: string, text: string, permissions: AnnotationPermission) => void,\n    handleEditReply: (\n        replyId: string,\n        message: string,\n        status?: FeedItemStatus,\n        permissions: BoxCommentPermission,\n    ) => void,\n    handleStatusChange: (id: string, status: FeedItemStatus, permissions: AnnotationPermission) => void,\n    isLoading: boolean,\n    replies: Array<Comment>,\n};\n\nconst useAnnotationAPI = ({\n    annotationId,\n    api,\n    currentUser,\n    fileId,\n    filePermissions,\n    errorCallback,\n}: Props): UseAnnotationAPI => {\n    const [annotation, setAnnotation] = React.useState();\n    const [replies, setReplies] = React.useState<{ [string]: Comment }>({});\n    const [error, setError] = React.useState();\n    const [isLoading, setIsLoading] = React.useState(true);\n\n    const handleUpdateOrCreateReplyItem = (replyId: string, updatedReplyValues: Object) => {\n        setReplies(prevReplies => ({\n            ...prevReplies,\n            [replyId]: {\n                ...prevReplies[replyId],\n                ...updatedReplyValues,\n            },\n        }));\n    };\n\n    const handleRemoveReplyItem = (replyId: string) => {\n        setReplies(prevReplies => {\n            const newReplies = { ...prevReplies };\n            delete newReplies[replyId];\n            return newReplies;\n        });\n    };\n\n    const { handleCreateReply, handleEditReply, handleDeleteReply } = useRepliesAPI({\n        annotationId,\n        api,\n        currentUser,\n        fileId,\n        filePermissions,\n        handleRemoveReplyItem,\n        handleUpdateOrCreateReplyItem,\n    });\n\n    const annotationSuccessCallback = (updatedAnnotation: Annotation): void => {\n        setAnnotation({\n            ...updatedAnnotation,\n            isPending: false,\n        });\n    };\n\n    const annotationDeleteSuccessCallback = () => {\n        // will emit delete event\n    };\n\n    const annotationErrorCallback = React.useCallback(\n        (e: ElementsXhrError, code: string): void => {\n            setIsLoading(false);\n            setError({\n                title: commonMessages.errorOccured,\n                message: annotationErrors[code] || annotationErrors.default,\n            });\n\n            errorCallback(e, code, {\n                error: e,\n            });\n        },\n        [errorCallback],\n    );\n\n    React.useEffect(() => {\n        const getAnnotationSuccess = (fetchedAnnotation: Annotation) => {\n            const { replies: fetchedReplies, ...normalizedAnnotation } = fetchedAnnotation;\n            setAnnotation({ ...normalizedAnnotation });\n            setReplies(normalizeReplies(fetchedReplies));\n            setError(undefined);\n            setIsLoading(false);\n        };\n\n        setIsLoading(true);\n        api.getAnnotationsAPI(false).getAnnotation(\n            fileId,\n            annotationId,\n            filePermissions,\n            getAnnotationSuccess,\n            annotationErrorCallback,\n            true, // to fetch aanotation with its replies\n        );\n    }, [fileId, annotationId, filePermissions, api, annotationErrorCallback]);\n\n    const handleDelete = ({ id, permissions }: { id: string, permissions: AnnotationPermission }): void => {\n        setAnnotation(prevAnnotation => ({ ...prevAnnotation, isPending: true }));\n        api.getAnnotationsAPI(false).deleteAnnotation(\n            fileId,\n            id,\n            permissions,\n            annotationDeleteSuccessCallback,\n            errorCallback,\n        );\n    };\n\n    const handleEdit = (id: string, text: string, permissions: AnnotationPermission): void => {\n        setAnnotation(prevAnnotation => ({ ...prevAnnotation, isPending: true }));\n        api.getAnnotationsAPI(false).updateAnnotation(\n            fileId,\n            id,\n            permissions,\n            { message: text },\n            annotationSuccessCallback,\n            annotationErrorCallback,\n        );\n    };\n\n    const handleStatusChange = (id: string, status: FeedItemStatus, permissions: AnnotationPermission): void => {\n        setAnnotation(prevAnnotation => ({ ...prevAnnotation, isPending: true }));\n        api.getAnnotationsAPI(false).updateAnnotation(\n            fileId,\n            id,\n            permissions,\n            { status },\n            annotationSuccessCallback,\n            annotationErrorCallback,\n        );\n    };\n\n    return {\n        annotation,\n        error,\n        handleCreateReply,\n        handleDeleteReply,\n        handleEditReply,\n        handleDelete,\n        handleEdit,\n        handleStatusChange,\n        isLoading,\n        replies: denormalizeReplies(replies),\n    };\n};\n\nexport default useAnnotationAPI;\n"],"file":"useAnnotationAPI.js"}

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

@@ -0,0 +1,124 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import uniqueId from 'lodash/uniqueId';
+import APIFactory from '../../../../api';
+import commonMessages from '../../../common/messages';
+import { commentsErrors } from './errors';
+
+var useRepliesAPI = function useRepliesAPI(_ref) {
+  var annotationId = _ref.annotationId,
+      api = _ref.api,
+      currentUser = _ref.currentUser,
+      fileId = _ref.fileId,
+      filePermissions = _ref.filePermissions,
+      handleRemoveReplyItem = _ref.handleRemoveReplyItem,
+      handleUpdateOrCreateReplyItem = _ref.handleUpdateOrCreateReplyItem;
+
+  var setReplyPendingStatus = function setReplyPendingStatus(replyId, pendingStatus) {
+    handleUpdateOrCreateReplyItem(replyId, {
+      isPending: pendingStatus
+    });
+  };
+
+  var addNewPendingReply = function addNewPendingReply(baseReply) {
+    var date = new Date().toISOString();
+
+    var pendingReply = _objectSpread({
+      created_at: date,
+      created_by: currentUser,
+      modified_at: date,
+      isPending: true
+    }, baseReply);
+
+    handleUpdateOrCreateReplyItem(pendingReply.id, pendingReply);
+  };
+
+  var createReplySuccessCallback = function createReplySuccessCallback(replyId, reply) {
+    handleUpdateOrCreateReplyItem(replyId, _objectSpread({}, reply, {
+      isPending: false
+    }));
+  };
+
+  var createReplyErrorCallback = function createReplyErrorCallback(error, code, replyId) {
+    handleUpdateOrCreateReplyItem(replyId, {
+      error: {
+        title: commonMessages.errorOccured,
+        message: commentsErrors[code] || commentsErrors.default
+      }
+    });
+  };
+
+  var handleCreateReply = function handleCreateReply(message) {
+    var uuid = uniqueId('reply_');
+    var replyData = {
+      id: uuid,
+      tagged_message: message,
+      type: 'comment'
+    };
+    addNewPendingReply(replyData);
+
+    var successCallback = function successCallback(reply) {
+      return createReplySuccessCallback(uuid, reply);
+    };
+
+    var errorCallbackFn = function errorCallbackFn(error, code) {
+      return createReplyErrorCallback(error, code, uuid);
+    };
+
+    api.getAnnotationsAPI(false).createAnnotationReply(fileId, annotationId, filePermissions, message, successCallback, errorCallbackFn);
+  };
+
+  var handleDeleteReply = function handleDeleteReply(_ref2) {
+    var id = _ref2.id,
+        permissions = _ref2.permissions;
+    setReplyPendingStatus(id, true);
+
+    var errorCallbackFn = function errorCallbackFn(error, code) {
+      return createReplyErrorCallback(error, code, id);
+    };
+
+    api.getThreadedCommentsAPI(false).deleteComment({
+      fileId: fileId,
+      commentId: id,
+      permissions: permissions,
+      successCallback: function successCallback() {
+        return handleRemoveReplyItem(id);
+      },
+      errorCallback: errorCallbackFn
+    });
+  };
+
+  var handleEditReply = function handleEditReply(replyId, message, status, permissions) {
+    setReplyPendingStatus(replyId, true);
+
+    var errorCallbackFn = function errorCallbackFn(error, code) {
+      return createReplyErrorCallback(error, code, replyId);
+    };
+
+    api.getThreadedCommentsAPI(false).updateComment({
+      fileId: fileId,
+      commentId: replyId,
+      message: message,
+      permissions: permissions,
+      successCallback: function successCallback(updatedReply) {
+        return handleUpdateOrCreateReplyItem(replyId, _objectSpread({}, updatedReply, {
+          isPending: false
+        }));
+      },
+      errorCallback: errorCallbackFn
+    });
+  };
+
+  return {
+    handleDeleteReply: handleDeleteReply,
+    handleEditReply: handleEditReply,
+    handleCreateReply: handleCreateReply
+  };
+};
+
+export default useRepliesAPI;
+//# sourceMappingURL=useRepliesAPI.js.map

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

@@ -0,0 +1,121 @@
+// @flow
+import uniqueId from 'lodash/uniqueId';
+import APIFactory from '../../../../api';
+import commonMessages from '../../../common/messages';
+import { commentsErrors } from './errors';
+
+import type { BoxItemPermission, User } from '../../../../common/types/core';
+import type { BoxCommentPermission, Comment, FeedItemStatus } from '../../../../common/types/feed';
+import type { ElementsXhrError } from '../../../../common/types/api';
+
+type Props = {
+    annotationId: string,
+    api: APIFactory,
+    currentUser: User,
+    fileId: string,
+    filePermissions: BoxItemPermission,
+    handleRemoveReplyItem: (id: string) => void,
+    handleUpdateOrCreateReplyItem: (id: string, updatedValues: Object) => void,
+};
+
+const useRepliesAPI = ({
+    annotationId,
+    api,
+    currentUser,
+    fileId,
+    filePermissions,
+    handleRemoveReplyItem,
+    handleUpdateOrCreateReplyItem,
+}: Props) => {
+    const setReplyPendingStatus = (replyId: string, pendingStatus: boolean) => {
+        handleUpdateOrCreateReplyItem(replyId, { isPending: pendingStatus });
+    };
+
+    const addNewPendingReply = (baseReply: Object) => {
+        const date = new Date().toISOString();
+        const pendingReply: Comment = {
+            created_at: date,
+            created_by: currentUser,
+            modified_at: date,
+            isPending: true,
+            ...baseReply,
+        };
+
+        handleUpdateOrCreateReplyItem(pendingReply.id, pendingReply);
+    };
+
+    const createReplySuccessCallback = (replyId: string, reply: Comment) => {
+        handleUpdateOrCreateReplyItem(replyId, {
+            ...reply,
+            isPending: false,
+        });
+    };
+
+    const createReplyErrorCallback = (error: ElementsXhrError, code: string, replyId: string) => {
+        handleUpdateOrCreateReplyItem(replyId, {
+            error: {
+                title: commonMessages.errorOccured,
+                message: commentsErrors[code] || commentsErrors.default,
+            },
+        });
+    };
+
+    const handleCreateReply = (message: string) => {
+        const uuid = uniqueId('reply_');
+        const replyData = {
+            id: uuid,
+            tagged_message: message,
+            type: 'comment',
+        };
+        addNewPendingReply(replyData);
+
+        const successCallback = (reply: Comment) => createReplySuccessCallback(uuid, reply);
+        const errorCallbackFn = (error, code) => createReplyErrorCallback(error, code, uuid);
+
+        api.getAnnotationsAPI(false).createAnnotationReply(
+            fileId,
+            annotationId,
+            filePermissions,
+            message,
+            successCallback,
+            errorCallbackFn,
+        );
+    };
+
+    const handleDeleteReply = ({ id, permissions }: { id: string, permissions: BoxCommentPermission }) => {
+        setReplyPendingStatus(id, true);
+        const errorCallbackFn = (error, code) => createReplyErrorCallback(error, code, id);
+
+        api.getThreadedCommentsAPI(false).deleteComment({
+            fileId,
+            commentId: id,
+            permissions,
+            successCallback: () => handleRemoveReplyItem(id),
+            errorCallback: errorCallbackFn,
+        });
+    };
+
+    const handleEditReply = (
+        replyId: string,
+        message: string,
+        status?: FeedItemStatus,
+        permissions: BoxCommentPermission,
+    ) => {
+        setReplyPendingStatus(replyId, true);
+
+        const errorCallbackFn = (error, code) => createReplyErrorCallback(error, code, replyId);
+        api.getThreadedCommentsAPI(false).updateComment({
+            fileId,
+            commentId: replyId,
+            message,
+            permissions,
+            successCallback: updatedReply =>
+                handleUpdateOrCreateReplyItem(replyId, { ...updatedReply, isPending: false }),
+            errorCallback: errorCallbackFn,
+        });
+    };
+
+    return { handleDeleteReply, handleEditReply, handleCreateReply };
+};
+
+export default useRepliesAPI;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/elements/content-sidebar/activity-feed/annotation-thread/useRepliesAPI.js"],"names":["uniqueId","APIFactory","commonMessages","commentsErrors","useRepliesAPI","annotationId","api","currentUser","fileId","filePermissions","handleRemoveReplyItem","handleUpdateOrCreateReplyItem","setReplyPendingStatus","replyId","pendingStatus","isPending","addNewPendingReply","baseReply","date","Date","toISOString","pendingReply","created_at","created_by","modified_at","id","createReplySuccessCallback","reply","createReplyErrorCallback","error","code","title","errorOccured","message","default","handleCreateReply","uuid","replyData","tagged_message","type","successCallback","errorCallbackFn","getAnnotationsAPI","createAnnotationReply","handleDeleteReply","permissions","getThreadedCommentsAPI","deleteComment","commentId","errorCallback","handleEditReply","status","updateComment","updatedReply"],"mappings":";;;;;;AACA,OAAOA,QAAP,MAAqB,iBAArB;AACA,OAAOC,UAAP,MAAuB,iBAAvB;AACA,OAAOC,cAAP,MAA2B,0BAA3B;AACA,SAASC,cAAT,QAA+B,UAA/B;;AAgBA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAQT;AAAA,MAPTC,YAOS,QAPTA,YAOS;AAAA,MANTC,GAMS,QANTA,GAMS;AAAA,MALTC,WAKS,QALTA,WAKS;AAAA,MAJTC,MAIS,QAJTA,MAIS;AAAA,MAHTC,eAGS,QAHTA,eAGS;AAAA,MAFTC,qBAES,QAFTA,qBAES;AAAA,MADTC,6BACS,QADTA,6BACS;;AACT,MAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACC,OAAD,EAAkBC,aAAlB,EAA6C;AACvEH,IAAAA,6BAA6B,CAACE,OAAD,EAAU;AAAEE,MAAAA,SAAS,EAAED;AAAb,KAAV,CAA7B;AACH,GAFD;;AAIA,MAAME,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAuB;AAC9C,QAAMC,IAAI,GAAG,IAAIC,IAAJ,GAAWC,WAAX,EAAb;;AACA,QAAMC,YAAqB;AACvBC,MAAAA,UAAU,EAAEJ,IADW;AAEvBK,MAAAA,UAAU,EAAEhB,WAFW;AAGvBiB,MAAAA,WAAW,EAAEN,IAHU;AAIvBH,MAAAA,SAAS,EAAE;AAJY,OAKpBE,SALoB,CAA3B;;AAQAN,IAAAA,6BAA6B,CAACU,YAAY,CAACI,EAAd,EAAkBJ,YAAlB,CAA7B;AACH,GAXD;;AAaA,MAAMK,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACb,OAAD,EAAkBc,KAAlB,EAAqC;AACpEhB,IAAAA,6BAA6B,CAACE,OAAD,oBACtBc,KADsB;AAEzBZ,MAAAA,SAAS,EAAE;AAFc,OAA7B;AAIH,GALD;;AAOA,MAAMa,wBAAwB,GAAG,SAA3BA,wBAA2B,CAACC,KAAD,EAA0BC,IAA1B,EAAwCjB,OAAxC,EAA4D;AACzFF,IAAAA,6BAA6B,CAACE,OAAD,EAAU;AACnCgB,MAAAA,KAAK,EAAE;AACHE,QAAAA,KAAK,EAAE7B,cAAc,CAAC8B,YADnB;AAEHC,QAAAA,OAAO,EAAE9B,cAAc,CAAC2B,IAAD,CAAd,IAAwB3B,cAAc,CAAC+B;AAF7C;AAD4B,KAAV,CAA7B;AAMH,GAPD;;AASA,MAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACF,OAAD,EAAqB;AAC3C,QAAMG,IAAI,GAAGpC,QAAQ,CAAC,QAAD,CAArB;AACA,QAAMqC,SAAS,GAAG;AACdZ,MAAAA,EAAE,EAAEW,IADU;AAEdE,MAAAA,cAAc,EAAEL,OAFF;AAGdM,MAAAA,IAAI,EAAE;AAHQ,KAAlB;AAKAvB,IAAAA,kBAAkB,CAACqB,SAAD,CAAlB;;AAEA,QAAMG,eAAe,GAAG,SAAlBA,eAAkB,CAACb,KAAD;AAAA,aAAoBD,0BAA0B,CAACU,IAAD,EAAOT,KAAP,CAA9C;AAAA,KAAxB;;AACA,QAAMc,eAAe,GAAG,SAAlBA,eAAkB,CAACZ,KAAD,EAAQC,IAAR;AAAA,aAAiBF,wBAAwB,CAACC,KAAD,EAAQC,IAAR,EAAcM,IAAd,CAAzC;AAAA,KAAxB;;AAEA9B,IAAAA,GAAG,CAACoC,iBAAJ,CAAsB,KAAtB,EAA6BC,qBAA7B,CACInC,MADJ,EAEIH,YAFJ,EAGII,eAHJ,EAIIwB,OAJJ,EAKIO,eALJ,EAMIC,eANJ;AAQH,GApBD;;AAsBA,MAAMG,iBAAiB,GAAG,SAApBA,iBAAoB,QAA4E;AAAA,QAAzEnB,EAAyE,SAAzEA,EAAyE;AAAA,QAArEoB,WAAqE,SAArEA,WAAqE;AAClGjC,IAAAA,qBAAqB,CAACa,EAAD,EAAK,IAAL,CAArB;;AACA,QAAMgB,eAAe,GAAG,SAAlBA,eAAkB,CAACZ,KAAD,EAAQC,IAAR;AAAA,aAAiBF,wBAAwB,CAACC,KAAD,EAAQC,IAAR,EAAcL,EAAd,CAAzC;AAAA,KAAxB;;AAEAnB,IAAAA,GAAG,CAACwC,sBAAJ,CAA2B,KAA3B,EAAkCC,aAAlC,CAAgD;AAC5CvC,MAAAA,MAAM,EAANA,MAD4C;AAE5CwC,MAAAA,SAAS,EAAEvB,EAFiC;AAG5CoB,MAAAA,WAAW,EAAXA,WAH4C;AAI5CL,MAAAA,eAAe,EAAE;AAAA,eAAM9B,qBAAqB,CAACe,EAAD,CAA3B;AAAA,OAJ2B;AAK5CwB,MAAAA,aAAa,EAAER;AAL6B,KAAhD;AAOH,GAXD;;AAaA,MAAMS,eAAe,GAAG,SAAlBA,eAAkB,CACpBrC,OADoB,EAEpBoB,OAFoB,EAGpBkB,MAHoB,EAIpBN,WAJoB,EAKnB;AACDjC,IAAAA,qBAAqB,CAACC,OAAD,EAAU,IAAV,CAArB;;AAEA,QAAM4B,eAAe,GAAG,SAAlBA,eAAkB,CAACZ,KAAD,EAAQC,IAAR;AAAA,aAAiBF,wBAAwB,CAACC,KAAD,EAAQC,IAAR,EAAcjB,OAAd,CAAzC;AAAA,KAAxB;;AACAP,IAAAA,GAAG,CAACwC,sBAAJ,CAA2B,KAA3B,EAAkCM,aAAlC,CAAgD;AAC5C5C,MAAAA,MAAM,EAANA,MAD4C;AAE5CwC,MAAAA,SAAS,EAAEnC,OAFiC;AAG5CoB,MAAAA,OAAO,EAAPA,OAH4C;AAI5CY,MAAAA,WAAW,EAAXA,WAJ4C;AAK5CL,MAAAA,eAAe,EAAE,yBAAAa,YAAY;AAAA,eACzB1C,6BAA6B,CAACE,OAAD,oBAAewC,YAAf;AAA6BtC,UAAAA,SAAS,EAAE;AAAxC,WADJ;AAAA,OALe;AAO5CkC,MAAAA,aAAa,EAAER;AAP6B,KAAhD;AASH,GAlBD;;AAoBA,SAAO;AAAEG,IAAAA,iBAAiB,EAAjBA,iBAAF;AAAqBM,IAAAA,eAAe,EAAfA,eAArB;AAAsCf,IAAAA,iBAAiB,EAAjBA;AAAtC,GAAP;AACH,CAlGD;;AAoGA,eAAe/B,aAAf","sourcesContent":["// @flow\nimport uniqueId from 'lodash/uniqueId';\nimport APIFactory from '../../../../api';\nimport commonMessages from '../../../common/messages';\nimport { commentsErrors } from './errors';\n\nimport type { BoxItemPermission, User } from '../../../../common/types/core';\nimport type { BoxCommentPermission, Comment, FeedItemStatus } from '../../../../common/types/feed';\nimport type { ElementsXhrError } from '../../../../common/types/api';\n\ntype Props = {\n    annotationId: string,\n    api: APIFactory,\n    currentUser: User,\n    fileId: string,\n    filePermissions: BoxItemPermission,\n    handleRemoveReplyItem: (id: string) => void,\n    handleUpdateOrCreateReplyItem: (id: string, updatedValues: Object) => void,\n};\n\nconst useRepliesAPI = ({\n    annotationId,\n    api,\n    currentUser,\n    fileId,\n    filePermissions,\n    handleRemoveReplyItem,\n    handleUpdateOrCreateReplyItem,\n}: Props) => {\n    const setReplyPendingStatus = (replyId: string, pendingStatus: boolean) => {\n        handleUpdateOrCreateReplyItem(replyId, { isPending: pendingStatus });\n    };\n\n    const addNewPendingReply = (baseReply: Object) => {\n        const date = new Date().toISOString();\n        const pendingReply: Comment = {\n            created_at: date,\n            created_by: currentUser,\n            modified_at: date,\n            isPending: true,\n            ...baseReply,\n        };\n\n        handleUpdateOrCreateReplyItem(pendingReply.id, pendingReply);\n    };\n\n    const createReplySuccessCallback = (replyId: string, reply: Comment) => {\n        handleUpdateOrCreateReplyItem(replyId, {\n            ...reply,\n            isPending: false,\n        });\n    };\n\n    const createReplyErrorCallback = (error: ElementsXhrError, code: string, replyId: string) => {\n        handleUpdateOrCreateReplyItem(replyId, {\n            error: {\n                title: commonMessages.errorOccured,\n                message: commentsErrors[code] || commentsErrors.default,\n            },\n        });\n    };\n\n    const handleCreateReply = (message: string) => {\n        const uuid = uniqueId('reply_');\n        const replyData = {\n            id: uuid,\n            tagged_message: message,\n            type: 'comment',\n        };\n        addNewPendingReply(replyData);\n\n        const successCallback = (reply: Comment) => createReplySuccessCallback(uuid, reply);\n        const errorCallbackFn = (error, code) => createReplyErrorCallback(error, code, uuid);\n\n        api.getAnnotationsAPI(false).createAnnotationReply(\n            fileId,\n            annotationId,\n            filePermissions,\n            message,\n            successCallback,\n            errorCallbackFn,\n        );\n    };\n\n    const handleDeleteReply = ({ id, permissions }: { id: string, permissions: BoxCommentPermission }) => {\n        setReplyPendingStatus(id, true);\n        const errorCallbackFn = (error, code) => createReplyErrorCallback(error, code, id);\n\n        api.getThreadedCommentsAPI(false).deleteComment({\n            fileId,\n            commentId: id,\n            permissions,\n            successCallback: () => handleRemoveReplyItem(id),\n            errorCallback: errorCallbackFn,\n        });\n    };\n\n    const handleEditReply = (\n        replyId: string,\n        message: string,\n        status?: FeedItemStatus,\n        permissions: BoxCommentPermission,\n    ) => {\n        setReplyPendingStatus(replyId, true);\n\n        const errorCallbackFn = (error, code) => createReplyErrorCallback(error, code, replyId);\n        api.getThreadedCommentsAPI(false).updateComment({\n            fileId,\n            commentId: replyId,\n            message,\n            permissions,\n            successCallback: updatedReply =>\n                handleUpdateOrCreateReplyItem(replyId, { ...updatedReply, isPending: false }),\n            errorCallback: errorCallbackFn,\n        });\n    };\n\n    return { handleDeleteReply, handleEditReply, handleCreateReply };\n};\n\nexport default useRepliesAPI;\n"],"file":"useRepliesAPI.js"}