@corva/ui 0.34.0-rc.3 → 0.34.0

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

@@ -1,261 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { isNativeDetected } from '../../../../utils/mobileDetect.js';
-import { showSuccessNotification } from '../../../../utils/notificationToasts.js';
-import { getAnnotations } from '../../../../clients/jsonApi/index.js';
-import '../../../../utils/index.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { RootRef, Paper, Typography, Tooltip, IconButton } from '@material-ui/core';
-import { memo, useRef, useState, useEffect } from 'react';
-import useOutsideClick from '../../../../effects/useOutsideClick.js';
-import { number, string, shape, func, bool } from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import BackIcon from '@material-ui/icons/ChevronLeft';
-import InfiniteList from '../../../InfiniteList/index.js';
-import { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants.js';
-import { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext.js';
-import AddAnnotationForm from './components/AddAnnotationForm/index.js';
-import Annotation from './components/Annotation/index.js';
-import styles from './style.css.js';
-
-var PAGE_NAME = 'AppAnnotationsPo';
-
-var muiStyles = function muiStyles(theme) {
-  return {
-    title: {
-      fontWeight: 200,
-      marginBottom: 20
-    },
-    secondaryTitle: {
-      fontWeight: 200,
-      textTransform: 'uppercase',
-      color: theme.palette.grey[600]
-    },
-    annotateIcon: {
-      padding: 0,
-      '&:hover': {
-        backgroundColor: 'transparent',
-        boxShadow: 'none'
-      }
-    },
-    noAnnotations: {
-      marginTop: 16
-    },
-    backIcon: {
-      cursor: 'pointer',
-      color: theme.palette.grey[600],
-      padding: 5
-    }
-  };
-};
-
-var PER_PAGE = 4;
-
-var AnnotationsList = function AnnotationsList(_ref) {
-  var _classNames;
-
-  var appId = _ref.appId,
-      appTitle = _ref.appTitle,
-      assetId = _ref.assetId,
-      assetCompanyId = _ref.assetCompanyId,
-      appSettings = _ref.appSettings,
-      currentUser = _ref.currentUser,
-      onClose = _ref.onClose,
-      isNative = _ref.isNative,
-      classes = _ref.classes,
-      dashboardType = _ref.dashboardType;
-
-  var _useAnnotationsState = useAnnotationsState(),
-      annotations = _useAnnotationsState.annotations;
-
-  var dispatch = useAnnotationsDispatch();
-  var rootRef = useRef();
-  var footerRef = useRef();
-
-  var infiniteContainerHeight = function infiniteContainerHeight() {
-    if (rootRef.current && footerRef.current) return rootRef.current.clientHeight - footerRef.current.clientHeight;
-    return null;
-  };
-
-  useOutsideClick(rootRef, onClose);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isOpen = _useState2[0],
-      setIsOpen = _useState2[1];
-
-  var _useState3 = useState(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      isInfiniteLoading = _useState4[0],
-      setIsInfiniteLoading = _useState4[1];
-
-  var _useState5 = useState(true),
-      _useState6 = _slicedToArray(_useState5, 2),
-      moreItemsMayExist = _useState6[0],
-      setMoreItemsMayExist = _useState6[1];
-
-  var _useState7 = useState(1),
-      _useState8 = _slicedToArray(_useState7, 2),
-      page = _useState8[0],
-      setPage = _useState8[1];
-
-  function handleFetchAnnotations() {
-    return _handleFetchAnnotations.apply(this, arguments);
-  }
-
-  function _handleFetchAnnotations() {
-    _handleFetchAnnotations = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var response, options, lessThanPerPage;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (appId && assetId) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              setIsInfiniteLoading(true);
-              _context.prev = 3;
-              options = {
-                page: page,
-                per_page: PER_PAGE,
-                sort: 'created_at',
-                order: 'desc'
-              };
-              if (dashboardType) options.dashboard_type = dashboardType;
-              _context.next = 8;
-              return getAnnotations(appId, assetId, options);
-
-            case 8:
-              response = _context.sent;
-              dispatch({
-                type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,
-                annotations: response
-              });
-              _context.next = 15;
-              break;
-
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](3);
-              console.error(_context.t0);
-
-            case 15:
-              lessThanPerPage = response && response.data.length < PER_PAGE;
-              setPage(page + 1);
-              setMoreItemsMayExist(!lessThanPerPage);
-              setIsInfiniteLoading(false);
-
-            case 19:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[3, 12]]);
-    }));
-    return _handleFetchAnnotations.apply(this, arguments);
-  }
-
-  useEffect(function () {
-    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  return /*#__PURE__*/jsx(RootRef, {
-    rootRef: rootRef,
-    children: /*#__PURE__*/jsxs(Paper, {
-      className: classNames(styles.cAnnotationsList, (_classNames = {}, _defineProperty(_classNames, styles.cAnnotationsListOpen, isOpen), _defineProperty(_classNames, styles.cAnnotationsListOpenNative, isNative), _classNames)),
-      children: [/*#__PURE__*/jsx(InfiniteList, {
-        infiniteClassName: styles.cAnnotationsListContentContainer,
-        headerComponent: /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(Typography, {
-            "data-testid": "".concat(PAGE_NAME, "_appTitle"),
-            variant: "body1",
-            className: classes.title,
-            children: appTitle
-          }), /*#__PURE__*/jsx("div", {
-            className: styles.cAnnotationsListContentTop,
-            children: /*#__PURE__*/jsxs(Typography, {
-              "data-testid": "".concat(PAGE_NAME, "_annotationsTitle"),
-              variant: "caption",
-              className: classes.secondaryTitle,
-              children: ["Annotations (", annotations.data ? annotations.data.length : 0, ")"]
-            })
-          }), /*#__PURE__*/jsx(AddAnnotationForm, {
-            appId: appId,
-            assetId: assetId,
-            assetCompanyId: assetCompanyId,
-            appSettings: appSettings,
-            currentUser: currentUser,
-            dashboardType: dashboardType
-          })]
-        }),
-        useWindow: isNative,
-        items: annotations.data || [],
-        showNoItemsFound: (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading,
-        noItemsFoundLabel: /*#__PURE__*/jsx(Typography, {
-          variant: "body2",
-          "data-testid": "".concat(PAGE_NAME, "_noAnnotations"),
-          className: classes.noAnnotations,
-          children: "No Annotations yet"
-        }),
-        threshold: 50,
-        infiniteContainerHeight: infiniteContainerHeight(),
-        moreItemsMayExist: moreItemsMayExist,
-        pathToCreatedAt: ['attributes', 'created_at'],
-        renderItem: function renderItem(item) {
-          return /*#__PURE__*/jsx(Annotation, {
-            isNative: isNative,
-            annotation: item,
-            assetCompanyId: assetCompanyId,
-            included: annotations.included,
-            currentUser: currentUser,
-            showSuccessNotification: showSuccessNotification
-          }, item.id);
-        },
-        loadItems: handleFetchAnnotations
-      }), /*#__PURE__*/jsx("div", {
-        className: styles.cAnnotationsListActions,
-        ref: footerRef,
-        children: /*#__PURE__*/jsx(Tooltip, {
-          title: "Hide",
-          placement: "bottom",
-          children: /*#__PURE__*/jsx(IconButton, {
-            "data-testid": "".concat(PAGE_NAME, "_hideButton"),
-            onClick: onClose,
-            className: classes.backIcon,
-            children: /*#__PURE__*/jsx(BackIcon, {})
-          })
-        })
-      })]
-    })
-  });
-};
-
-AnnotationsList.propTypes = {
-  appId: number.isRequired,
-  appTitle: string.isRequired,
-  assetId: number.isRequired,
-  assetCompanyId: number.isRequired,
-  appSettings: shape(),
-  classes: shape().isRequired,
-  onClose: func.isRequired,
-  currentUser: shape({}).isRequired,
-  isNative: bool,
-  dashboardType: string
-};
-AnnotationsList.defaultProps = {
-  appSettings: {},
-  isNative: isNativeDetected,
-  dashboardType: null
-};
-var AnnotationsList$1 = withStyles(muiStyles)(memo(AnnotationsList));
-
-export default AnnotationsList$1;
-//# sourceMappingURL=index.js.map
+import t from"@babel/runtime/helpers/defineProperty";import e from"@babel/runtime/helpers/asyncToGenerator";import n from"@babel/runtime/helpers/slicedToArray";import o from"@babel/runtime/regenerator";import{memo as r,useRef as a,useState as i,useEffect as s}from"react";import{number as c,string as p,shape as d,func as m,bool as l}from"prop-types";import u from"classnames";import{withStyles as f}from"@material-ui/core/styles";import{RootRef as h,Paper as y,Typography as b,Tooltip as g,IconButton as A}from"@material-ui/core";import v from"@material-ui/icons/ChevronLeft";import"../../../../utils/index.js";import{isNativeDetected as I}from"../../../../utils/mobileDetect.js";import C from"../../../InfiniteList/index.js";import T from"../../../../effects/useOutsideClick.js";import N from"./components/AddAnnotationForm/index.js";import x from"./components/Annotation/index.js";import{getAnnotations as j}from"../../../../clients/jsonApi/index.js";import{useAnnotationsState as L,useAnnotationsDispatch as k}from"../../AnnotationsContext.js";import{SET_ANNOTATIONS as R,APPEND_ANNOTATIONS as _}from"../../constants.js";import q from"./style.css.js";import{jsx as w,jsxs as S,Fragment as H}from"react/jsx-runtime";import{showSuccessNotification as U}from"../../../../utils/notificationToasts.js";var F="AppAnnotationsPo",O=function(r){var c,p=r.appId,d=r.appTitle,m=r.assetId,l=r.assetCompanyId,f=r.appSettings,I=r.currentUser,O=r.onClose,P=r.isNative,W=r.classes,B=r.dashboardType,D=L().annotations,E=k(),G=a(),M=a();T(G,O);var z=i(!1),J=n(z,2),K=J[0],Q=J[1],V=i(!0),X=n(V,2),Y=X[0],Z=X[1],$=i(!0),tt=n($,2),et=tt[0],nt=tt[1],ot=i(1),rt=n(ot,2),at=rt[0],it=rt[1];function st(){return(st=e(o.mark((function t(){var e,n,r;return o.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(p&&m){t.next=2;break}return t.abrupt("return");case 2:return Z(!0),t.prev=3,n={page:at,per_page:4,sort:"created_at",order:"desc"},B&&(n.dashboard_type=B),t.next=8,j(p,m,n);case 8:e=t.sent,E({type:1===at?R:_,annotations:e}),t.next=15;break;case 12:t.prev=12,t.t0=t.catch(3),console.error(t.t0);case 15:r=e&&e.data.length<4,it(at+1),nt(!r),Z(!1);case 19:case"end":return t.stop()}}),t,null,[[3,12]])})))).apply(this,arguments)}return s((function(){Q(!0)}),[]),w(h,{rootRef:G,children:S(y,{className:u(q.cAnnotationsList,(c={},t(c,q.cAnnotationsListOpen,K),t(c,q.cAnnotationsListOpenNative,P),c)),children:[w(C,{infiniteClassName:q.cAnnotationsListContentContainer,headerComponent:S(H,{children:[w(b,{"data-testid":"".concat(F,"_appTitle"),variant:"body1",className:W.title,children:d}),w("div",{className:q.cAnnotationsListContentTop,children:S(b,{"data-testid":"".concat(F,"_annotationsTitle"),variant:"caption",className:W.secondaryTitle,children:["Annotations (",D.data?D.data.length:0,")"]})}),w(N,{appId:p,assetId:m,assetCompanyId:l,appSettings:f,currentUser:I,dashboardType:B})]}),useWindow:P,items:D.data||[],showNoItemsFound:!(D.data&&0!==D.data.length||Y),noItemsFoundLabel:w(b,{variant:"body2","data-testid":"".concat(F,"_noAnnotations"),className:W.noAnnotations,children:"No Annotations yet"}),threshold:50,infiniteContainerHeight:G.current&&M.current?G.current.clientHeight-M.current.clientHeight:null,moreItemsMayExist:et,pathToCreatedAt:["attributes","created_at"],renderItem:function(t){return w(x,{isNative:P,annotation:t,assetCompanyId:l,included:D.included,currentUser:I,showSuccessNotification:U},t.id)},loadItems:function(){return st.apply(this,arguments)}}),w("div",{className:q.cAnnotationsListActions,ref:M,children:w(g,{title:"Hide",placement:"bottom",children:w(A,{"data-testid":"".concat(F,"_hideButton"),onClick:O,className:W.backIcon,children:w(v,{})})})})]})})};O.propTypes={appId:c.isRequired,appTitle:p.isRequired,assetId:c.isRequired,assetCompanyId:c.isRequired,appSettings:d(),classes:d().isRequired,onClose:m.isRequired,currentUser:d({}).isRequired,isNative:l,dashboardType:p},O.defaultProps={appSettings:{},isNative:I,dashboardType:null};var P=f((function(t){return{title:{fontWeight:200,marginBottom:20},secondaryTitle:{fontWeight:200,textTransform:"uppercase",color:t.palette.grey[600]},annotateIcon:{padding:0,"&:hover":{backgroundColor:"transparent",boxShadow:"none"}},noAnnotations:{marginTop:16},backIcon:{cursor:"pointer",color:t.palette.grey[600],padding:5}}}))(r(O));export{P as default};

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

@@ -1,8 +1 @@
-import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_cAnnotationsList__dsZnK {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 0;\n  min-width: 0;\n  height: 100%;\n  z-index: 101; /* NOTE: Bigger by 1 from app container */\n  transition: min-width 300ms ease-in-out, width 300ms ease-in-out !important;\n  border-radius: 0;\n  background-color: transparent !important;\n}\n\n.style_cAnnotationsList__dsZnK::after {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  z-index: -1;\n  backdrop-filter: blur(4px);\n  background: #161616b0;\n}\n\n.style_cAnnotationsListOpen__2ZfXd {\n  width: 80%;\n  max-width: 420px;\n  min-width: 340px;\n}\n\n.style_cAnnotationsListOpenNative__22tqV {\n  width: 100%;\n}\n\n.style_cAnnotationsListContentContainer__1sMql {\n  padding: 16px 16px 0 16px;\n}\n\n.style_cAnnotationsListActions__ot-iR {\n  text-align: right;\n  padding: 16px;\n  margin-top: auto;\n}\n\n.style_cAnnotationsListContentTopIcon__2KUq- {\n  width: 24px;\n  height: 24px;\n  margin-right: 5px;\n}\n";
-var styles = {"cAnnotationsList":"style_cAnnotationsList__dsZnK","cAnnotationsListOpen":"style_cAnnotationsListOpen__2ZfXd","cAnnotationsListOpenNative":"style_cAnnotationsListOpenNative__22tqV","cAnnotationsListContentContainer":"style_cAnnotationsListContentContainer__1sMql","cAnnotationsListActions":"style_cAnnotationsListActions__ot-iR","cAnnotationsListContentTopIcon":"style_cAnnotationsListContentTopIcon__2KUq-"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=style.css.js.map
+import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var n={cAnnotationsList:"style_cAnnotationsList__D1C25",cAnnotationsListOpen:"style_cAnnotationsListOpen__M5Q27",cAnnotationsListOpenNative:"style_cAnnotationsListOpenNative__DcsYt",cAnnotationsListContentContainer:"style_cAnnotationsListContentContainer__rjA2-",cAnnotationsListActions:"style_cAnnotationsListActions__tV8tG",cAnnotationsListContentTopIcon:"style_cAnnotationsListContentTopIcon__9YAzy"};t('.style_cAnnotationsList__D1C25{background-color:transparent!important;border-radius:0;display:flex;flex-direction:column;height:100%;left:0;min-width:0;position:absolute;top:0;transition:min-width .3s ease-in-out,width .3s ease-in-out!important;width:0;z-index:101}.style_cAnnotationsList__D1C25:after{backdrop-filter:blur(4px);background:#161616b0;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.style_cAnnotationsListOpen__M5Q27{max-width:420px;min-width:340px;width:80%}.style_cAnnotationsListOpenNative__DcsYt{width:100%}.style_cAnnotationsListContentContainer__rjA2-{padding:16px 16px 0}.style_cAnnotationsListActions__tV8tG{margin-top:auto;padding:16px;text-align:right}.style_cAnnotationsListContentTopIcon__9YAzy{height:24px;margin-right:5px;width:24px}');export{n as default};

package/components/Annotations/components/LastAnnotation/index.js

@@ -1,269 +1 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import { flowRight } from 'lodash';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import { isNativeDetected } from '../../../../utils/mobileDetect.js';
-import { closeLastAnnotation } from '../../../../clients/jsonApi/index.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import CloseIcon from '@material-ui/icons/Close';
-import { memo, useMemo } from 'react';
-import { number, shape, arrayOf, string, bool, func } from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Avatar from '../../../Avatar/index.js';
-import Typography from '@material-ui/core/Typography';
-import UserCardPopover from '../../../UserCardPopover.js';
-import { formatMentionText } from '../../../UserMention/utils/index.js';
-import Paper from '@material-ui/core/Paper';
-import withWidth, { isWidthUp } from '@material-ui/core/withWidth';
-import CommentIcon from '@material-ui/icons/Comment';
-import styles from './style.css.js';
-
-var PAGE_NAME = 'lastAnnotation';
-
-var muiStyles = function muiStyles(theme) {
-  return {
-    container: {
-      height: 56,
-      margin: '10px 0',
-      padding: '0 20px',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'space-between',
-      flex: 'auto 1',
-      width: '100%',
-      cursor: 'pointer'
-    },
-    body: {
-      margin: '0 16px ',
-      minWidth: 100
-    },
-    avatar: {
-      border: '1px solid #909090'
-    },
-    commentIcon: {
-      marginRight: 16,
-      color: theme.palette.grey[500]
-    },
-    commentText: {
-      marginRight: 16,
-      color: theme.palette.grey[500]
-    },
-    closeButton: {
-      color: theme.palette.grey[500]
-    },
-    avatarInList: {
-      marginLeft: -4
-    }
-  };
-};
-/* eslint-disable react/prop-types */
-
-
-var CreatorAvatar = function CreatorAvatar(_ref) {
-  var user = _ref.user,
-      currentUser = _ref.currentUser,
-      isNative = _ref.isNative,
-      className = _ref.className,
-      size = _ref.size;
-
-  var children = /*#__PURE__*/jsx(Avatar, {
-    displayName: "".concat(user.first_name, " ").concat(user.last_name),
-    imgSrc: user.profile_photo,
-    size: size,
-    className: className
-  });
-
-  if (isNative) return children;
-  return /*#__PURE__*/jsx(UserCardPopover, {
-    user: user,
-    currentUser: currentUser,
-    children: children
-  });
-};
-
-var Reactions = function Reactions(_ref2) {
-  var commentsCount = _ref2.commentsCount,
-      commentUsers = _ref2.commentUsers,
-      isSmallScreen = _ref2.isSmallScreen,
-      isNative = _ref2.isNative,
-      currentUser = _ref2.currentUser,
-      classes = _ref2.classes;
-  if (!commentsCount) return null;
-  return /*#__PURE__*/jsxs("div", {
-    className: styles.cTopAnnotationAdditionalReactions,
-    children: [/*#__PURE__*/jsx(CommentIcon, {
-      className: classes.commentIcon
-    }), !isSmallScreen && /*#__PURE__*/jsxs(Typography, {
-      variant: "body2",
-      "data-testid": "".concat(PAGE_NAME, "_comments"),
-      noWrap: true,
-      className: classes.commentText,
-      component: "div",
-      children: ["Comments ", commentsCount]
-    }), /*#__PURE__*/jsx("div", {
-      className: styles.cTopAnnotationAdditionalReactionsList,
-      children: commentUsers.map(function (_ref3, index) {
-        var attributes = _ref3.attributes;
-        return /*#__PURE__*/jsx(CreatorAvatar, {
-          user: attributes,
-          currentUser: currentUser,
-          isNative: isNative,
-          className: classNames(classes.avatar, _defineProperty({}, classes.avatarInList, index !== 0)),
-          size: 25
-        }, attributes.id);
-      })
-    })]
-  });
-};
-/* eslint-enable */
-
-
-var LastAnnotation = function LastAnnotation(_ref4) {
-  var isNative = _ref4.isNative,
-      appId = _ref4.appId,
-      annotation = _ref4.annotation,
-      openAnnotationsList = _ref4.openAnnotationsList,
-      currentUser = _ref4.currentUser,
-      updateLastAnnotation = _ref4.updateCurrentDashboardAppLastAnnotation,
-      width = _ref4.width,
-      classes = _ref4.classes;
-  var data = annotation.data,
-      included = annotation.included;
-  var creator = included.find(function (_ref5) {
-    var id = _ref5.id,
-        type = _ref5.type;
-    return id === data.relationships.user.data.id && type === 'user';
-  });
-  var mentionedUsers = useMemo(function () {
-    return data.relationships.mentioned_users.data.map(function (_ref6) {
-      var mentionedUserId = _ref6.id;
-      return included.find(function (_ref7) {
-        var id = _ref7.id;
-        return id === mentionedUserId;
-      });
-    });
-  }, [data.relationships.mentioned_users.data, included]);
-  var commentUsers = useMemo(function () {
-    return data.relationships.comment_users.data.map(function (_ref8) {
-      var commentUserId = _ref8.id;
-      return included.find(function (_ref9) {
-        var id = _ref9.id;
-        return id === commentUserId;
-      });
-    });
-  }, [data.relationships.comment_users.data, included]);
-  var isSmallScreen = !isWidthUp('sm', width);
-
-  var handleCloseClick = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(e) {
-      var response;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              e.stopPropagation();
-              _context.prev = 1;
-              _context.next = 4;
-              return closeLastAnnotation(data.id);
-
-            case 4:
-              response = _context.sent;
-              updateLastAnnotation(data.id, appId, response);
-              _context.next = 11;
-              break;
-
-            case 8:
-              _context.prev = 8;
-              _context.t0 = _context["catch"](1);
-              console.error(_context.t0);
-
-            case 11:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[1, 8]]);
-    }));
-
-    return function handleCloseClick(_x) {
-      return _ref10.apply(this, arguments);
-    };
-  }();
-
-  return /*#__PURE__*/jsxs(Paper, {
-    "data-testid": "".concat(PAGE_NAME, "_lastAnnotation"),
-    className: classes.container,
-    onClick: openAnnotationsList,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: styles.cTopAnnotationMain,
-      children: [/*#__PURE__*/jsx(CreatorAvatar, {
-        user: creator.attributes,
-        currentUser: currentUser,
-        isNative: isNative,
-        className: classes.avatar,
-        size: 38
-      }), /*#__PURE__*/jsx(Typography, {
-        variant: "body2",
-        "data-testid": "".concat(PAGE_NAME, "_message"),
-        noWrap: true,
-        className: classes.body,
-        children: formatMentionText(data.attributes.body, mentionedUsers, isNative, null, currentUser)
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: styles.cTopAnnotationAdditional,
-      children: [/*#__PURE__*/jsx(Reactions, {
-        commentsCount: data.attributes.comments_count,
-        commentUsers: commentUsers,
-        classes: classes,
-        isSmallScreen: isSmallScreen,
-        currentUser: currentUser
-      }), /*#__PURE__*/jsx(CloseIcon, {
-        "data-testid": "".concat(PAGE_NAME, "_closeButton"),
-        fontSize: "small",
-        className: classes.closeButton,
-        onClick: handleCloseClick
-      })]
-    })]
-  });
-};
-
-LastAnnotation.propTypes = {
-  appId: number.isRequired,
-  annotation: shape({
-    included: arrayOf(shape({})).isRequired,
-    data: 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
-  }).isRequired,
-  classes: shape({}).isRequired,
-  isNative: bool,
-  width: string.isRequired,
-  openAnnotationsList: func.isRequired,
-  updateCurrentDashboardAppLastAnnotation: func,
-  currentUser: shape({})
-};
-LastAnnotation.defaultProps = {
-  isNative: isNativeDetected,
-  updateCurrentDashboardAppLastAnnotation: function updateCurrentDashboardAppLastAnnotation() {
-    return undefined;
-  },
-  currentUser: {}
-};
-var LastAnnotation$1 = flowRight([withStyles(muiStyles), withWidth()])(memo(LastAnnotation));
-
-export default LastAnnotation$1;
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/defineProperty";import r from"@babel/runtime/regenerator";import{memo as i,useMemo as a}from"react";import{number as n,shape as s,arrayOf as o,string as c,bool as m,func as u}from"prop-types";import d from"classnames";import{flowRight as l}from"lodash";import{withStyles as p}from"@material-ui/core/styles";import f,{isWidthUp as h}from"@material-ui/core/withWidth";import v from"@material-ui/core/Paper";import b from"@material-ui/core/Typography";import y from"@material-ui/icons/Comment";import N from"@material-ui/icons/Close";import A from"../../../UserCardPopover.js";import R from"../../../Avatar/index.js";import{formatMentionText as g}from"../../../UserMention/utils/index.js";import{isNativeDetected as x}from"../../../../utils/mobileDetect.js";import{closeLastAnnotation as q}from"../../../../clients/jsonApi/index.js";import _ from"./style.css.js";import{jsxs as U,jsx as C}from"react/jsx-runtime";var j="lastAnnotation",L=function(e){var t=e.user,r=e.currentUser,i=e.isNative,a=e.className,n=e.size,s=C(R,{displayName:"".concat(t.first_name," ").concat(t.last_name),imgSrc:t.profile_photo,size:n,className:a});return i?s:C(A,{user:t,currentUser:r,children:s})},T=function(e){var r=e.commentsCount,i=e.commentUsers,a=e.isSmallScreen,n=e.isNative,s=e.currentUser,o=e.classes;return r?U("div",{className:_.cTopAnnotationAdditionalReactions,children:[C(y,{className:o.commentIcon}),!a&&U(b,{variant:"body2","data-testid":"".concat(j,"_comments"),noWrap:!0,className:o.commentText,component:"div",children:["Comments ",r]}),C("div",{className:_.cTopAnnotationAdditionalReactionsList,children:i.map((function(e,r){var i=e.attributes;return C(L,{user:i,currentUser:s,isNative:n,className:d(o.avatar,t({},o.avatarInList,0!==r)),size:25},i.id)}))})]}):null},w=function(t){var i,n=t.isNative,s=t.appId,o=t.annotation,c=t.openAnnotationsList,m=t.currentUser,u=t.updateCurrentDashboardAppLastAnnotation,d=t.width,l=t.classes,p=o.data,f=o.included,y=f.find((function(e){var t=e.id,r=e.type;return t===p.relationships.user.data.id&&"user"===r})),A=a((function(){return p.relationships.mentioned_users.data.map((function(e){var t=e.id;return f.find((function(e){return e.id===t}))}))}),[p.relationships.mentioned_users.data,f]),R=a((function(){return p.relationships.comment_users.data.map((function(e){var t=e.id;return f.find((function(e){return e.id===t}))}))}),[p.relationships.comment_users.data,f]),x=!h("sm",d),w=(i=e(r.mark((function e(t){var i;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t.stopPropagation(),e.prev=1,e.next=4,q(p.id);case 4:i=e.sent,u(p.id,s,i),e.next=11;break;case 8:e.prev=8,e.t0=e.catch(1),console.error(e.t0);case 11:case"end":return e.stop()}}),e,null,[[1,8]])}))),function(e){return i.apply(this,arguments)});return U(v,{"data-testid":"".concat(j,"_lastAnnotation"),className:l.container,onClick:c,children:[U("div",{className:_.cTopAnnotationMain,children:[C(L,{user:y.attributes,currentUser:m,isNative:n,className:l.avatar,size:38}),C(b,{variant:"body2","data-testid":"".concat(j,"_message"),noWrap:!0,className:l.body,children:g(p.attributes.body,A,n,null,m)})]}),U("div",{className:_.cTopAnnotationAdditional,children:[C(T,{commentsCount:p.attributes.comments_count,commentUsers:R,classes:l,isSmallScreen:x,currentUser:m}),C(N,{"data-testid":"".concat(j,"_closeButton"),fontSize:"small",className:l.closeButton,onClick:w})]})]})};w.propTypes={appId:n.isRequired,annotation:s({included:o(s({})).isRequired,data:s({relationships:s({user:s({data:s({id:c.isRequired}).isRequired}).isRequired,mentioned_users:s({data:o(s()).isRequired}).isRequired}).isRequired,attributes:s({body:c.isRequired,created_at:c.isRequired})}).isRequired}).isRequired,classes:s({}).isRequired,isNative:m,width:c.isRequired,openAnnotationsList:u.isRequired,updateCurrentDashboardAppLastAnnotation:u,currentUser:s({})},w.defaultProps={isNative:x,updateCurrentDashboardAppLastAnnotation:function(){},currentUser:{}};var I=l([p((function(e){return{container:{height:56,margin:"10px 0",padding:"0 20px",display:"flex",alignItems:"center",justifyContent:"space-between",flex:"auto 1",width:"100%",cursor:"pointer"},body:{margin:"0 16px ",minWidth:100},avatar:{border:"1px solid #909090"},commentIcon:{marginRight:16,color:e.palette.grey[500]},commentText:{marginRight:16,color:e.palette.grey[500]},closeButton:{color:e.palette.grey[500]},avatarInList:{marginLeft:-4}}})),f()])(i(w));export{I as default};

package/components/Annotations/components/LastAnnotation/style.css.js

@@ -1,8 +1 @@
-import styleInject from '../../../../ext-esm/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".style_cTopAnnotationAdditional__2PMDt,\n.style_cTopAnnotationMain__zYoVO {\n  align-items: center;\n  display: flex;\n}\n\n.style_cTopAnnotationMain__zYoVO {\n  overflow: hidden;\n}\n\n.style_cTopAnnotationAdditionalReactions__2rzMO {\n  display: flex;\n  align-items: center;\n}\n\n.style_cTopAnnotationAdditionalReactionsList__3sxEp {\n  display: flex;\n  align-items: center;\n  margin-right: 16px;\n}\n";
-var styles = {"cTopAnnotationAdditional":"style_cTopAnnotationAdditional__2PMDt","cTopAnnotationMain":"style_cTopAnnotationMain__zYoVO","cTopAnnotationAdditionalReactions":"style_cTopAnnotationAdditionalReactions__2rzMO","cTopAnnotationAdditionalReactionsList":"style_cTopAnnotationAdditionalReactionsList__3sxEp"};
-styleInject(css_248z);
-
-export default styles;
-//# sourceMappingURL=style.css.js.map
+import n from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var t={cTopAnnotationAdditional:"style_cTopAnnotationAdditional__WDu9j",cTopAnnotationMain:"style_cTopAnnotationMain__TeVll",cTopAnnotationAdditionalReactions:"style_cTopAnnotationAdditionalReactions__11sxr",cTopAnnotationAdditionalReactionsList:"style_cTopAnnotationAdditionalReactionsList__V14wA"};n(".style_cTopAnnotationAdditional__WDu9j,.style_cTopAnnotationMain__TeVll{align-items:center;display:flex}.style_cTopAnnotationMain__TeVll{overflow:hidden}.style_cTopAnnotationAdditionalReactions__11sxr{align-items:center;display:flex}.style_cTopAnnotationAdditionalReactionsList__V14wA{align-items:center;display:flex;margin-right:16px}");export{t as default};

package/components/Annotations/constants.js

@@ -1,34 +1 @@
-var SET_ANNOTATIONS = 'SET_ANNOTATIONS';
-var APPEND_ANNOTATIONS = 'APPEND_ANNOTATIONS';
-var ADD_ANNOTATION = 'ADD_ANNOTATION';
-var DELETE_ANNOTATION = 'DELETE_ANNOTATION';
-var EDIT_ANNOTATION = 'EDIT_ANNOTATION';
-var ANNOTATION_ACTIVE_PERIODS = {
-  '24h': {
-    label: 'Next 24 hrs',
-    time: {
-      amount: 24,
-      key: 'h'
-    }
-  },
-  '12h': {
-    label: 'Next 12 hrs',
-    time: {
-      amount: 12,
-      key: 'h'
-    }
-  },
-  '48h': {
-    label: 'Next 48 hrs',
-    time: {
-      amount: 48,
-      key: 'h'
-    }
-  },
-  forever: {
-    label: 'Forever'
-  }
-};
-
-export { ADD_ANNOTATION, ANNOTATION_ACTIVE_PERIODS, APPEND_ANNOTATIONS, DELETE_ANNOTATION, EDIT_ANNOTATION, SET_ANNOTATIONS };
-//# sourceMappingURL=constants.js.map
+var N="SET_ANNOTATIONS",e="APPEND_ANNOTATIONS",T="ADD_ANNOTATION",A="DELETE_ANNOTATION",t="EDIT_ANNOTATION",O={"24h":{label:"Next 24 hrs",time:{amount:24,key:"h"}},"12h":{label:"Next 12 hrs",time:{amount:12,key:"h"}},"48h":{label:"Next 48 hrs",time:{amount:48,key:"h"}},forever:{label:"Forever"}};export{T as ADD_ANNOTATION,O as ANNOTATION_ACTIVE_PERIODS,e as APPEND_ANNOTATIONS,A as DELETE_ANNOTATION,t as EDIT_ANNOTATION,N as SET_ANNOTATIONS};