@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/Annotations/components/AnnotationsList/components/Annotation/index.js

@@ -1 +1,438 @@
-import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/regenerator";import{useState as r}from"react";import a from"classnames";import{shape as o,number as s,string as c,oneOf as m,node as d,func as l,arrayOf as u}from"prop-types";import{withStyles as p}from"@material-ui/core/styles";import{flowRight as h}from"lodash";import f,{isWidthUp as v}from"@material-ui/core/withWidth";import C from"moment";import{Paper as b,Typography as _,Divider as A,IconButton as y,Menu as g,MenuItem as R}from"@material-ui/core";import q from"@material-ui/core/colors/grey";import N from"@material-ui/icons/MoreVert";import x from"../../../../../Avatar/index.js";import M from"../../../../../UserCardPopover.js";import I from"../../../../../ConfirmationDialog.js";import j from"../../../../../CommentsInfo/index.js";import{formatMentionText as k}from"../../../../../UserMention/utils/index.js";import T from"../../../../../Attachment/index.js";import{isNativeDetected as w}from"../../../../../../utils/mobileDetect.js";import{deleteAnnotation as D,patchAnnotation as U}from"../../../../../../clients/jsonApi/index.js";import E from"../AnnotationComments/index.js";import{useAnnotationsDispatch as S}from"../../../../AnnotationsContext.js";import{DELETE_ANNOTATION as O,EDIT_ANNOTATION as z}from"../../../../constants.js";import B from"../AnnotationInput/index.js";import P from"./style.css.js";import{jsxs as L,jsx as W,Fragment as Y}from"react/jsx-runtime";var G="AppAnnotationItemPo",H=function(t){var e=t.user,n=t.currentUser,i=t.classes;return W("div",{className:P.cAnnotationUserAvatar,children:w?W(x,{displayName:"".concat(e.first_name," ").concat(e.last_name),imgSrc:e.profile_photo,size:38,className:i.avatar}):W(M,{user:e,currentUser:n,children:W(x,{displayName:"".concat(e.first_name," ").concat(e.last_name),imgSrc:e.profile_photo,size:38,className:i.avatar})})})},V=function(t){var e=t.actionsMenuAnchorEl,n=t.handleToggleActionsMenu,i=t.classes,r=t.handleEdit,a=t.handleDelete;return L(Y,{children:[W(y,{"data-testid":"".concat(G,"_menuButton"),"aria-label":"Actions","aria-owns":e?P.cAnnotationContainerActionsMenu:void 0,"aria-haspopup":"true",className:i.iconButtonRoot,onClick:n,children:W(N,{htmlColor:q[400]})}),L(g,{id:"cAnnotationContainerActionsMenu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:e,open:!!e,onClick:n,children:[W(R,{"data-testid":"".concat(G,"_editMenuItem"),onClick:r,children:"Edit"}),W(R,{"data-testid":"".concat(G,"_deleteMenuItem"),onClick:a,children:"Delete"})]})]})},F=function(o){var s,c,m=o.included,d=o.annotation,l=o.assetCompanyId,u=o.classes,p=o.showSuccessNotification,h=o.width,f=r(!1),y=n(f,2),g=y[0],R=y[1],q=r(null),N=n(q,2),x=N[0],M=N[1],F=r(!1),J=n(F,2),K=J[0],Q=J[1],X=r(!1),Z=n(X,2),$=Z[0],tt=Z[1],et=!v("sm",h),nt=d.attributes.comments_count||0,it=r(nt),rt=n(it,2),at=rt[0],ot=rt[1],st=S(),ct=d.relationships.comment_users.data.reduce((function(t,e){var n=e.id,i=m.find((function(t){return t.id===n}));return i&&t.push(i.attributes),t}),[]),mt=ct.map((function(t){var e=t.last_name,n=t.first_name;return"".concat(n," ").concat(e)})),dt=(s=e(i.mark((function t(){return i.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,D(d.id);case 3:t.sent&&st({type:O,id:d.id}),t.next=10;break;case 7:t.prev=7,t.t0=t.catch(0),console.error(t.t0);case 10:case"end":return t.stop()}}),t,null,[[0,7]])}))),function(){return s.apply(this,arguments)}),lt=(c=e(i.mark((function t(e,n,r){var a,o;return i.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,a={body:e,active_until:n,attachment:{file_name:r&&r.attachmentName,s3_link:r&&r.attachmentUrl}},t.next=4,U(d.id,a);case 4:o=t.sent,st({type:z,annotation:o,id:d.id}),t.next=12;break;case 8:return t.prev=8,t.t0=t.catch(0),console.error(t.t0),t.abrupt("return");case 12:p("Annotation has been changed"),Q(!1);case 14:case"end":return t.stop()}}),t,null,[[0,8]])}))),function(t,e,n){return c.apply(this,arguments)}),ut=d.relationships.user.data.id,pt=m.find((function(t){var e=t.type,n=t.id;return"user"===e&&n===ut})),ht=pt.attributes,ft=d.attributes.attachment;return L(b,{className:u.container,elevation:0,children:[L("div",{"data-testid":"".concat(G,"_annotation_").concat(d.attributes.body),className:P.cAnnotationContainer,children:[W(H,{user:ht,classes:u,isNative:w,currentUser:pt}),L("div",{className:P.cAnnotationContainerTop,children:[L("div",{className:P.cAnnotationContainerTopMainInfo,children:[W(_,{variant:"body2","data-testid":"".concat(G,"_userName"),children:"".concat(ht.first_name," ").concat(ht.last_name)}),W(_,{"data-testid":"".concat(G,"_addDate"),variant:"caption",className:u.createdAt,children:C(d.attributes.created_at).format("MM/DD/YY H:mm")})]}),W("div",{className:a(P.cAnnotationContainerTopMenu,t({},P.cAnnotationContainerTopMenuSmall,et)),children:W(V,{actionsMenuAnchorEl:x,handleToggleActionsMenu:function(t){var e=t.currentTarget;M(x?null:e)},handleEdit:function(){return Q(!0)},handleDelete:function(){return tt(!0)},classes:u})})]}),W(A,{className:u.headerDividerRoot}),W("div",{"data-testid":"".concat(G,"_message"),className:P.cAnnotationContainerContent,children:K?W(B,{initialText:d.attributes.body,assetCompanyId:l,initialPeriod:d.attributes.created_at,initialAttachment:ft,onSend:lt,onClose:function(){return Q(!1)},closeOnEsc:!0}):L(Y,{children:[k(d.attributes.body,d.relationships.mentioned_users.data,w,null,pt),ft&&ft.signed_url&&W(T,{attachmentUrl:ft.signed_url,size:"small"})]})})]}),L("div",{"data-testid":"".concat(G,"_comments_").concat(d.attributes.body),className:P.cAnnotationComments,children:[L("div",{className:P.cAnnotationCommentsInfo,children:[W(_,{"data-testid":"".concat(G,"_commentButton"),variant:"caption",color:"primary",className:u.link,onClick:function(){return R(!0)},children:"Comment"}),W(j,{commentsCount:at,usersWhoCommented:mt,activeUsersList:ct,currentUser:pt,small:!0})]}),W(E,{annotationId:d.id,commentInputIsOpen:g,setCommentInputIsOpen:R,commentsCount:at,initialCommentsCount:nt,assetCompanyId:l,setCommentsCount:ot,currentUser:pt})]}),$&&W(I,{open:$,text:"Do you really want to delete annotation?",handleClose:function(){return tt(!1)},handleOk:dt,okText:"Delete"})]})};H.propTypes={user:o({id:s.isRequired,first_name:c.isRequired,last_name:c.isRequired,profile_photo:c.isRequired}).isRequired,currentUser:o({}).isRequired,classes:o({}).isRequired},V.propTypes={actionsMenuAnchorEl:m([d,null]).isRequired,handleToggleActionsMenu:l.isRequired,classes:o({}).isRequired,handleDelete:l.isRequired,handleEdit:l.isRequired},F.propTypes={included:u(o({})).isRequired,annotation:o({relationships:o({user:o({data:o({id:c.isRequired}).isRequired}).isRequired,mentioned_users:o({data:u(o({})).isRequired}).isRequired}).isRequired,attributes:o({body:c.isRequired,created_at:c.isRequired})}).isRequired,classes:o({}).isRequired,showSuccessNotification:l,width:c.isRequired,assetCompanyId:s.isRequired},F.defaultProps={showSuccessNotification:function(){}};var J=h([p((function(t){return{container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:t.palette.grey[700],marginLeft:5},link:{cursor:"pointer"},iconButtonRoot:{height:24,width:24,padding:0,margin:"0 -10px 0 5px"}}})),f()])(F);export{J as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { flowRight } from 'lodash';
+import moment from 'moment';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import grey from '@material-ui/core/colors/grey';
+import { isNativeDetected } from '../../../../../../utils/mobileDetect.js';
+import { deleteAnnotation, patchAnnotation } from '../../../../../../clients/jsonApi/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IconButton, Menu, MenuItem, Paper, Typography, Divider } from '@material-ui/core';
+import { useState } from 'react';
+import { shape, number, string, oneOf, node, func, arrayOf } from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Avatar from '../../../../../Avatar/index.js';
+import { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants.js';
+import { useAnnotationsDispatch } from '../../../../AnnotationsContext.js';
+import UserCardPopover from '../../../../../UserCardPopover.js';
+import { formatMentionText } from '../../../../../UserMention/utils/index.js';
+import AnnotationInput from '../AnnotationInput/index.js';
+import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import ConfirmationDialog from '../../../../../ConfirmationDialog.js';
+import CommentsInfo from '../../../../../CommentsInfo/index.js';
+import Attachment from '../../../../../Attachment/index.js';
+import AnnotationComments from '../AnnotationComments/index.js';
+import styles from './style.css.js';
+
+var PAGE_NAME = 'AppAnnotationItemPo';
+var CREATED_AT_FORMAT = 'MM/DD/YY H:mm';
+
+var muiStyles = function muiStyles(theme) {
+  return {
+    container: {
+      backgroundColor: '#3b3b3be6',
+      marginBottom: 16,
+      marginLeft: 26
+    },
+    headerDividerRoot: {
+      margin: '10px 0'
+    },
+    createdAt: {
+      color: theme.palette.grey[700],
+      marginLeft: 5
+    },
+    link: {
+      cursor: 'pointer'
+    },
+    iconButtonRoot: {
+      height: 24,
+      width: 24,
+      padding: 0,
+      margin: '0 -10px 0 5px'
+    }
+  };
+};
+
+var UserAvatar = function UserAvatar(_ref) {
+  var user = _ref.user,
+      currentUser = _ref.currentUser,
+      classes = _ref.classes;
+  return /*#__PURE__*/jsx("div", {
+    className: styles.cAnnotationUserAvatar,
+    children: isNativeDetected ? /*#__PURE__*/jsx(Avatar // eslint-disable-next-line camelcase
+    , {
+      displayName: "".concat(user.first_name, " ").concat(user.last_name),
+      imgSrc: user.profile_photo,
+      size: 38,
+      className: classes.avatar
+    }) : /*#__PURE__*/jsx(UserCardPopover, {
+      user: user,
+      currentUser: currentUser,
+      children: /*#__PURE__*/jsx(Avatar, {
+        displayName: "".concat(user.first_name, " ").concat(user.last_name),
+        imgSrc: user.profile_photo,
+        size: 38,
+        className: classes.avatar
+      })
+    })
+  });
+};
+
+var MenuButton = function MenuButton(_ref2) {
+  var actionsMenuAnchorEl = _ref2.actionsMenuAnchorEl,
+      handleToggleActionsMenu = _ref2.handleToggleActionsMenu,
+      classes = _ref2.classes,
+      handleEdit = _ref2.handleEdit,
+      handleDelete = _ref2.handleDelete;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(IconButton, {
+      "data-testid": "".concat(PAGE_NAME, "_menuButton"),
+      "aria-label": "Actions",
+      "aria-owns": actionsMenuAnchorEl ? styles.cAnnotationContainerActionsMenu : undefined,
+      "aria-haspopup": "true",
+      className: classes.iconButtonRoot,
+      onClick: handleToggleActionsMenu,
+      children: /*#__PURE__*/jsx(MoreVertIcon, {
+        htmlColor: grey[400]
+      })
+    }), /*#__PURE__*/jsxs(Menu, {
+      id: "cAnnotationContainerActionsMenu",
+      anchorOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      transformOrigin: {
+        vertical: 'top',
+        horizontal: 'right'
+      },
+      anchorEl: actionsMenuAnchorEl,
+      open: !!actionsMenuAnchorEl,
+      onClick: handleToggleActionsMenu,
+      children: [/*#__PURE__*/jsx(MenuItem, {
+        "data-testid": "".concat(PAGE_NAME, "_editMenuItem"),
+        onClick: handleEdit,
+        children: "Edit"
+      }), /*#__PURE__*/jsx(MenuItem, {
+        "data-testid": "".concat(PAGE_NAME, "_deleteMenuItem"),
+        onClick: handleDelete,
+        children: "Delete"
+      })]
+    })]
+  });
+};
+
+var Annotation = function Annotation(_ref3) {
+  var included = _ref3.included,
+      annotation = _ref3.annotation,
+      assetCompanyId = _ref3.assetCompanyId,
+      classes = _ref3.classes,
+      showSuccessNotification = _ref3.showSuccessNotification,
+      width = _ref3.width;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      commentInputIsOpen = _useState2[0],
+      setCommentInputIsOpen = _useState2[1];
+
+  var _useState3 = useState(null),
+      _useState4 = _slicedToArray(_useState3, 2),
+      actionsMenuAnchorEl = _useState4[0],
+      setActionsMenuAnchorEl = _useState4[1];
+
+  var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isEdit = _useState6[0],
+      setIsEdit = _useState6[1];
+
+  var _useState7 = useState(false),
+      _useState8 = _slicedToArray(_useState7, 2),
+      deleteDialogOpen = _useState8[0],
+      setDeleteDialogOpen = _useState8[1];
+
+  var isSmallScreen = !isWidthUp('sm', width);
+  var initialCommentsCount = annotation.attributes.comments_count || 0;
+
+  var _useState9 = useState(initialCommentsCount),
+      _useState10 = _slicedToArray(_useState9, 2),
+      commentsCount = _useState10[0],
+      setCommentsCount = _useState10[1];
+
+  var dispatch = useAnnotationsDispatch();
+  var activeUsersList = annotation.relationships.comment_users.data.reduce(function (users, _ref4) {
+    var id = _ref4.id;
+    var userData = included.find(function (user) {
+      return user.id === id;
+    });
+
+    if (userData) {
+      users.push(userData.attributes);
+    }
+
+    return users;
+  }, []);
+  var userWhoCommented = activeUsersList.map( // eslint-disable-next-line camelcase
+  function (_ref5) {
+    var last_name = _ref5.last_name,
+        first_name = _ref5.first_name;
+    return "".concat(first_name, " ").concat(last_name);
+  });
+
+  var handleToggleActionsMenu = function handleToggleActionsMenu(event) {
+    var currentT = event.currentTarget;
+    setActionsMenuAnchorEl(actionsMenuAnchorEl ? null : currentT);
+  };
+
+  var handleDelete = /*#__PURE__*/function () {
+    var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return deleteAnnotation(annotation.id);
+
+            case 3:
+              response = _context.sent;
+              if (response) dispatch({
+                type: DELETE_ANNOTATION,
+                id: annotation.id
+              });
+              _context.next = 10;
+              break;
+
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.error(_context.t0);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+
+    return function handleDelete() {
+      return _ref6.apply(this, arguments);
+    };
+  }();
+
+  var handleEdit = /*#__PURE__*/function () {
+    var _ref7 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(body, period, attachment) {
+      var changedAnnotation, updatedAnnotation;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              changedAnnotation = {
+                body: body,
+                active_until: period,
+                attachment: {
+                  file_name: attachment && attachment.attachmentName,
+                  s3_link: attachment && attachment.attachmentUrl
+                }
+              };
+              _context2.next = 4;
+              return patchAnnotation(annotation.id, changedAnnotation);
+
+            case 4:
+              updatedAnnotation = _context2.sent;
+              dispatch({
+                type: EDIT_ANNOTATION,
+                annotation: updatedAnnotation,
+                id: annotation.id
+              });
+              _context2.next = 12;
+              break;
+
+            case 8:
+              _context2.prev = 8;
+              _context2.t0 = _context2["catch"](0);
+              console.error(_context2.t0);
+              return _context2.abrupt("return");
+
+            case 12:
+              showSuccessNotification('Annotation has been changed');
+              setIsEdit(false);
+
+            case 14:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2, null, [[0, 8]]);
+    }));
+
+    return function handleEdit(_x, _x2, _x3) {
+      return _ref7.apply(this, arguments);
+    };
+  }();
+
+  var userId = annotation.relationships.user.data.id;
+  var currentUser = included.find(function (_ref8) {
+    var type = _ref8.type,
+        id = _ref8.id;
+    return type === 'user' && id === userId;
+  });
+  var userData = currentUser.attributes;
+  var attachment = annotation.attributes.attachment;
+  return /*#__PURE__*/jsxs(Paper, {
+    className: classes.container,
+    elevation: 0,
+    children: [/*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(PAGE_NAME, "_annotation_").concat(annotation.attributes.body),
+      className: styles.cAnnotationContainer,
+      children: [/*#__PURE__*/jsx(UserAvatar, {
+        user: userData,
+        classes: classes,
+        isNative: isNativeDetected,
+        currentUser: currentUser
+      }), /*#__PURE__*/jsxs("div", {
+        className: styles.cAnnotationContainerTop,
+        children: [/*#__PURE__*/jsxs("div", {
+          className: styles.cAnnotationContainerTopMainInfo,
+          children: [/*#__PURE__*/jsx(Typography, {
+            variant: "body2",
+            "data-testid": "".concat(PAGE_NAME, "_userName"),
+            children: "".concat(userData.first_name, " ").concat(userData.last_name)
+          }), /*#__PURE__*/jsx(Typography, {
+            "data-testid": "".concat(PAGE_NAME, "_addDate"),
+            variant: "caption",
+            className: classes.createdAt,
+            children: moment(annotation.attributes.created_at).format(CREATED_AT_FORMAT)
+          })]
+        }), /*#__PURE__*/jsx("div", {
+          className: classNames(styles.cAnnotationContainerTopMenu, _defineProperty({}, styles.cAnnotationContainerTopMenuSmall, isSmallScreen)),
+          children: /*#__PURE__*/jsx(MenuButton, {
+            actionsMenuAnchorEl: actionsMenuAnchorEl,
+            handleToggleActionsMenu: handleToggleActionsMenu,
+            handleEdit: function handleEdit() {
+              return setIsEdit(true);
+            },
+            handleDelete: function handleDelete() {
+              return setDeleteDialogOpen(true);
+            },
+            classes: classes
+          })
+        })]
+      }), /*#__PURE__*/jsx(Divider, {
+        className: classes.headerDividerRoot
+      }), /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        className: styles.cAnnotationContainerContent,
+        children: isEdit ? /*#__PURE__*/jsx(AnnotationInput, {
+          initialText: annotation.attributes.body,
+          assetCompanyId: assetCompanyId,
+          initialPeriod: annotation.attributes.created_at,
+          initialAttachment: attachment,
+          onSend: handleEdit,
+          onClose: function onClose() {
+            return setIsEdit(false);
+          },
+          closeOnEsc: true
+        }) : /*#__PURE__*/jsxs(Fragment, {
+          children: [formatMentionText(annotation.attributes.body, annotation.relationships.mentioned_users.data, isNativeDetected, null, currentUser), attachment && attachment.signed_url && /*#__PURE__*/jsx(Attachment, {
+            attachmentUrl: attachment.signed_url,
+            size: "small"
+          })]
+        })
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(PAGE_NAME, "_comments_").concat(annotation.attributes.body),
+      className: styles.cAnnotationComments,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: styles.cAnnotationCommentsInfo,
+        children: [/*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_commentButton"),
+          variant: "caption",
+          color: "primary",
+          className: classes.link,
+          onClick: function onClick() {
+            return setCommentInputIsOpen(true);
+          },
+          children: "Comment"
+        }), /*#__PURE__*/jsx(CommentsInfo, {
+          commentsCount: commentsCount,
+          usersWhoCommented: userWhoCommented,
+          activeUsersList: activeUsersList,
+          currentUser: currentUser,
+          small: true
+        })]
+      }), /*#__PURE__*/jsx(AnnotationComments, {
+        annotationId: annotation.id,
+        commentInputIsOpen: commentInputIsOpen,
+        setCommentInputIsOpen: setCommentInputIsOpen,
+        commentsCount: commentsCount,
+        initialCommentsCount: initialCommentsCount,
+        assetCompanyId: assetCompanyId,
+        setCommentsCount: setCommentsCount,
+        currentUser: currentUser
+      })]
+    }), deleteDialogOpen && /*#__PURE__*/jsx(ConfirmationDialog, {
+      open: deleteDialogOpen,
+      text: "Do you really want to delete annotation?",
+      handleClose: function handleClose() {
+        return setDeleteDialogOpen(false);
+      },
+      handleOk: handleDelete,
+      okText: "Delete"
+    })]
+  });
+};
+
+UserAvatar.propTypes = {
+  user: shape({
+    id: number.isRequired,
+    first_name: string.isRequired,
+    last_name: string.isRequired,
+    profile_photo: string.isRequired
+  }).isRequired,
+  currentUser: shape({}).isRequired,
+  classes: shape({}).isRequired
+};
+MenuButton.propTypes = {
+  actionsMenuAnchorEl: oneOf([node, null]).isRequired,
+  handleToggleActionsMenu: func.isRequired,
+  classes: shape({}).isRequired,
+  handleDelete: func.isRequired,
+  handleEdit: func.isRequired
+};
+Annotation.propTypes = {
+  included: arrayOf(shape({})).isRequired,
+  annotation: shape({
+    relationships: shape({
+      user: shape({
+        data: shape({
+          id: string.isRequired
+        }).isRequired
+      }).isRequired,
+      mentioned_users: shape({
+        data: arrayOf(shape({})).isRequired
+      }).isRequired
+    }).isRequired,
+    attributes: shape({
+      body: string.isRequired,
+      created_at: string.isRequired
+    })
+  }).isRequired,
+  classes: shape({}).isRequired,
+  showSuccessNotification: func,
+  width: string.isRequired,
+  assetCompanyId: number.isRequired
+};
+Annotation.defaultProps = {
+  showSuccessNotification: function showSuccessNotification() {
+    return undefined;
+  }
+};
+var Annotation$1 = flowRight([withStyles(muiStyles), withWidth()])(Annotation);
+
+export default Annotation$1;
+//# sourceMappingURL=index.js.map

package/components/Annotations/components/AnnotationsList/components/Annotation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/Annotation/index.js"],"sourcesContent":["import { useState } from 'react';\nimport classNames from 'classnames';\nimport { shape, string, arrayOf, func, node, oneOf, number } from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { flowRight } from 'lodash';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\nimport moment from 'moment';\n\nimport { Paper, Typography, Divider, MenuItem, IconButton, Menu } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport CommentsInfo from '~components/CommentsInfo';\nimport { formatMentionText } from '~components/UserMention/utils';\nimport Attachment from '~components/Attachment';\nimport { isNativeDetected as isNative } from '~/utils/mobileDetect';\n\nimport { deleteAnnotation, patchAnnotation } from '~/clients/jsonApi';\n\nimport AnnotationComments from '../AnnotationComments';\n\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'AppAnnotationItemPo';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY H:mm';\n\nconst muiStyles = theme => ({\n  container: { backgroundColor: '#3b3b3be6', marginBottom: 16, marginLeft: 26 },\n  headerDividerRoot: { margin: '10px 0' },\n  createdAt: { color: theme.palette.grey[700], marginLeft: 5 },\n  link: { cursor: 'pointer' },\n  iconButtonRoot: {\n    height: 24,\n    width: 24,\n    padding: 0,\n    margin: '0 -10px 0 5px',\n  },\n});\n\nconst UserAvatar = ({ user, currentUser, classes }) => (\n  <div className={styles.cAnnotationUserAvatar}>\n    {isNative ? (\n      <Avatar\n        // eslint-disable-next-line camelcase\n        displayName={`${user.first_name} ${user.last_name}`}\n        imgSrc={user.profile_photo}\n        size={38}\n        className={classes.avatar}\n      />\n    ) : (\n      <UserCardPopover user={user} currentUser={currentUser}>\n        <Avatar\n          displayName={`${user.first_name} ${user.last_name}`}\n          imgSrc={user.profile_photo}\n          size={38}\n          className={classes.avatar}\n        />\n      </UserCardPopover>\n    )}\n  </div>\n);\n\nconst MenuButton = ({\n  actionsMenuAnchorEl,\n  handleToggleActionsMenu,\n  classes,\n  handleEdit,\n  handleDelete,\n}) => (\n  <>\n    <IconButton\n      data-testid={`${PAGE_NAME}_menuButton`}\n      aria-label=\"Actions\"\n      aria-owns={actionsMenuAnchorEl ? styles.cAnnotationContainerActionsMenu : undefined}\n      aria-haspopup=\"true\"\n      className={classes.iconButtonRoot}\n      onClick={handleToggleActionsMenu}\n    >\n      <MoreVertIcon htmlColor={grey[400]} />\n    </IconButton>\n\n    <Menu\n      id=\"cAnnotationContainerActionsMenu\"\n      anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n      anchorEl={actionsMenuAnchorEl}\n      open={!!actionsMenuAnchorEl}\n      onClick={handleToggleActionsMenu}\n    >\n      <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={handleEdit}>\n        Edit\n      </MenuItem>\n      <MenuItem data-testid={`${PAGE_NAME}_deleteMenuItem`} onClick={handleDelete}>\n        Delete\n      </MenuItem>\n    </Menu>\n  </>\n);\n\nconst Annotation = ({\n  included,\n  annotation,\n  assetCompanyId,\n  classes,\n  showSuccessNotification,\n  width,\n}) => {\n  const [commentInputIsOpen, setCommentInputIsOpen] = useState(false);\n  const [actionsMenuAnchorEl, setActionsMenuAnchorEl] = useState(null);\n  const [isEdit, setIsEdit] = useState(false);\n  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);\n  const isSmallScreen = !isWidthUp('sm', width);\n\n  const initialCommentsCount = annotation.attributes.comments_count || 0;\n  const [commentsCount, setCommentsCount] = useState(initialCommentsCount);\n\n  const dispatch = useAnnotationsDispatch();\n\n  const activeUsersList = annotation.relationships.comment_users.data.reduce((users, { id }) => {\n    const userData = included.find(user => user.id === id);\n    if (userData) {\n      users.push(userData.attributes);\n    }\n    return users;\n  }, []);\n\n  const userWhoCommented = activeUsersList.map(\n    // eslint-disable-next-line camelcase\n    ({ last_name, first_name }) => `${first_name} ${last_name}`\n  );\n\n  const handleToggleActionsMenu = event => {\n    const currentT = event.currentTarget;\n    setActionsMenuAnchorEl(actionsMenuAnchorEl ? null : currentT);\n  };\n\n  const handleDelete = async () => {\n    try {\n      const response = await deleteAnnotation(annotation.id);\n      if (response) dispatch({ type: DELETE_ANNOTATION, id: annotation.id });\n    } catch (e) {\n      console.error(e);\n    }\n  };\n\n  const handleEdit = async (body, period, attachment) => {\n    try {\n      const changedAnnotation = {\n        body,\n        active_until: period,\n        attachment: {\n          file_name: attachment && attachment.attachmentName,\n          s3_link: attachment && attachment.attachmentUrl,\n        },\n      };\n      const updatedAnnotation = await patchAnnotation(annotation.id, changedAnnotation);\n      dispatch({ type: EDIT_ANNOTATION, annotation: updatedAnnotation, id: annotation.id });\n    } catch (e) {\n      console.error(e);\n      return;\n    }\n\n    showSuccessNotification('Annotation has been changed');\n    setIsEdit(false);\n  };\n\n  const userId = annotation.relationships.user.data.id;\n  const currentUser = included.find(({ type, id }) => type === 'user' && id === userId);\n  const userData = currentUser.attributes;\n  const { attachment } = annotation.attributes;\n\n  return (\n    <Paper className={classes.container} elevation={0}>\n      <div\n        data-testid={`${PAGE_NAME}_annotation_${annotation.attributes.body}`}\n        className={styles.cAnnotationContainer}\n      >\n        <UserAvatar\n          user={userData}\n          classes={classes}\n          isNative={isNative}\n          currentUser={currentUser}\n        />\n\n        <div className={styles.cAnnotationContainerTop}>\n          <div className={styles.cAnnotationContainerTopMainInfo}>\n            <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_userName`}>\n              {`${userData.first_name} ${userData.last_name}`}\n            </Typography>\n            <Typography\n              data-testid={`${PAGE_NAME}_addDate`}\n              variant=\"caption\"\n              className={classes.createdAt}\n            >\n              {moment(annotation.attributes.created_at).format(CREATED_AT_FORMAT)}\n            </Typography>\n          </div>\n          <div\n            className={classNames(styles.cAnnotationContainerTopMenu, {\n              [styles.cAnnotationContainerTopMenuSmall]: isSmallScreen,\n            })}\n          >\n            <MenuButton\n              actionsMenuAnchorEl={actionsMenuAnchorEl}\n              handleToggleActionsMenu={handleToggleActionsMenu}\n              handleEdit={() => setIsEdit(true)}\n              handleDelete={() => setDeleteDialogOpen(true)}\n              classes={classes}\n            />\n          </div>\n        </div>\n\n        <Divider className={classes.headerDividerRoot} />\n\n        <div data-testid={`${PAGE_NAME}_message`} className={styles.cAnnotationContainerContent}>\n          {isEdit ? (\n            <AnnotationInput\n              initialText={annotation.attributes.body}\n              assetCompanyId={assetCompanyId}\n              initialPeriod={annotation.attributes.created_at}\n              initialAttachment={attachment}\n              onSend={handleEdit}\n              onClose={() => setIsEdit(false)}\n              closeOnEsc\n            />\n          ) : (\n            <>\n              {formatMentionText(\n                annotation.attributes.body,\n                annotation.relationships.mentioned_users.data,\n                isNative,\n                null,\n                currentUser\n              )}\n              {attachment && attachment.signed_url && (\n                <Attachment attachmentUrl={attachment.signed_url} size=\"small\" />\n              )}\n            </>\n          )}\n        </div>\n      </div>\n      <div\n        data-testid={`${PAGE_NAME}_comments_${annotation.attributes.body}`}\n        className={styles.cAnnotationComments}\n      >\n        <div className={styles.cAnnotationCommentsInfo}>\n          <Typography\n            data-testid={`${PAGE_NAME}_commentButton`}\n            variant=\"caption\"\n            color=\"primary\"\n            className={classes.link}\n            onClick={() => setCommentInputIsOpen(true)}\n          >\n            Comment\n          </Typography>\n          <CommentsInfo\n            commentsCount={commentsCount}\n            usersWhoCommented={userWhoCommented}\n            activeUsersList={activeUsersList}\n            currentUser={currentUser}\n            small\n          />\n        </div>\n        <AnnotationComments\n          annotationId={annotation.id}\n          commentInputIsOpen={commentInputIsOpen}\n          setCommentInputIsOpen={setCommentInputIsOpen}\n          commentsCount={commentsCount}\n          initialCommentsCount={initialCommentsCount}\n          assetCompanyId={assetCompanyId}\n          setCommentsCount={setCommentsCount}\n          currentUser={currentUser}\n        />\n      </div>\n      {deleteDialogOpen && (\n        <ConfirmationDialog\n          open={deleteDialogOpen}\n          text=\"Do you really want to delete annotation?\"\n          handleClose={() => setDeleteDialogOpen(false)}\n          handleOk={handleDelete}\n          okText=\"Delete\"\n        />\n      )}\n    </Paper>\n  );\n};\n\nUserAvatar.propTypes = {\n  user: shape({\n    id: number.isRequired,\n    first_name: string.isRequired,\n    last_name: string.isRequired,\n    profile_photo: string.isRequired,\n  }).isRequired,\n  currentUser: shape({}).isRequired,\n  classes: shape({}).isRequired,\n};\n\nMenuButton.propTypes = {\n  actionsMenuAnchorEl: oneOf([node, null]).isRequired,\n  handleToggleActionsMenu: func.isRequired,\n  classes: shape({}).isRequired,\n  handleDelete: func.isRequired,\n  handleEdit: func.isRequired,\n};\n\nAnnotation.propTypes = {\n  included: arrayOf(shape({})).isRequired,\n  annotation: shape({\n    relationships: shape({\n      user: shape({ data: shape({ id: string.isRequired }).isRequired }).isRequired,\n      mentioned_users: shape({ data: arrayOf(shape({})).isRequired }).isRequired,\n    }).isRequired,\n    attributes: shape({ body: string.isRequired, created_at: string.isRequired }),\n  }).isRequired,\n  classes: shape({}).isRequired,\n  showSuccessNotification: func,\n  width: string.isRequired,\n  assetCompanyId: number.isRequired,\n};\n\nAnnotation.defaultProps = {\n  showSuccessNotification: () => undefined,\n};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(Annotation);\n"],"names":["PAGE_NAME","CREATED_AT_FORMAT","muiStyles","theme","container","backgroundColor","marginBottom","marginLeft","headerDividerRoot","margin","createdAt","color","palette","grey","link","cursor","iconButtonRoot","height","width","padding","UserAvatar","user","currentUser","classes","_jsx","styles","cAnnotationUserAvatar","isNative","first_name","last_name","profile_photo","avatar","MenuButton","actionsMenuAnchorEl","handleToggleActionsMenu","handleEdit","handleDelete","_jsxs","cAnnotationContainerActionsMenu","undefined","vertical","horizontal","Annotation","included","annotation","assetCompanyId","showSuccessNotification","useState","commentInputIsOpen","setCommentInputIsOpen","setActionsMenuAnchorEl","isEdit","setIsEdit","deleteDialogOpen","setDeleteDialogOpen","isSmallScreen","isWidthUp","initialCommentsCount","attributes","comments_count","commentsCount","setCommentsCount","dispatch","useAnnotationsDispatch","activeUsersList","relationships","comment_users","data","reduce","users","id","userData","find","push","userWhoCommented","map","event","currentT","currentTarget","deleteAnnotation","response","type","DELETE_ANNOTATION","console","error","body","period","attachment","changedAnnotation","active_until","file_name","attachmentName","s3_link","attachmentUrl","patchAnnotation","updatedAnnotation","EDIT_ANNOTATION","userId","cAnnotationContainer","cAnnotationContainerTop","cAnnotationContainerTopMainInfo","moment","created_at","format","classNames","cAnnotationContainerTopMenu","cAnnotationContainerTopMenuSmall","cAnnotationContainerContent","formatMentionText","mentioned_users","signed_url","cAnnotationComments","cAnnotationCommentsInfo","propTypes","shape","number","isRequired","string","oneOf","node","func","arrayOf","defaultProps","flowRight","withStyles","withWidth"],"mappings":"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"}

package/components/Annotations/components/AnnotationsList/components/Annotation/style.css.js

@@ -1 +1,8 @@
-import n from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cAnnotationContainer:"style_cAnnotationContainer__RZDNb",cAnnotationComments:"style_cAnnotationComments__0I3Tx",cAnnotationContainerTop:"style_cAnnotationContainerTop__9CQ47",cAnnotationContainerTopMainInfo:"style_cAnnotationContainerTopMainInfo__s2Mek",cAnnotationContainerTopMenu:"style_cAnnotationContainerTopMenu__JfKag",cAnnotationContainerTopMenuSmall:"style_cAnnotationContainerTopMenuSmall__T43Ll",cAnnotationUserAvatar:"style_cAnnotationUserAvatar__mrWQu",cAnnotationCommentsInfo:"style_cAnnotationCommentsInfo__T4YFf"};n(".style_cAnnotationContainer__RZDNb{padding:15px 16px 0 22px;position:relative}.style_cAnnotationComments__0I3Tx{padding:16px 16px 16px 22px}.style_cAnnotationContainerTop__9CQ47{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.style_cAnnotationContainerTopMainInfo__s2Mek,.style_cAnnotationContainerTopMenu__JfKag{align-items:center;display:flex}.style_cAnnotationContainerTopMenuSmall__T43Ll{justify-content:space-between}.style_cAnnotationUserAvatar__mrWQu{background-color:grey;border-radius:100%;height:38px;left:-23px;position:absolute;top:15px;width:38px}.style_cAnnotationCommentsInfo__T4YFf{align-items:center;display:flex}");export{t as default};
+import styleInject from '../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cAnnotationContainer__2oHkf {\n  padding: 15px 16px 0 22px;\n  position: relative;\n}\n\n.style_cAnnotationComments__2EXYS {\n  padding: 16px 16px 16px 22px;\n}\n\n.style_cAnnotationContainerTop__35t5H {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.style_cAnnotationContainerTopMainInfo__2NIf1,\n.style_cAnnotationContainerTopMenu__-E4jg {\n  display: flex;\n  align-items: center;\n}\n\n.style_cAnnotationContainerTopMenuSmall__3t9Gr {\n  justify-content: space-between;\n}\n\n.style_cAnnotationUserAvatar__2rjD1 {\n  width: 38px;\n  height: 38px;\n  background-color: grey;\n  border-radius: 100%;\n  position: absolute;\n  top: 15px;\n  left: -23px;\n}\n\n.style_cAnnotationCommentsInfo__2jQIG {\n  display: flex;\n  align-items: center;\n}\n";
+var styles = {"cAnnotationContainer":"style_cAnnotationContainer__2oHkf","cAnnotationComments":"style_cAnnotationComments__2EXYS","cAnnotationContainerTop":"style_cAnnotationContainerTop__35t5H","cAnnotationContainerTopMainInfo":"style_cAnnotationContainerTopMainInfo__2NIf1","cAnnotationContainerTopMenu":"style_cAnnotationContainerTopMenu__-E4jg","cAnnotationContainerTopMenuSmall":"style_cAnnotationContainerTopMenuSmall__3t9Gr","cAnnotationUserAvatar":"style_cAnnotationUserAvatar__2rjD1","cAnnotationCommentsInfo":"style_cAnnotationCommentsInfo__2jQIG"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=style.css.js.map

package/components/Annotations/components/AnnotationsList/components/Annotation/style.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,gEAAqE;AAC7F;AACA;AACA;AACA;AACA;AACA;"}