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

package/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js

@@ -1 +1,93 @@
-import{makeStyles as t,Typography as e}from"@material-ui/core";import a from"moment";import{convertValue as i,getUnitDisplay as n}from"../../../utils/index.js";import{isNativeDetected as o}from"../../../utils/mobileDetect.js";import{formatMentionText as r}from"../../UserMention/utils/index.js";import m from"../../Attachment/index.js";import{jsxs as c,jsx as l}from"react/jsx-runtime";var d=t((function(t){return{text:{color:t.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},infoField:{color:t.palette.primary.text6,"& span":{color:"#fff"}}}})),s="DvDCommentFeedItem";var p=function(t){var p,h=t.feedItem,f=h.context.dvd_comment,u=f.body,D=f.attachment,N=void 0===D?{}:D,v=f.data,x=v.timestamp,F=v.bitDepth,b=v.holeDepth,g=v.cost,_=h.mentioned_users,j=d(),y=i(+F,"length","ft"),Y=i(+b,"length","ft"),B=n("length");return c("div",{className:j.wrapper,children:[u&&l(e,{"data-testid":"".concat(s,"_message"),variant:"body1",gutterBottom:!0,children:r(u,_,o)}),x&&c(e,{className:j.infoField,children:["Time:"," ",l("span",{"data-testid":"".concat(s,"_time"),children:a.unix(x).format("MM.DD.YYYY, HH:mm")})]}),Number.isFinite(Y)&&c(e,{className:j.infoField,children:["Hole Depth:",l("span",{"data-testid":"".concat(s,"_holeDepth"),children:"".concat(Y," ").concat(B)})]}),Number.isFinite(y)&&c(e,{className:j.infoField,children:["Bit Depth:",l("span",{"data-testid":"".concat(s,"_bitDepth"),children:"".concat(y," ").concat(B)})]}),g&&Number.isFinite(g)&&c(e,{className:j.infoField,children:["Cost: ",c("span",{"data-testid":"".concat(s,"_cost"),children:[(p=g,p.toString().replace(/\B(?=(\d{3})+(?!\d))/g," "))," $"]})]}),N&&N.url&&l("div",{className:j.attachment,children:l(m,{small:!0,attachmentUrl:N.url,fileName:N.name,displayName:N.name})})]})};export{p as default};
+import { makeStyles, Typography } from '@material-ui/core';
+import moment from 'moment';
+import { convertValue, getUnitDisplay } from '../../../utils/index.js';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import Attachment from '../../Attachment/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    attachment: {
+      paddingTop: 10,
+      width: 300
+    },
+    infoField: {
+      color: theme.palette.primary.text6,
+      '& span': {
+        color: '#fff'
+      }
+    }
+  };
+});
+var PAGE_NAME = 'DvDCommentFeedItem';
+function formatNumberWithSpaces(x) {
+  return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ' ');
+}
+var DvDCommentFeedItem = function DvDCommentFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$context = _ref$feedItem.context.dvd_comment,
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    _ref$feedItem$context3 = _ref$feedItem$context.data,
+    timestamp = _ref$feedItem$context3.timestamp,
+    bitDepth = _ref$feedItem$context3.bitDepth,
+    holeDepth = _ref$feedItem$context3.holeDepth,
+    cost = _ref$feedItem$context3.cost,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');
+  var convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');
+  var depthUnit = getUnitDisplay('length');
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [body && /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(PAGE_NAME, "_message"),
+      variant: "body1",
+      gutterBottom: true,
+      children: formatMentionText(body, mentionedUsers, isNativeDetected)
+    }), timestamp && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Time:", ' ', /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_time"),
+        children: moment.unix(timestamp).format('MM.DD.YYYY, HH:mm')
+      })]
+    }), Number.isFinite(convertedHoleDepth) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Hole Depth:", /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_holeDepth"),
+        children: "".concat(convertedHoleDepth, " ").concat(depthUnit)
+      })]
+    }), Number.isFinite(convertedBitDepth) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Bit Depth:", /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_bitDepth"),
+        children: "".concat(convertedBitDepth, " ").concat(depthUnit)
+      })]
+    }), cost && Number.isFinite(cost) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Cost: ", /*#__PURE__*/jsxs("span", {
+        "data-testid": "".concat(PAGE_NAME, "_cost"),
+        children: [formatNumberWithSpaces(cost), " $"]
+      })]
+    }), attachment && attachment.url && /*#__PURE__*/jsx("div", {
+      className: classes.attachment,
+      children: /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.url,
+        fileName: attachment.name,
+        displayName: attachment.name
+      })
+    })]
+  });
+};
+
+export { DvDCommentFeedItem as default };
+//# sourceMappingURL=DvDCommentFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DvDCommentFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport Attachment from '~/components/Attachment';\n\nconst useStyles = makeStyles(theme => ({\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: '#fff',\n  },\n  attachment: {\n    paddingTop: 10,\n    width: 300,\n  },\n  infoField: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: '#fff',\n    },\n  },\n}));\n\nconst PAGE_NAME = 'DvDCommentFeedItem';\n\nfunction formatNumberWithSpaces(x) {\n  return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n}\n\nconst DvDCommentFeedItem = ({\n  feedItem: {\n    context: {\n      dvd_comment: {\n        body,\n        attachment = {},\n        data: { timestamp, bitDepth, holeDepth, cost },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n\n  const convertedBitDepth = convertValue(+bitDepth, 'length', 'ft');\n  const convertedHoleDepth = convertValue(+holeDepth, 'length', 'ft');\n\n  const depthUnit = getUnitDisplay('length');\n\n  return (\n    <div className={classes.wrapper}>\n      {body && (\n        <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n          {formatMentionText(body, mentionedUsers, isNativeDetected)}\n        </Typography>\n      )}\n      {timestamp && (\n        <Typography className={classes.infoField}>\n          Time:{' '}\n          <span data-testid={`${PAGE_NAME}_time`}>\n            {moment.unix(timestamp).format('MM.DD.YYYY, HH:mm')}\n          </span>\n        </Typography>\n      )}\n\n      {Number.isFinite(convertedHoleDepth) && (\n        <Typography className={classes.infoField}>\n          Hole Depth:\n          <span data-testid={`${PAGE_NAME}_holeDepth`}>\n            {`${convertedHoleDepth} ${depthUnit}`}\n          </span>\n        </Typography>\n      )}\n\n      {Number.isFinite(convertedBitDepth) && (\n        <Typography className={classes.infoField}>\n          Bit Depth:\n          <span data-testid={`${PAGE_NAME}_bitDepth`}>\n            {`${convertedBitDepth} ${depthUnit}`}\n          </span>\n        </Typography>\n      )}\n\n      {cost && Number.isFinite(cost) && (\n        <Typography className={classes.infoField}>\n          Cost: <span data-testid={`${PAGE_NAME}_cost`}>{formatNumberWithSpaces(cost)} $</span>\n        </Typography>\n      )}\n      {attachment && attachment.url && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachment.url}\n            fileName={attachment.name}\n            displayName={attachment.name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default DvDCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","text","color","palette","primary","text6","value","attachment","paddingTop","width","infoField","PAGE_NAME","formatNumberWithSpaces","x","toString","replace","DvDCommentFeedItem","feedItem","context","dvd_comment","body","data","timestamp","bitDepth","holeDepth","cost","mentionedUsers","mentioned_users","classes","convertedBitDepth","convertValue","convertedHoleDepth","depthUnit","getUnitDisplay","_jsxs","wrapper","_jsx","formatMentionText","isNativeDetected","moment","unix","format","Number","isFinite","url","name"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/FluidReportFeedItem.js

@@ -1 +1,143 @@
-import{useMemo as e}from"react";import{shape as i,number as t,string as r,arrayOf as n}from"prop-types";import a from"classnames";import{makeStyles as o,Grid as c,Typography as s}from"@material-ui/core";import d from"@material-ui/core/colors/blue";import{getUnitDisplay as l,convertValue as m}from"../../../utils/convert.js";import{ctop as u}from"../../../utils/FluidCheckUtils.js";import{jsxs as p,jsx as f}from"react/jsx-runtime";var y="fluidReportActivity",h=o((function(e){return{density:{color:d[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),v=function(i){var t=i.feedItem.context.fluid_report.data,r=t.depth,n=t.mud_type,o=t.mud_density,d=t.viscosity,v=d.pv,R=void 0===v?"":v,g=d.yp,q=void 0===g?"":g,N=d.rpm_readings,_=h(),x=u(r,"length","ft"),b=x?x.formatNumeral("0,0"):"-",F=l("length"),L=m(+o,"density","ppg").formatNumeral("0,0.00"),T=l("density"),j=l("yp"),P=Number.isFinite(R)?R.fixFloat(3):R,I=Number.isFinite(q)?q.fixFloat(3):q,M=e((function(){var e=N.length-1;return N.reduce((function(i,t,r){var n=r===e?"":", ",a="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(a).concat(n)}),"")}),[N]);return p(c,{container:!0,spacing:"40",justify:"flex-start",children:[p(c,{item:!0,className:_.columnWithMargin,children:[f(s,{variant:"body2",children:"Density"}),p(s,{variant:"h6","data-testid":"".concat(y,"_density"),className:a(_.density,_.oneLineText),children:[L,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",T,")"]})]}),p(s,{className:_.oneLineText,children:[b,p(s,{component:"span",variant:"caption",className:_.unit,children:["(",F,")"]})," / ",n]})]}),p(c,{item:!0,children:[p(s,{variant:"body2","data-testid":"".concat(y,"_viscosity"),className:_.oneLineText,children:[f(s,{variant:"span",className:_.title,children:"PV: "}),"".concat(P," ").concat("cP"," / YP: ").concat(I),f(s,{component:"span",variant:"caption",className:_.unit,children:j})]}),f(s,{variant:"body2",className:_.title,children:"Rheometer Readings (RPM/Dial Reading):"}),f(s,{variant:"body2","data-testid":"".concat(y,"_rheometerReadings"),children:M})]})]})};v.propTypes={feedItem:i({context:i({fluid_report:i({data:i({depth:t.isRequired,mud_type:r.isRequired,mud_density:t.isRequired,viscosity:i({pv:t.isRequired,yp:t.isRequired,rpm_readings:n(i({id:r.isRequired,dial_reading:t.isRequired,rpm:t.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired};export{v as default};
+import { useMemo } from 'react';
+import { shape, number, string, arrayOf } from 'prop-types';
+import classNames from 'classnames';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import blue from '@material-ui/core/colors/blue';
+import { getUnitDisplay, convertValue } from '../../../utils/convert.js';
+import { ctop } from '../../../utils/FluidCheckUtils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'fluidReportActivity';
+var useStyles = makeStyles(function (theme) {
+  return {
+    density: {
+      color: blue[300]
+    },
+    unit: {
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    },
+    oneLineText: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    title: {
+      color: theme.palette.grey[400]
+    },
+    columnWithMargin: {
+      marginRight: 40
+    }
+  };
+});
+var FluidReportFeedItem = function FluidReportFeedItem(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.fluid_report.data,
+    depthNotConverted = _ref$feedItem$context.depth,
+    mudType = _ref$feedItem$context.mud_type,
+    mudDensity = _ref$feedItem$context.mud_density,
+    _ref$feedItem$context2 = _ref$feedItem$context.viscosity,
+    _ref$feedItem$context3 = _ref$feedItem$context2.pv,
+    pv = _ref$feedItem$context3 === void 0 ? '' : _ref$feedItem$context3,
+    _ref$feedItem$context4 = _ref$feedItem$context2.yp,
+    yp = _ref$feedItem$context4 === void 0 ? '' : _ref$feedItem$context4,
+    rpmReadings = _ref$feedItem$context2.rpm_readings;
+  var classes = useStyles();
+  var depth = ctop(depthNotConverted, 'length', 'ft');
+  var depthString = depth ? depth.formatNumeral('0,0') : '-';
+  var depthUnit = getUnitDisplay('length');
+  var convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');
+  var mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');
+  var densityUnit = getUnitDisplay('density');
+  var pvUnit = 'cP';
+  var ypUnit = getUnitDisplay('yp');
+  var pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;
+  var ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;
+  var rheometerReadingsString = useMemo(function () {
+    var rpmReadingsLastItemIndex = rpmReadings.length - 1;
+    return rpmReadings.reduce(function (resultString, reading, index) {
+      var commaString = index === rpmReadingsLastItemIndex ? '' : ', ';
+      var readingString = "".concat(reading.rpm, "/").concat(reading.dial_reading);
+      return "".concat(resultString).concat(readingString).concat(commaString);
+    }, '');
+  }, [rpmReadings]);
+  return /*#__PURE__*/jsxs(Grid, {
+    container: true,
+    spacing: "40",
+    justify: "flex-start",
+    children: [/*#__PURE__*/jsxs(Grid, {
+      item: true,
+      className: classes.columnWithMargin,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: "Density"
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "h6",
+        "data-testid": "".concat(PAGE_NAME, "_density"),
+        className: classNames(classes.density, classes.oneLineText),
+        children: [mudDensityFormatted, /*#__PURE__*/jsxs(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ["(", densityUnit, ")"]
+        })]
+      }), /*#__PURE__*/jsxs(Typography, {
+        className: classes.oneLineText,
+        children: [depthString, /*#__PURE__*/jsxs(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ["(", depthUnit, ")"]
+        }), "\xA0/ ", mudType]
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_viscosity"),
+        className: classes.oneLineText,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "span",
+          className: classes.title,
+          children: "PV:\xA0"
+        }), "".concat(pvFormatted, " ").concat(pvUnit, " / YP: ").concat(ypFormatted), /*#__PURE__*/jsx(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ypUnit
+        })]
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.title,
+        children: "Rheometer Readings (RPM/Dial Reading):"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_rheometerReadings"),
+        children: rheometerReadingsString
+      })]
+    })]
+  });
+};
+FluidReportFeedItem.propTypes = {
+  feedItem: shape({
+    context: shape({
+      fluid_report: shape({
+        data: shape({
+          depth: number.isRequired,
+          mud_type: string.isRequired,
+          mud_density: number.isRequired,
+          viscosity: shape({
+            pv: number.isRequired,
+            yp: number.isRequired,
+            rpm_readings: arrayOf(shape({
+              id: string.isRequired,
+              dial_reading: number.isRequired,
+              rpm: number.isRequired
+            })).isRequired
+          }).isRequired
+        }).isRequired
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export { FluidReportFeedItem as default };
+//# sourceMappingURL=FluidReportFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\n\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container spacing=\"40\" justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","viscosity","pv","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","convertedMudDensity","convertValue","mudDensityFormatted","densityUnit","pvUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","_jsxs","_jsx","classNames","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js

@@ -1 +1,115 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{makeStyles as r,Box as o,Typography as n}from"@material-ui/core";import{isNativeDetected as i}from"../../../utils/mobileDetect.js";import l from"../../Attachment/index.js";import{formatMentionText as c}from"../../UserMention/utils/index.js";import a from"../../CollapsibleContent.js";import{jsxs as m,Fragment as d,jsx as s}from"react/jsx-runtime";function p(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function u(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?p(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):p(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var h=r({wrapper:{whiteSpace:"pre-wrap"}}),f=function(e){var t=e.feedItem,r=t.context.geosteering_comments,p=r.body,f=r.attachment,b=void 0===f?{}:f,y=r.data,g=y.targetStructure,O=y.recommendedWindow,j=y.isRecommendation,v=y.axis,x=t.mentioned_users,w=h(),D={attachmentSize:null==b?void 0:b.size,size:"medium"};return null!=b&&b.file_name?D.fileName=null==b?void 0:b.file_name:D.attachmentUrl=null==b?void 0:b.url,m("div",{className:w.wrapper,children:[j&&m(d,{children:[m(o,{marginBottom:1,children:[s(n,{color:"textSecondary",children:"Target Structure"}),s(n,{children:g||"N/A"})]}),m(o,{marginBottom:1,children:[s(n,{color:"textSecondary",children:"Recommended Window"}),s(n,{children:O||"N/A"})]})]}),m(o,{marginBottom:2,children:[s(n,{color:"textSecondary",children:"Comment"}),p&&s(a,{children:s(n,{"data-testid":"".concat("GeosteeringFeedItem","_message"),variant:"body1",gutterBottom:!0,children:c(p,x,i)})}),((null==b?void 0:b.file_name)||(null==b?void 0:b.url))&&s(l,u({},D))]}),m(o,{display:"flex",children:[s(n,{color:"textSecondary",children:"Hole Depth: "}),s(n,{children:null!=v&&v.holeDepth?"".concat(Math.floor(null==v?void 0:v.holeDepth),'"'):"N/A"})]}),m(o,{display:"flex",children:[s(n,{color:"textSecondary",children:"Comment MD: "}),s(n,{children:null!=v&&v.MD?"".concat(Math.floor(null==v?void 0:v.MD),'"'):"N/A"})]})]})};f.propTypes={feedItem:t.shape({context:t.shape({geosteering_comments:t.shape({body:t.string.isRequired,attachment:t.shape({url:t.string,size:t.number}),data:t.shape({targetStructure:t.string,recommendedWindow:t.string,isRecommendation:t.bool,axis:t.shape({holeDepth:t.number,MD:t.number})})}).isRequired}).isRequired,mentioned_users:t.arrayOf(t.shape({}))}).isRequired};export{f as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import { makeStyles, Box, Typography } from '@material-ui/core';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import Attachment from '../../Attachment/index.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import CollapsibleContent from '../../CollapsibleContent.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'GeosteeringFeedItem';
+var useStyles = makeStyles({
+  wrapper: {
+    whiteSpace: 'pre-wrap'
+  }
+});
+var GeosteeringFeedItem = function GeosteeringFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$context = _ref$feedItem.context.geosteering_comments,
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    _ref$feedItem$context3 = _ref$feedItem$context.data,
+    targetStructure = _ref$feedItem$context3.targetStructure,
+    recommendedWindow = _ref$feedItem$context3.recommendedWindow,
+    isRecommendation = _ref$feedItem$context3.isRecommendation,
+    axis = _ref$feedItem$context3.axis,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var attachmentProps = {
+    attachmentSize: attachment === null || attachment === void 0 ? void 0 : attachment.size,
+    size: 'medium'
+  };
+
+  // TODO: Update to signed_url when GeosteeringFeedItem is migrate on API
+  if (attachment !== null && attachment !== void 0 && attachment.file_name) attachmentProps.fileName = attachment === null || attachment === void 0 ? void 0 : attachment.file_name;else attachmentProps.attachmentUrl = attachment === null || attachment === void 0 ? void 0 : attachment.url;
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [isRecommendation && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsxs(Box, {
+        marginBottom: 1,
+        children: [/*#__PURE__*/jsx(Typography, {
+          color: "textSecondary",
+          children: "Target Structure"
+        }), /*#__PURE__*/jsx(Typography, {
+          children: targetStructure || 'N/A'
+        })]
+      }), /*#__PURE__*/jsxs(Box, {
+        marginBottom: 1,
+        children: [/*#__PURE__*/jsx(Typography, {
+          color: "textSecondary",
+          children: "Recommended Window"
+        }), /*#__PURE__*/jsx(Typography, {
+          children: recommendedWindow || 'N/A'
+        })]
+      })]
+    }), /*#__PURE__*/jsxs(Box, {
+      marginBottom: 2,
+      children: [/*#__PURE__*/jsx(Typography, {
+        color: "textSecondary",
+        children: "Comment"
+      }), body && /*#__PURE__*/jsx(CollapsibleContent, {
+        children: /*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_message"),
+          variant: "body1",
+          gutterBottom: true,
+          children: formatMentionText(body, mentionedUsers, isNativeDetected)
+        })
+      }), ((attachment === null || attachment === void 0 ? void 0 : attachment.file_name) || (attachment === null || attachment === void 0 ? void 0 : attachment.url)) && /*#__PURE__*/jsx(Attachment, _objectSpread({}, attachmentProps))]
+    }), /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      children: [/*#__PURE__*/jsx(Typography, {
+        color: "textSecondary",
+        children: "Hole Depth:\xA0"
+      }), /*#__PURE__*/jsx(Typography, {
+        children: axis !== null && axis !== void 0 && axis.holeDepth ? "".concat(Math.floor(axis === null || axis === void 0 ? void 0 : axis.holeDepth), "\"") : 'N/A'
+      })]
+    }), /*#__PURE__*/jsxs(Box, {
+      display: "flex",
+      children: [/*#__PURE__*/jsx(Typography, {
+        color: "textSecondary",
+        children: "Comment MD:\xA0"
+      }), /*#__PURE__*/jsx(Typography, {
+        children: axis !== null && axis !== void 0 && axis.MD ? "".concat(Math.floor(axis === null || axis === void 0 ? void 0 : axis.MD), "\"") : 'N/A'
+      })]
+    })]
+  });
+};
+GeosteeringFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape({
+      geosteering_comments: PropTypes.shape({
+        body: PropTypes.string.isRequired,
+        attachment: PropTypes.shape({
+          url: PropTypes.string,
+          size: PropTypes.number
+        }),
+        data: PropTypes.shape({
+          targetStructure: PropTypes.string,
+          recommendedWindow: PropTypes.string,
+          isRecommendation: PropTypes.bool,
+          axis: PropTypes.shape({
+            holeDepth: PropTypes.number,
+            MD: PropTypes.number
+          })
+        })
+      }).isRequired
+    }).isRequired,
+    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired
+};
+
+export { GeosteeringFeedItem as default };
+//# sourceMappingURL=GeosteeringFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GeosteeringFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\r\n\r\nimport { Typography, makeStyles, Box } from '@material-ui/core';\r\n\r\nimport { isNativeDetected } from '~/utils/mobileDetect';\r\nimport Attachment from '~/components/Attachment';\r\nimport { formatMentionText } from '~/components/UserMention/utils';\r\nimport CollapsibleContent from '~/components/CollapsibleContent';\r\n\r\nconst PAGE_NAME = 'GeosteeringFeedItem';\r\n\r\nconst useStyles = makeStyles({\r\n  wrapper: {\r\n    whiteSpace: 'pre-wrap',\r\n  },\r\n});\r\n\r\nconst GeosteeringFeedItem = ({\r\n  feedItem: {\r\n    context: {\r\n      geosteering_comments: {\r\n        body,\r\n        attachment = {},\r\n        data: {\r\n          targetStructure,\r\n          recommendedWindow,\r\n          isRecommendation,\r\n          axis,\r\n        },\r\n      }\r\n    },\r\n    mentioned_users: mentionedUsers,\r\n  },\r\n}) => {\r\n  const classes = useStyles();\r\n  const attachmentProps = { attachmentSize: attachment?.size, size: 'medium' };\r\n\r\n  // TODO: Update to signed_url when GeosteeringFeedItem is migrate on API\r\n  if (attachment?.file_name) attachmentProps.fileName = attachment?.file_name;\r\n  else attachmentProps.attachmentUrl = attachment?.url;\r\n\r\n  return (\r\n    <div className={classes.wrapper}>\r\n      {isRecommendation && (\r\n        <>\r\n          <Box marginBottom={1}>\r\n            <Typography color='textSecondary'>Target Structure</Typography>\r\n            <Typography>\r\n              {targetStructure || 'N/A'}\r\n            </Typography>\r\n          </Box>\r\n          <Box marginBottom={1}>\r\n            <Typography color='textSecondary'>Recommended Window</Typography>\r\n            <Typography>\r\n              {recommendedWindow || 'N/A'}\r\n            </Typography>\r\n          </Box>\r\n        </>\r\n      )}\r\n\r\n      <Box marginBottom={2}>\r\n        <Typography color='textSecondary'>Comment</Typography>\r\n        {body && (\r\n          <CollapsibleContent>\r\n            <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\r\n              {formatMentionText(body, mentionedUsers, isNativeDetected)}\r\n            </Typography>\r\n          </CollapsibleContent>\r\n        )}\r\n        {(attachment?.file_name || attachment?.url) && <Attachment {...attachmentProps} />}\r\n      </Box>\r\n      \r\n      <Box display='flex'>\r\n        <Typography color='textSecondary'>Hole Depth:&nbsp;</Typography>\r\n        <Typography>\r\n          {axis?.holeDepth ? `${Math.floor(axis?.holeDepth)}\"` : 'N/A'}\r\n        </Typography>\r\n      </Box>\r\n      <Box display='flex'>\r\n        <Typography color='textSecondary'>Comment MD:&nbsp;</Typography>\r\n        <Typography>{axis?.MD ? `${Math.floor(axis?.MD)}\"` : 'N/A'}</Typography>\r\n      </Box>\r\n    </div>\r\n  );\r\n};\r\n\r\nGeosteeringFeedItem.propTypes = {\r\n  feedItem: PropTypes.shape({\r\n    context: PropTypes.shape({\r\n      geosteering_comments: PropTypes.shape({\r\n        body: PropTypes.string.isRequired,\r\n        attachment: PropTypes.shape({\r\n          url: PropTypes.string,\r\n          size: PropTypes.number,\r\n        }),\r\n        data: PropTypes.shape({\r\n          targetStructure: PropTypes.string,\r\n          recommendedWindow: PropTypes.string,\r\n          isRecommendation: PropTypes.bool,\r\n          axis: PropTypes.shape({\r\n            holeDepth: PropTypes.number,\r\n            MD: PropTypes.number,\r\n          }),\r\n        }),\r\n      }).isRequired,\r\n    }).isRequired,\r\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\r\n  }).isRequired,\r\n};\r\n\r\nexport default GeosteeringFeedItem;\r\n"],"names":["PAGE_NAME","useStyles","makeStyles","wrapper","whiteSpace","GeosteeringFeedItem","feedItem","context","geosteering_comments","body","attachment","data","targetStructure","recommendedWindow","isRecommendation","axis","mentionedUsers","mentioned_users","classes","attachmentProps","attachmentSize","size","file_name","fileName","attachmentUrl","url","_jsxs","_Fragment","_jsx","formatMentionText","isNativeDetected","holeDepth","Math","floor","MD","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/HookloadCommentFeedItem.js

@@ -1 +1,110 @@
-import{makeStyles as t}from"@material-ui/core";import e from"moment";import i from"@material-ui/icons/Warning";import{isNativeDetected as a}from"../../../utils/mobileDetect.js";import{formatMentionText as o}from"../../UserMention/utils/index.js";import n from"../../Attachment/index.js";import{convertValue as r,getUnitDisplay as m}from"../../../utils/convert.js";import{Regular14 as l,Regular12 as c}from"../../Typography.js";import{jsxs as s,jsx as d}from"react/jsx-runtime";var p=t((function(t){return{text:{color:t.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},warningContainer:{display:"flex",alignItems:"center",gap:8,marginTop:16},warningIcon:{fill:t.palette.warning.main},infoField:{color:t.palette.primary.text6,"& span":{color:"#fff"}}}})),f=function(t){var f=t.feedItem,h=f.point,u=(h=void 0===h?{}:h).showNoVisiblePointWarning,g=f.context.hookload_broomstick_comment,v=g.body,N=g.attachment,y=void 0===N?{}:N,x=g.data,b=x.timestamp,w=x.measuredDepth,F=x.activityLabel,j=x.hookload,k=f.mentioned_users,M=p(),_=r(+w,"length","ft"),B=r(+j,"force","klbf");return s("div",{className:M.wrapper,children:[v&&d(l,{"data-testid":"".concat("HookloadCommentFeedItem","_message"),variant:"body1",gutterBottom:!0,children:o(v,k,a)}),Number.isFinite(w)&&s(l,{className:M.infoField,gutterBottom:!0,children:["Measured Depth:"," ",d("span",{children:"".concat(Math.round(_).toLocaleString()," ").concat(m("length"))})]}),j&&s(l,{className:M.infoField,gutterBottom:!0,children:["Hookload:"," ",d("span",{children:"".concat(Math.round(B).toLocaleString()," ").concat(m("force"))})]}),F&&s(l,{className:M.infoField,gutterBottom:!0,children:["Activity: ",d("span",{children:F})]}),b&&s(l,{className:M.infoField,gutterBottom:!0,children:["Time: ",d("span",{children:e.unix(b).format("MM/DD/YY HH:mm")})]}),u&&s("div",{className:M.warningContainer,children:[d(i,{className:M.warningIcon}),d(c,{children:"This activity is disabled in the application settings or not in range"})]}),y&&(y.signed_url||y.url||y.name)&&d("div",{className:M.attachment,children:d(n,{small:!0,attachmentUrl:y.signed_url||y.url,fileName:y.name,displayName:y.name})})]})};export{f as default};
+import { makeStyles } from '@material-ui/core';
+import moment from 'moment';
+import WarningIcon from '@material-ui/icons/Warning';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import Attachment from '../../Attachment/index.js';
+import { convertValue, getUnitDisplay } from '../../../utils/convert.js';
+import { Regular14, Regular12 } from '../../Typography.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    attachment: {
+      paddingTop: 10,
+      width: 300
+    },
+    warningContainer: {
+      display: 'flex',
+      alignItems: 'center',
+      gap: 8,
+      marginTop: 16
+    },
+    warningIcon: {
+      fill: theme.palette.warning.main
+    },
+    infoField: {
+      color: theme.palette.primary.text6,
+      '& span': {
+        color: '#fff'
+      }
+    }
+  };
+});
+var PAGE_NAME = 'HookloadCommentFeedItem';
+var HookloadCommentFeedItem = function HookloadCommentFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$point = _ref$feedItem.point;
+  _ref$feedItem$point = _ref$feedItem$point === void 0 ? {} : _ref$feedItem$point;
+  var showNoVisiblePointWarning = _ref$feedItem$point.showNoVisiblePointWarning,
+    _ref$feedItem$context = _ref$feedItem.context.hookload_broomstick_comment,
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    _ref$feedItem$context3 = _ref$feedItem$context.data,
+    timestamp = _ref$feedItem$context3.timestamp,
+    measuredDepth = _ref$feedItem$context3.measuredDepth,
+    activityLabel = _ref$feedItem$context3.activityLabel,
+    hookload = _ref$feedItem$context3.hookload,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var depthConverted = convertValue(+measuredDepth, 'length', 'ft');
+  var hookloadConverted = convertValue(+hookload, 'force', 'klbf');
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [body && /*#__PURE__*/jsx(Regular14, {
+      "data-testid": "".concat(PAGE_NAME, "_message"),
+      variant: "body1",
+      gutterBottom: true,
+      children: formatMentionText(body, mentionedUsers, isNativeDetected)
+    }), Number.isFinite(measuredDepth) && /*#__PURE__*/jsxs(Regular14, {
+      className: classes.infoField,
+      gutterBottom: true,
+      children: ["Measured Depth:", ' ', /*#__PURE__*/jsx("span", {
+        children: "".concat(Math.round(depthConverted).toLocaleString(), " ").concat(getUnitDisplay('length'))
+      })]
+    }), hookload && /*#__PURE__*/jsxs(Regular14, {
+      className: classes.infoField,
+      gutterBottom: true,
+      children: ["Hookload:", ' ', /*#__PURE__*/jsx("span", {
+        children: "".concat(Math.round(hookloadConverted).toLocaleString(), " ").concat(getUnitDisplay('force'))
+      })]
+    }), activityLabel && /*#__PURE__*/jsxs(Regular14, {
+      className: classes.infoField,
+      gutterBottom: true,
+      children: ["Activity: ", /*#__PURE__*/jsx("span", {
+        children: activityLabel
+      })]
+    }), timestamp && /*#__PURE__*/jsxs(Regular14, {
+      className: classes.infoField,
+      gutterBottom: true,
+      children: ["Time: ", /*#__PURE__*/jsx("span", {
+        children: moment.unix(timestamp).format('MM/DD/YY HH:mm')
+      })]
+    }), showNoVisiblePointWarning && /*#__PURE__*/jsxs("div", {
+      className: classes.warningContainer,
+      children: [/*#__PURE__*/jsx(WarningIcon, {
+        className: classes.warningIcon
+      }), /*#__PURE__*/jsx(Regular12, {
+        children: "This activity is disabled in the application settings or not in range"
+      })]
+    }), attachment && (attachment.signed_url || attachment.url || attachment.name) && /*#__PURE__*/jsx("div", {
+      className: classes.attachment,
+      children: /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.signed_url || attachment.url,
+        fileName: attachment.name,
+        displayName: attachment.name
+      })
+    })]
+  });
+};
+
+export { HookloadCommentFeedItem as default };
+//# sourceMappingURL=HookloadCommentFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HookloadCommentFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/HookloadCommentFeedItem.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\n\nimport WarningIcon from '@material-ui/icons/Warning';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport Attachment from '~/components/Attachment';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { Regular14, Regular12 } from '~/components/Typography';\n\nconst useStyles = makeStyles(theme => ({\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: '#fff',\n  },\n  attachment: {\n    paddingTop: 10,\n    width: 300,\n  },\n  warningContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: 8,\n    marginTop: 16,\n  },\n  warningIcon: {\n    fill: theme.palette.warning.main,\n  },\n  infoField: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: '#fff',\n    },\n  },\n}));\n\nconst PAGE_NAME = 'HookloadCommentFeedItem';\n\nconst HookloadCommentFeedItem = ({\n  feedItem: {\n    // The parameter is controlled from the HB component\n    point: { showNoVisiblePointWarning } = {},\n    context: {\n      hookload_broomstick_comment: {\n        body,\n        attachment = {},\n        data: { timestamp, measuredDepth, activityLabel, hookload },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n  const depthConverted = convertValue(+measuredDepth, 'length', 'ft');\n  const hookloadConverted = convertValue(+hookload, 'force', 'klbf');\n\n  return (\n    <div className={classes.wrapper}>\n      {body && (\n        <Regular14 data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n          {formatMentionText(body, mentionedUsers, isNativeDetected)}\n        </Regular14>\n      )}\n\n      {Number.isFinite(measuredDepth) && (\n        <Regular14 className={classes.infoField} gutterBottom>\n          Measured Depth:{' '}\n          <span>\n            {`${Math.round(depthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n          </span>\n        </Regular14>\n      )}\n\n      {hookload && (\n        <Regular14 className={classes.infoField} gutterBottom>\n          Hookload:{' '}\n          <span>\n            {`${Math.round(hookloadConverted).toLocaleString()} ${getUnitDisplay('force')}`}\n          </span>\n        </Regular14>\n      )}\n\n      {activityLabel && (\n        <Regular14 className={classes.infoField} gutterBottom>\n          Activity: <span>{activityLabel}</span>\n        </Regular14>\n      )}\n\n      {timestamp && (\n        <Regular14 className={classes.infoField} gutterBottom>\n          Time: <span>{moment.unix(timestamp).format('MM/DD/YY HH:mm')}</span>\n        </Regular14>\n      )}\n\n      {showNoVisiblePointWarning && (\n        <div className={classes.warningContainer}>\n          <WarningIcon className={classes.warningIcon} />\n          <Regular12>\n            This activity is disabled in the application settings or not in range\n          </Regular12>\n        </div>\n      )}\n\n      {attachment && (attachment.signed_url || attachment.url || attachment.name) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url || attachment.url}\n            fileName={attachment.name}\n            displayName={attachment.name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default HookloadCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","text","color","palette","primary","text6","value","attachment","paddingTop","width","warningContainer","display","alignItems","gap","marginTop","warningIcon","fill","warning","main","infoField","PAGE_NAME","HookloadCommentFeedItem","feedItem","point","showNoVisiblePointWarning","context","hookload_broomstick_comment","body","data","timestamp","measuredDepth","activityLabel","hookload","mentionedUsers","mentioned_users","classes","depthConverted","convertValue","hookloadConverted","_jsxs","wrapper","_jsx","formatMentionText","isNativeDetected","Number","isFinite","Math","round","toLocaleString","getUnitDisplay","moment","unix","format","signed_url","url","name"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Critical.js

@@ -1 +1,28 @@
-import{jsxs as C,jsx as t}from"react/jsx-runtime";function i(){return C("svg",{"data-testid":"CriticalIcon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M8 11C8.55 11 9 10.55 9 10V1.00928C9 0.459277 8.55 0.00927734 8 0.00927734C7.45 0.00927734 7 0.459277 7 1.00928V10C7 10.55 7.45 11 8 11Z",fill:"#CE0000"}),t("path",{d:"M8 15.9907C8.55 15.9907 9 15.5407 9 14.9907V14.1382C9 13.5882 8.55 13.1382 8 13.1382C7.45 13.1382 7 13.5882 7 14.1382V14.9907C7 15.5407 7.45 15.9907 8 15.9907Z",fill:"#CE0000"}),t("path",{d:"M12.3982 5.40753C12.7872 5.01853 12.7872 4.38228 12.3982 3.99328L8.706 0.301027C8.317 -0.0879727 7.68075 -0.0879727 7.29175 0.301027C6.90275 0.690027 6.90275 1.32628 7.29175 1.71528L10.984 5.40753C11.3728 5.79628 12.0092 5.79628 12.3982 5.40753Z",fill:"#CE0000"}),t("path",{d:"M3.5603 5.40753C3.1713 5.01853 3.1713 4.38228 3.5603 3.99328L7.25255 0.301027C7.64155 -0.0879727 8.2778 -0.0879727 8.6668 0.301027C9.0558 0.690027 9.0558 1.32628 8.6668 1.71528L4.9743 5.40753C4.58555 5.79628 3.94905 5.79628 3.5603 5.40753Z",fill:"#CE0000"})]})}export{i as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function CriticalIcon() {
+  return /*#__PURE__*/jsxs("svg", {
+    "data-testid": "CriticalIcon",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M8 11C8.55 11 9 10.55 9 10V1.00928C9 0.459277 8.55 0.00927734 8 0.00927734C7.45 0.00927734 7 0.459277 7 1.00928V10C7 10.55 7.45 11 8 11Z",
+      fill: "#CE0000"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M8 15.9907C8.55 15.9907 9 15.5407 9 14.9907V14.1382C9 13.5882 8.55 13.1382 8 13.1382C7.45 13.1382 7 13.5882 7 14.1382V14.9907C7 15.5407 7.45 15.9907 8 15.9907Z",
+      fill: "#CE0000"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12.3982 5.40753C12.7872 5.01853 12.7872 4.38228 12.3982 3.99328L8.706 0.301027C8.317 -0.0879727 7.68075 -0.0879727 7.29175 0.301027C6.90275 0.690027 6.90275 1.32628 7.29175 1.71528L10.984 5.40753C11.3728 5.79628 12.0092 5.79628 12.3982 5.40753Z",
+      fill: "#CE0000"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3.5603 5.40753C3.1713 5.01853 3.1713 4.38228 3.5603 3.99328L7.25255 0.301027C7.64155 -0.0879727 8.2778 -0.0879727 8.6668 0.301027C9.0558 0.690027 9.0558 1.32628 8.6668 1.71528L4.9743 5.40753C4.58555 5.79628 3.94905 5.79628 3.5603 5.40753Z",
+      fill: "#CE0000"
+    })]
+  });
+}
+
+export { CriticalIcon as default };
+//# sourceMappingURL=Critical.js.map

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Critical.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Critical.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Critical.js"],"sourcesContent":["export default function CriticalIcon() {\n  return (\n    <svg\n      data-testid=\"CriticalIcon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M8 11C8.55 11 9 10.55 9 10V1.00928C9 0.459277 8.55 0.00927734 8 0.00927734C7.45 0.00927734 7 0.459277 7 1.00928V10C7 10.55 7.45 11 8 11Z\"\n        fill=\"#CE0000\"\n      />\n      <path\n        d=\"M8 15.9907C8.55 15.9907 9 15.5407 9 14.9907V14.1382C9 13.5882 8.55 13.1382 8 13.1382C7.45 13.1382 7 13.5882 7 14.1382V14.9907C7 15.5407 7.45 15.9907 8 15.9907Z\"\n        fill=\"#CE0000\"\n      />\n      <path\n        d=\"M12.3982 5.40753C12.7872 5.01853 12.7872 4.38228 12.3982 3.99328L8.706 0.301027C8.317 -0.0879727 7.68075 -0.0879727 7.29175 0.301027C6.90275 0.690027 6.90275 1.32628 7.29175 1.71528L10.984 5.40753C11.3728 5.79628 12.0092 5.79628 12.3982 5.40753Z\"\n        fill=\"#CE0000\"\n      />\n      <path\n        d=\"M3.5603 5.40753C3.1713 5.01853 3.1713 4.38228 3.5603 3.99328L7.25255 0.301027C7.64155 -0.0879727 8.2778 -0.0879727 8.6668 0.301027C9.0558 0.690027 9.0558 1.32628 8.6668 1.71528L4.9743 5.40753C4.58555 5.79628 3.94905 5.79628 3.5603 5.40753Z\"\n        fill=\"#CE0000\"\n      />\n    </svg>\n  );\n}\n"],"names":["CriticalIcon","_jsxs","_jsx"],"mappings":";;AAAe,SAASA,YAAY,GAAG;EACrC,oBACEC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,cAAc;AAC1B,IAAA,KAAK,EAAC,IAAI;AACV,IAAA,MAAM,EAAC,IAAI;AACX,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAElC,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,0IAA0I;AAC5I,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,iKAAiK;AACnK,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,uPAAuP;AACzP,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,iPAAiP;AACnP,MAAA,IAAI,EAAC,SAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAEV;;;;"}