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

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js

@@ -1 +1,132 @@
-import e from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as r}from"react";import i from"prop-types";import{makeStyles as a}from"@material-ui/core";import{convertValue as s}from"../../../../utils/convert.js";import n from"./icons/Critical.js";import l from"./icons/Major.js";import c from"./icons/Minor.js";import{jsxs as m,jsx as o}from"react/jsx-runtime";function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function d(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?p(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):p(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var f=a({item:{marginTop:"4px"},itemLabel:{fontWeight:"normal",fontSize:"14px",color:"#BDBDBD",marginRight:"8px"},itemValue:{fontSize:"14px",color:"#FFFFFF"}});function u(e){var t=e.feedItem,i=f(),a=r((function(){var e,r,i=(null===(e=t.context)||void 0===e||null===(r=e.lessons_learned)||void 0===r?void 0:r.data)||{};return d(d({},i),{},{md_start:s(i.md_start,"length","ft"),tvd_start:s(i.tvd_start,"length","ft")})}),[t]);return m("div",{children:[o("div",{className:i.item,children:o("span",{className:i.itemLabel,children:a.topic})}),m("div",{className:i.item,children:[o("span",{className:i.itemLabel,children:"Event Cause:"}),o("span",{className:i.itemValue,children:a.cause})]}),m("div",{className:i.item,style:{display:"flex",alignItems:"center"},children:[o("span",{className:i.itemLabel,children:"Event Severity:"}),o("span",{children:"Major"===a.severity?o(l,{}):"Critical"===a.severity?o(n,{}):"Minor"===a.severity?o(c,{}):null}),o("span",{className:i.itemValue,children:a.severity})]}),m("div",{className:i.item,children:[o("span",{className:i.itemLabel,children:"MD/TVD:"}),m("span",{className:i.itemValue,children:[Number.isFinite(a.md_start)?a.md_start.fixFloat(2):"-","/",Number.isFinite(a.tvd_start)?a.tvd_start.fixFloat(2):"-"]})]}),m("div",{className:i.item,children:[o("span",{className:i.itemLabel,children:"Hole Section:"}),o("span",{className:i.itemValue,children:a.section})]}),m("div",{className:i.item,children:[o("span",{className:i.itemLabel,children:"Operation:"}),o("span",{className:i.itemValue,children:a.activity})]}),m("div",{className:i.item,children:[o("span",{className:i.itemLabel,children:"Description:"}),o("div",{className:i.itemValue,children:a.description})]})]})}u.propTypes={feedItem:i.shape().isRequired};var v=t(u);export{v as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { convertValue } from '../../../../utils/convert.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { memo, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import CriticalIcon from './icons/Critical.js';
+import MajorIcon from './icons/Major.js';
+import MinorIcon from './icons/Minor.js';
+
+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 useStyles = makeStyles({
+  item: {
+    marginTop: '4px'
+  },
+  itemLabel: {
+    fontWeight: 'normal',
+    fontSize: '14px',
+    color: '#BDBDBD',
+    marginRight: '8px'
+  },
+  itemValue: {
+    fontSize: '14px',
+    color: '#FFFFFF'
+  }
+});
+
+function LessonsLearnedFeedItem(_ref) {
+  var feedItem = _ref.feedItem;
+  var classes = useStyles();
+  var data = useMemo(function () {
+    var _feedItem$context, _feedItem$context$les;
+
+    var rawData = ((_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$les = _feedItem$context.lessons_learned) === null || _feedItem$context$les === void 0 ? void 0 : _feedItem$context$les.data) || {};
+    return _objectSpread(_objectSpread({}, rawData), {}, {
+      md_start: convertValue(rawData.md_start, 'length', 'ft'),
+      tvd_start: convertValue(rawData.tvd_start, 'length', 'ft')
+    });
+  }, [feedItem]);
+
+  var showSeverityIcon = function showSeverityIcon() {
+    if (data.severity === 'Major') {
+      return /*#__PURE__*/jsx(MajorIcon, {});
+    } else if (data.severity === 'Critical') {
+      return /*#__PURE__*/jsx(CriticalIcon, {});
+    } else if (data.severity === 'Minor') {
+      return /*#__PURE__*/jsx(MinorIcon, {});
+    }
+
+    return null;
+  };
+
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.item,
+      children: /*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: data.topic
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Event Cause:"
+      }), /*#__PURE__*/jsx("span", {
+        className: classes.itemValue,
+        children: data.cause
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Event Severity:"
+      }), /*#__PURE__*/jsx("span", {
+        children: showSeverityIcon()
+      }), /*#__PURE__*/jsx("span", {
+        className: classes.itemValue,
+        children: data.severity
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "MD/TVD:"
+      }), /*#__PURE__*/jsxs("span", {
+        className: classes.itemValue,
+        children: [Number.isFinite(data.md_start) ? data.md_start.fixFloat(2) : '-', "/", Number.isFinite(data.tvd_start) ? data.tvd_start.fixFloat(2) : '-']
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Hole Section:"
+      }), /*#__PURE__*/jsx("span", {
+        className: classes.itemValue,
+        children: data.section
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Operation:"
+      }), /*#__PURE__*/jsx("span", {
+        className: classes.itemValue,
+        children: data.activity
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Description:"
+      }), /*#__PURE__*/jsx("div", {
+        className: classes.itemValue,
+        children: data.description
+      })]
+    })]
+  });
+}
+
+LessonsLearnedFeedItem.propTypes = {
+  feedItem: PropTypes.shape().isRequired
+};
+var DrillingLessonsLearnedFeedItem = memo(LessonsLearnedFeedItem);
+
+export default DrillingLessonsLearnedFeedItem;
+//# sourceMappingURL=index.js.map

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js"],"sourcesContent":["import { useMemo, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { convertValue } from '~/utils/convert';\n\nimport CriticalIcon from './icons/Critical';\nimport MajorIcon from './icons/Major';\nimport MinorIcon from './icons/Minor';\n\nconst useStyles = makeStyles({\n  item: {\n    marginTop: '4px',\n  },\n  itemLabel: {\n    fontWeight: 'normal',\n    fontSize: '14px',\n    color: '#BDBDBD',\n    marginRight: '8px',\n  },\n  itemValue: {\n    fontSize: '14px',\n    color: '#FFFFFF',\n  },\n});\n\nfunction LessonsLearnedFeedItem({ feedItem }) {\n  const classes = useStyles();\n  const data = useMemo(() => {\n    const rawData = feedItem.context?.lessons_learned?.data || {};\n    return {\n      ...rawData,\n      md_start: convertValue(rawData.md_start, 'length', 'ft'),\n      tvd_start: convertValue(rawData.tvd_start, 'length', 'ft'),\n    };\n  }, [feedItem]);\n\n  const showSeverityIcon = () => {\n    if (data.severity === 'Major') {\n      return <MajorIcon />;\n    } else if (data.severity === 'Critical') {\n      return <CriticalIcon />;\n    } else if (data.severity === 'Minor') {\n      return <MinorIcon />;\n    }\n\n    return null;\n  };\n\n  return (\n    <div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>{data.topic}</span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Event Cause:</span>\n        <span className={classes.itemValue}>{data.cause}</span>\n      </div>\n      <div className={classes.item} style={{ display: 'flex', alignItems: 'center' }}>\n        <span className={classes.itemLabel}>Event Severity:</span>\n        <span>{showSeverityIcon()}</span>\n        <span className={classes.itemValue}>{data.severity}</span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>MD/TVD:</span>\n        <span className={classes.itemValue}>\n          {Number.isFinite(data.md_start) ? data.md_start.fixFloat(2) : '-'}/\n          {Number.isFinite(data.tvd_start) ? data.tvd_start.fixFloat(2) : '-'}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Hole Section:</span>\n        <span className={classes.itemValue}>{data.section}</span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Operation:</span>\n        <span className={classes.itemValue}>{data.activity}</span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Description:</span>\n        <div className={classes.itemValue}>{data.description}</div>\n      </div>\n    </div>\n  );\n}\n\nLessonsLearnedFeedItem.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n};\n\nexport default memo(LessonsLearnedFeedItem);\n"],"names":["useStyles","makeStyles","item","marginTop","itemLabel","fontWeight","fontSize","color","marginRight","itemValue","LessonsLearnedFeedItem","feedItem","classes","data","useMemo","rawData","context","lessons_learned","md_start","convertValue","tvd_start","showSeverityIcon","severity","_jsx","_jsxs","topic","cause","display","alignItems","Number","isFinite","fixFloat","section","activity","description","propTypes","PropTypes","shape","isRequired","memo"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/NptFeedItem.js

@@ -1 +1,148 @@
-import t from"prop-types";import e from"moment";import{makeStyles as a,Grid as i,Typography as n}from"@material-ui/core";import r from"@material-ui/core/colors/blue";import{convertValue as o,getUnitDisplay as s}from"../../../utils/convert.js";import{jsxs as c,jsx as m}from"react/jsx-runtime";var d=a((function(t){return{columnWithMargin:{marginRight:40},highlightedText:{color:r[300],textTransform:"capitalize"},valueWrapper:{display:"flex",alignItems:"baseline"},unit:{color:t.palette.grey[400],marginLeft:5},text:{color:t.palette.grey[400],marginRight:5}}})),p=function(t){var a=t.feedItem.context.npt_event.data,r=a.comment,p=void 0===r?"":r,l=a.depth,u=a.end_time,h=a.start_time,v=a.type,y=void 0===v?"":v,g=d(),f=h?e.unix(h):e(),x=u?e.unix(u):void 0,b=x&&e.duration(x-f).asHours(),N=o(l,"length","ft");return c(i,{spacing:8,justify:"flex-start",container:!0,children:[c(i,{item:!0,className:g.columnWithMargin,children:[c(n,{variant:"body2",className:g.valueWrapper,children:["Type: ",m(n,{variant:"body2","data-testid":"".concat("nptActivity","_type"),component:"span",className:g.highlightedText,children:y})]}),m(n,{variant:"body2",children:"Duration:"}),c(n,{variant:"body2",className:g.valueWrapper,children:[m(n,{"data-testid":"".concat("nptActivity","_duration"),component:"span",variant:"h6",className:g.highlightedText,children:Number.isFinite(b)&&b.toFixed(2)||"-"}),b&&m(n,{"data-testid":"".concat("nptActivity","_durationUnits"),component:"span",variant:"caption",className:g.unit,children:"(hrs)"})]})]}),c(i,{item:!0,children:[c(n,{variant:"body2","data-testid":"".concat("nptActivity","_startTime"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Start Time:"}),f.format("MM/DD/YYYY HH:mm")]}),c(n,{variant:"body2","data-testid":"".concat("nptActivity","_depth"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Depth:"}),null==N?void 0:N.formatNumeral("0,0.00"),c(n,{component:"span",variant:"caption",className:g.unit,children:["(",s("length"),")"]})]}),p&&c(n,{variant:"body2","data-testid":"".concat("nptActivity","_comment"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Comment:"}),p]})]})]})},l=t.shape({comment:t.string.isRequired,depth:t.number.isRequired,end_time:t.number.isRequired,start_time:t.number.isRequired,type:t.string.isRequired}).isRequired;p.propTypes={feedItem:t.shape({context:t.shape({completion_npt_event:t.shape({data:l}).isRequired,npt_event:t.shape({data:l}).isRequired}).isRequired}).isRequired};export{p as default};
+import { convertValue, getUnitDisplay } from '../../../utils/convert.js';
+import moment from 'moment';
+import blue from '@material-ui/core/colors/blue';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+
+var PAGE_NAME = 'nptActivity';
+var TIME_FORMAT = 'MM/DD/YYYY HH:mm';
+var useStyles = makeStyles(function (theme) {
+  return {
+    columnWithMargin: {
+      marginRight: 40
+    },
+    highlightedText: {
+      color: blue[300],
+      textTransform: 'capitalize'
+    },
+    valueWrapper: {
+      display: 'flex',
+      alignItems: 'baseline'
+    },
+    unit: {
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    },
+    text: {
+      color: theme.palette.grey[400],
+      marginRight: 5
+    }
+  };
+});
+
+var NptFeedItem = function NptFeedItem(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.npt_event.data,
+      _ref$feedItem$context2 = _ref$feedItem$context.comment,
+      comment = _ref$feedItem$context2 === void 0 ? '' : _ref$feedItem$context2,
+      depth = _ref$feedItem$context.depth,
+      endTime = _ref$feedItem$context.end_time,
+      startTime = _ref$feedItem$context.start_time,
+      _ref$feedItem$context3 = _ref$feedItem$context.type,
+      type = _ref$feedItem$context3 === void 0 ? '' : _ref$feedItem$context3;
+  var classes = useStyles();
+  var startTimePrepared = startTime ? moment.unix(startTime) : moment();
+  var endTimePrepared = endTime ? moment.unix(endTime) : undefined;
+  var duration = endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();
+  var depthConverted = convertValue(depth, 'length', 'ft');
+  return /*#__PURE__*/jsxs(Grid, {
+    spacing: 8,
+    justify: "flex-start",
+    container: true,
+    children: [/*#__PURE__*/jsxs(Grid, {
+      item: true,
+      className: classes.columnWithMargin,
+      children: [/*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        className: classes.valueWrapper,
+        children: ["Type:\xA0", /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          "data-testid": "".concat(PAGE_NAME, "_type"),
+          component: "span",
+          className: classes.highlightedText,
+          children: type
+        })]
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: "Duration:"
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_duration"),
+          component: "span",
+          variant: "h6",
+          className: classes.highlightedText,
+          children: Number.isFinite(duration) && duration.toFixed(2) || '-'
+        }), duration && /*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_durationUnits"),
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: "(hrs)"
+        })]
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_startTime"),
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.text,
+          children: "Start Time:"
+        }), startTimePrepared.format(TIME_FORMAT)]
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_depth"),
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.text,
+          children: "Depth:"
+        }), depthConverted === null || depthConverted === void 0 ? void 0 : depthConverted.formatNumeral('0,0.00'), /*#__PURE__*/jsxs(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ["(", getUnitDisplay('length'), ")"]
+        })]
+      }), comment && /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_comment"),
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.text,
+          children: "Comment:"
+        }), comment]
+      })]
+    })]
+  });
+};
+
+var nptEventDataType = PropTypes.shape({
+  comment: PropTypes.string.isRequired,
+  depth: PropTypes.number.isRequired,
+  end_time: PropTypes.number.isRequired,
+  start_time: PropTypes.number.isRequired,
+  type: PropTypes.string.isRequired
+}).isRequired;
+NptFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape({
+      completion_npt_event: PropTypes.shape({
+        data: nptEventDataType
+      }).isRequired,
+      npt_event: PropTypes.shape({
+        data: nptEventDataType
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export default NptFeedItem;
+//# sourceMappingURL=NptFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NptFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/NptFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\n\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\n\nconst PAGE_NAME = 'nptActivity';\n\nconst TIME_FORMAT = 'MM/DD/YYYY HH:mm';\n\nconst useStyles = makeStyles(theme => ({\n  columnWithMargin: {\n    marginRight: 40,\n  },\n  highlightedText: {\n    color: blue[300],\n    textTransform: 'capitalize',\n  },\n  valueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  text: {\n    color: theme.palette.grey[400],\n    marginRight: 5,\n  },\n}));\n\nconst NptFeedItem = ({\n  feedItem: {\n    context: {\n      npt_event: {\n        data: { comment = '', depth, end_time: endTime, start_time: startTime, type = '' },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n  const startTimePrepared = startTime ? moment.unix(startTime) : moment();\n\n  const endTimePrepared = endTime ? moment.unix(endTime) : undefined;\n\n  const duration =\n    endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();\n\n  const depthConverted = convertValue(depth, 'length', 'ft');\n\n  return (\n    <Grid spacing={8} justify=\"flex-start\" container>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.valueWrapper}>\n          Type:&nbsp;\n          <Typography\n            variant=\"body2\"\n            data-testid={`${PAGE_NAME}_type`}\n            component=\"span\"\n            className={classes.highlightedText}\n          >\n            {type}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\">Duration:</Typography>\n        <Typography variant=\"body2\" className={classes.valueWrapper}>\n          <Typography\n            data-testid={`${PAGE_NAME}_duration`}\n            component=\"span\"\n            variant=\"h6\"\n            className={classes.highlightedText}\n          >\n            {(Number.isFinite(duration) && duration.toFixed(2)) || '-'}\n          </Typography>\n          {duration && (\n            <Typography\n              data-testid={`${PAGE_NAME}_durationUnits`}\n              component=\"span\"\n              variant=\"caption\"\n              className={classes.unit}\n            >\n              (hrs)\n            </Typography>\n          )}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_startTime`}\n          className={classes.valueWrapper}\n        >\n          <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n            Start Time:\n          </Typography>\n          {startTimePrepared.format(TIME_FORMAT)}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_depth`}\n          className={classes.valueWrapper}\n        >\n          <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n            Depth:\n          </Typography>\n          {depthConverted?.formatNumeral('0,0.00')}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({getUnitDisplay('length')})\n          </Typography>\n        </Typography>\n        {comment && (\n          <Typography\n            variant=\"body2\"\n            data-testid={`${PAGE_NAME}_comment`}\n            className={classes.valueWrapper}\n          >\n            <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n              Comment:\n            </Typography>\n            {comment}\n          </Typography>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n\nconst nptEventDataType = PropTypes.shape({\n  comment: PropTypes.string.isRequired,\n  depth: PropTypes.number.isRequired,\n  end_time: PropTypes.number.isRequired,\n  start_time: PropTypes.number.isRequired,\n  type: PropTypes.string.isRequired,\n}).isRequired;\n\nNptFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      completion_npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n      npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default NptFeedItem;\n"],"names":["PAGE_NAME","TIME_FORMAT","useStyles","makeStyles","theme","columnWithMargin","marginRight","highlightedText","color","blue","textTransform","valueWrapper","display","alignItems","unit","palette","grey","marginLeft","text","NptFeedItem","feedItem","context","npt_event","data","comment","depth","endTime","end_time","startTime","start_time","type","classes","startTimePrepared","moment","unix","endTimePrepared","undefined","duration","asHours","depthConverted","convertValue","_jsxs","_jsx","Number","isFinite","toFixed","format","formatNumeral","getUnitDisplay","nptEventDataType","PropTypes","shape","string","isRequired","number","propTypes","completion_npt_event"],"mappings":";;;;;;;AAQA,IAAMA,SAAS,GAAG,aAAlB;AAEA,IAAMC,WAAW,GAAG,kBAApB;AAEA,IAAMC,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK;AAAA,SAAK;AACrCC,IAAAA,gBAAgB,EAAE;AAChBC,MAAAA,WAAW,EAAE;AADG,KADmB;AAIrCC,IAAAA,eAAe,EAAE;AACfC,MAAAA,KAAK,EAAEC,IAAI,CAAC,GAAD,CADI;AAEfC,MAAAA,aAAa,EAAE;AAFA,KAJoB;AAQrCC,IAAAA,YAAY,EAAE;AACZC,MAAAA,OAAO,EAAE,MADG;AAEZC,MAAAA,UAAU,EAAE;AAFA,KARuB;AAYrCC,IAAAA,IAAI,EAAE;AACJN,MAAAA,KAAK,EAAEJ,KAAK,CAACW,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADH;AAEJC,MAAAA,UAAU,EAAE;AAFR,KAZ+B;AAgBrCC,IAAAA,IAAI,EAAE;AACJV,MAAAA,KAAK,EAAEJ,KAAK,CAACW,OAAN,CAAcC,IAAd,CAAmB,GAAnB,CADH;AAEJV,MAAAA,WAAW,EAAE;AAFT;AAhB+B,GAAL;AAAA,CAAN,CAA5B;;IAsBMa,WAAW,GAAG,SAAdA,WAAc,OAQd;AAAA,mCAPJC,QAOI,CANFC,OAME,CALAC,SAKA,CAJEC,IAIF;AAAA,qDAJUC,OAIV;AAAA,MAJUA,OAIV,uCAJoB,EAIpB;AAAA,MAJwBC,KAIxB,yBAJwBA,KAIxB;AAAA,MAJyCC,OAIzC,yBAJ+BC,QAI/B;AAAA,MAJ8DC,SAI9D,yBAJkDC,UAIlD;AAAA,qDAJyEC,IAIzE;AAAA,MAJyEA,IAIzE,uCAJgF,EAIhF;AACJ,MAAMC,OAAO,GAAG7B,SAAS,EAAzB;AACA,MAAM8B,iBAAiB,GAAGJ,SAAS,GAAGK,MAAM,CAACC,IAAP,CAAYN,SAAZ,CAAH,GAA4BK,MAAM,EAArE;AAEA,MAAME,eAAe,GAAGT,OAAO,GAAGO,MAAM,CAACC,IAAP,CAAYR,OAAZ,CAAH,GAA0BU,SAAzD;AAEA,MAAMC,QAAQ,GACZF,eAAe,IAAIF,MAAM,CAACI,QAAP,CAAgBF,eAAe,GAAGH,iBAAlC,EAAqDM,OAArD,EADrB;AAGA,MAAMC,cAAc,GAAGC,YAAY,CAACf,KAAD,EAAQ,QAAR,EAAkB,IAAlB,CAAnC;AAEA,sBACEgB,KAAC,IAAD;AAAM,IAAA,OAAO,EAAE,CAAf;AAAkB,IAAA,OAAO,EAAC,YAA1B;AAAuC,IAAA,SAAS,MAAhD;AAAA,4BACEA,KAAC,IAAD;AAAM,MAAA,IAAI,MAAV;AAAW,MAAA,SAAS,EAAEV,OAAO,CAAC1B,gBAA9B;AAAA,8BACEoC,KAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,SAAS,EAAEV,OAAO,CAACpB,YAA/C;AAAA,6CAEE+B,IAAC,UAAD;AACE,UAAA,OAAO,EAAC,OADV;AAEE,mCAAgB1C,SAAhB,UAFF;AAGE,UAAA,SAAS,EAAC,MAHZ;AAIE,UAAA,SAAS,EAAE+B,OAAO,CAACxB,eAJrB;AAAA,oBAMGuB;AANH,UAFF;AAAA,QADF,eAYEY,IAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAAA;AAAA,QAZF,eAaED,KAAC,UAAD;AAAY,QAAA,OAAO,EAAC,OAApB;AAA4B,QAAA,SAAS,EAAEV,OAAO,CAACpB,YAA/C;AAAA,gCACE+B,IAAC,UAAD;AACE,mCAAgB1C,SAAhB,cADF;AAEE,UAAA,SAAS,EAAC,MAFZ;AAGE,UAAA,OAAO,EAAC,IAHV;AAIE,UAAA,SAAS,EAAE+B,OAAO,CAACxB,eAJrB;AAAA,oBAMIoC,MAAM,CAACC,QAAP,CAAgBP,QAAhB,KAA6BA,QAAQ,CAACQ,OAAT,CAAiB,CAAjB,CAA9B,IAAsD;AANzD,UADF,EASGR,QAAQ,iBACPK,IAAC,UAAD;AACE,mCAAgB1C,SAAhB,mBADF;AAEE,UAAA,SAAS,EAAC,MAFZ;AAGE,UAAA,OAAO,EAAC,SAHV;AAIE,UAAA,SAAS,EAAE+B,OAAO,CAACjB,IAJrB;AAAA;AAAA,UAVJ;AAAA,QAbF;AAAA,MADF,eAmCE2B,KAAC,IAAD;AAAM,MAAA,IAAI,MAAV;AAAA,8BACEA,KAAC,UAAD;AACE,QAAA,OAAO,EAAC,OADV;AAEE,iCAAgBzC,SAAhB,eAFF;AAGE,QAAA,SAAS,EAAE+B,OAAO,CAACpB,YAHrB;AAAA,gCAKE+B,IAAC,UAAD;AAAY,UAAA,OAAO,EAAC,OAApB;AAA4B,UAAA,SAAS,EAAC,MAAtC;AAA6C,UAAA,SAAS,EAAEX,OAAO,CAACb,IAAhE;AAAA;AAAA,UALF,EAQGc,iBAAiB,CAACc,MAAlB,CAAyB7C,WAAzB,CARH;AAAA,QADF,eAWEwC,KAAC,UAAD;AACE,QAAA,OAAO,EAAC,OADV;AAEE,iCAAgBzC,SAAhB,WAFF;AAGE,QAAA,SAAS,EAAE+B,OAAO,CAACpB,YAHrB;AAAA,gCAKE+B,IAAC,UAAD;AAAY,UAAA,OAAO,EAAC,OAApB;AAA4B,UAAA,SAAS,EAAC,MAAtC;AAA6C,UAAA,SAAS,EAAEX,OAAO,CAACb,IAAhE;AAAA;AAAA,UALF,EAQGqB,cARH,aAQGA,cARH,uBAQGA,cAAc,CAAEQ,aAAhB,CAA8B,QAA9B,CARH,eASEN,KAAC,UAAD;AAAY,UAAA,SAAS,EAAC,MAAtB;AAA6B,UAAA,OAAO,EAAC,SAArC;AAA+C,UAAA,SAAS,EAAEV,OAAO,CAACjB,IAAlE;AAAA,0BACIkC,cAAc,CAAC,QAAD,CADlB;AAAA,UATF;AAAA,QAXF,EAwBGxB,OAAO,iBACNiB,KAAC,UAAD;AACE,QAAA,OAAO,EAAC,OADV;AAEE,iCAAgBzC,SAAhB,aAFF;AAGE,QAAA,SAAS,EAAE+B,OAAO,CAACpB,YAHrB;AAAA,gCAKE+B,IAAC,UAAD;AAAY,UAAA,OAAO,EAAC,OAApB;AAA4B,UAAA,SAAS,EAAC,MAAtC;AAA6C,UAAA,SAAS,EAAEX,OAAO,CAACb,IAAhE;AAAA;AAAA,UALF,EAQGM,OARH;AAAA,QAzBJ;AAAA,MAnCF;AAAA,IADF;AA2ED;;AAED,IAAMyB,gBAAgB,GAAGC,SAAS,CAACC,KAAV,CAAgB;AACvC3B,EAAAA,OAAO,EAAE0B,SAAS,CAACE,MAAV,CAAiBC,UADa;AAEvC5B,EAAAA,KAAK,EAAEyB,SAAS,CAACI,MAAV,CAAiBD,UAFe;AAGvC1B,EAAAA,QAAQ,EAAEuB,SAAS,CAACI,MAAV,CAAiBD,UAHY;AAIvCxB,EAAAA,UAAU,EAAEqB,SAAS,CAACI,MAAV,CAAiBD,UAJU;AAKvCvB,EAAAA,IAAI,EAAEoB,SAAS,CAACE,MAAV,CAAiBC;AALgB,CAAhB,EAMtBA,UANH;AAQAlC,WAAW,CAACoC,SAAZ,GAAwB;AACtBnC,EAAAA,QAAQ,EAAE8B,SAAS,CAACC,KAAV,CAAgB;AACxB9B,IAAAA,OAAO,EAAE6B,SAAS,CAACC,KAAV,CAAgB;AACvBK,MAAAA,oBAAoB,EAAEN,SAAS,CAACC,KAAV,CAAgB;AACpC5B,QAAAA,IAAI,EAAE0B;AAD8B,OAAhB,EAEnBI,UAHoB;AAIvB/B,MAAAA,SAAS,EAAE4B,SAAS,CAACC,KAAV,CAAgB;AACzB5B,QAAAA,IAAI,EAAE0B;AADmB,OAAhB,EAERI;AANoB,KAAhB,EAONA;AARqB,GAAhB,EASPA;AAVmB,CAAxB;;;;"}

package/components/FeedItem/feedItemTypes/PostFeedItem.js

@@ -1 +1,63 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{makeStyles as r,Typography as i}from"@material-ui/core";import{isNativeDetected as o}from"../../../utils/mobileDetect.js";import n from"../../Attachment/index.js";import{formatMentionText as s}from"../../UserMention/utils/index.js";import a from"../../CollapsibleContent.js";import{jsxs as p,jsx as m}from"react/jsx-runtime";function c(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function u(t){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?c(Object(i),!0).forEach((function(r){e(t,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):c(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var f=r({wrapper:{whiteSpace:"pre-wrap"}}),l=function(e){var t=e.feedItem,r=t.context.post,c=r.body,l=r.attachment,d=void 0===l?{}:l,b=t.mentioned_users,h=f(),y={attachmentSize:d.size,size:"medium"};return d.file_name?y.fileName=d.file_name:y.attachmentUrl=d.url,p("div",{className:h.wrapper,children:[c&&m(a,{children:m(i,{"data-testid":"".concat("PostFeedItem","_message"),variant:"body1",gutterBottom:!0,children:s(c,b,o)})}),(d.file_name||d.url)&&m(n,u({},y))]})};l.propTypes={feedItem:t.shape({context:t.shape({post:t.shape({body:t.string.isRequired,attachment:t.shape({url:t.string,size:t.number})}).isRequired}).isRequired,mentioned_users:t.arrayOf(t.shape({}))}).isRequired};export{l as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { makeStyles, Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import Attachment from '../../Attachment/index.js';
+import CollapsibleContent from '../../CollapsibleContent.js';
+
+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 PAGE_NAME = 'PostFeedItem';
+var useStyles = makeStyles({
+  wrapper: {
+    whiteSpace: 'pre-wrap'
+  }
+});
+
+var PostFeedItem = function PostFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+      _ref$feedItem$context = _ref$feedItem.context.post,
+      body = _ref$feedItem$context.body,
+      _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+      attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+      mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var attachmentProps = {
+    attachmentSize: attachment.size,
+    size: 'medium'
+  }; // TODO: Update to signed_url when PostFeedItem is migrate on API
+
+  if (attachment.file_name) attachmentProps.fileName = attachment.file_name;else attachmentProps.attachmentUrl = attachment.url;
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [body && /*#__PURE__*/jsx(CollapsibleContent, {
+      children: /*#__PURE__*/jsx(Typography, {
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        variant: "body1",
+        gutterBottom: true,
+        children: formatMentionText(body, mentionedUsers, isNativeDetected)
+      })
+    }), (attachment.file_name || attachment.url) && /*#__PURE__*/jsx(Attachment, _objectSpread({}, attachmentProps))]
+  });
+};
+
+PostFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape({
+      post: PropTypes.shape({
+        body: PropTypes.string.isRequired,
+        attachment: PropTypes.shape({
+          url: PropTypes.string,
+          size: PropTypes.number
+        })
+      }).isRequired
+    }).isRequired,
+    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired
+};
+
+export default PostFeedItem;
+//# sourceMappingURL=PostFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PostFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/PostFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\n\nconst PAGE_NAME = 'PostFeedItem';\n\nconst useStyles = makeStyles({\n  wrapper: { whiteSpace: 'pre-wrap' },\n});\n\nconst PostFeedItem = ({\n  feedItem: {\n    context: {\n      post: { body, attachment = {} },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n  const attachmentProps = { attachmentSize: attachment.size, size: 'medium' };\n\n  // TODO: Update to signed_url when PostFeedItem is migrate on API\n  if (attachment.file_name) attachmentProps.fileName = attachment.file_name;\n  else attachmentProps.attachmentUrl = attachment.url;\n\n  return (\n    <div className={classes.wrapper}>\n      {body && (\n        <CollapsibleContent>\n          <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Typography>\n        </CollapsibleContent>\n      )}\n\n      {(attachment.file_name || attachment.url) && <Attachment {...attachmentProps} />}\n    </div>\n  );\n};\n\nPostFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      post: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default PostFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","wrapper","whiteSpace","PostFeedItem","feedItem","context","post","body","attachment","mentionedUsers","mentioned_users","classes","attachmentProps","attachmentSize","size","file_name","fileName","attachmentUrl","url","_jsxs","_jsx","formatMentionText","isNativeDetected","propTypes","PropTypes","shape","string","isRequired","number","arrayOf"],"mappings":";;;;;;;;;;;;AASA,IAAMA,SAAS,GAAG,cAAlB;AAEA,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AAAEC,IAAAA,UAAU,EAAE;AAAd;AADkB,CAAD,CAA5B;;IAIMC,YAAY,GAAG,SAAfA,YAAe,OAOf;AAAA,2BANJC,QAMI;AAAA,4CALFC,OAKE,CAJAC,IAIA;AAAA,MAJQC,IAIR,yBAJQA,IAIR;AAAA,qDAJcC,UAId;AAAA,MAJcA,UAId,uCAJ2B,EAI3B;AAAA,MAFeC,cAEf,iBAFFC,eAEE;AACJ,MAAMC,OAAO,GAAGZ,SAAS,EAAzB;AACA,MAAMa,eAAe,GAAG;AAAEC,IAAAA,cAAc,EAAEL,UAAU,CAACM,IAA7B;AAAmCA,IAAAA,IAAI,EAAE;AAAzC,GAAxB,CAFI;;AAKJ,MAAIN,UAAU,CAACO,SAAf,EAA0BH,eAAe,CAACI,QAAhB,GAA2BR,UAAU,CAACO,SAAtC,CAA1B,KACKH,eAAe,CAACK,aAAhB,GAAgCT,UAAU,CAACU,GAA3C;AAEL,sBACEC;AAAK,IAAA,SAAS,EAAER,OAAO,CAACV,OAAxB;AAAA,eACGM,IAAI,iBACHa,IAAC,kBAAD;AAAA,6BACEA,IAAC,UAAD;AAAY,iCAAgBtB,SAAhB,aAAZ;AAAiD,QAAA,OAAO,EAAC,OAAzD;AAAiE,QAAA,YAAY,MAA7E;AAAA,kBACGuB,iBAAiB,CAACd,IAAD,EAAOE,cAAP,EAAuBa,gBAAvB;AADpB;AADF,MAFJ,EASG,CAACd,UAAU,CAACO,SAAX,IAAwBP,UAAU,CAACU,GAApC,kBAA4CE,IAAC,UAAD,oBAAgBR,eAAhB,EAT/C;AAAA,IADF;AAaD;;AAEDT,YAAY,CAACoB,SAAb,GAAyB;AACvBnB,EAAAA,QAAQ,EAAEoB,SAAS,CAACC,KAAV,CAAgB;AACxBpB,IAAAA,OAAO,EAAEmB,SAAS,CAACC,KAAV,CAAgB;AACvBnB,MAAAA,IAAI,EAAEkB,SAAS,CAACC,KAAV,CAAgB;AACpBlB,QAAAA,IAAI,EAAEiB,SAAS,CAACE,MAAV,CAAiBC,UADH;AAEpBnB,QAAAA,UAAU,EAAEgB,SAAS,CAACC,KAAV,CAAgB;AAC1BP,UAAAA,GAAG,EAAEM,SAAS,CAACE,MADW;AAE1BZ,UAAAA,IAAI,EAAEU,SAAS,CAACI;AAFU,SAAhB;AAFQ,OAAhB,EAMHD;AAPoB,KAAhB,EAQNA,UATqB;AAUxBjB,IAAAA,eAAe,EAAEc,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACC,KAAV,CAAgB,EAAhB,CAAlB;AAVO,GAAhB,EAWPE;AAZoB,CAAzB;;;;"}

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/api.js

@@ -1 +1,99 @@
-import e from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/regenerator";import{getAppStorage as n}from"../../../../clients/jsonApi/index.js";function a(e){return o.apply(this,arguments)}function o(){return(o=r(t.mark((function e(r){var a,o,s,c;return t.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return a=r.wellId,o=r.stageNumber,s={},e.prev=2,e.next=5,n("corva","completion.predictions",a,{query:"{stage_number#eq#".concat(o,"}"),sort:"{timestamp: -1}",limit:1});case 5:c=e.sent,s=c[0].data,e.next=12;break;case 9:e.prev=9,e.t0=e.catch(2),console.error(e.t0);case 12:return e.abrupt("return",s);case 13:case"end":return e.stop()}}),e,null,[[2,9]])})))).apply(this,arguments)}function s(e){return c.apply(this,arguments)}function c(){return(c=r(t.mark((function r(a){var o,s,c,i,u;return t.wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return o=a.wellId,s=a.stageNumber,c={},r.prev=2,r.next=5,n("corva","completion.data.stages",o,{query:"{data.stage_number#eq#".concat(s,"}"),sort:"{timestamp: -1}",limit:1});case 5:i=r.sent,u=e(i,1),c=u[0],r.next=13;break;case 10:r.prev=10,r.t0=r.catch(2),console.error(r.t0);case 13:return r.abrupt("return",c);case 14:case"end":return r.stop()}}),r,null,[[2,10]])})))).apply(this,arguments)}export{a as fetchPredictionsData,s as fetchStagesData};
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import { getAppStorage } from '../../../../clients/jsonApi/index.js';
+
+function fetchPredictionsData(_x) {
+  return _fetchPredictionsData.apply(this, arguments);
+}
+
+function _fetchPredictionsData() {
+  _fetchPredictionsData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(_ref) {
+    var wellId, stageNumber, data, records;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            wellId = _ref.wellId, stageNumber = _ref.stageNumber;
+            data = {};
+            _context.prev = 2;
+            _context.next = 5;
+            return getAppStorage('corva', 'completion.predictions', wellId, {
+              query: "{stage_number#eq#".concat(stageNumber, "}"),
+              sort: '{timestamp: -1}',
+              limit: 1
+            });
+
+          case 5:
+            records = _context.sent;
+            data = records[0].data;
+            _context.next = 12;
+            break;
+
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](2);
+            console.error(_context.t0);
+
+          case 12:
+            return _context.abrupt("return", data);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2, 9]]);
+  }));
+  return _fetchPredictionsData.apply(this, arguments);
+}
+
+function fetchStagesData(_x2) {
+  return _fetchStagesData.apply(this, arguments);
+}
+
+function _fetchStagesData() {
+  _fetchStagesData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(_ref2) {
+    var wellId, stageNumber, data, records, _records;
+
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            wellId = _ref2.wellId, stageNumber = _ref2.stageNumber;
+            data = {};
+            _context2.prev = 2;
+            _context2.next = 5;
+            return getAppStorage('corva', 'completion.data.stages', wellId, {
+              query: "{data.stage_number#eq#".concat(stageNumber, "}"),
+              sort: '{timestamp: -1}',
+              limit: 1
+            });
+
+          case 5:
+            records = _context2.sent;
+            _records = _slicedToArray(records, 1);
+            data = _records[0];
+            _context2.next = 13;
+            break;
+
+          case 10:
+            _context2.prev = 10;
+            _context2.t0 = _context2["catch"](2);
+            console.error(_context2.t0);
+
+          case 13:
+            return _context2.abrupt("return", data);
+
+          case 14:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[2, 10]]);
+  }));
+  return _fetchStagesData.apply(this, arguments);
+}
+
+export { fetchPredictionsData, fetchStagesData };
+//# sourceMappingURL=api.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/api.js"],"sourcesContent":["import { getAppStorage } from '~/clients/jsonApi';\n\nexport async function fetchPredictionsData({ wellId, stageNumber }) {\n  let data = {};\n\n  try {\n    const records = await getAppStorage('corva', 'completion.predictions', wellId, {\n      query: `{stage_number#eq#${stageNumber}}`,\n      sort: '{timestamp: -1}',\n      limit: 1,\n    });\n\n    data = records[0].data;\n  } catch (e) {\n    console.error(e);\n  }\n\n  return data;\n}\n\nexport async function fetchStagesData({ wellId, stageNumber }) {\n  let data = {};\n\n  try {\n    const records = await getAppStorage('corva', 'completion.data.stages', wellId, {\n      query: `{data.stage_number#eq#${stageNumber}}`,\n      sort: '{timestamp: -1}',\n      limit: 1,\n    });\n    [data] = records;\n  } catch (e) {\n    console.error(e);\n  }\n\n  return data;\n}\n"],"names":["fetchPredictionsData","wellId","stageNumber","data","getAppStorage","query","sort","limit","records","console","error","fetchStagesData"],"mappings":";;;;;SAEsBA,oBAAtB;AAAA;AAAA;;;mFAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAsCC,YAAAA,MAAtC,QAAsCA,MAAtC,EAA8CC,WAA9C,QAA8CA,WAA9C;AACDC,YAAAA,IADC,GACM,EADN;AAAA;AAAA;AAAA,mBAImBC,aAAa,CAAC,OAAD,EAAU,wBAAV,EAAoCH,MAApC,EAA4C;AAC7EI,cAAAA,KAAK,6BAAsBH,WAAtB,MADwE;AAE7EI,cAAAA,IAAI,EAAE,iBAFuE;AAG7EC,cAAAA,KAAK,EAAE;AAHsE,aAA5C,CAJhC;;AAAA;AAIGC,YAAAA,OAJH;AAUHL,YAAAA,IAAI,GAAGK,OAAO,CAAC,CAAD,CAAP,CAAWL,IAAlB;AAVG;AAAA;;AAAA;AAAA;AAAA;AAYHM,YAAAA,OAAO,CAACC,KAAR;;AAZG;AAAA,6CAeEP,IAfF;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;SAkBeQ,eAAtB;AAAA;AAAA;;;8EAAO;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAiCV,YAAAA,MAAjC,SAAiCA,MAAjC,EAAyCC,WAAzC,SAAyCA,WAAzC;AACDC,YAAAA,IADC,GACM,EADN;AAAA;AAAA;AAAA,mBAImBC,aAAa,CAAC,OAAD,EAAU,wBAAV,EAAoCH,MAApC,EAA4C;AAC7EI,cAAAA,KAAK,kCAA2BH,WAA3B,MADwE;AAE7EI,cAAAA,IAAI,EAAE,iBAFuE;AAG7EC,cAAAA,KAAK,EAAE;AAHsE,aAA5C,CAJhC;;AAAA;AAIGC,YAAAA,OAJH;AAAA,sCASMA,OATN;AASFL,YAAAA,IATE;AAAA;AAAA;;AAAA;AAAA;AAAA;AAWHM,YAAAA,OAAO,CAACC,KAAR;;AAXG;AAAA,8CAcEP,IAdF;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;"}

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/NoData.js

@@ -1 +1,19 @@
-import{string as r}from"prop-types";import t from"@material-ui/core/Typography";import{jsx as o}from"react/jsx-runtime";var e=function(r){var e=r.subject;return o(t,{variant:"body1",gutterBottom:!0,children:"No data for ".concat(e)})};e.propTypes={subject:r.isRequired};export{e as default};
+import { jsx } from 'react/jsx-runtime';
+import { string } from 'prop-types';
+import Typography from '@material-ui/core/Typography';
+
+var NoData = function NoData(_ref) {
+  var subject = _ref.subject;
+  return /*#__PURE__*/jsx(Typography, {
+    variant: "body1",
+    gutterBottom: true,
+    children: "No data for ".concat(subject)
+  });
+};
+
+NoData.propTypes = {
+  subject: string.isRequired
+};
+
+export default NoData;
+//# sourceMappingURL=NoData.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/NoData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoData.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/NoData.js"],"sourcesContent":["import { string } from 'prop-types';\n\nimport Typography from '@material-ui/core/Typography';\n\nconst NoData = ({ subject }) => (\n  <Typography variant=\"body1\" gutterBottom>{`No data for ${subject}`}</Typography>\n);\n\nNoData.propTypes = {\n  subject: string.isRequired,\n};\n\nexport default NoData;\n"],"names":["NoData","subject","_jsx","propTypes","string","isRequired"],"mappings":";;;;IAIMA,MAAM,GAAG,SAATA,MAAS;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,sBACbC,IAAC,UAAD;AAAY,IAAA,OAAO,EAAC,OAApB;AAA4B,IAAA,YAAY,MAAxC;AAAA,oCAAyDD,OAAzD;AAAA,IADa;AAAA;;AAIfD,MAAM,CAACG,SAAP,GAAmB;AACjBF,EAAAA,OAAO,EAAEG,MAAM,CAACC;AADC,CAAnB;;;;"}

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Predictions.js

@@ -1 +1,55 @@
-import{shape as e}from"prop-types";import{makeStyles as t}from"@material-ui/core";import{isEmpty as r}from"lodash";import a from"./PredictionsItem.js";import i from"./NoData.js";import{jsx as s,jsxs as o}from"react/jsx-runtime";var p=t({wrapper:{listStyle:"none",padding:0,display:"flex"}}),d=function(e){var t=e.stages,d=e.predictionsData,m=p();return r(t)?s(i,{subject:"predictions"}):o("ul",{className:m.wrapper,children:[s(a,{title:"Breakdown",fieldName:"ave_breakdown",predictionsData:d}),s(a,{title:"ISIP",fieldName:"ave_isip",predictionsData:d}),s(a,{title:"Max Treating Pressure",fieldName:"max_treating_pressure",predictionsData:d}),s(a,{title:"Avg Treating Pressure",fieldName:"ave_treating_pressure",predictionsData:d}),s(a,{title:"Max Flow Rate",fieldName:"max_flow_rate",predictionsData:d})]})};d.propTypes={stages:e().isRequired,predictionsData:e().isRequired};export{d as default};
+import { isEmpty } from 'lodash';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeStyles } from '@material-ui/core';
+import { shape } from 'prop-types';
+import PredictionsItem from './PredictionsItem.js';
+import NoData from './NoData.js';
+
+var useStyles = makeStyles({
+  wrapper: {
+    listStyle: 'none',
+    padding: 0,
+    display: 'flex'
+  }
+});
+
+var Predictions = function Predictions(_ref) {
+  var stages = _ref.stages,
+      predictionsData = _ref.predictionsData;
+  var classes = useStyles();
+  if (isEmpty(stages)) return /*#__PURE__*/jsx(NoData, {
+    subject: "predictions"
+  });
+  return /*#__PURE__*/jsxs("ul", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsx(PredictionsItem, {
+      title: "Breakdown",
+      fieldName: "ave_breakdown",
+      predictionsData: predictionsData
+    }), /*#__PURE__*/jsx(PredictionsItem, {
+      title: "ISIP",
+      fieldName: "ave_isip",
+      predictionsData: predictionsData
+    }), /*#__PURE__*/jsx(PredictionsItem, {
+      title: "Max Treating Pressure",
+      fieldName: "max_treating_pressure",
+      predictionsData: predictionsData
+    }), /*#__PURE__*/jsx(PredictionsItem, {
+      title: "Avg Treating Pressure",
+      fieldName: "ave_treating_pressure",
+      predictionsData: predictionsData
+    }), /*#__PURE__*/jsx(PredictionsItem, {
+      title: "Max Flow Rate",
+      fieldName: "max_flow_rate",
+      predictionsData: predictionsData
+    })]
+  });
+};
+
+Predictions.propTypes = {
+  stages: shape().isRequired,
+  predictionsData: shape().isRequired
+};
+
+export default Predictions;
+//# sourceMappingURL=Predictions.js.map

package/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Predictions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Predictions.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/StageOverviewFeedItem/components/Predictions.js"],"sourcesContent":["import { shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport { isEmpty } from 'lodash';\n\nimport PredictionsItem from './PredictionsItem';\nimport NoData from './NoData';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    listStyle: 'none',\n    padding: 0,\n    display: 'flex',\n  },\n});\n\nconst Predictions = ({ stages, predictionsData }) => {\n  const classes = useStyles();\n\n  if (isEmpty(stages)) return <NoData subject=\"predictions\" />;\n\n  return (\n    <ul className={classes.wrapper}>\n      <PredictionsItem\n        title=\"Breakdown\"\n        fieldName=\"ave_breakdown\"\n        predictionsData={predictionsData}\n      />\n      <PredictionsItem title=\"ISIP\" fieldName=\"ave_isip\" predictionsData={predictionsData} />\n      <PredictionsItem\n        title=\"Max Treating Pressure\"\n        fieldName=\"max_treating_pressure\"\n        predictionsData={predictionsData}\n      />\n      <PredictionsItem\n        title=\"Avg Treating Pressure\"\n        fieldName=\"ave_treating_pressure\"\n        predictionsData={predictionsData}\n      />\n      <PredictionsItem\n        title=\"Max Flow Rate\"\n        fieldName=\"max_flow_rate\"\n        predictionsData={predictionsData}\n      />\n    </ul>\n  );\n};\n\nPredictions.propTypes = {\n  stages: shape().isRequired,\n  predictionsData: shape().isRequired,\n};\n\nexport default Predictions;\n"],"names":["useStyles","makeStyles","wrapper","listStyle","padding","display","Predictions","stages","predictionsData","classes","isEmpty","_jsx","_jsxs","propTypes","shape","isRequired"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE,MADJ;AAEPC,IAAAA,OAAO,EAAE,CAFF;AAGPC,IAAAA,OAAO,EAAE;AAHF;AADkB,CAAD,CAA5B;;IAQMC,WAAW,GAAG,SAAdA,WAAc,OAAiC;AAAA,MAA9BC,MAA8B,QAA9BA,MAA8B;AAAA,MAAtBC,eAAsB,QAAtBA,eAAsB;AACnD,MAAMC,OAAO,GAAGT,SAAS,EAAzB;AAEA,MAAIU,OAAO,CAACH,MAAD,CAAX,EAAqB,oBAAOI,IAAC,MAAD;AAAQ,IAAA,OAAO,EAAC;AAAhB,IAAP;AAErB,sBACEC;AAAI,IAAA,SAAS,EAAEH,OAAO,CAACP,OAAvB;AAAA,4BACES,IAAC,eAAD;AACE,MAAA,KAAK,EAAC,WADR;AAEE,MAAA,SAAS,EAAC,eAFZ;AAGE,MAAA,eAAe,EAAEH;AAHnB,MADF,eAMEG,IAAC,eAAD;AAAiB,MAAA,KAAK,EAAC,MAAvB;AAA8B,MAAA,SAAS,EAAC,UAAxC;AAAmD,MAAA,eAAe,EAAEH;AAApE,MANF,eAOEG,IAAC,eAAD;AACE,MAAA,KAAK,EAAC,uBADR;AAEE,MAAA,SAAS,EAAC,uBAFZ;AAGE,MAAA,eAAe,EAAEH;AAHnB,MAPF,eAYEG,IAAC,eAAD;AACE,MAAA,KAAK,EAAC,uBADR;AAEE,MAAA,SAAS,EAAC,uBAFZ;AAGE,MAAA,eAAe,EAAEH;AAHnB,MAZF,eAiBEG,IAAC,eAAD;AACE,MAAA,KAAK,EAAC,eADR;AAEE,MAAA,SAAS,EAAC,eAFZ;AAGE,MAAA,eAAe,EAAEH;AAHnB,MAjBF;AAAA,IADF;AAyBD;;AAEDF,WAAW,CAACO,SAAZ,GAAwB;AACtBN,EAAAA,MAAM,EAAEO,KAAK,GAAGC,UADM;AAEtBP,EAAAA,eAAe,EAAEM,KAAK,GAAGC;AAFH,CAAxB;;;;"}