@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

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

@@ -1 +1,417 @@
-import e from"@babel/runtime/helpers/defineProperty";import t 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"../AnnotationComments/index.js";import{useAnnotationsDispatch as M}from"../../../../AnnotationsContext.js";import{DELETE_ANNOTATION as I,EDIT_ANNOTATION as j}from"../../../../constants.js";import T from"../AnnotationInput/index.js";import k from"./style.css.js";import{AvatarComponent as w}from"../../../../../Avatar/index.js";import D from"../../../../../UserCardPopover.js";import U from"../../../../../ConfirmationDialog.js";import E from"../../../../../CommentsInfo/index.js";import{formatMentionText as S}from"../../../../../UserMention/utils/index.js";import O from"../../../../../Attachment/index.js";import{isNativeDetected as z}from"../../../../../../utils/mobileDetect.js";import{deleteAnnotation as B,patchAnnotation as P}from"../../../../../../clients/jsonApi/index.js";import{jsxs as L,jsx as W,Fragment as Y}from"react/jsx-runtime";var G="AppAnnotationItemPo",H=function(e){var t=e.user,n=e.currentUser,i=e.classes;return W("div",{className:k.cAnnotationUserAvatar,children:z?W(w,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:i.avatar}):W(D,{user:t,currentUser:n,children:W(w,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:38,className:i.avatar})})})},V=function(e){var t=e.actionsMenuAnchorEl,n=e.handleToggleActionsMenu,i=e.classes,r=e.handleEdit,a=e.handleDelete;return L(Y,{children:[W(y,{"data-testid":"".concat(G,"_menuButton"),"aria-label":"Actions","aria-owns":t?k.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:t,open:!!t,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),w=N[0],D=N[1],F=r(!1),J=n(F,2),K=J[0],Q=J[1],X=r(!1),Z=n(X,2),$=Z[0],ee=Z[1],te=!v("sm",h),ne=d.attributes.comments_count||0,ie=r(ne),re=n(ie,2),ae=re[0],oe=re[1],se=M(),ce=d.relationships.comment_users.data.reduce((function(e,t){var n=t.id,i=m.find((function(e){return e.id===n}));return i&&e.push(i.attributes),e}),[]),me=ce.map((function(e){var t=e.last_name,n=e.first_name;return"".concat(n," ").concat(t)})),de=(s=t(i.mark((function e(){return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,B(d.id);case 3:e.sent&&(se({type:I,id:d.id}),p("Annotation has been deleted")),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])}))),function(){return s.apply(this,arguments)}),le=(c=t(i.mark((function e(t,n,r){var a,o;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,a={body:t,active_until:n,attachment:{file_name:r&&r.attachmentName,signed_url:r&&r.attachmentUrl}},e.next=4,P(d.id,a);case 4:o=e.sent,se({type:j,annotation:o,id:d.id}),e.next=12;break;case 8:return e.prev=8,e.t0=e.catch(0),console.error(e.t0),e.abrupt("return");case 12:p("Annotation has been changed"),Q(!1);case 14:case"end":return e.stop()}}),e,null,[[0,8]])}))),function(e,t,n){return c.apply(this,arguments)}),ue=d.relationships.user.data.id,pe=m.find((function(e){var t=e.type,n=e.id;return"user"===t&&n===ue})),he=pe.attributes,fe=d.attributes.attachment;return L(b,{className:u.container,elevation:0,children:[L("div",{"data-testid":"".concat(G,"_annotation_").concat(d.attributes.body),className:k.cAnnotationContainer,children:[W(H,{user:he,classes:u,isNative:z,currentUser:pe}),L("div",{className:k.cAnnotationContainerTop,children:[L("div",{className:k.cAnnotationContainerTopMainInfo,children:[W(_,{variant:"body2","data-testid":"".concat(G,"_userName"),children:"".concat(he.first_name," ").concat(he.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(k.cAnnotationContainerTopMenu,e({},k.cAnnotationContainerTopMenuSmall,te)),children:W(V,{actionsMenuAnchorEl:w,handleToggleActionsMenu:function(e){var t=e.currentTarget;D(w?null:t)},handleEdit:function(){return Q(!0)},handleDelete:function(){return ee(!0)},classes:u})})]}),W(A,{className:u.headerDividerRoot}),W("div",{"data-testid":"".concat(G,"_message"),className:k.cAnnotationContainerContent,children:K?W(T,{initialText:d.attributes.body,assetCompanyId:l,initialPeriod:d.attributes.created_at,initialAttachment:fe,onSend:le,onClose:function(){return Q(!1)},closeOnEsc:!0}):L(Y,{children:[S(d.attributes.body,d.relationships.mentioned_users.data,z,null,pe),fe&&fe.signed_url&&W(O,{attachmentUrl:fe.signed_url,fileName:fe.file_name,size:"small"})]})})]}),L("div",{"data-testid":"".concat(G,"_comments_").concat(d.attributes.body),className:k.cAnnotationComments,children:[L("div",{className:k.cAnnotationCommentsInfo,children:[W(_,{"data-testid":"".concat(G,"_commentButton"),variant:"caption",color:"primary",className:u.link,onClick:function(){return R(!0)},children:"Comment"}),W(E,{commentsCount:ae,usersWhoCommented:me,activeUsersList:ce,currentUser:pe,small:!0})]}),W(x,{annotationId:d.id,commentInputIsOpen:g,setCommentInputIsOpen:R,commentsCount:ae,initialCommentsCount:ne,assetCompanyId:l,setCommentsCount:oe,currentUser:pe})]}),$&&W(U,{open:$,text:"Do you really want to delete annotation?",handleClose:function(){return ee(!1)},handleOk:de,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(e){return{container:{backgroundColor:"#3b3b3be6",marginBottom:16,marginLeft:26},headerDividerRoot:{margin:"10px 0"},createdAt:{color:e.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 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 { AvatarComponent } 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 { 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(AvatarComponent
+    // 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(AvatarComponent, {
+        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
+                });
+                showSuccessNotification('Annotation has been deleted');
+              }
+              _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';\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 AnnotationComments from '../AnnotationComments';\nimport { useAnnotationsDispatch } from '../../../../AnnotationsContext';\nimport { DELETE_ANNOTATION, EDIT_ANNOTATION } from '../../../../constants';\nimport AnnotationInput from '../AnnotationInput';\n\nimport styles from './style.css';\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';\nimport { deleteAnnotation, patchAnnotation } from '~/clients/jsonApi';\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) {\n        dispatch({ type: DELETE_ANNOTATION, id: annotation.id });\n        showSuccessNotification('Annotation has been deleted');\n      }\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","Avatar","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/AnnotationComments/style.css.js

@@ -1 +1,8 @@
-import t from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var n={cAnnotationCommentsList:"style_cAnnotationCommentsList__QB1u0",cAnnotationCommentsListItems:"style_cAnnotationCommentsListItems__M9gf7",cAnnotationCommentsListInput:"style_cAnnotationCommentsListInput__jsIk6"};t(".style_cAnnotationCommentsList__QB1u0{margin-top:5px}.style_cAnnotationCommentsListItems__M9gf7{margin-bottom:5px;padding:0 0 5px 19px}.style_cAnnotationCommentsListInput__jsIk6{padding-bottom:15px}.style_cAnnotationCommentsListInput__jsIk6 .c-user-mention{font-size:14px}");export{n as default};
+import styleInject from './../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cAnnotationCommentsList__QB1u0 {\n  margin-top: 5px;\n}\n\n.style_cAnnotationCommentsListItems__M9gf7 {\n  margin-bottom: 5px;\n  padding: 0 0 5px 19px;\n}\n\n.style_cAnnotationCommentsListInput__jsIk6 {\n  padding-bottom: 15px;\n}\n\n.style_cAnnotationCommentsListInput__jsIk6 .c-user-mention {\n  font-size: 14px;\n}\n";
+var styles = {"cAnnotationCommentsList":"style_cAnnotationCommentsList__QB1u0","cAnnotationCommentsListItems":"style_cAnnotationCommentsListItems__M9gf7","cAnnotationCommentsListInput":"style_cAnnotationCommentsListInput__jsIk6"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

package/components/Annotations/components/AnnotationsList/components/AnnotationComments/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;"}

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js

@@ -1 +1,39 @@
-import e from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/helpers/objectWithoutProperties";import t from"prop-types";import{Select as o}from"@material-ui/core";import{withStyles as i}from"@material-ui/core/styles";import{jsx as n}from"react/jsx-runtime";var p=["classes"];function s(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);r&&(o=o.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,o)}return t}function c(t){var i=t.classes,c=r(t,p);return n(o,function(r){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?s(Object(o),!0).forEach((function(t){e(r,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):s(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}({classes:i,className:i.rootParent},c))}c.propTypes={classes:t.shape().isRequired};var a=i({rootParent:{overflow:"hidden"},root:{fontSize:"10px",lineHeight:"12px"},select:{padding:"0 40px 0 0"}},{withTheme:!0})(c);export{a as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import PropTypes from 'prop-types';
+import { Select } from '@material-ui/core';
+import { withStyles } from '@material-ui/core/styles';
+import { jsx } from 'react/jsx-runtime';
+
+var _excluded = ["classes"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var muiStyles = {
+  rootParent: {
+    overflow: 'hidden'
+  },
+  root: {
+    fontSize: '10px',
+    lineHeight: '12px'
+  },
+  select: {
+    padding: '0 40px 0 0'
+  }
+};
+function StyledSelect(_ref) {
+  var classes = _ref.classes,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx(Select, _objectSpread({
+    classes: classes,
+    className: classes.rootParent
+  }, props));
+}
+StyledSelect.propTypes = {
+  classes: PropTypes.shape().isRequired
+};
+var StyledSelect$1 = withStyles(muiStyles, {
+  withTheme: true
+})(StyledSelect);
+
+export { StyledSelect$1 as default };
+//# sourceMappingURL=StyledSelect.js.map

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledSelect.js","sources":["../../../../../../../src/components/Annotations/components/AnnotationsList/components/AnnotationInput/StyledSelect.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Select } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst muiStyles = {\n  rootParent: {\n    overflow: 'hidden',\n  },\n  root: {\n    fontSize: '10px',\n    lineHeight: '12px',\n  },\n  select: {\n    padding: '0 40px 0 0',\n  },\n};\n\nfunction StyledSelect({ classes, ...props }) {\n  return <Select classes={classes} className={classes.rootParent} {...props} />;\n}\n\nStyledSelect.propTypes = {\n  classes: PropTypes.shape().isRequired,\n};\n\nexport default withStyles(muiStyles, { withTheme: true })(StyledSelect);\n"],"names":["muiStyles","rootParent","overflow","root","fontSize","lineHeight","select","padding","StyledSelect","classes","props","_jsx","propTypes","PropTypes","shape","isRequired","withStyles","withTheme"],"mappings":";;;;;;;;;;AAIA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,UAAU,EAAE;AACVC,IAAAA,QAAQ,EAAE,QAAA;GACX;AACDC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE,MAAM;AAChBC,IAAAA,UAAU,EAAE,MAAA;GACb;AACDC,EAAAA,MAAM,EAAE;AACNC,IAAAA,OAAO,EAAE,YAAA;AACX,GAAA;AACF,CAAC,CAAA;AAED,SAASC,YAAY,CAAwB,IAAA,EAAA;EAAA,IAArBC,OAAO,QAAPA,OAAO;IAAKC,KAAK,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AACvC,EAAA,oBAAOC,IAAC,MAAM,EAAA,aAAA,CAAA;AAAC,IAAA,OAAO,EAAEF,OAAQ;IAAC,SAAS,EAAEA,OAAO,CAACR,UAAAA;AAAW,GAAA,EAAKS,KAAK,CAAI,CAAA,CAAA;AAC/E,CAAA;AAEAF,YAAY,CAACI,SAAS,GAAG;AACvBH,EAAAA,OAAO,EAAEI,SAAS,CAACC,KAAK,EAAE,CAACC,UAAAA;AAC7B,CAAC,CAAA;AAED,qBAAeC,UAAU,CAAChB,SAAS,EAAE;AAAEiB,EAAAA,SAAS,EAAE,IAAA;AAAK,CAAC,CAAC,CAACT,YAAY,CAAC;;;;"}

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

@@ -1 +1,8 @@
-import t from'./../../../../../../ext-esm/style-inject/dist/style-inject.es.js';var n={cAnnotationInput:"style_cAnnotationInput__yG50Z",cAnnotationInputContent:"style_cAnnotationInputContent__IiRy4",cAnnotationInputContentActions:"style_cAnnotationInputContentActions__agaLg",cAnnotationInputContentActionsButton:"style_cAnnotationInputContentActionsButton__v0-tn",cAnnotationInputActions:"style_cAnnotationInputActions__t25CL",cAnnotationInputActionsSend:"style_cAnnotationInputActionsSend__C8bHa"};t(".style_cAnnotationInput__yG50Z{display:flex;flex-direction:column;position:relative;width:100%}.style_cAnnotationInput__yG50Z .c-component-file-preview{margin-left:0;width:100%}.style_cAnnotationInputContent__IiRy4{border:2px solid #03bcd4;box-shadow:none;height:147px;padding:6px 13px;width:100%}.style_cAnnotationInputContentActions__agaLg{display:flex;justify-content:flex-end;width:100%}.style_cAnnotationInputContentActionsButton__v0-tn{display:inline-block;vertical-align:top}.style_cAnnotationInputActions__t25CL{display:flex;justify-content:space-between;margin-top:10px}.style_cAnnotationInputActionsSend__C8bHa{align-items:center;display:flex}");export{n as default};
+import styleInject from './../../../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".style_cAnnotationInput__yG50Z {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n/* question here  */\n\n.style_cAnnotationInput__yG50Z .c-component-file-preview {\n  margin-left: 0;\n  width: 100%;\n}\n\n.style_cAnnotationInputContent__IiRy4 {\n  width: 100%;\n  height: 147px;\n  border: 2px solid #03bcd4;\n  padding: 6px 13px;\n  box-shadow: none;\n}\n\n.style_cAnnotationInputContentActions__agaLg {\n  display: flex;\n  width: 100%;\n  justify-content: flex-end;\n}\n\n.style_cAnnotationInputContentActionsButton__v0-tn {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.style_cAnnotationInputActions__t25CL {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 10px;\n}\n\n.style_cAnnotationInputActionsSend__C8bHa {\n  display: flex;\n  align-items: center;\n}\n";
+var styles = {"cAnnotationInput":"style_cAnnotationInput__yG50Z","cAnnotationInputContent":"style_cAnnotationInputContent__IiRy4","cAnnotationInputContentActions":"style_cAnnotationInputContentActions__agaLg","cAnnotationInputContentActionsButton":"style_cAnnotationInputContentActionsButton__v0-tn","cAnnotationInputActions":"style_cAnnotationInputActions__t25CL","cAnnotationInputActionsSend":"style_cAnnotationInputActionsSend__C8bHa"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=style.css.js.map

package/components/Annotations/components/AnnotationsList/components/AnnotationInput/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;"}