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

package/components/FeedItem/components/FeedComments.js

@@ -1 +1,181 @@
-import e from"@babel/runtime/helpers/slicedToArray";import{useState as n,useRef as t,useMemo as o,useEffect as r}from"react";import i from"prop-types";import{sortBy as s,noop as m}from"lodash";import p from"moment";import{makeStyles as c,Typography as a}from"@material-ui/core";import l from"../../Comment/index.js";import d from"../../CommentLoader.js";import C from"../../CommentInput/index.js";import{postFeedItemComment as u}from"../../../clients/jsonApi/index.js";import"../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import{jsxs as v,jsx as f}from"react/jsx-runtime";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js";import"../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js";import"../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import{useIsInsideDcApp as D}from"../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js";import{isNativeDetected as A}from"../../../utils/mobileDetect.js";var g=c({showMore:{cursor:"pointer"},feedCommentsContainer:{padding:"0 16px 0 24px"},feedCommentsList:{marginTop:24},feedCommentsListContent:{height:function(e){var n=e.commentsListHeight;return n&&n-8},overflow:function(e){return e.commentsListHeight&&"scroll"}},feedCommentsListContentWrapper:{position:"relative"},gradient:{position:"absolute",bottom:0,left:0,width:"100%",height:16,background:function(e){var n=e.isInsideDcApp;return"linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(n?"#414141":"3b3b3b"," 100%)")}}});function h(i){var c,h=i.openCommentInput,I=i.openCommentList,j=i.feedItem,b=i.currentUser,y=j.comments,L=y.length,P=L>3,x=n(!1),F=e(x,2),N=F[0],w=F[1],M=n(!1),H=e(M,2),S=H[0],k=H[1],B=n(!1),E=e(B,2),R=E[0],U=E[1],V=n(null),_=e(V,2),q=_[0],T=_[1],W=t(),z=t(),K=o((function(){var e=s(j.comments,(function(e){return-p(e.created_at).unix()}));return R?R&&!S?e.slice(0,5):R&&S?e:[]:e.slice(0,3)}),[y,S,R]);r((function(){if(5===K.length&&!q){var e=z.current.clientHeight;T(e),k(!0)}q&&!R&&(T(null),k(!1))}),[K.length,q,R]);var G=D(),J=g({commentsListHeight:q,isAllCommentsVisibleKeyPressed:R,isInsideDcApp:G});return v("div",{className:(h||!!L)&&J.feedCommentsContainer,children:[h&&!A&&f(C,{inputRef:W,postComment:function(e){u(j.id,e)},setIsPosting:w,companyId:j.company_id,autoFocus:!1,currentUser:b,parentId:"".concat(j.id,"-").concat(null===(c=j.comments)||void 0===c?void 0:c.size)}),I&&v("div",{className:J.feedCommentsList,children:[f("div",{className:J.feedCommentsListContentWrapper,children:v("div",{className:J.feedCommentsListContent,ref:z,children:[K.map((function(e){return f(l,{comment:e,handleDeleteCallback:m,patchCommentCallback:m,companyId:j.company_id,currentUser:b},e.id)})),q&&f("div",{className:J.gradient})]})}),P&&f(a,{variant:"caption",color:"primary","data-testid":"".concat("FeedComments","_viewMoreComments"),className:J.showMore,onClick:function(){U(!R)},children:R?"Hide older comments":"See all comments"})]}),N&&f(d,{})]})}h.propTypes={openCommentInput:i.bool.isRequired,feedItem:i.shape().isRequired,currentUser:i.shape().isRequired};export{h as default};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useRef, useMemo, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { sortBy, noop } from 'lodash';
+import moment from 'moment';
+import { makeStyles, Typography } from '@material-ui/core';
+import Comment from '../../Comment/index.js';
+import CommentLoader from '../../CommentLoader.js';
+import CommentInput from '../../CommentInput/index.js';
+import { postFeedItemComment } from '../../../clients/jsonApi/index.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '../../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppSettingsDialogV2/AppSettingsDialog.js';
+import '../../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js';
+import '../../DevCenter/DevCenterAppContainer/components/NonPriorityMenus/NonPriorityMenus.js';
+import '../../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js';
+import '../../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js';
+import '../../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js';
+import '../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js';
+import '../../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js';
+import { useIsInsideDcApp } from '../../DevCenter/DevCenterAppContainer/components/IsInsideDcAppProvider/IsInsideDcAppProvider.js';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+
+var PAGE_NAME = 'FeedComments';
+var useStyles = makeStyles({
+  showMore: {
+    cursor: 'pointer'
+  },
+  feedCommentsContainer: {
+    padding: '0 16px 0 24px'
+  },
+  feedCommentsList: {
+    marginTop: 24
+  },
+  feedCommentsListContent: {
+    height: function height(_ref) {
+      var commentsListHeight = _ref.commentsListHeight;
+      return commentsListHeight && commentsListHeight - 8;
+    },
+    overflow: function overflow(_ref2) {
+      var commentsListHeight = _ref2.commentsListHeight;
+      return commentsListHeight && 'scroll';
+    }
+  },
+  feedCommentsListContentWrapper: {
+    position: 'relative'
+  },
+  gradient: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    width: '100%',
+    height: 16,
+    background: function background(_ref3) {
+      var isInsideDcApp = _ref3.isInsideDcApp;
+      return "linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ".concat(isInsideDcApp ? '#414141' : '3b3b3b', " 100%)");
+    }
+  }
+});
+
+// If there are  more than 3 comments, we show only last 3, other comments are hidden.
+// To see all comments, user clicks ‘SEE ALL COMMENTS’.
+// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’
+// After clicking on a ‘SEE ALL COMMENTS’:
+// Height of the comments pop-over changes to show 5 comments instead of 3.
+// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.
+// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.
+// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.
+
+var INITIAL_VISIBLE_COMMENTS_COUNT = 3;
+var COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;
+function FeedComments(_ref4) {
+  var _feedItem$comments;
+  var openCommentInput = _ref4.openCommentInput,
+    openCommentList = _ref4.openCommentList,
+    feedItem = _ref4.feedItem,
+    currentUser = _ref4.currentUser;
+  var comments = feedItem.comments;
+  var commentsCount = comments.length;
+  var moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPosting = _useState2[0],
+    setIsPosting = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isVisibleCommentsAppeared = _useState4[0],
+    setIsVisibleCommentsAppeared = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isAllCommentsVisibleKeyPressed = _useState6[0],
+    setIsAllCommentsVisibleKeyPressed = _useState6[1];
+  var _useState7 = useState(null),
+    _useState8 = _slicedToArray(_useState7, 2),
+    commentsListHeight = _useState8[0],
+    setCommentsListHeight = _useState8[1];
+  var inputEl = useRef();
+  var commentsListRef = useRef();
+  var toggleShowAllComments = function toggleShowAllComments() {
+    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);
+  };
+  var postComment = function postComment(comment) {
+    postFeedItemComment(feedItem.id, comment);
+  };
+  var visibleComments = useMemo(function () {
+    var sortedComments = sortBy(feedItem.comments, function (item) {
+      return -moment(item.created_at).unix();
+    });
+    if (!isAllCommentsVisibleKeyPressed) return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);
+    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {
+      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);
+    }
+    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;
+    return [];
+  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);
+  useEffect(function () {
+    if (visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER && !commentsListHeight) {
+      var divHeight = commentsListRef.current.clientHeight;
+      setCommentsListHeight(divHeight);
+      setIsVisibleCommentsAppeared(true);
+    }
+    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {
+      setCommentsListHeight(null);
+      setIsVisibleCommentsAppeared(false);
+    }
+  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);
+  var isInsideDcApp = useIsInsideDcApp();
+  var classes = useStyles({
+    commentsListHeight: commentsListHeight,
+    isAllCommentsVisibleKeyPressed: isAllCommentsVisibleKeyPressed,
+    isInsideDcApp: isInsideDcApp
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: (openCommentInput || !!commentsCount) && classes.feedCommentsContainer,
+    children: [openCommentInput && !isNativeDetected && /*#__PURE__*/jsx(CommentInput, {
+      inputRef: inputEl,
+      postComment: postComment,
+      setIsPosting: setIsPosting,
+      companyId: feedItem.company_id,
+      autoFocus: false,
+      currentUser: currentUser,
+      parentId: "".concat(feedItem.id, "-").concat((_feedItem$comments = feedItem.comments) === null || _feedItem$comments === void 0 ? void 0 : _feedItem$comments.size)
+    }), openCommentList && /*#__PURE__*/jsxs("div", {
+      className: classes.feedCommentsList,
+      children: [/*#__PURE__*/jsx("div", {
+        className: classes.feedCommentsListContentWrapper,
+        children: /*#__PURE__*/jsxs("div", {
+          className: classes.feedCommentsListContent,
+          ref: commentsListRef,
+          children: [visibleComments.map(function (comment) {
+            return /*#__PURE__*/jsx(Comment, {
+              comment: comment,
+              handleDeleteCallback: noop /* NOTE: Received through subscription */,
+              patchCommentCallback: noop,
+              companyId: feedItem.company_id,
+              currentUser: currentUser
+            }, comment.id);
+          }), commentsListHeight && /*#__PURE__*/jsx("div", {
+            className: classes.gradient
+          })]
+        })
+      }), moreCommentsExist && /*#__PURE__*/jsx(Typography, {
+        variant: "caption",
+        color: "primary",
+        "data-testid": "".concat(PAGE_NAME, "_viewMoreComments"),
+        className: classes.showMore,
+        onClick: toggleShowAllComments,
+        children: isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'
+      })]
+    }), isPosting && /*#__PURE__*/jsx(CommentLoader, {})]
+  });
+}
+FeedComments.propTypes = {
+  openCommentInput: PropTypes.bool.isRequired,
+  feedItem: PropTypes.shape().isRequired,
+  currentUser: PropTypes.shape().isRequired
+};
+
+export { FeedComments as default };
+//# sourceMappingURL=FeedComments.js.map

package/components/FeedItem/components/FeedComments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedComments.js","sources":["../../../../src/components/FeedItem/components/FeedComments.js"],"sourcesContent":["import { useState, useMemo, useEffect, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { noop, sortBy } from 'lodash';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport Comment from '~/components/Comment';\nimport CommentLoader from '~/components/CommentLoader';\nimport CommentInput from '~/components/CommentInput';\nimport { postFeedItemComment } from '~/clients/jsonApi';\nimport { useIsInsideDcApp } from '~/components/DevCenter/DevCenterAppContainer/components';\n\nimport { isNativeDetected } from '~utils/mobileDetect';\n\nconst PAGE_NAME = 'FeedComments';\n\nconst useStyles = makeStyles({\n  showMore: {\n    cursor: 'pointer',\n  },\n  feedCommentsContainer: { padding: '0 16px 0 24px' },\n  feedCommentsList: { marginTop: 24 },\n  feedCommentsListContent: {\n    height: ({ commentsListHeight }) => commentsListHeight && commentsListHeight - 8,\n    overflow: ({ commentsListHeight }) => commentsListHeight && 'scroll',\n  },\n  feedCommentsListContentWrapper: {\n    position: 'relative',\n  },\n  gradient: {\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    width: '100%',\n    height: 16,\n    background: ({ isInsideDcApp }) =>\n      `linear-gradient(180deg, rgba(61, 61, 61, 0) 0%, ${\n        isInsideDcApp ? '#414141' : '3b3b3b'\n      } 100%)`,\n  },\n});\n\n// If there are  more than 3 comments, we show only last 3, other comments are hidden.\n// To see all comments, user clicks ‘SEE ALL COMMENTS’.\n// To hide all comments back, user clicks ‘HIDE OLDER COMMENTS’\n// After clicking on a ‘SEE ALL COMMENTS’:\n// Height of the comments pop-over changes to show 5 comments instead of 3.\n// If all comments to initial comment can’t fit into comment pop-over, than User needs to scroll down to see them.\n// If there are more than 5 comments (so 6th+ comments in not seen at the moment, we cover bottom comment with gradient, to show that there is more to see.\n// The height of the Comments pop-over remains the same (to show first 5 comments), we don’t change it to show all possible 1000 comments. Only 5.\n\nconst INITIAL_VISIBLE_COMMENTS_COUNT = 3;\nconst COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER = 5;\nfunction FeedComments({ openCommentInput, openCommentList, feedItem, currentUser }) {\n  const { comments } = feedItem;\n\n  const commentsCount = comments.length;\n  const moreCommentsExist = commentsCount > INITIAL_VISIBLE_COMMENTS_COUNT;\n\n  const [isPosting, setIsPosting] = useState(false);\n  const [isVisibleCommentsAppeared, setIsVisibleCommentsAppeared] = useState(false);\n  const [isAllCommentsVisibleKeyPressed, setIsAllCommentsVisibleKeyPressed] = useState(false);\n  const [commentsListHeight, setCommentsListHeight] = useState(null);\n\n  const inputEl = useRef();\n  const commentsListRef = useRef();\n\n  const toggleShowAllComments = () => {\n    setIsAllCommentsVisibleKeyPressed(!isAllCommentsVisibleKeyPressed);\n  };\n\n  const postComment = comment => {\n    postFeedItemComment(feedItem.id, comment);\n  };\n\n  const visibleComments = useMemo(() => {\n    const sortedComments = sortBy(feedItem.comments, item => -moment(item.created_at).unix());\n\n    if (!isAllCommentsVisibleKeyPressed)\n      return sortedComments.slice(0, INITIAL_VISIBLE_COMMENTS_COUNT);\n\n    if (isAllCommentsVisibleKeyPressed && !isVisibleCommentsAppeared) {\n      return sortedComments.slice(0, COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER);\n    }\n\n    if (isAllCommentsVisibleKeyPressed && isVisibleCommentsAppeared) return sortedComments;\n\n    return [];\n  }, [comments, isVisibleCommentsAppeared, isAllCommentsVisibleKeyPressed]);\n\n  useEffect(() => {\n    if (\n      visibleComments.length === COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER &&\n      !commentsListHeight\n    ) {\n      const divHeight = commentsListRef.current.clientHeight;\n      setCommentsListHeight(divHeight);\n      setIsVisibleCommentsAppeared(true);\n    }\n\n    if (commentsListHeight && !isAllCommentsVisibleKeyPressed) {\n      setCommentsListHeight(null);\n      setIsVisibleCommentsAppeared(false);\n    }\n  }, [visibleComments.length, commentsListHeight, isAllCommentsVisibleKeyPressed]);\n\n  const isInsideDcApp = useIsInsideDcApp();\n  const classes = useStyles({ commentsListHeight, isAllCommentsVisibleKeyPressed, isInsideDcApp });\n\n  return (\n    <div className={(openCommentInput || !!commentsCount) && classes.feedCommentsContainer}>\n      {openCommentInput && !isNativeDetected && (\n        <CommentInput\n          inputRef={inputEl}\n          postComment={postComment}\n          setIsPosting={setIsPosting}\n          companyId={feedItem.company_id}\n          autoFocus={false}\n          currentUser={currentUser}\n          parentId={`${feedItem.id}-${feedItem.comments?.size}`}\n        />\n      )}\n      {openCommentList && (\n        <div className={classes.feedCommentsList}>\n          <div className={classes.feedCommentsListContentWrapper}>\n            <div className={classes.feedCommentsListContent} ref={commentsListRef}>\n              {visibleComments.map(comment => (\n                <Comment\n                  key={comment.id}\n                  comment={comment}\n                  handleDeleteCallback={noop /* NOTE: Received through subscription */}\n                  patchCommentCallback={noop}\n                  companyId={feedItem.company_id}\n                  currentUser={currentUser}\n                />\n              ))}\n              {commentsListHeight && <div className={classes.gradient} />}\n            </div>\n          </div>\n          {moreCommentsExist && (\n            <Typography\n              variant=\"caption\"\n              color=\"primary\"\n              data-testid={`${PAGE_NAME}_viewMoreComments`}\n              className={classes.showMore}\n              onClick={toggleShowAllComments}\n            >\n              {isAllCommentsVisibleKeyPressed ? 'Hide older comments' : 'See all comments'}\n            </Typography>\n          )}\n        </div>\n      )}\n\n      {isPosting && <CommentLoader />}\n    </div>\n  );\n}\n\nFeedComments.propTypes = {\n  openCommentInput: PropTypes.bool.isRequired,\n  feedItem: PropTypes.shape().isRequired,\n  currentUser: PropTypes.shape().isRequired,\n};\n\nexport default FeedComments;\n"],"names":["PAGE_NAME","useStyles","makeStyles","showMore","cursor","feedCommentsContainer","padding","feedCommentsList","marginTop","feedCommentsListContent","height","commentsListHeight","overflow","feedCommentsListContentWrapper","position","gradient","bottom","left","width","background","isInsideDcApp","INITIAL_VISIBLE_COMMENTS_COUNT","COUNT_OF_COMMENTS_IN_SCROLLABLE_CONTAINER","FeedComments","openCommentInput","openCommentList","feedItem","currentUser","comments","commentsCount","length","moreCommentsExist","useState","isPosting","setIsPosting","isVisibleCommentsAppeared","setIsVisibleCommentsAppeared","isAllCommentsVisibleKeyPressed","setIsAllCommentsVisibleKeyPressed","setCommentsListHeight","inputEl","useRef","commentsListRef","toggleShowAllComments","postComment","comment","postFeedItemComment","id","visibleComments","useMemo","sortedComments","sortBy","item","moment","created_at","unix","slice","useEffect","divHeight","current","clientHeight","useIsInsideDcApp","classes","_jsxs","isNativeDetected","_jsx","company_id","size","map","noop","propTypes","PropTypes","bool","isRequired","shape"],"mappings":"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"}

package/components/FeedItem/components/Icon.js

@@ -1 +1,92 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"classnames";import{makeStyles as r}from"@material-ui/core";import{isNativeDetected as t}from"../../../utils/mobileDetect.js";import{getIconForFeedItemType as i,AVATAR_ICON as n}from"../../../utils/feed.js";import{FEED_ITEM_TYPES_BY_KEY as a}from"../../../constants/feed.js";import{ALERT_LEVEL_COLOR as s}from"../../../constants/alerts.js";import m from"./AvatarIcon.js";import l from"./LessonsLearnedLeafIcon.js";import{jsxs as c,Fragment as d,jsx as f}from"react/jsx-runtime";var p=r({icon:{width:32,height:32,backgroundColor:"grey",borderRadius:23,position:"absolute",top:18,left:-16,padding:6},iconWrapper:{display:"inline-block",height:20,width:20,overflow:"hidden"},iconImg:{height:20,width:20},iconNative:{left:"auto"}}),u=function(r){var i,n=r.feedItem,m=r.feedItemType,l=r.icon,c=p(),d=a[m]?a[m].label:"Other";if(m===a.alert.type){var u,h,v=null===(u=n.context)||void 0===u||null===(h=u.alert)||void 0===h?void 0:h.level;i={backgroundColor:s[v]}}return f("div",{className:o(c.icon,e({},c.iconNative,t)),style:i,children:f("div",{className:c.iconWrapper,children:f("img",{src:l,alt:"".concat(d," icon"),className:c.iconImg})})})},h=function(e){var o=e.feedItem,r=e.displayName,t=e.isRecommended,a=e.currentUser,s=o.type,p=i(s);return p===n?c(d,{children:[f(m,{displayName:r,feedItem:o,isRecommended:t,currentUser:a}),"lessons_learned"===s&&f(l,{offsetX:-22,offsetY:32})]}):f(u,{icon:p,feedItem:o,feedItemType:s})};export{h as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import { makeStyles } from '@material-ui/core';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { getIconForFeedItemType, AVATAR_ICON } from '../../../utils/feed.js';
+import { FEED_ITEM_TYPES_BY_KEY } from '../../../constants/feed.js';
+import { ALERT_LEVEL_COLOR } from '../../../constants/alerts.js';
+import AvatarIcon from './AvatarIcon.js';
+import LessonsLearnedLeafIcon from './LessonsLearnedLeafIcon.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  icon: {
+    width: 32,
+    height: 32,
+    backgroundColor: 'grey',
+    borderRadius: 23,
+    position: 'absolute',
+    top: 18,
+    left: -16,
+    padding: 6
+  },
+  iconWrapper: {
+    display: 'inline-block',
+    height: 20,
+    width: 20,
+    overflow: 'hidden'
+  },
+  iconImg: {
+    height: 20,
+    width: 20
+  },
+  iconNative: {
+    left: 'auto'
+  }
+});
+var TypeIcon = function TypeIcon(_ref) {
+  var feedItem = _ref.feedItem,
+    feedItemType = _ref.feedItemType,
+    icon = _ref.icon;
+  var classes = useStyles();
+  var label = FEED_ITEM_TYPES_BY_KEY[feedItemType] ? FEED_ITEM_TYPES_BY_KEY[feedItemType].label : 'Other';
+  var backgroundColorContainer;
+  if (feedItemType === FEED_ITEM_TYPES_BY_KEY.alert.type) {
+    var _feedItem$context, _feedItem$context$ale;
+    var level = (_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$ale = _feedItem$context.alert) === null || _feedItem$context$ale === void 0 ? void 0 : _feedItem$context$ale.level;
+    backgroundColorContainer = {
+      backgroundColor: ALERT_LEVEL_COLOR[level]
+    };
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.icon, _defineProperty({}, classes.iconNative, isNativeDetected)),
+    style: backgroundColorContainer,
+    children: /*#__PURE__*/jsx("div", {
+      className: classes.iconWrapper,
+      children: /*#__PURE__*/jsx("img", {
+        src: icon,
+        alt: "".concat(label, " icon"),
+        className: classes.iconImg
+      })
+    })
+  });
+};
+var Icon = function Icon(_ref2) {
+  var feedItem = _ref2.feedItem,
+    displayName = _ref2.displayName,
+    isRecommended = _ref2.isRecommended,
+    currentUser = _ref2.currentUser;
+  var feedItemType = feedItem.type;
+  var icon = getIconForFeedItemType(feedItemType);
+  if (icon === AVATAR_ICON) {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(AvatarIcon, {
+        displayName: displayName,
+        feedItem: feedItem,
+        isRecommended: isRecommended,
+        currentUser: currentUser
+      }), feedItemType === 'lessons_learned' && /*#__PURE__*/jsx(LessonsLearnedLeafIcon, {
+        offsetX: -22,
+        offsetY: 32
+      })]
+    });
+  }
+  return /*#__PURE__*/jsx(TypeIcon, {
+    icon: icon,
+    feedItem: feedItem,
+    feedItemType: feedItemType
+  });
+};
+
+export { Icon as default };
+//# sourceMappingURL=Icon.js.map

package/components/FeedItem/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/FeedItem/components/Icon.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n\n// TODO: Fix styles shit\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getIconForFeedItemType, AVATAR_ICON } from '~/utils/feed';\nimport { FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\nimport { ALERT_LEVEL_COLOR } from '~/constants/alerts';\n\nimport AvatarIcon from './AvatarIcon';\nimport LessonsLearnedLeafIcon from './LessonsLearnedLeafIcon';\n\nconst useStyles = makeStyles({\n  icon: {\n    width: 32,\n    height: 32,\n    backgroundColor: 'grey',\n    borderRadius: 23,\n    position: 'absolute',\n    top: 18,\n    left: -16,\n    padding: 6,\n  },\n  iconWrapper: {\n    display: 'inline-block',\n    height: 20,\n    width: 20,\n    overflow: 'hidden',\n  },\n  iconImg: {\n    height: 20,\n    width: 20,\n  },\n  iconNative: {\n    left: 'auto',\n  },\n});\n\nconst TypeIcon = ({ feedItem, feedItemType, icon }) => {\n  const classes = useStyles();\n\n  const label = FEED_ITEM_TYPES_BY_KEY[feedItemType]\n    ? FEED_ITEM_TYPES_BY_KEY[feedItemType].label\n    : 'Other';\n\n  let backgroundColorContainer;\n  if (feedItemType === FEED_ITEM_TYPES_BY_KEY.alert.type) {\n    const level = feedItem.context?.alert?.level;\n    backgroundColorContainer = { backgroundColor: ALERT_LEVEL_COLOR[level] };\n  }\n\n  return (\n    <div\n      className={classNames(classes.icon, {\n        [classes.iconNative]: isNativeDetected,\n      })}\n      style={backgroundColorContainer}\n    >\n      <div className={classes.iconWrapper}>\n        <img src={icon} alt={`${label} icon`} className={classes.iconImg} />\n      </div>\n    </div>\n  );\n};\n\nconst Icon = ({ feedItem, displayName, isRecommended, currentUser }) => {\n  const feedItemType = feedItem.type;\n\n  const icon = getIconForFeedItemType(feedItemType);\n\n  if (icon === AVATAR_ICON) {\n    return (\n      <>\n        <AvatarIcon\n          displayName={displayName}\n          feedItem={feedItem}\n          isRecommended={isRecommended}\n          currentUser={currentUser}\n        />\n\n        {feedItemType === 'lessons_learned' && (\n          <LessonsLearnedLeafIcon offsetX={-22} offsetY={32} />\n        )}\n      </>\n    );\n  }\n\n  return <TypeIcon icon={icon} feedItem={feedItem} feedItemType={feedItemType} />;\n};\n\nexport default Icon;\n"],"names":["useStyles","makeStyles","icon","width","height","backgroundColor","borderRadius","position","top","left","padding","iconWrapper","display","overflow","iconImg","iconNative","TypeIcon","feedItem","feedItemType","classes","label","FEED_ITEM_TYPES_BY_KEY","backgroundColorContainer","alert","type","level","context","ALERT_LEVEL_COLOR","_jsx","classNames","isNativeDetected","Icon","displayName","isRecommended","currentUser","getIconForFeedItemType","AVATAR_ICON","_jsxs","_Fragment"],"mappings":"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"}

package/components/FeedItem/components/LessonsLearnedLeafIcon.js

@@ -1 +1,37 @@
-import t from"prop-types";import{jsxs as e,jsx as r}from"react/jsx-runtime";function f(t){var f=t.offsetX,o=t.offsetY;return e("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",transform:"translate(".concat(f,",").concat(o,")"),children:[r("path",{d:"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z",fill:"#63EFFF"}),r("rect",{x:"7",y:"3",width:"2",height:"10",rx:"1",fill:"#212121"})]})}f.propTypes={offsetX:t.number,offsetY:t.number},f.defaultProps={offsetX:0,offsetY:0};export{f as default};
+import PropTypes from 'prop-types';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function LessonsLearnedLeafIcon(_ref) {
+  var offsetX = _ref.offsetX,
+    offsetY = _ref.offsetY;
+  return /*#__PURE__*/jsxs("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    transform: "translate(".concat(offsetX, ",").concat(offsetY, ")"),
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z",
+      fill: "#63EFFF"
+    }), /*#__PURE__*/jsx("rect", {
+      x: "7",
+      y: "3",
+      width: "2",
+      height: "10",
+      rx: "1",
+      fill: "#212121"
+    })]
+  });
+}
+LessonsLearnedLeafIcon.propTypes = {
+  offsetX: PropTypes.number,
+  offsetY: PropTypes.number
+};
+LessonsLearnedLeafIcon.defaultProps = {
+  offsetX: 0,
+  offsetY: 0
+};
+
+export { LessonsLearnedLeafIcon as default };
+//# sourceMappingURL=LessonsLearnedLeafIcon.js.map

package/components/FeedItem/components/LessonsLearnedLeafIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LessonsLearnedLeafIcon.js","sources":["../../../../src/components/FeedItem/components/LessonsLearnedLeafIcon.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nfunction LessonsLearnedLeafIcon({ offsetX, offsetY }) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      transform={`translate(${offsetX},${offsetY})`}\n    >\n      <path\n        d=\"M11.3259 0L15.4044 0.0174C15.5624 0.017453 15.7139 0.0802618 15.8256 0.192012C15.9373 0.303762 16 0.455301 16 0.6133V12.9293C16 13.0872 15.9373 13.2387 15.8257 13.3504C15.7141 13.4622 15.5627 13.525 15.4048 13.5252L11.3263 13.5078C10.652 13.509 10.0036 13.7676 9.51363 14.2308C9.19101 14.5358 8.95309 14.9143 8.81705 15.3295C8.69742 15.6946 8.38984 16 8.00564 16C7.6214 16 7.31381 15.6945 7.19419 15.3294C7.05821 14.9143 6.82039 14.5359 6.4979 14.2309C6.00804 13.7677 5.35978 13.5091 4.6856 13.5078H0.5956C0.437601 13.5077 0.286094 13.4449 0.1744 13.3332C0.0627059 13.2214 -2.65192e-05 13.0699 0 12.9119V0.5959C-2.65192e-05 0.437901 0.0627059 0.286362 0.1744 0.174612C0.286094 0.0628618 0.437601 5.30353e-05 0.5956 0H4.6853C5.30628 8.92501e-05 5.91871 0.144783 6.47407 0.42262C7.02943 0.700456 7.51246 1.1038 7.8849 1.6007L8.0049 1.7607L8.1249 1.6014C8.49748 1.10426 8.98071 0.700718 9.53632 0.422757C10.0919 0.144796 10.7046 5.43028e-05 11.3259 0Z\"\n        fill=\"#63EFFF\"\n      />\n      <rect x=\"7\" y=\"3\" width=\"2\" height=\"10\" rx=\"1\" fill=\"#212121\" />\n    </svg>\n  );\n}\n\nLessonsLearnedLeafIcon.propTypes = {\n  offsetX: PropTypes.number,\n  offsetY: PropTypes.number,\n};\n\nLessonsLearnedLeafIcon.defaultProps = {\n  offsetX: 0,\n  offsetY: 0,\n};\n\nexport default LessonsLearnedLeafIcon;\n"],"names":["LessonsLearnedLeafIcon","offsetX","offsetY","_jsxs","_jsx","propTypes","PropTypes","number","defaultProps"],"mappings":";;;AAEA,SAASA,sBAAsB,CAAuB,IAAA,EAAA;EAAA,IAApBC,OAAO,QAAPA,OAAO;AAAEC,IAAAA,OAAO,QAAPA,OAAO,CAAA;EAChD,oBACEC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,KAAK,EAAC,IAAI;AACV,IAAA,MAAM,EAAC,IAAI;AACX,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;AAClC,IAAA,SAAS,EAAeF,YAAAA,CAAAA,MAAAA,CAAAA,OAAO,EAAIC,GAAAA,CAAAA,CAAAA,MAAAA,CAAAA,OAAO,EAAI,GAAA,CAAA;IAAA,QAE9C,EAAA,cAAAE,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,s7BAAs7B;AACx7B,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AAAM,MAAA,CAAC,EAAC,GAAG;AAAC,MAAA,CAAC,EAAC,GAAG;AAAC,MAAA,KAAK,EAAC,GAAG;AAAC,MAAA,MAAM,EAAC,IAAI;AAAC,MAAA,EAAE,EAAC,GAAG;AAAC,MAAA,IAAI,EAAC,SAAA;KAAY,CAAA,CAAA;GAC5D,CAAA,CAAA;AAEV,CAAA;AAEAJ,sBAAsB,CAACK,SAAS,GAAG;EACjCJ,OAAO,EAAEK,SAAS,CAACC,MAAM;EACzBL,OAAO,EAAEI,SAAS,CAACC,MAAAA;AACrB,CAAC,CAAA;AAEDP,sBAAsB,CAACQ,YAAY,GAAG;AACpCP,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,OAAO,EAAE,CAAA;AACX,CAAC;;;;"}

package/components/FeedItem/components/Reactions.js

@@ -1 +1,109 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"classnames";import i from"moment";import{uniq as n,uniqBy as o}from"lodash";import{makeStyles as r,useTheme as m,IconButton as a}from"@material-ui/core";import s from"@material-ui/icons/ThumbUp";import l from"@material-ui/icons/Comment";import{notifyOpenFeedCommentInput as c}from"../../../utils/nativeMessages.js";import{isNativeDetected as u}from"../../../utils/mobileDetect.js";import p from"../../CommentsInfo/index.js";import d from"../../../utils/main.js";import{jsx as f,jsxs as g}from"react/jsx-runtime";var C=r({reactionButton:{padding:8},reactions:{minHeight:48,marginTop:5,display:"flex",alignItems:"center",padding:"8px 16px 8px 24px",flexWrap:"wrap"},reactionsNative:{padding:"0 16px"},actions:{display:"flex",marginRight:30,alignItems:"center"}}),h=u?2:3,k=function(r){var k=r.feedItem,x=r.currentUser,v=r.setOpenCommentInput,N=r.setOpenCommentList,b=r.openCommentInput,y=r.openCommentList,I=r.handleToggleLike,L=m(),j=C(),B=k.likes_count,U=k.comments.length,F=(k.likes||[]).find((function(e){var t;return(null===(t=e.user)||void 0===t?void 0:t.id)===x.id})),_=(k.likes||[]).map((function(e){return d.getUserFullName(e.user)})),P=n((k.comments||[]).map((function(e){return d.getUserFullName(e.user)}))),T=o((k.comments||[]).concat(k.likes||[]).map((function(e){return e.user})).sort((function(e){return i(e.created_at).unix()})),"id").slice(0,h),W=!b||!y;return f("div",{className:t(j.reactions,e({},j.reactionsNative,u)),children:g("div",{className:j.actions,children:[f(a,{"data-testid":"".concat("FeedPo","_likeButton"),"aria-label":"Like",onClick:I,className:j.reactionButton,children:f(s,{htmlColor:F?L.palette.primary.main:L.palette.grey[400]})}),f(a,{"data-testid":"".concat("FeedPo","_commentButton"),"aria-label":"Comment",onClick:function(){u?c(k.id):(v(W),N(W))},className:j.reactionButton,children:f(l,{htmlColor:L.palette.grey[400]})}),f(p,{likesCount:B,usersWhoLike:_,commentsCount:U,usersWhoCommented:P,activeUsersList:T,onCommentsClick:function(){return N(!y)},small:!0})]})})};export{k as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import moment from 'moment';
+import { uniq, uniqBy } from 'lodash';
+import { makeStyles, useTheme, IconButton } from '@material-ui/core';
+import ThumbUpIcon from '@material-ui/icons/ThumbUp';
+import CommentIcon from '@material-ui/icons/Comment';
+import { notifyOpenFeedCommentInput } from '../../../utils/nativeMessages.js';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import CommentsInfo from '../../CommentsInfo/index.js';
+import utils from '../../../utils/main.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'FeedPo';
+var useStyles = makeStyles({
+  reactionButton: {
+    padding: 8
+  },
+  reactions: {
+    minHeight: 48,
+    marginTop: 5,
+    display: 'flex',
+    alignItems: 'center',
+    padding: '8px 16px 8px 24px',
+    flexWrap: 'wrap'
+  },
+  reactionsNative: {
+    padding: '0 16px'
+  },
+  actions: {
+    display: 'flex',
+    marginRight: 30,
+    alignItems: 'center'
+  }
+});
+var AVATARS_VISIBLE_AMOUNT = isNativeDetected ? 2 : 3;
+var Reactions = function Reactions(_ref) {
+  var feedItem = _ref.feedItem,
+    currentUser = _ref.currentUser,
+    setOpenCommentInput = _ref.setOpenCommentInput,
+    setOpenCommentList = _ref.setOpenCommentList,
+    openCommentInput = _ref.openCommentInput,
+    openCommentList = _ref.openCommentList,
+    handleToggleLike = _ref.handleToggleLike;
+  var theme = useTheme();
+  var classes = useStyles();
+  var likesCount = feedItem.likes_count;
+  var commentsCount = feedItem.comments.length;
+  var isLikedByCurrentUser = (feedItem.likes || []).find(function (like) {
+    var _like$user;
+    return ((_like$user = like.user) === null || _like$user === void 0 ? void 0 : _like$user.id) === currentUser.id;
+  });
+  var usersWhoLike = (feedItem.likes || []).map(function (like) {
+    return utils.getUserFullName(like.user);
+  });
+  var usersWhoCommented = uniq((feedItem.comments || []).map(function (comment) {
+    return utils.getUserFullName(comment.user);
+  }));
+  var activeUsersList = uniqBy((feedItem.comments || []).concat(feedItem.likes || []).map(function (item) {
+    return item.user;
+  }).sort(function (item) {
+    return moment(item.created_at).unix();
+  }), 'id').slice(0, AVATARS_VISIBLE_AMOUNT);
+  var isListOrInputClosed = !openCommentInput || !openCommentList;
+  var handleCommentIconClick = function handleCommentIconClick() {
+    if (isNativeDetected) {
+      notifyOpenFeedCommentInput(feedItem.id);
+    } else {
+      setOpenCommentInput(isListOrInputClosed);
+      setOpenCommentList(isListOrInputClosed);
+    }
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: classNames(classes.reactions, _defineProperty({}, classes.reactionsNative, isNativeDetected)),
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes.actions,
+      children: [/*#__PURE__*/jsx(IconButton, {
+        "data-testid": "".concat(PAGE_NAME, "_likeButton"),
+        "aria-label": "Like",
+        onClick: handleToggleLike,
+        className: classes.reactionButton,
+        children: /*#__PURE__*/jsx(ThumbUpIcon, {
+          htmlColor: isLikedByCurrentUser ? theme.palette.primary.main : theme.palette.grey[400]
+        })
+      }), /*#__PURE__*/jsx(IconButton, {
+        "data-testid": "".concat(PAGE_NAME, "_commentButton"),
+        "aria-label": "Comment",
+        onClick: handleCommentIconClick,
+        className: classes.reactionButton,
+        children: /*#__PURE__*/jsx(CommentIcon, {
+          htmlColor: theme.palette.grey[400]
+        })
+      }), /*#__PURE__*/jsx(CommentsInfo, {
+        likesCount: likesCount,
+        usersWhoLike: usersWhoLike,
+        commentsCount: commentsCount,
+        usersWhoCommented: usersWhoCommented,
+        activeUsersList: activeUsersList,
+        onCommentsClick: function onCommentsClick() {
+          return setOpenCommentList(!openCommentList);
+        },
+        small: true
+      })]
+    })
+  });
+};
+
+export { Reactions as default };
+//# sourceMappingURL=Reactions.js.map

package/components/FeedItem/components/Reactions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Reactions.js","sources":["../../../../src/components/FeedItem/components/Reactions.js"],"sourcesContent":["/* eslint-disable react/prop-types */\n// NOTE: CHECK utils\nimport classNames from 'classnames';\nimport moment from 'moment';\nimport { uniq, uniqBy } from 'lodash';\nimport { makeStyles, useTheme, IconButton } from '@material-ui/core';\nimport ThumbUpIcon from '@material-ui/icons/ThumbUp';\nimport CommentIcon from '@material-ui/icons/Comment';\n\nimport { notifyOpenFeedCommentInput } from '~/utils/nativeMessages';\nimport { isNativeDetected } from '~utils/mobileDetect';\nimport CommentsInfo from '~/components/CommentsInfo';\nimport utils from '~/utils/main';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles({\n  reactionButton: { padding: 8 },\n  reactions: {\n    minHeight: 48,\n    marginTop: 5,\n    display: 'flex',\n    alignItems: 'center',\n    padding: '8px 16px 8px 24px',\n    flexWrap: 'wrap',\n  },\n  reactionsNative: {\n    padding: '0 16px',\n  },\n  actions: {\n    display: 'flex',\n    marginRight: 30,\n    alignItems: 'center',\n  },\n});\n\nconst AVATARS_VISIBLE_AMOUNT = isNativeDetected ? 2 : 3;\n\nconst Reactions = ({\n  feedItem,\n  currentUser,\n  setOpenCommentInput,\n  setOpenCommentList,\n  openCommentInput,\n  openCommentList,\n  handleToggleLike,\n}) => {\n  const theme = useTheme();\n  const classes = useStyles();\n  const likesCount = feedItem.likes_count;\n  const commentsCount = feedItem.comments.length;\n\n  const isLikedByCurrentUser = (feedItem.likes || []).find(\n    like => like.user?.id === currentUser.id\n  );\n\n  const usersWhoLike = (feedItem.likes || []).map(like => utils.getUserFullName(like.user));\n\n  const usersWhoCommented = uniq(\n    (feedItem.comments || []).map(comment => utils.getUserFullName(comment.user))\n  );\n\n  const activeUsersList = uniqBy(\n    (feedItem.comments || [])\n      .concat(feedItem.likes || [])\n      .map(item => item.user)\n      .sort(item => moment(item.created_at).unix()),\n    'id'\n  ).slice(0, AVATARS_VISIBLE_AMOUNT);\n\n  const isListOrInputClosed = !openCommentInput || !openCommentList;\n\n  const handleCommentIconClick = () => {\n    if (isNativeDetected) {\n      notifyOpenFeedCommentInput(feedItem.id);\n    } else {\n      setOpenCommentInput(isListOrInputClosed);\n      setOpenCommentList(isListOrInputClosed);\n    }\n  };\n\n  return (\n    <div\n      className={classNames(classes.reactions, {\n        [classes.reactionsNative]: isNativeDetected,\n      })}\n    >\n      <div className={classes.actions}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_likeButton`}\n          aria-label=\"Like\"\n          onClick={handleToggleLike}\n          className={classes.reactionButton}\n        >\n          <ThumbUpIcon\n            htmlColor={isLikedByCurrentUser ? theme.palette.primary.main : theme.palette.grey[400]}\n          />\n        </IconButton>\n\n        <IconButton\n          data-testid={`${PAGE_NAME}_commentButton`}\n          aria-label=\"Comment\"\n          onClick={handleCommentIconClick}\n          className={classes.reactionButton}\n        >\n          <CommentIcon htmlColor={theme.palette.grey[400]} />\n        </IconButton>\n\n        <CommentsInfo\n          likesCount={likesCount}\n          usersWhoLike={usersWhoLike}\n          commentsCount={commentsCount}\n          usersWhoCommented={usersWhoCommented}\n          activeUsersList={activeUsersList}\n          onCommentsClick={() => setOpenCommentList(!openCommentList)}\n          small\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Reactions;\n"],"names":["PAGE_NAME","useStyles","makeStyles","reactionButton","padding","reactions","minHeight","marginTop","display","alignItems","flexWrap","reactionsNative","actions","marginRight","AVATARS_VISIBLE_AMOUNT","isNativeDetected","Reactions","feedItem","currentUser","setOpenCommentInput","setOpenCommentList","openCommentInput","openCommentList","handleToggleLike","theme","useTheme","classes","likesCount","likes_count","commentsCount","comments","length","isLikedByCurrentUser","likes","find","like","user","id","usersWhoLike","map","utils","getUserFullName","usersWhoCommented","uniq","comment","activeUsersList","uniqBy","concat","item","sort","moment","created_at","unix","slice","isListOrInputClosed","handleCommentIconClick","notifyOpenFeedCommentInput","_jsx","classNames","_jsxs","palette","primary","main","grey"],"mappings":"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"}

package/components/FeedItem/components/RigAndWell.js

@@ -1 +1,75 @@
-import{get as e}from"lodash";import{makeStyles as n,Typography as t}from"@material-ui/core";import{SEGMENTS as i}from"../../../constants/segment.js";import{jsxs as a,jsx as l}from"react/jsx-runtime";var r=n((function(e){return{rigAndWellContainer:{display:"flex",gap:"8px",alignItems:"flex-end"},contentAssetInfo:{color:e.palette.primary.main,width:"100%",fontSize:12},assetLink:{cursor:"pointer",display:"block",padding:"4px 0 0 0",fontSize:"12px"},stageNumber:{color:e.palette.primary.text6,fontSize:12}}})),o=function(n){var o,s,d,c,m,v,u=n.feedItem,f=r(),p=!!u.rig,g=function(e){var n,t,i;return e.rig?null===(n=e.rig)||void 0===n?void 0:n.name:null===(t=e.well)||void 0===t||null===(i=t.parent_asset)||void 0===i?void 0:i.name}(u),x=p?null===(o=u.rig)||void 0===o||null===(s=o.active_well)||void 0===s?void 0:s.name:null===(d=u.well)||void 0===d?void 0:d.name,N=p?null===(c=u.rig)||void 0===c||null===(m=c.active_well)||void 0===m?void 0:m.id:null===(v=u.well)||void 0===v?void 0:v.id,b=e(u,["segment",0])===i.COMPLETION&&e(u,["context","alert","stage_numbers",0]);return a("div",{className:f.rigAndWellContainer,children:[N?l("a",{"data-testid":"".concat("FeedPo","_wellLink"),className:f.assetLink,onClick:function(e){return e.stopPropagation()},href:"/assets/".concat(N,"/"),target:"_blank",rel:"noreferrer",children:a(t,{variant:"body2",className:f.contentAssetInfo,children:[g," - ",x]})}):a(t,{variant:"body2",className:f.contentAssetInfo,children:[g," - No Active Well"]}),b&&a(t,{variant:"body2",className:f.stageNumber,children:["Stage ",b]})]})};export{o as default};
+import { get } from 'lodash';
+import { makeStyles, Typography } from '@material-ui/core';
+import { SEGMENTS } from '../../../constants/segment.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/* eslint-disable react/prop-types */
+var PAGE_NAME = 'FeedPo';
+var useStyles = makeStyles(function (theme) {
+  return {
+    rigAndWellContainer: {
+      display: 'flex',
+      gap: '8px',
+      alignItems: 'flex-end'
+    },
+    contentAssetInfo: {
+      color: theme.palette.primary.main,
+      width: '100%',
+      fontSize: 12
+    },
+    assetLink: {
+      cursor: 'pointer',
+      display: 'block',
+      padding: '4px 0 0 0',
+      fontSize: '12px'
+    },
+    stageNumber: {
+      color: theme.palette.primary.text6,
+      fontSize: 12
+    }
+  };
+});
+var getRigName = function getRigName(feedItem) {
+  var _feedItem$rig, _feedItem$well, _feedItem$well$parent;
+  var isRigBasedItem = !!feedItem.rig;
+  return isRigBasedItem ? (_feedItem$rig = feedItem.rig) === null || _feedItem$rig === void 0 ? void 0 : _feedItem$rig.name : (_feedItem$well = feedItem.well) === null || _feedItem$well === void 0 ? void 0 : (_feedItem$well$parent = _feedItem$well.parent_asset) === null || _feedItem$well$parent === void 0 ? void 0 : _feedItem$well$parent.name;
+};
+var RigAndWell = function RigAndWell(_ref) {
+  var _feedItem$rig2, _feedItem$rig2$active, _feedItem$well2, _feedItem$rig3, _feedItem$rig3$active, _feedItem$well3;
+  var feedItem = _ref.feedItem;
+  var classes = useStyles();
+  var isRigBasedItem = !!feedItem.rig;
+  var rigName = getRigName(feedItem);
+  var wellName = isRigBasedItem ? (_feedItem$rig2 = feedItem.rig) === null || _feedItem$rig2 === void 0 ? void 0 : (_feedItem$rig2$active = _feedItem$rig2.active_well) === null || _feedItem$rig2$active === void 0 ? void 0 : _feedItem$rig2$active.name : (_feedItem$well2 = feedItem.well) === null || _feedItem$well2 === void 0 ? void 0 : _feedItem$well2.name;
+  var wellId = isRigBasedItem ? (_feedItem$rig3 = feedItem.rig) === null || _feedItem$rig3 === void 0 ? void 0 : (_feedItem$rig3$active = _feedItem$rig3.active_well) === null || _feedItem$rig3$active === void 0 ? void 0 : _feedItem$rig3$active.id : (_feedItem$well3 = feedItem.well) === null || _feedItem$well3 === void 0 ? void 0 : _feedItem$well3.id;
+  var stageNumber = get(feedItem, ['segment', 0]) === SEGMENTS.COMPLETION && get(feedItem, ['context', 'alert', 'stage_numbers', 0]);
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.rigAndWellContainer,
+    children: [wellId ? /*#__PURE__*/jsx("a", {
+      "data-testid": "".concat(PAGE_NAME, "_wellLink"),
+      className: classes.assetLink,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      href: "/assets/".concat(wellId, "/"),
+      target: "_blank",
+      rel: "noreferrer",
+      children: /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        className: classes.contentAssetInfo,
+        children: [rigName, " - ", wellName]
+      })
+    }) : /*#__PURE__*/jsxs(Typography, {
+      variant: "body2",
+      className: classes.contentAssetInfo,
+      children: [rigName, " - No Active Well"]
+    }), stageNumber && /*#__PURE__*/jsxs(Typography, {
+      variant: "body2",
+      className: classes.stageNumber,
+      children: ["Stage ", stageNumber]
+    })]
+  });
+};
+
+export { RigAndWell as default };
+//# sourceMappingURL=RigAndWell.js.map

package/components/FeedItem/components/RigAndWell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RigAndWell.js","sources":["../../../../src/components/FeedItem/components/RigAndWell.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { get } from 'lodash';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { SEGMENTS } from '~/constants/segment';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  rigAndWellContainer: {\n    display: 'flex',\n    gap: '8px',\n    alignItems:'flex-end',\n  },\n  contentAssetInfo: {\n    color: theme.palette.primary.main,\n    width: '100%',\n    fontSize: 12,\n  },\n  assetLink: {\n    cursor: 'pointer',\n    display: 'block',\n    padding: '4px 0 0 0',\n    fontSize: '12px',\n  },\n  stageNumber: {\n    color: theme.palette.primary.text6,\n    fontSize: 12,\n  },\n}));\n\nconst getRigName = feedItem => {\n  const isRigBasedItem = !!feedItem.rig;\n  return isRigBasedItem ? feedItem.rig?.name : feedItem.well?.parent_asset?.name;\n};\n\nconst RigAndWell = ({ feedItem }) => {\n  const classes = useStyles();\n  const isRigBasedItem = !!feedItem.rig;\n\n  const rigName = getRigName(feedItem);\n\n  const wellName = isRigBasedItem ? feedItem.rig?.active_well?.name : feedItem.well?.name;\n\n  const wellId = isRigBasedItem ? feedItem.rig?.active_well?.id : feedItem.well?.id;\n\n  const stageNumber = \n    get(feedItem, ['segment', 0]) === SEGMENTS.COMPLETION &&\n      get(feedItem,['context','alert', 'stage_numbers', 0])\n\n  return (\n    <div className={classes.rigAndWellContainer}>\n      {wellId ? (\n        <a\n          data-testid={`${PAGE_NAME}_wellLink`}\n          className={classes.assetLink}\n          onClick={e => e.stopPropagation()}\n          href={`/assets/${wellId}/`}\n          target=\"_blank\"\n          rel=\"noreferrer\"\n        >\n          <Typography variant=\"body2\" className={classes.contentAssetInfo}>\n            {rigName} - {wellName}\n          </Typography>\n        </a>\n      ) : (\n        <Typography variant=\"body2\" className={classes.contentAssetInfo}>\n          {rigName} - No Active Well\n        </Typography>\n    )}\n      {stageNumber && \n      <Typography variant=\"body2\" className={classes.stageNumber}>\n        Stage {stageNumber}\n      </Typography>}\n    </div>);\n};\n\nexport default RigAndWell;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","rigAndWellContainer","display","gap","alignItems","contentAssetInfo","color","palette","primary","main","width","fontSize","assetLink","cursor","padding","stageNumber","text6","getRigName","feedItem","isRigBasedItem","rig","name","well","parent_asset","RigAndWell","classes","rigName","wellName","active_well","wellId","id","get","SEGMENTS","COMPLETION","_jsxs","_jsx","e","stopPropagation"],"mappings":";;;;;AAAA;AAMA,IAAMA,SAAS,GAAG,QAAQ,CAAA;AAE1B,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,mBAAmB,EAAE;AACnBC,MAAAA,OAAO,EAAE,MAAM;AACfC,MAAAA,GAAG,EAAE,KAAK;AACVC,MAAAA,UAAU,EAAC,UAAA;KACZ;AACDC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAO,CAACC,OAAO,CAACC,IAAI;AACjCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,EAAA;KACX;AACDC,IAAAA,SAAS,EAAE;AACTC,MAAAA,MAAM,EAAE,SAAS;AACjBX,MAAAA,OAAO,EAAE,OAAO;AAChBY,MAAAA,OAAO,EAAE,WAAW;AACpBH,MAAAA,QAAQ,EAAE,MAAA;KACX;AACDI,IAAAA,WAAW,EAAE;AACXT,MAAAA,KAAK,EAAEN,KAAK,CAACO,OAAO,CAACC,OAAO,CAACQ,KAAK;AAClCL,MAAAA,QAAQ,EAAE,EAAA;AACZ,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMM,UAAU,GAAG,SAAbA,UAAU,CAAGC,QAAQ,EAAI;AAAA,EAAA,IAAA,aAAA,EAAA,cAAA,EAAA,qBAAA,CAAA;AAC7B,EAAA,IAAMC,cAAc,GAAG,CAAC,CAACD,QAAQ,CAACE,GAAG,CAAA;AACrC,EAAA,OAAOD,cAAc,GAAGD,CAAAA,aAAAA,GAAAA,QAAQ,CAACE,GAAG,kDAAZ,aAAcC,CAAAA,IAAI,GAAGH,CAAAA,cAAAA,GAAAA,QAAQ,CAACI,IAAI,MAAA,IAAA,IAAA,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAb,eAAeC,YAAY,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAA3B,sBAA6BF,IAAI,CAAA;AAChF,CAAC,CAAA;AAED,IAAMG,UAAU,GAAG,SAAbA,UAAU,CAAqB,IAAA,EAAA;AAAA,EAAA,IAAA,cAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,eAAA,CAAA;EAAA,IAAfN,QAAQ,QAARA,QAAQ,CAAA;EAC5B,IAAMO,OAAO,GAAG3B,SAAS,EAAE,CAAA;AAC3B,EAAA,IAAMqB,cAAc,GAAG,CAAC,CAACD,QAAQ,CAACE,GAAG,CAAA;AAErC,EAAA,IAAMM,OAAO,GAAGT,UAAU,CAACC,QAAQ,CAAC,CAAA;AAEpC,EAAA,IAAMS,QAAQ,GAAGR,cAAc,qBAAGD,QAAQ,CAACE,GAAG,MAAZ,IAAA,IAAA,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAA,cAAA,CAAcQ,WAAW,MAAzB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAA2BP,IAAI,GAAGH,CAAAA,eAAAA,GAAAA,QAAQ,CAACI,IAAI,MAAA,IAAA,IAAA,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAb,gBAAeD,IAAI,CAAA;AAEvF,EAAA,IAAMQ,MAAM,GAAGV,cAAc,qBAAGD,QAAQ,CAACE,GAAG,MAAZ,IAAA,IAAA,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAA,cAAA,CAAcQ,WAAW,MAAzB,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAA2BE,EAAE,GAAGZ,CAAAA,eAAAA,GAAAA,QAAQ,CAACI,IAAI,MAAA,IAAA,IAAA,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAb,gBAAeQ,EAAE,CAAA;AAEjF,EAAA,IAAMf,WAAW,GACfgB,GAAG,CAACb,QAAQ,EAAE,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,KAAKc,QAAQ,CAACC,UAAU,IACnDF,GAAG,CAACb,QAAQ,EAAC,CAAC,SAAS,EAAC,OAAO,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC,CAAA;EAEzD,oBACEgB,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAET,OAAO,CAACxB,mBAAoB;AAAA,IAAA,QAAA,EAAA,CACzC4B,MAAM,gBACLM,GAAA,CAAA,GAAA,EAAA;AACE,MAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBtC,SAAS,EAAY,WAAA,CAAA;MACrC,SAAS,EAAE4B,OAAO,CAACb,SAAU;MAC7B,OAAO,EAAE,iBAAAwB,CAAC,EAAA;QAAA,OAAIA,CAAC,CAACC,eAAe,EAAE,CAAA;OAAC;MAClC,IAAI,EAAA,UAAA,CAAA,MAAA,CAAaR,MAAM,EAAI,GAAA,CAAA;AAC3B,MAAA,MAAM,EAAC,QAAQ;AACf,MAAA,GAAG,EAAC,YAAY;AAAA,MAAA,QAAA,eAEhBK,KAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAET,OAAO,CAACpB,gBAAiB;QAAA,QAC7DqB,EAAAA,CAAAA,OAAO,SAAKC,QAAQ,CAAA;AAAA,OAAA,CAAA;KAErB,CAAA,gBAEJO,KAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,SAAS,EAAET,OAAO,CAACpB,gBAAiB;AAAA,MAAA,QAAA,EAAA,CAC7DqB,OAAO,EAAA,mBAAA,CAAA;AAAA,KAAA,CAEb,EACEX,WAAW,iBACZmB,IAAA,CAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,SAAS,EAAET,OAAO,CAACV,WAAY;AAAA,MAAA,QAAA,EAAA,CAAA,QAAA,EAClDA,WAAW,CAAA;KACP,CAAA,CAAA;GACT,CAAA,CAAA;AACV;;;;"}