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

package/components/FeedItem/components/Icon.js

@@ -1 +1,91 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"classnames";import{makeStyles as t}from"@material-ui/core";import{isNativeDetected as i}from"../../../utils/mobileDetect.js";import{getIconForFeedItemType as r,AVATAR_ICON as a}from"../../../utils/feed.js";import{FEED_ITEM_TYPES_BY_KEY as m}from"../../../constants/feed.js";import{ALERT_LEVEL_COLOR as n}from"../../../constants/alerts.js";import l from"./AvatarIcon.js";import{jsx as d}from"react/jsx-runtime";var c=t({icon:{width:46,height:46,backgroundColor:"grey",borderRadius:23,position:"absolute",top:15,left:-23,padding:9},iconWrapper:{display:"inline-block",height:28,width:28,overflow:"hidden"},iconImg:{height:28,width:28},iconNative:{left:"auto"}}),s=function(t){var r,a=t.feedItem,l=t.feedItemType,s=t.icon,p=c(),f=m[l]?m[l].label:"Other";if(l===m.alert.type){var u,h,v=null===(u=a.context)||void 0===u||null===(h=u.alert)||void 0===h?void 0:h.level;r={backgroundColor:n[v]}}return d("div",{className:o(p.icon,e({},p.iconNative,i)),style:r,children:d("div",{className:p.iconWrapper,children:d("img",{src:s,alt:"".concat(f," icon"),className:p.iconImg})})})},p=function(e){var o=e.feedItem,t=e.displayName,i=e.isRecommended,m=o.type,n=r(m);return n===a?d(l,{displayName:t,feedItem:o,isRecommended:i}):d(s,{icon:n,feedItem:o,feedItemType:m})};export{p as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { ALERT_LEVEL_COLOR } from '../../../constants/alerts.js';
+import { FEED_ITEM_TYPES_BY_KEY } from '../../../constants/feed.js';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import classNames from 'classnames';
+import { getIconForFeedItemType, AVATAR_ICON } from '../../../utils/feed.js';
+import AvatarIcon from './AvatarIcon.js';
+
+var useStyles = makeStyles({
+  icon: {
+    width: 46,
+    height: 46,
+    backgroundColor: 'grey',
+    borderRadius: 23,
+    position: 'absolute',
+    top: 15,
+    left: -23,
+    padding: 9
+  },
+  iconWrapper: {
+    display: 'inline-block',
+    height: 28,
+    width: 28,
+    overflow: 'hidden'
+  },
+  iconImg: {
+    height: 28,
+    width: 28
+  },
+  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;
+  var feedItemType = feedItem.type;
+  var icon = getIconForFeedItemType(feedItemType);
+
+  if (icon === AVATAR_ICON) {
+    return /*#__PURE__*/jsx(AvatarIcon, {
+      displayName: displayName,
+      feedItem: feedItem,
+      isRecommended: isRecommended
+    });
+  }
+
+  return /*#__PURE__*/jsx(TypeIcon, {
+    icon: icon,
+    feedItem: feedItem,
+    feedItemType: feedItemType
+  });
+};
+
+export default Icon;
+//# 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';\n\nconst useStyles = makeStyles({\n  icon: {\n    width: 46,\n    height: 46,\n    backgroundColor: 'grey',\n    borderRadius: 23,\n    position: 'absolute',\n    top: 15,\n    left: -23,\n    padding: 9,\n  },\n  iconWrapper: {\n    display: 'inline-block',\n    height: 28,\n    width: 28,\n    overflow: 'hidden',\n  },\n  iconImg: {\n    height: 28,\n    width: 28,\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 }) => {\n  const feedItemType = feedItem.type;\n\n  const icon = getIconForFeedItemType(feedItemType);\n\n  if (icon === AVATAR_ICON) {\n    return <AvatarIcon displayName={displayName} feedItem={feedItem} isRecommended={isRecommended} />;\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","getIconForFeedItemType","AVATAR_ICON"],"mappings":";;;;;;;;;;AAaA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,EADH;AAEJC,IAAAA,MAAM,EAAE,EAFJ;AAGJC,IAAAA,eAAe,EAAE,MAHb;AAIJC,IAAAA,YAAY,EAAE,EAJV;AAKJC,IAAAA,QAAQ,EAAE,UALN;AAMJC,IAAAA,GAAG,EAAE,EAND;AAOJC,IAAAA,IAAI,EAAE,CAAC,EAPH;AAQJC,IAAAA,OAAO,EAAE;AARL,GADqB;AAW3BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,cADE;AAEXR,IAAAA,MAAM,EAAE,EAFG;AAGXD,IAAAA,KAAK,EAAE,EAHI;AAIXU,IAAAA,QAAQ,EAAE;AAJC,GAXc;AAiB3BC,EAAAA,OAAO,EAAE;AACPV,IAAAA,MAAM,EAAE,EADD;AAEPD,IAAAA,KAAK,EAAE;AAFA,GAjBkB;AAqB3BY,EAAAA,UAAU,EAAE;AACVN,IAAAA,IAAI,EAAE;AADI;AArBe,CAAD,CAA5B;;AA0BA,IAAMO,QAAQ,GAAG,SAAXA,QAAW,OAAsC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,YAAyB,QAAzBA,YAAyB;AAAA,MAAXhB,IAAW,QAAXA,IAAW;AACrD,MAAMiB,OAAO,GAAGnB,SAAS,EAAzB;AAEA,MAAMoB,KAAK,GAAGC,sBAAsB,CAACH,YAAD,CAAtB,GACVG,sBAAsB,CAACH,YAAD,CAAtB,CAAqCE,KAD3B,GAEV,OAFJ;AAIA,MAAIE,wBAAJ;;AACA,MAAIJ,YAAY,KAAKG,sBAAsB,CAACE,KAAvB,CAA6BC,IAAlD,EAAwD;AAAA;;AACtD,QAAMC,KAAK,wBAAGR,QAAQ,CAACS,OAAZ,+EAAG,kBAAkBH,KAArB,0DAAG,sBAAyBE,KAAvC;AACAH,IAAAA,wBAAwB,GAAG;AAAEjB,MAAAA,eAAe,EAAEsB,iBAAiB,CAACF,KAAD;AAApC,KAA3B;AACD;;AAED,sBACEG;AACE,IAAA,SAAS,EAAEC,UAAU,CAACV,OAAO,CAACjB,IAAT,sBAClBiB,OAAO,CAACJ,UADU,EACGe,gBADH,EADvB;AAIE,IAAA,KAAK,EAAER,wBAJT;AAAA,2BAMEM;AAAK,MAAA,SAAS,EAAET,OAAO,CAACR,WAAxB;AAAA,6BACEiB;AAAK,QAAA,GAAG,EAAE1B,IAAV;AAAgB,QAAA,GAAG,YAAKkB,KAAL,UAAnB;AAAsC,QAAA,SAAS,EAAED,OAAO,CAACL;AAAzD;AADF;AANF,IADF;AAYD,CAzBD;;IA2BMiB,IAAI,GAAG,SAAPA,IAAO,QAA8C;AAAA,MAA3Cd,QAA2C,SAA3CA,QAA2C;AAAA,MAAjCe,WAAiC,SAAjCA,WAAiC;AAAA,MAApBC,aAAoB,SAApBA,aAAoB;AACzD,MAAMf,YAAY,GAAGD,QAAQ,CAACO,IAA9B;AAEA,MAAMtB,IAAI,GAAGgC,sBAAsB,CAAChB,YAAD,CAAnC;;AAEA,MAAIhB,IAAI,KAAKiC,WAAb,EAA0B;AACxB,wBAAOP,IAAC,UAAD;AAAY,MAAA,WAAW,EAAEI,WAAzB;AAAsC,MAAA,QAAQ,EAAEf,QAAhD;AAA0D,MAAA,aAAa,EAAEgB;AAAzE,MAAP;AACD;;AAED,sBAAOL,IAAC,QAAD;AAAU,IAAA,IAAI,EAAE1B,IAAhB;AAAsB,IAAA,QAAQ,EAAEe,QAAhC;AAA0C,IAAA,YAAY,EAAEC;AAAxD,IAAP;AACD;;;;"}

package/components/FeedItem/components/Reactions.js

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

package/components/FeedItem/components/RigAndWell.js

@@ -1 +1,59 @@
-import{Link as e}from"react-router";import{makeStyles as i,Typography as t}from"@material-ui/core";import{jsx as n,jsxs as o}from"react/jsx-runtime";var l=i((function(e){return{contentAssetInfo:{color:e.palette.grey[400],width:"100%",fontSize:12},assetLink:{cursor:"pointer",display:"block",width:"100%",padding:"2px 0",fontSize:"12px"}}})),r=function(i){var r,a,d,c,s,v,u=i.feedItem,m=l(),f=!!u.rig,p=function(e){var i,t,n;return e.rig?null===(i=e.rig)||void 0===i?void 0:i.name:null===(t=e.well)||void 0===t||null===(n=t.parent_asset)||void 0===n?void 0:n.name}(u),g=f?null===(r=u.rig)||void 0===r||null===(a=r.active_well)||void 0===a?void 0:a.name:null===(d=u.well)||void 0===d?void 0:d.name,w=f?null===(c=u.rig)||void 0===c||null===(s=c.active_well)||void 0===s?void 0:s.id:null===(v=u.well)||void 0===v?void 0:v.id;return w?n(e,{"data-testid":"".concat("FeedPo","_wellLink"),className:m.assetLink,onClick:function(e){return e.stopPropagation()},to:"/assets/".concat(w,"/"),children:o(t,{variant:"body2",className:m.contentAssetInfo,children:[p," - ",g]})}):o(t,{variant:"body2",className:m.contentAssetInfo,children:[p," - No Active Well"]})};export{r as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import { Link } from 'react-router';
+
+var PAGE_NAME = 'FeedPo';
+var useStyles = makeStyles(function (theme) {
+  return {
+    contentAssetInfo: {
+      color: theme.palette.grey[400],
+      width: '100%',
+      fontSize: 12
+    },
+    assetLink: {
+      cursor: 'pointer',
+      display: 'block',
+      width: '100%',
+      padding: '2px 0',
+      fontSize: '12px'
+    }
+  };
+});
+
+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;
+  return wellId ? /*#__PURE__*/jsx(Link, {
+    "data-testid": "".concat(PAGE_NAME, "_wellLink"),
+    className: classes.assetLink,
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    to: "/assets/".concat(wellId, "/"),
+    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"]
+  });
+};
+
+export default RigAndWell;
+//# 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 { Link } from 'react-router';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst useStyles = makeStyles(theme => ({\n  contentAssetInfo: {\n    color: theme.palette.grey[400],\n    width: '100%',\n    fontSize: 12,\n  },\n  assetLink: {\n    cursor: 'pointer',\n    display: 'block',\n    width: '100%',\n    padding: '2px 0',\n    fontSize: '12px',\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  return wellId ? (\n    <Link\n      data-testid={`${PAGE_NAME}_wellLink`}\n      className={classes.assetLink}\n      onClick={e => e.stopPropagation()}\n      to={`/assets/${wellId}/`}\n    >\n      <Typography variant=\"body2\" className={classes.contentAssetInfo}>\n        {rigName} - {wellName}\n      </Typography>\n    </Link>\n  ) : (\n    <Typography variant=\"body2\" className={classes.contentAssetInfo}>\n      {rigName} - No Active Well\n    </Typography>\n  );\n};\n\nexport default RigAndWell;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","contentAssetInfo","color","palette","grey","width","fontSize","assetLink","cursor","display","padding","getRigName","feedItem","isRigBasedItem","rig","name","well","parent_asset","RigAndWell","classes","rigName","wellName","active_well","wellId","id","_jsx","e","stopPropagation","_jsxs"],"mappings":";;;;AAIA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADS;AAEhBC,MAAAA,KAAK,EAAE,MAFS;AAGhBC,MAAAA,QAAQ,EAAE;AAHM,KADmB;AAMrCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,MAAM,EAAE,SADC;AAETC,MAAAA,OAAO,EAAE,OAFA;AAGTJ,MAAAA,KAAK,EAAE,MAHE;AAITK,MAAAA,OAAO,EAAE,OAJA;AAKTJ,MAAAA,QAAQ,EAAE;AALD;AAN0B,GAAL;AAAA,CAAN,CAA5B;;AAeA,IAAMK,UAAU,GAAG,SAAbA,UAAa,CAAAC,QAAQ,EAAI;AAAA;;AAC7B,MAAMC,cAAc,GAAG,CAAC,CAACD,QAAQ,CAACE,GAAlC;AACA,SAAOD,cAAc,oBAAGD,QAAQ,CAACE,GAAZ,kDAAG,cAAcC,IAAjB,qBAAwBH,QAAQ,CAACI,IAAjC,4EAAwB,eAAeC,YAAvC,0DAAwB,sBAA6BF,IAA1E;AACD,CAHD;;IAKMG,UAAU,GAAG,SAAbA,UAAa,OAAkB;AAAA;;AAAA,MAAfN,QAAe,QAAfA,QAAe;AACnC,MAAMO,OAAO,GAAGrB,SAAS,EAAzB;AACA,MAAMe,cAAc,GAAG,CAAC,CAACD,QAAQ,CAACE,GAAlC;AAEA,MAAMM,OAAO,GAAGT,UAAU,CAACC,QAAD,CAA1B;AAEA,MAAMS,QAAQ,GAAGR,cAAc,qBAAGD,QAAQ,CAACE,GAAZ,4EAAG,eAAcQ,WAAjB,0DAAG,sBAA2BP,IAA9B,sBAAqCH,QAAQ,CAACI,IAA9C,oDAAqC,gBAAeD,IAAnF;AAEA,MAAMQ,MAAM,GAAGV,cAAc,qBAAGD,QAAQ,CAACE,GAAZ,4EAAG,eAAcQ,WAAjB,0DAAG,sBAA2BE,EAA9B,sBAAmCZ,QAAQ,CAACI,IAA5C,oDAAmC,gBAAeQ,EAA/E;AAEA,SAAOD,MAAM,gBACXE,IAAC,IAAD;AACE,6BAAgB5B,SAAhB,cADF;AAEE,IAAA,SAAS,EAAEsB,OAAO,CAACZ,SAFrB;AAGE,IAAA,OAAO,EAAE,iBAAAmB,CAAC;AAAA,aAAIA,CAAC,CAACC,eAAF,EAAJ;AAAA,KAHZ;AAIE,IAAA,EAAE,oBAAaJ,MAAb,MAJJ;AAAA,2BAMEK,KAAC,UAAD;AAAY,MAAA,OAAO,EAAC,OAApB;AAA4B,MAAA,SAAS,EAAET,OAAO,CAAClB,gBAA/C;AAAA,iBACGmB,OADH,SACeC,QADf;AAAA;AANF,IADW,gBAYXO,KAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAA4B,IAAA,SAAS,EAAET,OAAO,CAAClB,gBAA/C;AAAA,eACGmB,OADH;AAAA,IAZF;AAgBD;;;;"}

package/components/FeedItem/components/TypeAndAssetTitle.js

@@ -1 +1,40 @@
-import{makeStyles as e,Typography as t}from"@material-ui/core";import{FEED_ITEM_TYPES_BY_KEY as o,FEED_ITEM_TYPES as a}from"../../../constants/feed.js";import{jsx as r}from"react/jsx-runtime";var s=[o.post.type,o.app_annotation.type,o.geosteering_comments.type,a.TRACES_MEMO],i=e((function(e){return{assetRoot:{color:e.palette.grey[400],whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",marginRight:10},postTitle:{color:"#fff"}}})),n=function(e){var o=e.feedItem,a=e.userFullName,n=e.typeLabel,l=i(),p=s.includes(o.type)?a:n;return r(t,{variant:"body2",className:l.assetRoot,children:r("span",{"data-testid":"".concat("FeedPo","_postTitle"),className:l.postTitle,children:p})})};export{n as default};
+import { FEED_ITEM_TYPES_BY_KEY, FEED_ITEM_TYPES } from '../../../constants/feed.js';
+import { jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+
+var PAGE_NAME = 'FeedPo';
+var USER_NAME_TITLE_ITEMS = [FEED_ITEM_TYPES_BY_KEY.post.type, FEED_ITEM_TYPES_BY_KEY.app_annotation.type, FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type, FEED_ITEM_TYPES.TRACES_MEMO];
+var useStyles = makeStyles(function (theme) {
+  return {
+    assetRoot: {
+      color: theme.palette.grey[400],
+      whiteSpace: 'nowrap',
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      marginRight: 10
+    },
+    postTitle: {
+      color: '#fff'
+    }
+  };
+});
+
+var TypeAndAssetTitle = function TypeAndAssetTitle(_ref) {
+  var feedItem = _ref.feedItem,
+      userFullName = _ref.userFullName,
+      typeLabel = _ref.typeLabel;
+  var classes = useStyles();
+  var typeOrName = USER_NAME_TITLE_ITEMS.includes(feedItem.type) ? userFullName : typeLabel;
+  return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    className: classes.assetRoot,
+    children: /*#__PURE__*/jsx("span", {
+      "data-testid": "".concat(PAGE_NAME, "_postTitle"),
+      className: classes.postTitle,
+      children: typeOrName
+    })
+  });
+};
+
+export default TypeAndAssetTitle;
+//# sourceMappingURL=TypeAndAssetTitle.js.map

package/components/FeedItem/components/TypeAndAssetTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeAndAssetTitle.js","sources":["../../../../src/components/FeedItem/components/TypeAndAssetTitle.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { FEED_ITEM_TYPES, FEED_ITEM_TYPES_BY_KEY } from '~/constants/feed';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst USER_NAME_TITLE_ITEMS = [\n  FEED_ITEM_TYPES_BY_KEY.post.type,\n  FEED_ITEM_TYPES_BY_KEY.app_annotation.type,\n  FEED_ITEM_TYPES_BY_KEY.geosteering_comments.type,\n  FEED_ITEM_TYPES.TRACES_MEMO,\n];\n\nconst useStyles = makeStyles(theme => ({\n  assetRoot: {\n    color: theme.palette.grey[400],\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis',\n    overflow: 'hidden',\n    marginRight: 10,\n  },\n  postTitle: {\n    color: '#fff',\n  },\n}));\n\nconst TypeAndAssetTitle = ({ feedItem, userFullName, typeLabel }) => {\n  const classes = useStyles();\n\n  const typeOrName = USER_NAME_TITLE_ITEMS.includes(feedItem.type)\n    ? userFullName\n    : typeLabel;\n\n  return (\n    <Typography variant=\"body2\" className={classes.assetRoot}>\n      <span data-testid={`${PAGE_NAME}_postTitle`} className={classes.postTitle}>\n        {typeOrName}\n      </span>\n    </Typography>\n  );\n};\n\nexport default TypeAndAssetTitle;\n"],"names":["PAGE_NAME","USER_NAME_TITLE_ITEMS","FEED_ITEM_TYPES_BY_KEY","post","type","app_annotation","geosteering_comments","FEED_ITEM_TYPES","TRACES_MEMO","useStyles","makeStyles","theme","assetRoot","color","palette","grey","whiteSpace","textOverflow","overflow","marginRight","postTitle","TypeAndAssetTitle","feedItem","userFullName","typeLabel","classes","typeOrName","includes","_jsx"],"mappings":";;;;AAKA,IAAMA,SAAS,GAAG,QAAlB;AAEA,IAAMC,qBAAqB,GAAG,CAC5BC,sBAAsB,CAACC,IAAvB,CAA4BC,IADA,EAE5BF,sBAAsB,CAACG,cAAvB,CAAsCD,IAFV,EAG5BF,sBAAsB,CAACI,oBAAvB,CAA4CF,IAHhB,EAI5BG,eAAe,CAACC,WAJY,CAA9B;AAOA,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAEF,KAAK,CAACG,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADE;AAETC,MAAAA,UAAU,EAAE,QAFH;AAGTC,MAAAA,YAAY,EAAE,UAHL;AAITC,MAAAA,QAAQ,EAAE,QAJD;AAKTC,MAAAA,WAAW,EAAE;AALJ,KAD0B;AAQrCC,IAAAA,SAAS,EAAE;AACTP,MAAAA,KAAK,EAAE;AADE;AAR0B,GAAL;AAAA,CAAN,CAA5B;;IAaMQ,iBAAiB,GAAG,SAApBA,iBAAoB,OAA2C;AAAA,MAAxCC,QAAwC,QAAxCA,QAAwC;AAAA,MAA9BC,YAA8B,QAA9BA,YAA8B;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACnE,MAAMC,OAAO,GAAGhB,SAAS,EAAzB;AAEA,MAAMiB,UAAU,GAAGzB,qBAAqB,CAAC0B,QAAtB,CAA+BL,QAAQ,CAAClB,IAAxC,IACfmB,YADe,GAEfC,SAFJ;AAIA,sBACEI,IAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAA4B,IAAA,SAAS,EAAEH,OAAO,CAACb,SAA/C;AAAA,2BACEgB;AAAM,+BAAgB5B,SAAhB,eAAN;AAA6C,MAAA,SAAS,EAAEyB,OAAO,CAACL,SAAhE;AAAA,gBACGM;AADH;AADF,IADF;AAOD;;;;"}

package/components/FeedItem/feedItemTypes/AlertFeedItem.js

@@ -1 +1,77 @@
-import e from"prop-types";import{makeStyles as i,Typography as t}from"@material-ui/core";import{Link as r}from"react-router";import o from"@material-ui/icons/Timeline";import{jsx as n,jsxs as a}from"react/jsx-runtime";var l=i((function(e){return{alertContanier:{display:"inline-block",width:"calc(100% - 35px)"},timlineIconRoot:{verticalAlign:"bottom",marginRight:15},timelineText:{color:e.palette.grey[400]},item:{color:"#fff","&:hover":{textDecoration:"underline"}}}})),c=function(e){var i=e.feedItem.context.alert,c=i.id,s=i.name,m=i.description,d=i.decision_path,p=l();return n("div",{children:a("div",{className:p.alertContanier,children:[n(t,{variant:"body1",children:n(r,{className:p.item,to:"/alerts/".concat(c,"/"),children:s})}),n(t,{variant:"body1",gutterBottom:!0,children:m}),a(t,{variant:"body1",className:p.timelineText,children:[n(o,{className:p.timlineIconRoot,color:"action"}),d]})]})})};c.propTypes={feedItem:e.shape({context:e.shape({alert:e.shape({id:e.number.isRequired,name:e.string.isRequired,description:e.string.isRequired,decision_path:e.string.isRequired,level:e.string.isRequired}).isRequired}).isRequired}).isRequired};export{c as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { Link } from 'react-router';
+import TimelineIcon from '@material-ui/icons/Timeline';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    alertContanier: {
+      display: 'inline-block',
+      width: 'calc(100% - 35px)'
+    },
+    timlineIconRoot: {
+      verticalAlign: 'bottom',
+      marginRight: 15
+    },
+    timelineText: {
+      color: theme.palette.grey[400]
+    },
+    item: {
+      color: '#fff',
+      '&:hover': {
+        textDecoration: 'underline'
+      }
+    }
+  };
+});
+
+var AlertFeedItem = function AlertFeedItem(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.alert,
+      id = _ref$feedItem$context.id,
+      name = _ref$feedItem$context.name,
+      description = _ref$feedItem$context.description,
+      desicionPath = _ref$feedItem$context.decision_path;
+  var classes = useStyles();
+  return /*#__PURE__*/jsx("div", {
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes.alertContanier,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body1",
+        children: /*#__PURE__*/jsx(Link, {
+          className: classes.item,
+          to: "/alerts/".concat(id, "/"),
+          children: name
+        })
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body1",
+        gutterBottom: true,
+        children: description
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "body1",
+        className: classes.timelineText,
+        children: [/*#__PURE__*/jsx(TimelineIcon, {
+          className: classes.timlineIconRoot,
+          color: "action"
+        }), desicionPath]
+      })]
+    })
+  });
+};
+
+AlertFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape({
+      alert: PropTypes.shape({
+        id: PropTypes.number.isRequired,
+        name: PropTypes.string.isRequired,
+        description: PropTypes.string.isRequired,
+        decision_path: PropTypes.string.isRequired,
+        level: PropTypes.string.isRequired
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export default AlertFeedItem;
+//# sourceMappingURL=AlertFeedItem.js.map

package/components/FeedItem/feedItemTypes/AlertFeedItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/AlertFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { Link } from 'react-router';\n\nimport TimelineIcon from '@material-ui/icons/Timeline';\n\nconst useStyles = makeStyles(theme => ({\n  alertContanier: {\n    display: 'inline-block',\n    width: 'calc(100% - 35px)',\n  },\n  timlineIconRoot: {\n    verticalAlign: 'bottom',\n    marginRight: 15,\n  },\n  timelineText: {\n    color: theme.palette.grey[400],\n  },\n  item: {\n    color: '#fff',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n}));\n\nconst AlertFeedItem = ({\n  feedItem: {\n    context: {\n      alert: { id, name, description, decision_path: desicionPath },\n    },\n  },\n}) => {\n  const classes = useStyles();\n  return (\n    <div>\n      <div className={classes.alertContanier}>\n        <Typography variant=\"body1\">\n          <Link className={classes.item} to={`/alerts/${id}/`}>\n            {name}\n          </Link>\n        </Typography>\n\n        <Typography variant=\"body1\" gutterBottom>\n          {description}\n        </Typography>\n\n        <Typography variant=\"body1\" className={classes.timelineText}>\n          <TimelineIcon className={classes.timlineIconRoot} color=\"action\" />\n          {desicionPath}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nAlertFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      alert: PropTypes.shape({\n        id: PropTypes.number.isRequired,\n        name: PropTypes.string.isRequired,\n        description: PropTypes.string.isRequired,\n        decision_path: PropTypes.string.isRequired,\n        level: PropTypes.string.isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default AlertFeedItem;\n"],"names":["useStyles","makeStyles","theme","alertContanier","display","width","timlineIconRoot","verticalAlign","marginRight","timelineText","color","palette","grey","item","textDecoration","AlertFeedItem","feedItem","context","alert","id","name","description","desicionPath","decision_path","classes","_jsx","_jsxs","propTypes","PropTypes","shape","number","isRequired","string","level"],"mappings":";;;;;;AAMA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,cAAc,EAAE;AACdC,MAAAA,OAAO,EAAE,cADK;AAEdC,MAAAA,KAAK,EAAE;AAFO,KADqB;AAKrCC,IAAAA,eAAe,EAAE;AACfC,MAAAA,aAAa,EAAE,QADA;AAEfC,MAAAA,WAAW,EAAE;AAFE,KALoB;AASrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,KAAK,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,CAAmB,GAAnB;AADK,KATuB;AAYrCC,IAAAA,IAAI,EAAE;AACJH,MAAAA,KAAK,EAAE,MADH;AAEJ,iBAAW;AACTI,QAAAA,cAAc,EAAE;AADP;AAFP;AAZ+B,GAAL;AAAA,CAAN,CAA5B;;IAoBMC,aAAa,GAAG,SAAhBA,aAAgB,OAMhB;AAAA,mCALJC,QAKI,CAJFC,OAIE,CAHAC,KAGA;AAAA,MAHSC,EAGT,yBAHSA,EAGT;AAAA,MAHaC,IAGb,yBAHaA,IAGb;AAAA,MAHmBC,WAGnB,yBAHmBA,WAGnB;AAAA,MAH+CC,YAG/C,yBAHgCC,aAGhC;AACJ,MAAMC,OAAO,GAAGxB,SAAS,EAAzB;AACA,sBACEyB;AAAA,2BACEC;AAAK,MAAA,SAAS,EAAEF,OAAO,CAACrB,cAAxB;AAAA,8BACEsB,IAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAAA,+BACEA,IAAC,IAAD;AAAM,UAAA,SAAS,EAAED,OAAO,CAACX,IAAzB;AAA+B,UAAA,EAAE,oBAAaM,EAAb,MAAjC;AAAA,oBACGC;AADH;AADF,QADF,eAOEK,IAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,YAAY,MAAxC;AAAA,kBACGJ;AADH,QAPF,eAWEK,KAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,SAAS,EAAEF,OAAO,CAACf,YAA/C;AAAA,gCACEgB,IAAC,YAAD;AAAc,UAAA,SAAS,EAAED,OAAO,CAAClB,eAAjC;AAAkD,UAAA,KAAK,EAAC;AAAxD,UADF,EAEGgB,YAFH;AAAA,QAXF;AAAA;AADF,IADF;AAoBD;;AAEDP,aAAa,CAACY,SAAd,GAA0B;AACxBX,EAAAA,QAAQ,EAAEY,SAAS,CAACC,KAAV,CAAgB;AACxBZ,IAAAA,OAAO,EAAEW,SAAS,CAACC,KAAV,CAAgB;AACvBX,MAAAA,KAAK,EAAEU,SAAS,CAACC,KAAV,CAAgB;AACrBV,QAAAA,EAAE,EAAES,SAAS,CAACE,MAAV,CAAiBC,UADA;AAErBX,QAAAA,IAAI,EAAEQ,SAAS,CAACI,MAAV,CAAiBD,UAFF;AAGrBV,QAAAA,WAAW,EAAEO,SAAS,CAACI,MAAV,CAAiBD,UAHT;AAIrBR,QAAAA,aAAa,EAAEK,SAAS,CAACI,MAAV,CAAiBD,UAJX;AAKrBE,QAAAA,KAAK,EAAEL,SAAS,CAACI,MAAV,CAAiBD;AALH,OAAhB,EAMJA;AAPoB,KAAhB,EAQNA;AATqB,GAAhB,EAUPA;AAXqB,CAA1B;;;;"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js

@@ -1 +1,27 @@
-import e from"@babel/runtime/helpers/defineProperty";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(r){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}var n=function(e,t){if(!e)return null;var n=e.parent_asset?r(r({},e),{},{parent_asset_id:e.parent_asset.id,company_id:t}):{id:e.active_well.id,name:e.active_well.name,company_id:t,parent_asset:{id:e.id,name:e.name},parent_asset_id:e.id};return e.id?n:null};export{n as normalizeAssetForApp};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var normalizeAssetForApp = function normalizeAssetForApp(asset, companyId) {
+  if (!asset) return null;
+  var normalizedAsset = asset.parent_asset ? _objectSpread(_objectSpread({}, asset), {}, {
+    parent_asset_id: asset.parent_asset.id,
+    // NOTE: Some apps requires this.
+    company_id: companyId
+  }) : {
+    id: asset.active_well.id,
+    name: asset.active_well.name,
+    company_id: companyId,
+    parent_asset: {
+      id: asset.id,
+      name: asset.name
+    },
+    parent_asset_id: asset.id
+  };
+  return asset.id ? normalizedAsset : null;
+};
+
+export { normalizeAssetForApp };
+//# sourceMappingURL=helpers.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js"],"sourcesContent":["export const normalizeAssetForApp = (asset, companyId) => {\n  if (!asset) return null;\n\n  const normalizedAsset = asset.parent_asset\n    ? {\n        ...asset,\n        parent_asset_id: asset.parent_asset.id, // NOTE: Some apps requires this.\n        company_id: companyId,\n      }\n    : {\n        id: asset.active_well.id,\n        name: asset.active_well.name,\n        company_id: companyId,\n\n        parent_asset: {\n          id: asset.id,\n          name: asset.name,\n        },\n        parent_asset_id: asset.id,\n      };\n\n  return asset.id ? normalizedAsset : null;\n};\n"],"names":["normalizeAssetForApp","asset","companyId","normalizedAsset","parent_asset","parent_asset_id","id","company_id","active_well","name"],"mappings":";;;;;;IAAaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD,EAAQC,SAAR,EAAsB;AACxD,MAAI,CAACD,KAAL,EAAY,OAAO,IAAP;AAEZ,MAAME,eAAe,GAAGF,KAAK,CAACG,YAAN,mCAEfH,KAFe;AAGlBI,IAAAA,eAAe,EAAEJ,KAAK,CAACG,YAAN,CAAmBE,EAHlB;AAGsB;AACxCC,IAAAA,UAAU,EAAEL;AAJM,OAMpB;AACEI,IAAAA,EAAE,EAAEL,KAAK,CAACO,WAAN,CAAkBF,EADxB;AAEEG,IAAAA,IAAI,EAAER,KAAK,CAACO,WAAN,CAAkBC,IAF1B;AAGEF,IAAAA,UAAU,EAAEL,SAHd;AAKEE,IAAAA,YAAY,EAAE;AACZE,MAAAA,EAAE,EAAEL,KAAK,CAACK,EADE;AAEZG,MAAAA,IAAI,EAAER,KAAK,CAACQ;AAFA,KALhB;AASEJ,IAAAA,eAAe,EAAEJ,KAAK,CAACK;AATzB,GANJ;AAkBA,SAAOL,KAAK,CAACK,EAAN,GAAWH,eAAX,GAA6B,IAApC;AACD;;;;"}