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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Annotations/components/AnnotationsList/index.js"],"sourcesContent":["import { memo, useState, useEffect, useRef } from 'react';\nimport { func, bool, shape, number, string } from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Paper, Typography, IconButton, Tooltip, RootRef } from '@material-ui/core';\nimport BackIcon from '@material-ui/icons/ChevronLeft';\n\nimport { showSuccessNotification } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport InfiniteList from '~components/InfiniteList';\nimport useOutsideClick from '~effects/useOutsideClick';\n\nimport AddAnnotationForm from './components/AddAnnotationForm';\nimport Annotation from './components/Annotation';\n\nimport { getAnnotations } from '../../../../clients/jsonApi';\nimport { useAnnotationsState, useAnnotationsDispatch } from '../../AnnotationsContext';\nimport { SET_ANNOTATIONS, APPEND_ANNOTATIONS } from '../../constants';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'AppAnnotationsPo';\n\nconst muiStyles = theme => ({\n  title: { fontWeight: 200, marginBottom: 20 },\n  secondaryTitle: {\n    fontWeight: 200,\n    textTransform: 'uppercase',\n    color: theme.palette.grey[600],\n  },\n  annotateIcon: {\n    padding: 0,\n    '&:hover': {\n      backgroundColor: 'transparent',\n      boxShadow: 'none',\n    },\n  },\n  noAnnotations: { marginTop: 16 },\n  backIcon: { cursor: 'pointer', color: theme.palette.grey[600], padding: 5 },\n});\n\nconst PER_PAGE = 4;\n\nconst AnnotationsList = ({\n  appId,\n  appTitle,\n  assetId,\n  assetCompanyId,\n  appSettings,\n  currentUser,\n  onClose,\n  isNative,\n  classes,\n  dashboardType,\n}) => {\n  const { annotations } = useAnnotationsState();\n  const dispatch = useAnnotationsDispatch();\n\n  const rootRef = useRef();\n  const footerRef = useRef();\n\n  const infiniteContainerHeight = () => {\n    if (rootRef.current && footerRef.current)\n      return rootRef.current.clientHeight - footerRef.current.clientHeight;\n    return null;\n  };\n\n  useOutsideClick(rootRef, onClose);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [isInfiniteLoading, setIsInfiniteLoading] = useState(true);\n  const [moreItemsMayExist, setMoreItemsMayExist] = useState(true);\n  const [page, setPage] = useState(1);\n\n  async function handleFetchAnnotations() {\n    if (!(appId && assetId)) return;\n    setIsInfiniteLoading(true);\n\n    let response;\n    try {\n      const options = {\n        page,\n        per_page: PER_PAGE,\n        sort: 'created_at',\n        order: 'desc',\n      };\n      if (dashboardType) options.dashboard_type = dashboardType;\n\n      response = await getAnnotations(appId, assetId, options);\n      dispatch({\n        type: page === 1 ? SET_ANNOTATIONS : APPEND_ANNOTATIONS,\n        annotations: response,\n      });\n    } catch (e) {\n      console.error(e);\n    }\n\n    const lessThanPerPage = response && response.data.length < PER_PAGE;\n\n    setPage(page + 1);\n    setMoreItemsMayExist(!lessThanPerPage);\n    setIsInfiniteLoading(false);\n  }\n\n  useEffect(() => {\n    setIsOpen(true); // NOTE: Opens here because of for the sliding effect on open\n  }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n  return (\n    <RootRef rootRef={rootRef}>\n      <Paper\n        className={classNames(styles.cAnnotationsList, {\n          [styles.cAnnotationsListOpen]: isOpen,\n          [styles.cAnnotationsListOpenNative]: isNative,\n        })}\n      >\n        <InfiniteList\n          infiniteClassName={styles.cAnnotationsListContentContainer}\n          headerComponent={\n            <>\n              <Typography\n                data-testid={`${PAGE_NAME}_appTitle`}\n                variant=\"body1\"\n                className={classes.title}\n              >\n                {appTitle}\n              </Typography>\n\n              <div className={styles.cAnnotationsListContentTop}>\n                <Typography\n                  data-testid={`${PAGE_NAME}_annotationsTitle`}\n                  variant=\"caption\"\n                  className={classes.secondaryTitle}\n                >\n                  Annotations ({annotations.data ? annotations.data.length : 0})\n                </Typography>\n              </div>\n\n              <AddAnnotationForm\n                appId={appId}\n                assetId={assetId}\n                assetCompanyId={assetCompanyId}\n                appSettings={appSettings}\n                currentUser={currentUser}\n                dashboardType={dashboardType}\n              />\n            </>\n          }\n          useWindow={isNative}\n          items={annotations.data || []}\n          showNoItemsFound={\n            (!annotations.data || annotations.data.length === 0) && !isInfiniteLoading\n          }\n          noItemsFoundLabel={\n            <Typography\n              variant=\"body2\"\n              data-testid={`${PAGE_NAME}_noAnnotations`}\n              className={classes.noAnnotations}\n            >\n              No Annotations yet\n            </Typography>\n          }\n          threshold={50}\n          infiniteContainerHeight={infiniteContainerHeight()}\n          moreItemsMayExist={moreItemsMayExist}\n          pathToCreatedAt={['attributes', 'created_at']}\n          renderItem={item => (\n            <Annotation\n              key={item.id}\n              isNative={isNative}\n              annotation={item}\n              assetCompanyId={assetCompanyId}\n              included={annotations.included}\n              currentUser={currentUser}\n              showSuccessNotification={showSuccessNotification}\n            />\n          )}\n          loadItems={handleFetchAnnotations}\n        />\n        <div className={styles.cAnnotationsListActions} ref={footerRef}>\n          <Tooltip title=\"Hide\" placement=\"bottom\">\n            <IconButton\n              data-testid={`${PAGE_NAME}_hideButton`}\n              onClick={onClose}\n              className={classes.backIcon}\n            >\n              <BackIcon />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </Paper>\n    </RootRef>\n  );\n};\n\nAnnotationsList.propTypes = {\n  appId: number.isRequired,\n  appTitle: string.isRequired,\n  assetId: number.isRequired,\n  assetCompanyId: number.isRequired,\n  appSettings: shape(),\n  classes: shape().isRequired,\n  onClose: func.isRequired,\n  currentUser: shape({}).isRequired,\n  isNative: bool,\n  dashboardType: string,\n};\n\nAnnotationsList.defaultProps = {\n  appSettings: {},\n  isNative: isNativeDetected,\n  dashboardType: null,\n};\n\nexport default withStyles(muiStyles)(memo(AnnotationsList));\n"],"names":["PAGE_NAME","muiStyles","theme","title","fontWeight","marginBottom","secondaryTitle","textTransform","color","palette","grey","annotateIcon","padding","backgroundColor","boxShadow","noAnnotations","marginTop","backIcon","cursor","PER_PAGE","AnnotationsList","appId","appTitle","assetId","assetCompanyId","appSettings","currentUser","onClose","isNative","classes","dashboardType","useAnnotationsState","annotations","dispatch","useAnnotationsDispatch","rootRef","useRef","footerRef","infiniteContainerHeight","current","clientHeight","useOutsideClick","useState","isOpen","setIsOpen","isInfiniteLoading","setIsInfiniteLoading","moreItemsMayExist","setMoreItemsMayExist","page","setPage","handleFetchAnnotations","options","per_page","sort","order","dashboard_type","getAnnotations","response","type","SET_ANNOTATIONS","APPEND_ANNOTATIONS","console","error","lessThanPerPage","data","length","useEffect","_jsx","_jsxs","classNames","styles","cAnnotationsList","cAnnotationsListOpen","cAnnotationsListOpenNative","cAnnotationsListContentContainer","cAnnotationsListContentTop","item","included","showSuccessNotification","id","cAnnotationsListActions","propTypes","number","isRequired","string","shape","func","bool","defaultProps","isNativeDetected","withStyles","memo"],"mappings":"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"}

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

@@ -1 +1,8 @@
-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};
+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

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

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

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

@@ -1 +1,269 @@
-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};
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Annotations/components/LastAnnotation/index.js"],"sourcesContent":["import { memo, useMemo } from 'react';\nimport { shape, string, bool, arrayOf, func, number } from 'prop-types';\nimport classNames from 'classnames';\nimport { flowRight } from 'lodash';\nimport { withStyles } from '@material-ui/core/styles';\nimport withWidth, { isWidthUp } from '@material-ui/core/withWidth';\n\nimport Paper from '@material-ui/core/Paper';\nimport Typography from '@material-ui/core/Typography';\nimport CommentIcon from '@material-ui/icons/Comment';\nimport CloseButton from '@material-ui/icons/Close';\n\nimport UserCardPopover from '~components/UserCardPopover';\nimport Avatar from '~components/Avatar';\nimport { formatMentionText } from '~components/UserMention/utils';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { closeLastAnnotation } from '../../../../clients/jsonApi';\n\nimport styles from './style.css';\n\nconst PAGE_NAME = 'lastAnnotation';\n\nconst muiStyles = theme => ({\n  container: {\n    height: 56,\n    margin: '10px 0',\n    padding: '0 20px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    flex: 'auto 1',\n    width: '100%',\n    cursor: 'pointer',\n  },\n  body: { margin: '0 16px ', minWidth: 100 },\n  avatar: { border: '1px solid #909090' },\n  commentIcon: { marginRight: 16, color: theme.palette.grey[500] },\n  commentText: { marginRight: 16, color: theme.palette.grey[500] },\n  closeButton: { color: theme.palette.grey[500] },\n  avatarInList: { marginLeft: -4 },\n});\n\n/* eslint-disable react/prop-types */\nconst CreatorAvatar = ({ user, currentUser, isNative, className, size }) => {\n  const children = (\n    <Avatar\n      displayName={`${user.first_name} ${user.last_name}`}\n      imgSrc={user.profile_photo}\n      size={size}\n      className={className}\n    />\n  );\n\n  if (isNative) return children;\n  return (\n    <UserCardPopover user={user} currentUser={currentUser}>\n      {children}\n    </UserCardPopover>\n  );\n};\n\nconst Reactions = ({ commentsCount, commentUsers, isSmallScreen, isNative, currentUser, classes }) => {\n  if (!commentsCount) return null;\n\n  return (\n    <div className={styles.cTopAnnotationAdditionalReactions}>\n      <CommentIcon className={classes.commentIcon} />\n      {!isSmallScreen && (\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_comments`}\n          noWrap\n          className={classes.commentText}\n          component=\"div\"\n        >\n          Comments {commentsCount}\n        </Typography>\n      )}\n\n      <div className={styles.cTopAnnotationAdditionalReactionsList}>\n        {commentUsers.map(({ attributes }, index) => (\n          <CreatorAvatar\n            key={attributes.id}\n            user={attributes}\n            currentUser={currentUser}\n            isNative={isNative}\n            className={classNames(classes.avatar, { [classes.avatarInList]: index !== 0 })}\n            size={25}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n/* eslint-enable */\n\nconst LastAnnotation = ({\n  isNative,\n  appId,\n  annotation,\n  openAnnotationsList,\n  currentUser,\n  updateCurrentDashboardAppLastAnnotation: updateLastAnnotation,\n  width,\n  classes,\n}) => {\n  const { data, included } = annotation;\n  const creator = included.find(\n    ({ id, type }) => id === data.relationships.user.data.id && type === 'user'\n  );\n\n  const mentionedUsers = useMemo(\n    () =>\n      data.relationships.mentioned_users.data.map(({ id: mentionedUserId }) =>\n        included.find(({ id }) => id === mentionedUserId)\n      ),\n    [data.relationships.mentioned_users.data, included]\n  );\n\n  const commentUsers = useMemo(\n    () =>\n      data.relationships.comment_users.data.map(({ id: commentUserId }) =>\n        included.find(({ id }) => id === commentUserId)\n      ),\n    [data.relationships.comment_users.data, included]\n  );\n\n  const isSmallScreen = !isWidthUp('sm', width);\n\n  const handleCloseClick = async e => {\n    e.stopPropagation();\n\n    try {\n      const response = await closeLastAnnotation(data.id);\n      updateLastAnnotation(data.id, appId, response);\n    } catch (error) {\n      console.error(error);\n    }\n  };\n\n  return (\n    <Paper\n      data-testid={`${PAGE_NAME}_lastAnnotation`}\n      className={classes.container}\n      onClick={openAnnotationsList}\n    >\n      <div className={styles.cTopAnnotationMain}>\n        <CreatorAvatar\n          user={creator.attributes}\n          currentUser={currentUser}\n          isNative={isNative}\n          className={classes.avatar}\n          size={38}\n        />\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_message`}\n          noWrap\n          className={classes.body}\n        >\n          {formatMentionText(data.attributes.body, mentionedUsers, isNative, null, currentUser)}\n        </Typography>\n      </div>\n      <div className={styles.cTopAnnotationAdditional}>\n        <Reactions\n          commentsCount={data.attributes.comments_count}\n          commentUsers={commentUsers}\n          classes={classes}\n          isSmallScreen={isSmallScreen}\n          currentUser={currentUser}\n        />\n        <CloseButton\n          data-testid={`${PAGE_NAME}_closeButton`}\n          fontSize=\"small\"\n          className={classes.closeButton}\n          onClick={handleCloseClick}\n        />\n      </div>\n    </Paper>\n  );\n};\n\nLastAnnotation.propTypes = {\n  appId: number.isRequired,\n  annotation: shape({\n    included: arrayOf(shape({})).isRequired,\n    data: 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  }).isRequired,\n  classes: shape({}).isRequired,\n  isNative: bool,\n  width: string.isRequired,\n  openAnnotationsList: func.isRequired,\n  updateCurrentDashboardAppLastAnnotation: func,\n  currentUser: shape({}),\n};\n\nLastAnnotation.defaultProps = {\n  isNative: isNativeDetected,\n  updateCurrentDashboardAppLastAnnotation: () => undefined,\n  currentUser: {},\n};\n\nexport default flowRight([withStyles(muiStyles), withWidth()])(memo(LastAnnotation));\n"],"names":["PAGE_NAME","muiStyles","theme","container","height","margin","padding","display","alignItems","justifyContent","flex","width","cursor","body","minWidth","avatar","border","commentIcon","marginRight","color","palette","grey","commentText","closeButton","avatarInList","marginLeft","CreatorAvatar","user","currentUser","isNative","className","size","children","_jsx","first_name","last_name","profile_photo","Reactions","commentsCount","commentUsers","isSmallScreen","classes","_jsxs","styles","cTopAnnotationAdditionalReactions","cTopAnnotationAdditionalReactionsList","map","index","attributes","classNames","id","LastAnnotation","appId","annotation","openAnnotationsList","updateLastAnnotation","updateCurrentDashboardAppLastAnnotation","data","included","creator","find","type","relationships","mentionedUsers","useMemo","mentioned_users","mentionedUserId","comment_users","commentUserId","isWidthUp","handleCloseClick","e","stopPropagation","closeLastAnnotation","response","console","error","cTopAnnotationMain","formatMentionText","cTopAnnotationAdditional","comments_count","CloseButton","propTypes","number","isRequired","shape","arrayOf","string","created_at","bool","func","defaultProps","isNativeDetected","undefined","flowRight","withStyles","withWidth","memo"],"mappings":"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"}

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

@@ -1 +1,8 @@
-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};
+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

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

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

package/components/Annotations/constants.js

@@ -1 +1,34 @@
-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};
+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

package/components/Annotations/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Annotations/constants.js"],"sourcesContent":["export const SET_ANNOTATIONS = 'SET_ANNOTATIONS';\nexport const APPEND_ANNOTATIONS = 'APPEND_ANNOTATIONS';\nexport const ADD_ANNOTATION = 'ADD_ANNOTATION';\nexport const DELETE_ANNOTATION = 'DELETE_ANNOTATION';\nexport const EDIT_ANNOTATION = 'EDIT_ANNOTATION';\n\nexport const ANNOTATION_ACTIVE_PERIODS = {\n  '24h': { label: 'Next 24 hrs', time: { amount: 24, key: 'h' } },\n  '12h': { label: 'Next 12 hrs', time: { amount: 12, key: 'h' } },\n  '48h': { label: 'Next 48 hrs', time: { amount: 48, key: 'h' } },\n  forever: { label: 'Forever' },\n};\n"],"names":["SET_ANNOTATIONS","APPEND_ANNOTATIONS","ADD_ANNOTATION","DELETE_ANNOTATION","EDIT_ANNOTATION","ANNOTATION_ACTIVE_PERIODS","label","time","amount","key","forever"],"mappings":"IAAaA,eAAe,GAAG;IAClBC,kBAAkB,GAAG;IACrBC,cAAc,GAAG;IACjBC,iBAAiB,GAAG;IACpBC,eAAe,GAAG;IAElBC,yBAAyB,GAAG;AACvC,SAAO;AAAEC,IAAAA,KAAK,EAAE,aAAT;AAAwBC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,GAAG,EAAE;AAAnB;AAA9B,GADgC;AAEvC,SAAO;AAAEH,IAAAA,KAAK,EAAE,aAAT;AAAwBC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,GAAG,EAAE;AAAnB;AAA9B,GAFgC;AAGvC,SAAO;AAAEH,IAAAA,KAAK,EAAE,aAAT;AAAwBC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,MAAM,EAAE,EAAV;AAAcC,MAAAA,GAAG,EAAE;AAAnB;AAA9B,GAHgC;AAIvCC,EAAAA,OAAO,EAAE;AAAEJ,IAAAA,KAAK,EAAE;AAAT;AAJ8B;;;;"}