@corva/ui 0.65.0-0 → 0.65.0-1-test

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

@@ -1 +1,414 @@
-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 T}from"../../../../../UserMention/utils/index.js";import k 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,signed_url: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:[T(d.attributes.body,d.relationships.mentioned_users.data,w,null,pt),ft&&ft.signed_url&&W(k,{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 _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState } from 'react';
+import classNames from 'classnames';
+import { shape, number, string, oneOf, node, func, arrayOf } from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { flowRight } from 'lodash';
+import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
+import moment from 'moment';
+import { Paper, Typography, Divider, IconButton, Menu, MenuItem } from '@material-ui/core';
+import grey from '@material-ui/core/colors/grey';
+import MoreVertIcon from '@material-ui/icons/MoreVert';
+import Avatar from '../../../../../Avatar/index.js';
+import UserCardPopover from '../../../../../UserCardPopover.js';
+import ConfirmationDialog from '../../../../../ConfirmationDialog.js';
+import CommentsInfo from '../../../../../CommentsInfo/index.js';
+import { formatMentionText } from '../../../../../UserMention/utils/index.js';
+import Attachment from '../../../../../Attachment/index.js';
+import { isNativeDetected } from '../../../../../../utils/mobileDetect.js';
+import { deleteAnnotation, patchAnnotation } from '../../../../../../clients/jsonApi/index.js';
+import AnnotationComments from '../AnnotationComments/index.js';
+import { useAnnotationsDispatch } from '../../../../AnnotationsContext.js';
+import { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants.js';
+import AnnotationInput from '../AnnotationInput/index.js';
+import styles from './style.css.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+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,
+                  signed_url: 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,
+            fileName: attachment.file_name,
+            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 { Annotation$1 as default };
+//# 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          signed_url: 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\n                  attachmentUrl={attachment.signed_url}\n                  fileName={attachment.file_name}\n                  size=\"small\"\n                />\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","_Fragment","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","signed_url","attachmentUrl","patchAnnotation","updatedAnnotation","EDIT_ANNOTATION","userId","cAnnotationContainer","cAnnotationContainerTop","cAnnotationContainerTopMainInfo","moment","created_at","format","classNames","cAnnotationContainerTopMenu","cAnnotationContainerTopMenuSmall","cAnnotationContainerContent","formatMentionText","mentioned_users","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__RZDNb {\n  padding: 15px 16px 0 22px;\n  position: relative;\n}\n\n.style_cAnnotationComments__0I3Tx {\n  padding: 16px 16px 16px 22px;\n}\n\n.style_cAnnotationContainerTop__9CQ47 {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.style_cAnnotationContainerTopMainInfo__s2Mek,\n.style_cAnnotationContainerTopMenu__JfKag {\n  display: flex;\n  align-items: center;\n}\n\n.style_cAnnotationContainerTopMenuSmall__T43Ll {\n  justify-content: space-between;\n}\n\n.style_cAnnotationUserAvatar__mrWQu {\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__T4YFf {\n  display: flex;\n  align-items: center;\n}\n";
+var styles = {"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"};
+styleInject(css_248z);
+
+export { styles as default };
+//# 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,kEAAqE;AAC7F;AACA;AACA;AACA;AACA;AACA;"}