@corva/ui 3.75.0-10 → 3.75.0-11

package/cjs-bundle/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js.map

@@ -1 +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  const attachmentUrl = attachment?.signed_url || attachment?.url;\n  const attachmentName = attachment?.file_name || attachment?.name;\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:&nbsp;\n          <span data-testid={`${PAGE_NAME}_holeDepth`}>{`${convertedHoleDepth} ${depthUnit}`}</span>\n        </Typography>\n      )}\n\n      {Number.isFinite(convertedBitDepth) && (\n        <Typography className={classes.infoField}>\n          Bit Depth:&nbsp;\n          <span data-testid={`${PAGE_NAME}_bitDepth`}>{`${convertedBitDepth} ${depthUnit}`}</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 && attachmentUrl && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachmentUrl}\n            fileName={attachmentName}\n            displayName={attachmentName}\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","_ref","x","_ref$feedItem","feedItem","_ref$feedItem$context","context","dvd_comment","body","_ref$feedItem$context2","_ref$feedItem$context3","data","timestamp","bitDepth","holeDepth","cost","mentionedUsers","mentioned_users","classes","convertedBitDepth","convertValue","convertedHoleDepth","depthUnit","getUnitDisplay","attachmentUrl","signed_url","url","attachmentName","file_name","name","_jsxs","className","wrapper","children","_jsx","jsx","Typography","concat","variant","gutterBottom","formatMentionText","isNativeDetected","jsxs","moment","unix","format","Number","isFinite","formatNumberWithSpaces","toString","replace","Attachment","small","fileName","displayName"],"mappings":"4VAQMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAE/BC,MAAO,CACLJ,MAAO,QAETK,WAAY,CACVC,WAAY,GACZC,MAAO,KAETC,UAAW,CACTR,MAAOF,EAAMG,QAAQC,QAAQC,MAC7B,SAAU,CACRH,MAAO,SAGZ,IAEKS,EAAY,oCAMS,SAWrBC,GAAA,IAf0BC,EAe1BC,EAAAF,EAVJG,SAAQC,EACNC,EAAAA,QACEC,YACEC,IAAAA,KAAIC,EAAAJ,EACJT,WAAAA,OAAU,IAAAa,EAAG,CAAE,EAAAA,EAAAC,EAAAL,EACfM,KAAQC,IAAAA,UAAWC,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,KAG3BC,IAAjBC,gBAGIC,EAAU/B,IAEVgC,EAAoBC,EAAAA,cAAcP,EAAU,SAAU,MACtDQ,EAAqBD,EAAAA,cAAcN,EAAW,SAAU,MAExDQ,EAAYC,iBAAe,UAE3BC,GAAgB5B,aAAAA,EAAAA,EAAY6B,cAAc7B,aAAAA,EAAAA,EAAY8B,KACtDC,GAAiB/B,aAAAA,EAAAA,EAAYgC,aAAahC,aAAAA,EAAAA,EAAYiC,MAE5D,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWb,EAAQc,QAAQC,SAC7BzB,CAAAA,GACC0B,EAAAC,IAACC,aAAU,CAAC,cAAA,GAAAC,OAAgBrC,EAAoB,YAACsC,QAAQ,QAAQC,cAAY,EAAAN,SAC1EO,EAAiBA,kBAAChC,EAAMQ,EAAgByB,EAAAA,oBAG5C7B,GACCkB,EAAAY,KAACN,aAAU,CAACL,UAAWb,EAAQnB,UAAUkC,SAAA,CAAA,QACjC,IACNC,EAAAA,IAAA,OAAA,CAAM,cAAA,GAAAG,OAAgBrC,EAAiB,SAAAiC,SACpCU,EAAM,QAACC,KAAKhC,GAAWiC,OAAO,0BAKpCC,OAAOC,SAAS1B,IACfS,EAAAA,KAACM,EAAAA,WAAU,CAACL,UAAWb,EAAQnB,UAAUkC,SAEvC,CAAA,eAAAC,EAAAC,IAAA,OAAA,CAAM,cAAA,GAAAE,OAAgBrC,EAAsB,cAAAiC,SAAKZ,GAAAA,OAAAA,cAAsBC,QAI1EwB,OAAOC,SAAS5B,IACfW,EAAAA,KAACM,EAAAA,WAAU,CAACL,UAAWb,EAAQnB,UAAUkC,SAEvC,CAAA,cAAAC,EAAAC,IAAA,OAAA,CAAM,cAAA,GAAAE,OAAgBrC,EAAqB,aAAAiC,SAAKd,GAAAA,OAAAA,cAAqBG,QAIxEP,GAAQ+B,OAAOC,SAAShC,IACvBe,EAAAY,KAACN,aAAU,CAACL,UAAWb,EAAQnB,UAAUkC,SACjC,CAAA,SAAAH,EAAAY,KAAA,OAAA,CAAM,cAAA,GAAAL,OAAgBrC,EAAiB,SAAAiC,SAAEe,EA1DzB9C,EA0DgDa,EAzDvEb,EAAE+C,WAAWC,QAAQ,wBAAyB,MAyD8B,WAG9EtD,GAAc4B,GACbU,EAAAA,IAAA,MAAA,CAAKH,UAAWb,EAAQtB,WAAWqC,SACjCC,MAACiB,EAAU,CACTC,OAAK,EACL5B,cAAeA,EACf6B,SAAU1B,EACV2B,YAAa3B,QAMzB"}
+{"version":3,"file":"DvDCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DvDCommentFeedItem.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { ContextRow, ContextRows, ContextText } from './components/ContextRow';\n\nimport { convertValue, getUnitDisplay } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport { FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\nimport { FeedAttachment } from './components/FeedAttachment';\n\nconst useStyles = makeStyles(theme => ({\n  attachment: {\n    paddingTop: theme.spacing(1),\n  },\n}));\n\nconst PAGE_NAME = 'DvDCommentFeedItem';\n\nconst formatNumberWithSpaces = x => x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\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    <ContextRows>\n      {body && (\n        <ContextText testId={`${PAGE_NAME}_message`}>\n          {formatMentionText(body, mentionedUsers, isNativeDetected)}\n        </ContextText>\n      )}\n\n      {Number.isFinite(convertedHoleDepth) && (\n        <ContextRow\n          label=\"Hole Depth:\"\n          value={convertedHoleDepth.toLocaleString()}\n          unit={depthUnit}\n          testId={`${PAGE_NAME}_holeDepth`}\n        />\n      )}\n\n      {Number.isFinite(convertedBitDepth) && (\n        <ContextRow\n          label=\"Bit Depth:\"\n          value={convertedBitDepth.toLocaleString()}\n          unit={depthUnit}\n          testId={`${PAGE_NAME}_bitDepth`}\n        />\n      )}\n\n      {cost && Number.isFinite(cost) && (\n        <ContextRow\n          label=\"Cost:\"\n          value={formatNumberWithSpaces(cost)}\n          unit=\"$\"\n          testId={`${PAGE_NAME}_cost`}\n        />\n      )}\n\n      {timestamp && (\n        <ContextRow\n          label=\"Time:\"\n          value={moment.unix(timestamp).format(FEED_ITEM_TIME_FORMAT)}\n          testId={`${PAGE_NAME}_time`}\n        />\n      )}\n\n      <FeedAttachment attachment={attachment} className={classes.attachment} />\n    </ContextRows>\n  );\n};\n\nexport default DvDCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachment","paddingTop","spacing","PAGE_NAME","_ref","x","_ref$feedItem","feedItem","_ref$feedItem$context","context","dvd_comment","body","_ref$feedItem$context2","_ref$feedItem$context3","data","timestamp","bitDepth","holeDepth","cost","mentionedUsers","mentioned_users","classes","convertedBitDepth","convertValue","convertedHoleDepth","depthUnit","getUnitDisplay","_jsxs","ContextRows","children","_jsx","jsx","ContextText","testId","concat","formatMentionText","isNativeDetected","Number","isFinite","ContextRow","label","value","toLocaleString","unit","toString","replace","moment","unix","format","FEED_ITEM_TIME_FORMAT","FeedAttachment","className"],"mappings":"ibAWMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,WAAYF,EAAMG,QAAQ,IAE7B,IAEKC,EAAY,oCAIS,SAWrBC,GAAA,IAbyBC,EAazBC,EAAAF,EAVJG,SAAQC,EACNC,EAAAA,QACEC,YACEC,IAAAA,KAAIC,EAAAJ,EACJR,WAAAA,OAAU,IAAAY,EAAG,CAAE,EAAAA,EAAAC,EAAAL,EACfM,KAAQC,IAAAA,UAAWC,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,KAG3BC,IAAjBC,gBAGIC,EAAUxB,IAEVyB,EAAoBC,EAAAA,cAAcP,EAAU,SAAU,MACtDQ,EAAqBD,EAAAA,cAAcN,EAAW,SAAU,MAExDQ,EAAYC,iBAAe,UAEjC,OACEC,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACTlB,CAAAA,GACCmB,EAAAC,IAACC,cAAW,CAACC,OAAM,GAAAC,OAAK/B,EAAoB,YAAA0B,SACzCM,EAAiBA,kBAACxB,EAAMQ,EAAgBiB,EAAAA,oBAI5CC,OAAOC,SAASd,IACfM,EAAAA,IAACS,EAAAA,WAAU,CACTC,MAAM,cACNC,MAAOjB,EAAmBkB,iBAC1BC,KAAMlB,EACNQ,iBAAW9B,EAAS,gBAIvBkC,OAAOC,SAAShB,IACfQ,EAAAA,IAACS,EAAAA,WAAU,CACTC,MAAM,aACNC,MAAOnB,EAAkBoB,iBACzBC,KAAMlB,EACNQ,iBAAW9B,EAAS,eAIvBe,GAAQmB,OAAOC,SAASpB,IACvBY,EAAAC,IAACQ,aAAU,CACTC,MAAM,QACNC,OAlDqBpC,EAkDSa,EAlDJb,EAAEuC,WAAWC,QAAQ,wBAAyB,MAmDxEF,KAAK,IACLV,iBAAW9B,EAAS,WAIvBY,GACCe,EAAAC,IAACQ,aAAU,CACTC,MAAM,QACNC,MAAOK,EAAM,QAACC,KAAKhC,GAAWiC,OAAOC,EAAAA,uBACrChB,iBAAW9B,EAAS,WAIxB2B,MAACoB,iBAAc,CAAClD,WAAYA,EAAYmD,UAAW9B,EAAQrB,eAGjE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/FluidReportFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("prop-types"),t=require("classnames"),r=require("@material-ui/core"),a=require("@material-ui/core/colors/blue"),n=require("../../../utils/convert.js"),s=require("../../../utils/FluidCheckUtils.js"),c=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(t),u=o(a),p="fluidReportActivity",l=r.makeStyles((function(e){return{density:{color:u.default[300]},unit:{color:e.palette.grey[400],marginLeft:5},oneLineText:{display:"flex",alignItems:"center"},title:{color:e.palette.grey[400]},columnWithMargin:{marginRight:40}}})),y=function(i){var t=i.feedItem.context.fluid_report.data,a=t.depth,o=t.mud_type,u=t.mud_density,y=t.viscosity,m=y.pv,h=void 0===m?"":m,g=y.yp,f=void 0===g?"":g,x=y.rpm_readings,v=l(),q=s.ctop(a,"length","ft"),R=q?q.formatNumeral("0,0"):"-",j=n.getUnitDisplay("length"),T=n.convertValue(+u,"density","ppg").formatNumeral("0,0.00"),b=n.getUnitDisplay("density"),N=n.getUnitDisplay("yp"),_=Number.isFinite(h)?h.fixFloat(3):h,D=Number.isFinite(f)?f.fixFloat(3):f,F=e.useMemo((function(){var e=x.length-1;return x.reduce((function(i,t,r){var a=r===e?"":", ",n="".concat(t.rpm,"/").concat(t.dial_reading);return"".concat(i).concat(n).concat(a)}),"")}),[x]);return c.jsxs(r.Grid,{container:!0,justify:"flex-start",children:[c.jsxs(r.Grid,{item:!0,className:v.columnWithMargin,children:[c.jsx(r.Typography,{variant:"body2",children:"Density"}),c.jsxs(r.Typography,{variant:"h6","data-testid":"".concat(p,"_density"),className:d.default(v.density,v.oneLineText),children:[T,c.jsxs(r.Typography,{component:"span",variant:"caption",className:v.unit,children:["(",b,")"]})]}),c.jsxs(r.Typography,{className:v.oneLineText,children:[R,c.jsxs(r.Typography,{component:"span",variant:"caption",className:v.unit,children:["(",j,")"]})," / ",o]})]}),c.jsxs(r.Grid,{item:!0,children:[c.jsxs(r.Typography,{variant:"body2","data-testid":"".concat(p,"_viscosity"),className:v.oneLineText,children:[c.jsx(r.Typography,{variant:"span",className:v.title,children:"PV: "}),"".concat(_," ").concat("cP"," / YP: ").concat(D),c.jsx(r.Typography,{component:"span",variant:"caption",className:v.unit,children:N})]}),c.jsx(r.Typography,{variant:"body2",className:v.title,children:"Rheometer Readings (RPM/Dial Reading):"}),c.jsx(r.Typography,{variant:"body2","data-testid":"".concat(p,"_rheometerReadings"),children:F})]})]})};y.propTypes={feedItem:i.shape({context:i.shape({fluid_report:i.shape({data:i.shape({depth:i.number.isRequired,mud_type:i.string.isRequired,mud_density:i.number.isRequired,viscosity:i.shape({pv:i.number.isRequired,yp:i.number.isRequired,rpm_readings:i.arrayOf(i.shape({id:i.string.isRequired,dial_reading:i.number.isRequired,rpm:i.number.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=y;
+"use strict";var e=require("react"),t=require("prop-types"),i=require("@material-ui/core"),r=require("./components/ContextRow.js"),s=require("../../../utils/convert.js"),n=require("../../../utils/FluidCheckUtils.js"),a=require("react/jsx-runtime"),o="fluidReportActivity",u=i.makeStyles((function(e){return{topRow:{display:"flex",alignItems:"flex-start",flexWrap:"wrap",gap:e.spacing(.5,5)},noWrapRow:{whiteSpace:"nowrap",wordBreak:"keep-all"}}})),d=function(t){var i=t.feedItem.context.fluid_report.data,d=i.depth,c=i.mud_type,p=i.mud_density,l=i.viscosity,m=l.pv,R=void 0===m?"":m,x=l.yp,y=void 0===x?"":x,q=l.rpm_readings,f=u(),g=n.ctop(d,"length","ft"),h=g?g.formatNumeral("0,0"):"-",v=s.getUnitDisplay("length"),w=s.convertValue(+p,"density","ppg").formatNumeral("0,0.00"),_=s.getUnitDisplay("density"),j=s.getUnitDisplay("yp"),b=Number.isFinite(R)?R.fixFloat(3):R,C=Number.isFinite(y)?y.fixFloat(3):y,N=e.useMemo((function(){var e=q.length-1;return q.reduce((function(t,i,r){var s=r===e?"":", ",n="".concat(i.rpm,"/").concat(i.dial_reading);return"".concat(t).concat(n).concat(s)}),"")}),[q]);return a.jsxs(r.ContextRows,{children:[a.jsxs("div",{className:f.topRow,children:[a.jsx(r.ContextRow,{className:f.noWrapRow,label:"Density:",value:w,unit:_,color:"info",testId:"".concat(o,"_density")}),a.jsx(r.ContextRow,{className:f.noWrapRow,label:"PV:",value:"".concat(b," ").concat("cP"," / YP: ").concat(C),unit:j,testId:"".concat(o,"_viscosity")})]}),a.jsx(r.ContextRow,{value:h,unit:v,children:a.jsxs("span",{children:["/ ",c]})}),a.jsx(r.ContextRow,{label:"Rheometer Readings (RPM/Dial Reading):"}),a.jsx(r.ContextRow,{value:N,testId:"".concat(o,"_rheometerReadings")})]})};d.propTypes={feedItem:t.shape({context:t.shape({fluid_report:t.shape({data:t.shape({depth:t.number.isRequired,mud_type:t.string.isRequired,mud_density:t.number.isRequired,viscosity:t.shape({pv:t.number.isRequired,yp:t.number.isRequired,rpm_readings:t.arrayOf(t.shape({id:t.string.isRequired,dial_reading:t.number.isRequired,rpm:t.number.isRequired})).isRequired}).isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=d;
 //# sourceMappingURL=FluidReportFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/FluidReportFeedItem.js.map

@@ -1 +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';\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 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","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","justify","children","item","className","_jsx","Typography","variant","classNames","jsxs","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}
+{"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 { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows } from './components/ContextRow';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  topRow: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    flexWrap: 'wrap',\n    gap: theme.spacing(0.5, 5),\n  },\n  noWrapRow: {\n    whiteSpace: 'nowrap',\n    wordBreak: 'keep-all',\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    <ContextRows>\n      <div className={classes.topRow}>\n        <ContextRow\n          className={classes.noWrapRow}\n          label=\"Density:\"\n          value={mudDensityFormatted}\n          unit={densityUnit}\n          color=\"info\"\n          testId={`${PAGE_NAME}_density`}\n        />\n        <ContextRow\n          className={classes.noWrapRow}\n          label=\"PV:\"\n          value={`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          unit={ypUnit}\n          testId={`${PAGE_NAME}_viscosity`}\n        />\n      </div>\n\n      <ContextRow value={depthString} unit={depthUnit}>\n        <span>/ {mudType}</span>\n      </ContextRow>\n\n      <ContextRow label=\"Rheometer Readings (RPM/Dial Reading):\" />\n\n      <ContextRow value={rheometerReadingsString} testId={`${PAGE_NAME}_rheometerReadings`} />\n    </ContextRows>\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","topRow","display","alignItems","flexWrap","gap","spacing","noWrapRow","whiteSpace","wordBreak","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","ContextRows","children","jsxs","className","_jsx","ContextRow","label","value","unit","color","testId","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"wPASMA,EAAY,sBAEZC,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,OAAQ,CACNC,QAAS,OACTC,WAAY,aACZC,SAAU,OACVC,IAAKL,EAAMM,QAAQ,GAAK,IAE1BC,UAAW,CACTC,WAAY,SACZC,UAAW,YAEd,IAEKC,EAAsB,SAatBC,GAAA,IAAAC,EAAAD,EAZJE,SACEC,QACEC,aACEC,KACSC,IAAPC,MACUC,IAAVC,SACaC,IAAbC,YAAWC,EAAAX,EACXY,UAASC,EAAAF,EAAIG,GAAAA,aAAK,GAAED,EAAAE,EAAAJ,EAAEK,GAAAA,aAAK,GAAED,EAAgBE,IAAdC,aAMjCC,EAAUjC,IAEVoB,EAAQc,EAAIA,KAACf,EAAmB,SAAU,MAC1CgB,EAAcf,EAAQA,EAAMgB,cAAc,OAAS,IACnDC,EAAYC,iBAAe,UAG3BC,EADsBC,EAAAA,cAAcjB,EAAY,UAAW,OACjBa,cAAc,UACxDK,EAAcH,iBAAe,WAG7BI,EAASJ,iBAAe,MACxBK,EAAcC,OAAOC,SAASjB,GAAMA,EAAGkB,SAAS,GAAKlB,EACrDmB,EAAcH,OAAOC,SAASf,GAAMA,EAAGgB,SAAS,GAAKhB,EAErDkB,EAA0BC,EAAAA,SAAQ,WACtC,IAAMC,EAA2BnB,EAAYoB,OAAS,EAEtD,OAAOpB,EAAYqB,QAAO,SAACC,EAAcC,EAASC,GAChD,IAAMC,EAAcD,IAAUL,EAA2B,GAAK,KACxDO,YAAmBH,EAAQI,IAAOJ,KAAAA,OAAAA,EAAQK,cAChD,MAAA,GAAAC,OAAUP,GAAYO,OAAGH,GAAaG,OAAGJ,EAC1C,GAAE,GACL,GAAG,CAACzB,IAEJ,OACE8B,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACV,CAAAF,EAAAG,KAAA,MAAA,CAAKC,UAAWhC,EAAQ9B,OAAO4D,SAAA,CAC7BG,MAACC,aAAU,CACTF,UAAWhC,EAAQxB,UACnB2D,MAAM,WACNC,MAAO9B,EACP+B,KAAM7B,EACN8B,MAAM,OACNC,iBAAWzE,EAAS,cAEtBmE,MAACC,aAAU,CACTF,UAAWhC,EAAQxB,UACnB2D,MAAM,MACNC,gBAAU1B,EAAW,KAAAiB,OA7Bd,KA6BwB,WAAAA,OAAUb,GACzCuB,KAAM5B,EACN8B,iBAAWzE,EAAS,mBAIxBmE,MAACC,aAAU,CAACE,MAAOlC,EAAamC,KAAMjC,EAAU0B,SAC9CF,EAAAG,KAAA,OAAA,CAAAD,SAAA,CAAA,KAAS1C,OAGX6C,MAACC,aAAU,CAACC,MAAM,2CAElBF,MAACC,aAAU,CAACE,MAAOrB,EAAyBwB,iBAAWzE,EAAS,0BAGtE,EAEAa,EAAoB6D,UAAY,CAC9B1D,SAAU2D,EAAAA,MAAM,CACd1D,QAAS0D,EAAAA,MAAM,CACbzD,aAAcyD,EAAAA,MAAM,CAClBxD,KAAMwD,EAAAA,MAAM,CACVtD,MAAOuD,EAAMA,OAACC,WACdtD,SAAUuD,EAAMA,OAACD,WACjBpD,YAAamD,EAAMA,OAACC,WACpBlD,UAAWgD,EAAAA,MAAM,CACf9C,GAAI+C,EAAMA,OAACC,WACX9C,GAAI6C,EAAMA,OAACC,WACX5C,aAAc8C,EAAOA,QACnBJ,QAAM,CACJK,GAAIF,EAAMA,OAACD,WACXjB,aAAcgB,EAAMA,OAACC,WACrBlB,IAAKiB,EAAMA,OAACC,cAEdA,aACDA,aACFA,aACFA,aACFA,aACFA"}

package/cjs-bundle/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),i=require("moment"),a=require("@material-ui/core"),r=require("../../../utils/index.js"),n=require("../../../utils/mobileDetect.js"),l=require("../../Typography.js"),u=require("../../Attachment/index.js"),s=require("../../UserMention/utils/index.js"),d=require("../../CollapsibleContent.js"),o=require("../../../constants/feed.js"),m=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=c(e),E=c(t),f=c(i),T=a.makeStyles((function(e){return{message:{lineHeight:"20px"},container:{marginBottom:4,lineHeight:"20px"},label:{color:e.palette.primary.text6}}})),_=function(e){var t=e.feedItem,i=T(),c=t.context,p=c[o.FEED_ITEM_TYPES.GENERIC_DATA_COMMENT],E=p.body,_=p.data,h=c.attachment,v=t.mentioned_users;return m.jsxs(a.Box,{whiteSpace:"pre-wrap",children:[E&&m.jsx(d,{children:m.jsx(l.Regular14,{className:i.message,"data-testid":"".concat("GenericDataCommentFeedItem","_message"),variant:"body1",children:s.formatMentionText(E,v,n.isNativeDetected)})}),m.jsx(a.Box,{mt:1,mb:1,children:_&&Object.keys(_).map((function(e){var t,a,n,u,s,d;return m.jsxs(l.Regular14,{className:i.container,children:[m.jsxs("span",{className:i.label,children:[_[e].label,": "]}),[o.GENERIC_DATA_COMMENTS_VALUES_TYPES.string,o.GENERIC_DATA_COMMENTS_VALUES_TYPES.number].includes(_[e].type)&&_[e].value,_[e].type===o.GENERIC_DATA_COMMENTS_VALUES_TYPES.date&&f.default.unix(+(null==_||null===(t=_[e])||void 0===t?void 0:t.value)).format(o.FEED_ITEM_TIME_FORMAT),_[e].type===o.GENERIC_DATA_COMMENTS_VALUES_TYPES.convertable&&"".concat(r.convertValue(null==_||null===(a=_[e])||void 0===a?void 0:a.value,null==_||null===(n=_[e])||void 0===n?void 0:n.unitType,null==_||null===(u=_[e])||void 0===u?void 0:u.from,r.getUnitDisplay(null==_||null===(s=_[e])||void 0===s?void 0:s.unitType))," ").concat(r.getUnitDisplay(null==_||null===(d=_[e])||void 0===d?void 0:d.unitType))]},e)}))}),h&&h.url&&m.jsx(u,{attachmentUrl:h.url,fileName:h.name,attachmentSize:h.size,size:"medium"})]})};_.propTypes={feedItem:E.default.shape({context:E.default.shape(p.default({},o.FEED_ITEM_TYPES.GENERIC_DATA_COMMENT,E.default.shape({body:E.default.string.isRequired,attachment:E.default.shape({url:E.default.string,size:E.default.number}),depth:E.default.oneOfType([E.default.string,E.default.number]),timestamp:E.default.string.isRequired,data:E.default.shape({})}).isRequired)).isRequired,mentioned_users:E.default.arrayOf(E.default.shape({}))}).isRequired},module.exports=_;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),r=require("moment"),a=require("@material-ui/core"),n=require("./components/ContextRow.js"),i=require("../../../utils/index.js"),u=require("../../../utils/mobileDetect.js"),s=require("./components/FeedAttachment.js"),d=require("../../UserMention/utils/index.js"),o=require("../../CollapsibleContent.js"),l=require("../../../constants/feed.js"),E=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(e),f=c(t),_=c(r),p=function(e){var t=e.feedItem,r=t.context,c=r[l.FEED_ITEM_TYPES.GENERIC_DATA_COMMENT],m=c.body,f=c.data,p=r.attachment,T=t.mentioned_users;return E.jsxs(a.Box,{whiteSpace:"pre-wrap",children:[m&&E.jsx(o,{children:E.jsx(n.ContextText,{testId:"".concat("GenericDataCommentFeedItem","_message"),children:d.formatMentionText(m,T,u.isNativeDetected)})}),E.jsx(a.Box,{mt:1,mb:1,children:E.jsx(n.ContextRows,{children:f&&Object.keys(f).map((function(e){var t,r,a=f[e],u=a.label,s=a.type,d=a.value,o=a.unitType,c=a.from;return s===l.GENERIC_DATA_COMMENTS_VALUES_TYPES.date?t=_.default.unix(+d).format(l.FEED_ITEM_TIME_FORMAT):s===l.GENERIC_DATA_COMMENTS_VALUES_TYPES.convertable?(r=i.getUnitDisplay(o),t=i.convertValue(d,o,c,r)):[l.GENERIC_DATA_COMMENTS_VALUES_TYPES.string,l.GENERIC_DATA_COMMENTS_VALUES_TYPES.number].includes(s)&&(t=d),E.jsx(n.ContextRow,{label:"".concat(u,":"),value:t,unit:r},e)}))})}),E.jsx(s.FeedAttachment,{attachment:p})]})};p.propTypes={feedItem:f.default.shape({context:f.default.shape(m.default({},l.FEED_ITEM_TYPES.GENERIC_DATA_COMMENT,f.default.shape({body:f.default.string.isRequired,attachment:f.default.shape({url:f.default.string,size:f.default.number}),depth:f.default.oneOfType([f.default.string,f.default.number]),timestamp:f.default.string.isRequired,data:f.default.shape({})}).isRequired)).isRequired,mentioned_users:f.default.arrayOf(f.default.shape({}))}).isRequired},module.exports=p;
 //# sourceMappingURL=GenericDataCommentFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericDataCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay, convertValue } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { Regular14 } from '~/components/Typography';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\nimport {\n  FEED_ITEM_TYPES,\n  FEED_ITEM_TIME_FORMAT,\n  GENERIC_DATA_COMMENTS_VALUES_TYPES,\n} from '~/constants/feed';\n\nconst PAGE_NAME = 'GenericDataCommentFeedItem';\n\nconst useStyles = makeStyles(theme => ({\n  message: {\n    lineHeight: '20px',\n  },\n  container: {\n    marginBottom: 4,\n    lineHeight: '20px',\n  },\n  label: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst GenericDataCommentFeedItem = ({ feedItem }) => {\n  const classes = useStyles();\n  const {\n    context: {\n      [FEED_ITEM_TYPES.GENERIC_DATA_COMMENT]: { body, data },\n      attachment,\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n\n  return (\n    <Box whiteSpace=\"pre-wrap\">\n      {body && (\n        <CollapsibleContent>\n          <Regular14\n            className={classes.message}\n            data-testid={`${PAGE_NAME}_message`}\n            variant=\"body1\"\n          >\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Regular14>\n        </CollapsibleContent>\n      )}\n\n      <Box mt={1} mb={1}>\n        {data &&\n          Object.keys(data).map(itemRow => (\n            <Regular14 className={classes.container} key={itemRow}>\n              <span className={classes.label}>{data[itemRow].label}: </span>\n              {[\n                GENERIC_DATA_COMMENTS_VALUES_TYPES.string,\n                GENERIC_DATA_COMMENTS_VALUES_TYPES.number,\n              ].includes(data[itemRow].type) && data[itemRow].value}\n              {data[itemRow].type === GENERIC_DATA_COMMENTS_VALUES_TYPES.date &&\n                moment.unix(+data?.[itemRow]?.value).format(FEED_ITEM_TIME_FORMAT)}\n              {data[itemRow].type === GENERIC_DATA_COMMENTS_VALUES_TYPES.convertable &&\n                `${convertValue(\n                  data?.[itemRow]?.value,\n                  data?.[itemRow]?.unitType,\n                  data?.[itemRow]?.from,\n                  getUnitDisplay(data?.[itemRow]?.unitType)\n                )} ${getUnitDisplay(data?.[itemRow]?.unitType)}`}\n            </Regular14>\n          ))}\n      </Box>\n\n      {attachment && attachment.url && (\n        <Attachment\n          attachmentUrl={attachment.url}\n          fileName={attachment.name}\n          attachmentSize={attachment.size}\n          size=\"medium\"\n        />\n      )}\n    </Box>\n  );\n};\n\nGenericDataCommentFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      [FEED_ITEM_TYPES.GENERIC_DATA_COMMENT]: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        depth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        timestamp: PropTypes.string.isRequired,\n        data: PropTypes.shape({}),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default GenericDataCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","message","lineHeight","container","marginBottom","label","color","palette","primary","text6","GenericDataCommentFeedItem","_ref","feedItem","classes","context","_feedItem$context$FEE","FEED_ITEM_TYPES","GENERIC_DATA_COMMENT","body","data","attachment","mentionedUsers","mentioned_users","_jsxs","Box","whiteSpace","children","_jsx","jsx","CollapsibleContent","Regular14","className","concat","variant","formatMentionText","isNativeDetected","mt","mb","Object","keys","map","itemRow","_data$itemRow","_data$itemRow2","_data$itemRow3","_data$itemRow4","_data$itemRow5","_data$itemRow6","jsxs","GENERIC_DATA_COMMENTS_VALUES_TYPES","string","number","includes","type","value","date","moment","unix","format","FEED_ITEM_TIME_FORMAT","convertable","convertValue","unitType","from","getUnitDisplay","url","Attachment","attachmentUrl","fileName","name","attachmentSize","size","propTypes","PropTypes","shape","isRequired","depth","oneOfType","timestamp","arrayOf"],"mappings":"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"}
+{"version":3,"file":"GenericDataCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/GenericDataCommentFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Box } from '@material-ui/core';\n\nimport { ContextRow, ContextRows, ContextText } from './components/ContextRow';\n\nimport { getUnitDisplay, convertValue } from '~/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { FeedAttachment } from './components/FeedAttachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\nimport {\n  FEED_ITEM_TYPES,\n  FEED_ITEM_TIME_FORMAT,\n  GENERIC_DATA_COMMENTS_VALUES_TYPES,\n} from '~/constants/feed';\n\nconst PAGE_NAME = 'GenericDataCommentFeedItem';\n\nconst GenericDataCommentFeedItem = ({ feedItem }) => {\n  const {\n    context: {\n      [FEED_ITEM_TYPES.GENERIC_DATA_COMMENT]: { body, data },\n      attachment,\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n\n  return (\n    <Box whiteSpace=\"pre-wrap\">\n      {body && (\n        <CollapsibleContent>\n          <ContextText testId={`${PAGE_NAME}_message`}>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </ContextText>\n        </CollapsibleContent>\n      )}\n\n      <Box mt={1} mb={1}>\n        <ContextRows>\n          {data &&\n            Object.keys(data).map(itemRow => {\n              const { label, type, value, unitType, from } = data[itemRow];\n\n              let rowValue;\n              let unit;\n              if (type === GENERIC_DATA_COMMENTS_VALUES_TYPES.date) {\n                rowValue = moment.unix(+value).format(FEED_ITEM_TIME_FORMAT);\n              } else if (type === GENERIC_DATA_COMMENTS_VALUES_TYPES.convertable) {\n                unit = getUnitDisplay(unitType);\n                rowValue = convertValue(value, unitType, from, unit);\n              } else if (\n                [\n                  GENERIC_DATA_COMMENTS_VALUES_TYPES.string,\n                  GENERIC_DATA_COMMENTS_VALUES_TYPES.number,\n                ].includes(type)\n              ) {\n                rowValue = value;\n              }\n\n              return <ContextRow key={itemRow} label={`${label}:`} value={rowValue} unit={unit} />;\n            })}\n        </ContextRows>\n      </Box>\n\n      <FeedAttachment attachment={attachment} />\n    </Box>\n  );\n};\n\nGenericDataCommentFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      [FEED_ITEM_TYPES.GENERIC_DATA_COMMENT]: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        depth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        timestamp: PropTypes.string.isRequired,\n        data: PropTypes.shape({}),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default GenericDataCommentFeedItem;\n"],"names":["GenericDataCommentFeedItem","_ref","feedItem","context","_feedItem$context$FEE","FEED_ITEM_TYPES","GENERIC_DATA_COMMENT","body","data","attachment","mentionedUsers","mentioned_users","_jsxs","Box","whiteSpace","children","_jsx","jsx","CollapsibleContent","ContextText","testId","concat","formatMentionText","isNativeDetected","mt","mb","ContextRows","Object","keys","map","itemRow","rowValue","unit","label","type","value","unitType","from","GENERIC_DATA_COMMENTS_VALUES_TYPES","date","moment","unix","format","FEED_ITEM_TIME_FORMAT","convertable","getUnitDisplay","convertValue","string","number","includes","ContextRow","FeedAttachment","propTypes","PropTypes","shape","isRequired","url","size","depth","oneOfType","timestamp","arrayOf"],"mappings":"mjBAmBMA,EAA6B,SAAkBC,GAAA,IAAfC,IAAAA,SAOhCA,EAAAA,EALFC,QAAOC,EACJC,EAAAA,EAAeA,gBAACC,sBAAyBC,IAAAA,KAAMC,IAAAA,KAChDC,IAAAA,WAEeC,EACfR,EADFS,gBAGF,OACEC,EAAAA,KAACC,EAAAA,IAAG,CAACC,WAAW,WAAUC,SACvBR,CAAAA,GACCS,EAAAC,IAACC,EAAkB,CAAAH,SACjBC,MAACG,cAAW,CAACC,OAAM,GAAAC,OAfX,6BAeoC,YAAAN,SACzCO,EAAiBA,kBAACf,EAAMG,EAAgBa,EAAAA,sBAK/CP,MAACH,MAAG,CAACW,GAAI,EAAGC,GAAI,EAAEV,SAChBC,MAACU,cAAW,CAAAX,SACTP,GACCmB,OAAOC,KAAKpB,GAAMqB,KAAI,SAAAC,GACpB,IAEIC,EACAC,EAH2CxB,EAAAA,EAAKsB,GAA5CG,IAAAA,MAAOC,IAAAA,KAAMC,IAAAA,MAAOC,IAAAA,SAAUC,IAAAA,KAkBtC,OAdIH,IAASI,EAAkCA,mCAACC,KAC9CR,EAAWS,EAAM,QAACC,MAAMN,GAAOO,OAAOC,EAAAA,uBAC7BT,IAASI,EAAkCA,mCAACM,aACrDZ,EAAOa,EAAAA,eAAeT,GACtBL,EAAWe,EAAYA,aAACX,EAAOC,EAAUC,EAAML,IAE/C,CACEM,EAAkCA,mCAACS,OACnCT,EAAAA,mCAAmCU,QACnCC,SAASf,KAEXH,EAAWI,GAGNnB,EAAAA,IAACkC,EAAAA,WAAU,CAAejB,MAAK,GAAAZ,OAAKY,EAAS,KAACE,MAAOJ,EAAUC,KAAMA,GAApDF,UAKhCd,MAACmC,iBAAc,CAAC1C,WAAYA,MAGlC,EAEAT,EAA2BoD,UAAY,CACrClD,SAAUmD,EAAS,QAACC,MAAM,CACxBnD,QAASkD,EAAAA,QAAUC,MAChBjD,EAAAA,QAAAA,CAAAA,EAAAA,kBAAgBC,qBAAuB+C,EAAS,QAACC,MAAM,CACtD/C,KAAM8C,EAAAA,QAAUN,OAAOQ,WACvB9C,WAAY4C,EAAS,QAACC,MAAM,CAC1BE,IAAKH,EAAS,QAACN,OACfU,KAAMJ,EAAS,QAACL,SAElBU,MAAOL,EAAS,QAACM,UAAU,CAACN,EAAS,QAACN,OAAQM,EAAAA,QAAUL,SACxDY,UAAWP,EAAAA,QAAUN,OAAOQ,WAC5B/C,KAAM6C,EAAAA,QAAUC,MAAM,MACrBC,aACFA,WACH5C,gBAAiB0C,EAAS,QAACQ,QAAQR,EAAS,QAACC,MAAM,CAAE,MACpDC"}

package/cjs-bundle/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),r=require("@material-ui/core"),n=require("../../../utils/mobileDetect.js"),o=require("../../Attachment/index.js"),i=require("../../UserMention/utils/index.js"),a=require("../../CollapsibleContent.js"),l=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),c=s(t);function u(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?u(Object(r),!0).forEach((function(t){d.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var m=r.makeStyles({wrapper:{whiteSpace:"pre-wrap"}}),h=function(e){var t=e.feedItem,s=t.context.geosteering_comments,d=s.body,c=s.attachment,u=void 0===c?{}:c,h=s.data,f=h.targetStructure,y=h.recommendedWindow,x=h.isRecommendation,j=h.axis,g=t.mentioned_users,b=m(),v={attachmentSize:null==u?void 0:u.size,size:"medium"};return null!=u&&u.file_name?v.fileName=null==u?void 0:u.file_name:v.attachmentUrl=null==u?void 0:u.url,l.jsxs("div",{className:b.wrapper,children:[x&&l.jsxs(l.Fragment,{children:[l.jsxs(r.Box,{marginBottom:1,children:[l.jsx(r.Typography,{color:"textSecondary",children:"Target Structure"}),l.jsx(r.Typography,{children:f||"N/A"})]}),l.jsxs(r.Box,{marginBottom:1,children:[l.jsx(r.Typography,{color:"textSecondary",children:"Recommended Window"}),l.jsx(r.Typography,{children:y||"N/A"})]})]}),l.jsxs(r.Box,{marginBottom:2,children:[l.jsx(r.Typography,{color:"textSecondary",children:"Comment"}),d&&l.jsx(a,{children:l.jsx(r.Typography,{"data-testid":"".concat("GeosteeringFeedItem","_message"),variant:"body1",gutterBottom:!0,children:i.formatMentionText(d,g,n.isNativeDetected)})}),((null==u?void 0:u.file_name)||(null==u?void 0:u.url))&&l.jsx(o,p({},v))]}),l.jsxs(r.Box,{display:"flex",children:[l.jsx(r.Typography,{color:"textSecondary",children:"Hole Depth: "}),l.jsx(r.Typography,{children:null!=j&&j.holeDepth?"".concat(Math.floor(null==j?void 0:j.holeDepth),'"'):"N/A"})]}),l.jsxs(r.Box,{display:"flex",children:[l.jsx(r.Typography,{color:"textSecondary",children:"Comment MD: "}),l.jsx(r.Typography,{children:null!=j&&j.MD?"".concat(Math.floor(null==j?void 0:j.MD),'"'):"N/A"})]})]})};h.propTypes={feedItem:c.default.shape({context:c.default.shape({geosteering_comments:c.default.shape({body:c.default.string.isRequired,attachment:c.default.shape({url:c.default.string,size:c.default.number}),data:c.default.shape({targetStructure:c.default.string,recommendedWindow:c.default.string,isRecommendation:c.default.bool,axis:c.default.shape({holeDepth:c.default.number,MD:c.default.number})})}).isRequired}).isRequired,mentioned_users:c.default.arrayOf(c.default.shape({}))}).isRequired},module.exports=h;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),a=require("./components/ContextRow.js"),n=require("../../../utils/mobileDetect.js"),r=require("./components/FeedAttachment.js"),o=require("../../UserMention/utils/index.js"),s=require("../../CollapsibleContent.js"),l=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=i(e),d=t.makeStyles((function(e){return{wrapper:{display:"flex",flexDirection:"column",gap:e.spacing(1.5),whiteSpace:"pre-wrap"},attachment:{marginTop:e.spacing(1)}}})),c=function(e){var t=e.feedItem,i=t.context.geosteering_comments,u=i.body,c=i.attachment,m=void 0===c?{}:c,p=i.data,x=p.targetStructure,f=p.recommendedWindow,h=p.isRecommendation,j=p.axis,g=t.mentioned_users,w=d();return l.jsxs("div",{className:w.wrapper,children:[l.jsxs(a.ContextRows,{children:[h&&l.jsxs(l.Fragment,{children:[l.jsx(a.ContextRow,{label:"Target Structure:",value:x||"N/A"}),l.jsx(a.ContextRow,{label:"Recommended Window:",value:f||"N/A"})]}),u?l.jsx(s,{children:l.jsx(a.ContextRow,{label:"Comment:",value:l.jsx("span",{"data-testid":"".concat("GeosteeringFeedItem","_message"),children:o.formatMentionText(u,g,n.isNativeDetected)})})}):l.jsx(a.ContextRow,{label:"Comment:",value:"N/A"})]}),l.jsx(r.FeedAttachment,{attachment:m,className:w.attachment}),l.jsxs(a.ContextRows,{children:[l.jsx(a.ContextRow,{label:"Hole Depth:",value:null!=j&&j.holeDepth?"".concat(Math.floor(null==j?void 0:j.holeDepth),'"'):"N/A"}),l.jsx(a.ContextRow,{label:"Comment MD:",value:null!=j&&j.MD?"".concat(Math.floor(null==j?void 0:j.MD),'"'):"N/A"})]})]})};c.propTypes={feedItem:u.default.shape({context:u.default.shape({geosteering_comments:u.default.shape({body:u.default.string.isRequired,attachment:u.default.shape({url:u.default.string,size:u.default.number}),data:u.default.shape({targetStructure:u.default.string,recommendedWindow:u.default.string,isRecommendation:u.default.bool,axis:u.default.shape({holeDepth:u.default.number,MD:u.default.number})})}).isRequired}).isRequired,mentioned_users:u.default.arrayOf(u.default.shape({}))}).isRequired},module.exports=c;
 //# sourceMappingURL=GeosteeringFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"GeosteeringFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles, Box } 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 = 'GeosteeringFeedItem';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    whiteSpace: 'pre-wrap',\n  },\n});\n\nconst GeosteeringFeedItem = ({\n  feedItem: {\n    context: {\n      geosteering_comments: {\n        body,\n        attachment = {},\n        data: { targetStructure, recommendedWindow, isRecommendation, axis },\n      },\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 GeosteeringFeedItem 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      {isRecommendation && (\n        <>\n          <Box marginBottom={1}>\n            <Typography color=\"textSecondary\">Target Structure</Typography>\n            <Typography>{targetStructure || 'N/A'}</Typography>\n          </Box>\n          <Box marginBottom={1}>\n            <Typography color=\"textSecondary\">Recommended Window</Typography>\n            <Typography>{recommendedWindow || 'N/A'}</Typography>\n          </Box>\n        </>\n      )}\n\n      <Box marginBottom={2}>\n        <Typography color=\"textSecondary\">Comment</Typography>\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        {(attachment?.file_name || attachment?.url) && <Attachment {...attachmentProps} />}\n      </Box>\n\n      <Box display=\"flex\">\n        <Typography color=\"textSecondary\">Hole Depth:&nbsp;</Typography>\n        <Typography>{axis?.holeDepth ? `${Math.floor(axis?.holeDepth)}\"` : 'N/A'}</Typography>\n      </Box>\n      <Box display=\"flex\">\n        <Typography color=\"textSecondary\">Comment MD:&nbsp;</Typography>\n        <Typography>{axis?.MD ? `${Math.floor(axis?.MD)}\"` : 'N/A'}</Typography>\n      </Box>\n    </div>\n  );\n};\n\nGeosteeringFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      geosteering_comments: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        data: PropTypes.shape({\n          targetStructure: PropTypes.string,\n          recommendedWindow: PropTypes.string,\n          isRecommendation: PropTypes.bool,\n          axis: PropTypes.shape({\n            holeDepth: PropTypes.number,\n            MD: PropTypes.number,\n          }),\n        }),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default GeosteeringFeedItem;\n"],"names":["useStyles","makeStyles","wrapper","whiteSpace","GeosteeringFeedItem","_ref","_ref$feedItem","feedItem","_ref$feedItem$context","context","geosteering_comments","body","_ref$feedItem$context2","attachment","_ref$feedItem$context3","data","targetStructure","recommendedWindow","isRecommendation","axis","mentionedUsers","mentioned_users","classes","attachmentProps","attachmentSize","size","file_name","fileName","attachmentUrl","url","_jsxs","className","children","jsxs","_Fragment","Box","marginBottom","_jsx","Typography","color","jsx","CollapsibleContent","concat","variant","gutterBottom","formatMentionText","isNativeDetected","Attachment","display","holeDepth","Math","floor","MD","propTypes","PropTypes","shape","string","isRequired","number","bool","arrayOf"],"mappings":"q+BAQA,IAEMA,EAAYC,EAAAA,WAAW,CAC3BC,QAAS,CACPC,WAAY,cAIVC,EAAsB,SAWtBC,GAAA,IAAAC,EAAAD,EAVJE,SAAQC,EACNC,EAAAA,QACEC,qBACEC,IAAAA,KAAIC,EAAAJ,EACJK,WAAAA,OAAU,IAAAD,EAAG,CAAE,EAAAA,EAAAE,EAAAN,EACfO,KAAQC,IAAAA,gBAAiBC,IAAAA,kBAAmBC,IAAAA,iBAAkBC,IAAAA,KAGjDC,IAAjBC,gBAGIC,EAAUtB,IACVuB,EAAkB,CAAEC,eAAgBX,aAAAA,EAAAA,EAAYY,KAAMA,KAAM,UAMlE,OAHIZ,SAAAA,EAAYa,UAAWH,EAAgBI,SAAWd,aAAAA,EAAAA,EAAYa,UAC7DH,EAAgBK,cAAgBf,aAAAA,EAAAA,EAAYgB,IAG/CC,EAAAA,KAAA,MAAA,CAAKC,UAAWT,EAAQpB,QAAQ8B,SAAA,CAC7Bd,GACCY,EAAAG,KAAAC,WAAA,CAAAF,SAAA,CACEF,OAACK,MAAG,CAACC,aAAc,EAAEJ,SAAA,CACnBK,MAACC,aAAU,CAACC,MAAM,gBAAeP,SAAA,qBACjCK,MAACC,aAAU,CAAAN,SAAEhB,GAAmB,WAElCc,OAACK,MAAG,CAACC,aAAc,EAAEJ,SAAA,CACnBK,MAACC,aAAU,CAACC,MAAM,gBAAeP,SAAA,uBACjCK,MAACC,aAAU,CAAAN,SAAEf,GAAqB,cAKxCa,OAACK,MAAG,CAACC,aAAc,EAAEJ,SAAA,CACnBK,MAACC,aAAU,CAACC,MAAM,gBAAeP,SAAA,YAChCrB,GACC0B,EAAAG,IAACC,EAAkB,CAAAT,SACjBK,MAACC,aAAU,CAAC,cAAA,GAAAI,OA9CN,sBA8C0C,YAACC,QAAQ,QAAQC,cAAY,EAAAZ,SAC1Ea,EAAiBA,kBAAClC,EAAMS,EAAgB0B,EAAAA,wBAI7CjC,aAAU,EAAVA,EAAYa,aAAab,aAAAA,EAAAA,EAAYgB,OAAQQ,MAACU,EAAexB,EAAAA,GAAAA,OAGjEO,OAACK,MAAG,CAACa,QAAQ,OAAMhB,SAAA,CACjBK,MAACC,aAAU,CAACC,MAAM,gBAAeP,SAAA,iBACjCK,MAACC,aAAU,CAAAN,SAAEb,SAAAA,EAAM8B,oBAAeC,KAAKC,MAAMhC,aAAI,EAAJA,EAAM8B,WAAgB,KAAA,WAErEnB,OAACK,MAAG,CAACa,QAAQ,OAAMhB,SAAA,CACjBK,MAACC,aAAU,CAACC,MAAM,gBAAeP,SAAA,iBACjCK,MAACC,aAAU,CAAAN,SAAEb,SAAAA,EAAMiC,aAAQF,KAAKC,MAAMhC,aAAI,EAAJA,EAAMiC,IAAS,KAAA,aAI7D,EAEAhD,EAAoBiD,UAAY,CAC9B9C,SAAU+C,EAAS,QAACC,MAAM,CACxB9C,QAAS6C,EAAS,QAACC,MAAM,CACvB7C,qBAAsB4C,EAAS,QAACC,MAAM,CACpC5C,KAAM2C,EAAAA,QAAUE,OAAOC,WACvB5C,WAAYyC,EAAS,QAACC,MAAM,CAC1B1B,IAAKyB,EAAS,QAACE,OACf/B,KAAM6B,EAAS,QAACI,SAElB3C,KAAMuC,EAAS,QAACC,MAAM,CACpBvC,gBAAiBsC,EAAS,QAACE,OAC3BvC,kBAAmBqC,EAAS,QAACE,OAC7BtC,iBAAkBoC,EAAS,QAACK,KAC5BxC,KAAMmC,EAAS,QAACC,MAAM,CACpBN,UAAWK,EAAS,QAACI,OACrBN,GAAIE,EAAS,QAACI,aAGjBD,aACFA,WACHpC,gBAAiBiC,EAAS,QAACM,QAAQN,EAAS,QAACC,MAAM,CAAE,MACpDE"}
+{"version":3,"file":"GeosteeringFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/GeosteeringFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows } from './components/ContextRow';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { FeedAttachment } from './components/FeedAttachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\n\nconst PAGE_NAME = 'GeosteeringFeedItem';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1.5),\n    whiteSpace: 'pre-wrap',\n  },\n  attachment: {\n    marginTop: theme.spacing(1),\n  },\n}));\n\nconst GeosteeringFeedItem = ({\n  feedItem: {\n    context: {\n      geosteering_comments: {\n        body,\n        attachment = {},\n        data: { targetStructure, recommendedWindow, isRecommendation, axis },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.wrapper}>\n      <ContextRows>\n        {isRecommendation && (\n          <>\n            <ContextRow label=\"Target Structure:\" value={targetStructure || 'N/A'} />\n            <ContextRow label=\"Recommended Window:\" value={recommendedWindow || 'N/A'} />\n          </>\n        )}\n\n        {body ? (\n          <CollapsibleContent>\n            <ContextRow\n              label=\"Comment:\"\n              value={\n                <span data-testid={`${PAGE_NAME}_message`}>\n                  {formatMentionText(body, mentionedUsers, isNativeDetected)}\n                </span>\n              }\n            />\n          </CollapsibleContent>\n        ) : (\n          <ContextRow label=\"Comment:\" value=\"N/A\" />\n        )}\n      </ContextRows>\n\n      <FeedAttachment attachment={attachment} className={classes.attachment} />\n\n      <ContextRows>\n        <ContextRow\n          label=\"Hole Depth:\"\n          value={axis?.holeDepth ? `${Math.floor(axis?.holeDepth)}\"` : 'N/A'}\n        />\n        <ContextRow label=\"Comment MD:\" value={axis?.MD ? `${Math.floor(axis?.MD)}\"` : 'N/A'} />\n      </ContextRows>\n    </div>\n  );\n};\n\nGeosteeringFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      geosteering_comments: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        data: PropTypes.shape({\n          targetStructure: PropTypes.string,\n          recommendedWindow: PropTypes.string,\n          isRecommendation: PropTypes.bool,\n          axis: PropTypes.shape({\n            holeDepth: PropTypes.number,\n            MD: PropTypes.number,\n          }),\n        }),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default GeosteeringFeedItem;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","gap","spacing","whiteSpace","attachment","marginTop","GeosteeringFeedItem","_ref","_ref$feedItem","feedItem","_ref$feedItem$context","context","geosteering_comments","body","_ref$feedItem$context2","_ref$feedItem$context3","data","targetStructure","recommendedWindow","isRecommendation","axis","mentionedUsers","mentioned_users","classes","_jsxs","className","children","ContextRows","jsxs","_Fragment","_jsx","ContextRow","label","value","jsx","CollapsibleContent","concat","formatMentionText","isNativeDetected","FeedAttachment","holeDepth","Math","floor","MD","propTypes","PropTypes","shape","string","isRequired","url","size","number","bool","arrayOf"],"mappings":"iZAYMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,IAAKJ,EAAMK,QAAQ,KACnBC,WAAY,YAEdC,WAAY,CACVC,UAAWR,EAAMK,QAAQ,IAE5B,IAEKI,EAAsB,SAWtBC,GAAA,IAAAC,EAAAD,EAVJE,SAAQC,EACNC,EAAAA,QACEC,qBACEC,IAAAA,KAAIC,EAAAJ,EACJN,WAAAA,OAAU,IAAAU,EAAG,CAAE,EAAAA,EAAAC,EAAAL,EACfM,KAAQC,IAAAA,gBAAiBC,IAAAA,kBAAmBC,IAAAA,iBAAkBC,IAAAA,KAGjDC,IAAjBC,gBAGIC,EAAU5B,IAChB,OACE6B,EAAAA,KAAA,MAAA,CAAKC,UAAWF,EAAQzB,QAAQ4B,SAAA,CAC9BF,OAACG,cAAW,CAAAD,SAAA,CACTP,GACCK,EAAAI,KAAAC,WAAA,CAAAH,SAAA,CACEI,MAACC,aAAU,CAACC,MAAM,oBAAoBC,MAAOhB,GAAmB,QAChEa,MAACC,aAAU,CAACC,MAAM,sBAAsBC,MAAOf,GAAqB,WAIvEL,EACCiB,EAAAI,IAACC,EAAkB,CAAAT,SACjBI,MAACC,aAAU,CACTC,MAAM,WACNC,MACEH,EAAAI,IAAA,OAAA,CAAM,cAAA,GAAAE,OA1CJ,sBA0CwC,YAAAV,SACvCW,EAAiBA,kBAACxB,EAAMQ,EAAgBiB,EAAAA,wBAMjDR,MAACC,aAAU,CAACC,MAAM,WAAWC,MAAM,WAIvCH,MAACS,iBAAc,CAACnC,WAAYA,EAAYqB,UAAWF,EAAQnB,aAE3DoB,OAACG,cAAW,CAAAD,SAAA,CACVI,MAACC,aAAU,CACTC,MAAM,cACNC,MAAOb,SAAAA,EAAMoB,UAAeC,GAAAA,OAAAA,KAAKC,MAAMtB,eAAAA,EAAMoB,WAAgB,KAAA,QAE/DV,MAACC,aAAU,CAACC,MAAM,cAAcC,MAAOb,SAAAA,EAAMuB,GAAQF,GAAAA,OAAAA,KAAKC,MAAMtB,eAAAA,EAAMuB,IAAS,KAAA,aAIvF,EAEArC,EAAoBsC,UAAY,CAC9BnC,SAAUoC,EAAS,QAACC,MAAM,CACxBnC,QAASkC,EAAS,QAACC,MAAM,CACvBlC,qBAAsBiC,EAAS,QAACC,MAAM,CACpCjC,KAAMgC,EAAAA,QAAUE,OAAOC,WACvB5C,WAAYyC,EAAS,QAACC,MAAM,CAC1BG,IAAKJ,EAAS,QAACE,OACfG,KAAML,EAAS,QAACM,SAElBnC,KAAM6B,EAAS,QAACC,MAAM,CACpB7B,gBAAiB4B,EAAS,QAACE,OAC3B7B,kBAAmB2B,EAAS,QAACE,OAC7B5B,iBAAkB0B,EAAS,QAACO,KAC5BhC,KAAMyB,EAAS,QAACC,MAAM,CACpBN,UAAWK,EAAS,QAACM,OACrBR,GAAIE,EAAS,QAACM,aAGjBH,aACFA,WACH1B,gBAAiBuB,EAAS,QAACQ,QAAQR,EAAS,QAACC,MAAM,CAAE,MACpDE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/HookloadCommentFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@material-ui/core"),t=require("moment"),i=require("@material-ui/icons/Warning"),a=require("../../../utils/mobileDetect.js"),n=require("../../UserMention/utils/index.js"),r=require("../../Attachment/index.js"),o=require("../../../utils/convert.js"),l=require("../../Typography.js"),s=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=c(t),m=c(i),u=e.makeStyles((function(e){return{text:{color:e.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},warningContainer:{display:"flex",alignItems:"center",gap:8,marginTop:16},warningIcon:{fill:e.palette.warning.main},infoField:{color:e.palette.primary.text6,"& span":{color:"#fff"}}}}));module.exports=function(e){var t=e.feedItem,i=t.point,c=(i=void 0===i?{}:i).showNoVisiblePointWarning,g=t.context.hookload_broomstick_comment,h=g.body,f=g.attachment,p=void 0===f?{}:f,x=g.data,j=x.timestamp,v=x.measuredDepth,y=x.activityLabel,N=x.hookload,b=t.mentioned_users,q=u(),w=o.convertValue(+v,"length","ft"),D=o.convertValue(+N,"force","klbf"),k=(null==p?void 0:p.signed_url)||(null==p?void 0:p.url),F=(null==p?void 0:p.file_name)||(null==p?void 0:p.name);return s.jsxs("div",{className:q.wrapper,children:[h&&s.jsx(l.Regular14,{"data-testid":"".concat("HookloadCommentFeedItem","_message"),variant:"body1",gutterBottom:!0,children:n.formatMentionText(h,b,a.isNativeDetected)}),Number.isFinite(v)&&s.jsxs(l.Regular14,{className:q.infoField,gutterBottom:!0,children:["Measured Depth:"," ",s.jsx("span",{children:"".concat(Math.round(w).toLocaleString()," ").concat(o.getUnitDisplay("length"))})]}),N&&s.jsxs(l.Regular14,{className:q.infoField,gutterBottom:!0,children:["Hookload:"," ",s.jsx("span",{children:"".concat(Math.round(D).toLocaleString()," ").concat(o.getUnitDisplay("force"))})]}),y&&s.jsxs(l.Regular14,{className:q.infoField,gutterBottom:!0,children:["Activity: ",s.jsx("span",{children:y})]}),j&&s.jsxs(l.Regular14,{className:q.infoField,gutterBottom:!0,children:["Time: ",s.jsx("span",{children:d.default.unix(j).format("MM/DD/YY HH:mm")})]}),c&&s.jsxs("div",{className:q.warningContainer,children:[s.jsx(m.default,{className:q.warningIcon}),s.jsx(l.Regular12,{children:"This activity is disabled in the application settings or not in range"})]}),p&&(k||F)&&s.jsx("div",{className:q.attachment,children:s.jsx(r,{small:!0,attachmentUrl:k,fileName:F,displayName:F})})]})};
+"use strict";var e=require("@material-ui/core"),t=require("moment"),n=require("@material-ui/icons/Warning"),i=require("./components/ContextRow.js"),a=require("../../../utils/mobileDetect.js"),o=require("../../UserMention/utils/index.js"),r=require("./components/FeedAttachment.js"),s=require("../../../utils/convert.js"),l=require("../../Typography.js"),c=require("../../../constants/feed.js"),u=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=m(t),g=m(n),x=e.makeStyles((function(e){return{attachment:{paddingTop:e.spacing(1)},warningContainer:{display:"flex",alignItems:"center",gap:e.spacing(1),marginTop:e.spacing(1)},warningIcon:{fill:e.palette.warning.main}}}));module.exports=function(e){var t=e.feedItem,n=t.point,m=(n=void 0===n?{}:n).showNoVisiblePointWarning,p=t.context.hookload_broomstick_comment,h=p.body,j=p.attachment,f=void 0===j?{}:j,v=p.data,b=v.timestamp,w=v.measuredDepth,q=v.activityLabel,y=v.hookload,C=t.mentioned_users,T=x(),I=s.convertValue(+w,"length","ft"),M=s.convertValue(+y,"force","klbf");return u.jsxs(i.ContextRows,{children:[h&&u.jsx(i.ContextText,{testId:"".concat("HookloadCommentFeedItem","_message"),children:o.formatMentionText(h,C,a.isNativeDetected)}),Number.isFinite(w)&&u.jsx(i.ContextRow,{label:"Measured Depth:",value:Math.round(I).toLocaleString(),unit:s.getUnitDisplay("length")}),y&&u.jsx(i.ContextRow,{label:"Hookload:",value:Math.round(M).toLocaleString(),unit:s.getUnitDisplay("force")}),q&&u.jsx(i.ContextRow,{label:"Activity:",value:q}),b&&u.jsx(i.ContextRow,{label:"Time:",value:d.default.unix(b).format(c.FEED_ITEM_TIME_FORMAT)}),m&&u.jsxs("div",{className:T.warningContainer,children:[u.jsx(g.default,{className:T.warningIcon}),u.jsx(l.Regular12,{children:"This activity is disabled in the application settings or not in range"})]}),u.jsx(r.FeedAttachment,{attachment:f,className:T.attachment})]})};
 //# sourceMappingURL=HookloadCommentFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/HookloadCommentFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HookloadCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/HookloadCommentFeedItem.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport WarningIcon from '@material-ui/icons/Warning';\n\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  const attachmentUrl = attachment?.signed_url || attachment?.url;\n  const attachmentName = attachment?.file_name || attachment?.name;\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 && (attachmentUrl || attachmentName) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachmentUrl}\n            fileName={attachmentName}\n            displayName={attachmentName}\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","_ref","_ref$feedItem","feedItem","_ref$feedItem$point","point","showNoVisiblePointWarning","_ref$feedItem$context","context","hookload_broomstick_comment","body","_ref$feedItem$context2","_ref$feedItem$context3","data","timestamp","measuredDepth","activityLabel","hookload","mentionedUsers","mentioned_users","classes","depthConverted","convertValue","hookloadConverted","attachmentUrl","signed_url","url","attachmentName","file_name","name","_jsxs","className","wrapper","children","_jsx","jsx","Regular14","concat","variant","gutterBottom","formatMentionText","isNativeDetected","Number","isFinite","Math","round","toLocaleString","getUnitDisplay","jsxs","moment","unix","format","WarningIcon","Regular12","Attachment","small","fileName","displayName"],"mappings":"8aAUMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAE/BC,MAAO,CACLJ,MAAO,QAETK,WAAY,CACVC,WAAY,GACZC,MAAO,KAETC,iBAAkB,CAChBC,QAAS,OACTC,WAAY,SACZC,IAAK,EACLC,UAAW,IAEbC,YAAa,CACXC,KAAMhB,EAAMG,QAAQc,QAAQC,MAE9BC,UAAW,CACTjB,MAAOF,EAAMG,QAAQC,QAAQC,MAC7B,SAAU,CACRH,MAAO,SAGZ,mBAI+B,SAa1BkB,GAAA,IAAAC,EAAAD,EAZJE,SAAQC,EAAAF,EAENG,MAASC,GAAJF,OAAA,IAAAA,EAAkC,CAAA,EAAEA,GAAhCE,0BAAyBC,EAClCC,EAAAA,QACEC,4BACEC,IAAAA,KAAIC,EAAAJ,EACJnB,WAAAA,OAAU,IAAAuB,EAAG,CAAE,EAAAA,EAAAC,EAAAL,EACfM,KAAQC,IAAAA,UAAWC,IAAAA,cAAeC,IAAAA,cAAeC,IAAAA,SAGpCC,IAAjBC,gBAGIC,EAAUzC,IACV0C,EAAiBC,EAAAA,cAAcP,EAAe,SAAU,MACxDQ,EAAoBD,EAAAA,cAAcL,EAAU,QAAS,QAErDO,GAAgBpC,aAAAA,EAAAA,EAAYqC,cAAcrC,aAAAA,EAAAA,EAAYsC,KACtDC,GAAiBvC,aAAAA,EAAAA,EAAYwC,aAAaxC,aAAAA,EAAAA,EAAYyC,MAE5D,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWX,EAAQY,QAAQC,SAC7BvB,CAAAA,GACCwB,EAAAC,IAACC,YAAS,CAAC,cAAA,GAAAC,OA1BD,0BA0BqC,YAACC,QAAQ,QAAQC,cAAY,EAAAN,SACzEO,EAAiBA,kBAAC9B,EAAMQ,EAAgBuB,EAAAA,oBAI5CC,OAAOC,SAAS5B,IACfe,EAAAA,KAACM,EAAAA,UAAS,CAACL,UAAWX,EAAQpB,UAAWuC,cAAY,EAAAN,SAAA,CAAA,kBACnC,IAChBC,EAAAA,IAAA,OAAA,CAAAD,SAAA,GAAAI,OACMO,KAAKC,MAAMxB,GAAgByB,iBAAgB,KAAAT,OAAIU,EAAcA,eAAC,gBAKvE9B,GACCa,EAAAkB,KAACZ,YAAS,CAACL,UAAWX,EAAQpB,UAAWuC,cAAY,EAAAN,SAAA,CAAA,YACzC,IACVC,EAAAA,IAAA,OAAA,CAAAD,SAAA,GAAAI,OACMO,KAAKC,MAAMtB,GAAmBuB,iBAAgB,KAAAT,OAAIU,EAAcA,eAAC,eAK1E/B,GACCc,EAAAkB,KAACZ,YAAS,CAACL,UAAWX,EAAQpB,UAAWuC,cAAY,EAAAN,SACzC,CAAA,aAAAC,EAAAC,IAAA,OAAA,CAAAF,SAAOjB,OAIpBF,GACCgB,EAAAkB,KAACZ,YAAS,CAACL,UAAWX,EAAQpB,UAAWuC,cAAY,EAAAN,SAC7C,CAAA,SAAAC,EAAAC,IAAA,OAAA,CAAAF,SAAOgB,EAAM,QAACC,KAAKpC,GAAWqC,OAAO,uBAI9C7C,GACCwB,EAAAkB,KAAA,MAAA,CAAKjB,UAAWX,EAAQ7B,iBAAiB0C,SAAA,CACvCC,MAACkB,UAAW,CAACrB,UAAWX,EAAQxB,cAChCsC,MAACmB,YAAS,CAAApB,SAAA,6EAMb7C,IAAeoC,GAAiBG,IAC/BO,EAAAA,IAAA,MAAA,CAAKH,UAAWX,EAAQhC,WAAW6C,SACjCC,MAACoB,EAAU,CACTC,OAAK,EACL/B,cAAeA,EACfgC,SAAU7B,EACV8B,YAAa9B,QAMzB"}
+{"version":3,"file":"HookloadCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/HookloadCommentFeedItem.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\nimport WarningIcon from '@material-ui/icons/Warning';\n\nimport { ContextRow, ContextRows, ContextText } from './components/ContextRow';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport { FeedAttachment } from './components/FeedAttachment';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { Regular12 } from '~/components/Typography';\nimport { FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n  attachment: {\n    paddingTop: theme.spacing(1),\n  },\n  warningContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(1),\n    marginTop: theme.spacing(1),\n  },\n  warningIcon: {\n    fill: theme.palette.warning.main,\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    <ContextRows>\n      {body && (\n        <ContextText testId={`${PAGE_NAME}_message`}>\n          {formatMentionText(body, mentionedUsers, isNativeDetected)}\n        </ContextText>\n      )}\n\n      {Number.isFinite(measuredDepth) && (\n        <ContextRow\n          label=\"Measured Depth:\"\n          value={Math.round(depthConverted).toLocaleString()}\n          unit={getUnitDisplay('length')}\n        />\n      )}\n\n      {hookload && (\n        <ContextRow\n          label=\"Hookload:\"\n          value={Math.round(hookloadConverted).toLocaleString()}\n          unit={getUnitDisplay('force')}\n        />\n      )}\n\n      {activityLabel && <ContextRow label=\"Activity:\" value={activityLabel} />}\n\n      {timestamp && (\n        <ContextRow label=\"Time:\" value={moment.unix(timestamp).format(FEED_ITEM_TIME_FORMAT)} />\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      <FeedAttachment attachment={attachment} className={classes.attachment} />\n    </ContextRows>\n  );\n};\n\nexport default HookloadCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachment","paddingTop","spacing","warningContainer","display","alignItems","gap","marginTop","warningIcon","fill","palette","warning","main","_ref","_ref$feedItem","feedItem","_ref$feedItem$point","point","showNoVisiblePointWarning","_ref$feedItem$context","context","hookload_broomstick_comment","body","_ref$feedItem$context2","_ref$feedItem$context3","data","timestamp","measuredDepth","activityLabel","hookload","mentionedUsers","mentioned_users","classes","depthConverted","convertValue","hookloadConverted","_jsxs","ContextRows","children","_jsx","jsx","ContextText","testId","concat","formatMentionText","isNativeDetected","Number","isFinite","ContextRow","label","value","Math","round","toLocaleString","unit","getUnitDisplay","moment","unix","format","FEED_ITEM_TIME_FORMAT","jsxs","className","WarningIcon","Regular12","FeedAttachment"],"mappings":"mgBAaMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,WAAYF,EAAMG,QAAQ,IAE5BC,iBAAkB,CAChBC,QAAS,OACTC,WAAY,SACZC,IAAKP,EAAMG,QAAQ,GACnBK,UAAWR,EAAMG,QAAQ,IAE3BM,YAAa,CACXC,KAAMV,EAAMW,QAAQC,QAAQC,MAE/B,mBAI+B,SAa1BC,GAAA,IAAAC,EAAAD,EAZJE,SAAQC,EAAAF,EAENG,MAASC,GAAJF,OAAA,IAAAA,EAAkC,CAAA,EAAEA,GAAhCE,0BAAyBC,EAClCC,EAAAA,QACEC,4BACEC,IAAAA,KAAIC,EAAAJ,EACJnB,WAAAA,OAAU,IAAAuB,EAAG,CAAE,EAAAA,EAAAC,EAAAL,EACfM,KAAQC,IAAAA,UAAWC,IAAAA,cAAeC,IAAAA,cAAeC,IAAAA,SAGpCC,IAAjBC,gBAGIC,EAAUnC,IACVoC,EAAiBC,EAAAA,cAAcP,EAAe,SAAU,MACxDQ,EAAoBD,EAAAA,cAAcL,EAAU,QAAS,QAE3D,OACEO,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACThB,CAAAA,GACCiB,EAAAC,IAACC,cAAW,CAACC,OAAM,GAAAC,OAvBT,0BAuBkC,YAAAL,SACzCM,EAAiBA,kBAACtB,EAAMQ,EAAgBe,EAAAA,oBAI5CC,OAAOC,SAASpB,IACfY,EAAAA,IAACS,EAAAA,WAAU,CACTC,MAAM,kBACNC,MAAOC,KAAKC,MAAMnB,GAAgBoB,iBAClCC,KAAMC,EAAcA,eAAC,YAIxB1B,GACCU,EAAAC,IAACQ,aAAU,CACTC,MAAM,YACNC,MAAOC,KAAKC,MAAMjB,GAAmBkB,iBACrCC,KAAMC,EAAcA,eAAC,WAIxB3B,GAAiBW,EAAAC,IAACQ,aAAU,CAACC,MAAM,YAAYC,MAAOtB,IAEtDF,GACCa,EAAAC,IAACQ,aAAU,CAACC,MAAM,QAAQC,MAAOM,EAAM,QAACC,KAAK/B,GAAWgC,OAAOC,EAAAA,yBAGhEzC,GACCkB,EAAAwB,KAAA,MAAA,CAAKC,UAAW7B,EAAQ7B,iBAAiBmC,SAAA,CACvCC,MAACuB,UAAW,CAACD,UAAW7B,EAAQxB,cAChC+B,MAACwB,YAAS,CAAAzB,SAAA,6EAMdC,MAACyB,iBAAc,CAAChE,WAAYA,EAAY6D,UAAW7B,EAAQhC,eAGjE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("react"),a=require("prop-types"),s=require("@material-ui/core"),i=require("./icons/Critical.js"),r=require("./icons/Major.js"),n=require("./icons/Minor.js"),l=require("../../../Attachment/index.js"),c=require("../../../../utils/convert.js"),o=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=d(e),u=d(a);function p(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,s)}return a}function j(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?p(Object(a),!0).forEach((function(t){m.default(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}var v="LessonsLearnedFeedItem",h=s.makeStyles({item:{marginTop:"4px"},itemLabel:{fontWeight:"normal",fontSize:"14px",color:"#BDBDBD",marginRight:"8px"},itemValue:{fontSize:"14px",color:"#FFFFFF"},attachment:{paddingTop:10,width:300}});function x(e){var a,s=e.feedItem,d=h(),m=t.useMemo((function(){var e,t,a=(null===(e=s.context)||void 0===e||null===(t=e.lessons_learned)||void 0===t?void 0:t.data)||{};return j(j({},a),{},{md_start:c.convertValue(a.md_start,"length","ft"),tvd_start:c.convertValue(a.tvd_start,"length","ft")})}),[s]),u=null===(a=s.context)||void 0===a?void 0:a.lessons_learned.attachment,p=(null==u?void 0:u.signed_url)||(null==u?void 0:u.url),x=(null==u?void 0:u.file_name)||(null==u?void 0:u.name);return o.jsxs("div",{children:[o.jsx("div",{className:d.item,children:o.jsx("span",{"data-testid":"".concat(v,"_topic"),className:d.itemLabel,children:m.topic})}),o.jsxs("div",{className:d.item,children:[o.jsx("span",{className:d.itemLabel,children:"Event Cause:"}),o.jsx("span",{"data-testid":"".concat(v,"_Cause"),className:d.itemValue,children:m.cause})]}),o.jsxs("div",{className:d.item,style:{display:"flex",alignItems:"center"},children:[o.jsx("span",{className:d.itemLabel,children:"Event Severity:"}),o.jsx("span",{"data-testid":"".concat(v,"_severityIcon"),children:"Major"===m.severity?o.jsx(r,{}):"Critical"===m.severity?o.jsx(i,{}):"Minor"===m.severity?o.jsx(n,{}):null}),o.jsx("span",{"data-testid":"".concat(v,"_Severity"),className:d.itemValue,children:m.severity})]}),o.jsxs("div",{className:d.item,children:[o.jsx("span",{className:d.itemLabel,children:"MD/TVD:"}),o.jsxs("span",{"data-testid":"".concat(v,"_MD/TVD"),className:d.itemValue,children:[Number.isFinite(m.md_start)?m.md_start.fixFloat(2):"-","/",Number.isFinite(m.tvd_start)?m.tvd_start.fixFloat(2):"-"]})]}),o.jsxs("div",{className:d.item,children:[o.jsx("span",{className:d.itemLabel,children:"Hole Section:"}),o.jsx("span",{"data-testid":"".concat(v,"_HoleSection"),className:d.itemValue,children:m.section})]}),o.jsxs("div",{className:d.item,children:[o.jsx("span",{className:d.itemLabel,children:"Operation:"}),o.jsx("span",{"data-testid":"".concat(v,"_Operation"),className:d.itemValue,children:m.activity})]}),o.jsxs("div",{className:d.item,children:[o.jsx("span",{className:d.itemLabel,children:"Description:"}),o.jsx("div",{"data-testid":"".concat(v,"_Description"),className:d.itemValue,children:m.description})]}),u&&(p||x)&&o.jsx("div",{className:d.attachment,children:o.jsx(l,{small:!0,attachmentUrl:p,fileName:x,displayName:x})})]})}x.propTypes={feedItem:u.default.shape().isRequired};var f=t.memo(x);module.exports=f;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("react"),r=require("prop-types"),n=require("@material-ui/core"),i=require("./icons/Critical.js"),s=require("./icons/Major.js"),a=require("./icons/Minor.js"),o=require("../components/ContextRow.js"),c=require("../components/FeedAttachment.js"),l=require("../../../../utils/convert.js"),u=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=d(e),v=d(r);function j(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?j(Object(r),!0).forEach((function(t){p.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):j(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var x="LessonsLearnedFeedItem",f=n.makeStyles((function(e){return{wrapper:{display:"flex",flexDirection:"column",gap:e.spacing(.5)},severityIcon:{display:"inline-flex",alignItems:"center",verticalAlign:"middle",padding:2},attachment:{paddingTop:e.spacing(1)}}}));function y(e){var r,n=e.feedItem,d=f(),p=t.useMemo((function(){var e,t,r=(null===(e=n.context)||void 0===e||null===(t=e.lessons_learned)||void 0===t?void 0:t.data)||{};return m(m({},r),{},{md_start:l.convertValue(r.md_start,"length","ft"),tvd_start:l.convertValue(r.tvd_start,"length","ft")})}),[n]),v=null===(r=n.context)||void 0===r?void 0:r.lessons_learned.attachment;return u.jsxs("div",{className:d.wrapper,children:[u.jsx(o.ContextText,{testId:"".concat(x,"_topic"),children:p.topic}),u.jsxs(o.ContextRows,{children:[u.jsx(o.ContextRow,{label:"Event Cause:",value:p.cause,testId:"".concat(x,"_Cause")}),u.jsxs(o.ContextRow,{label:"Event Severity:",children:[u.jsx("span",{"data-testid":"".concat(x,"_severityIcon"),className:d.severityIcon,children:"Major"===p.severity?u.jsx(s,{}):"Critical"===p.severity?u.jsx(i,{}):"Minor"===p.severity?u.jsx(a,{}):null}),u.jsx("span",{"data-testid":"".concat(x,"_Severity"),children:p.severity})]}),u.jsx(o.ContextRow,{label:"MD/TVD:",testId:"".concat(x,"_MD/TVD"),value:u.jsxs(u.Fragment,{children:[Number.isFinite(p.md_start)?p.md_start.fixFloat(2):"-","/",Number.isFinite(p.tvd_start)?p.tvd_start.fixFloat(2):"-"]})}),u.jsx(o.ContextRow,{label:"Hole Section:",value:p.section,testId:"".concat(x,"_HoleSection")}),u.jsx(o.ContextRow,{label:"Operation:",value:p.activity,testId:"".concat(x,"_Operation")}),u.jsx(o.ContextRow,{label:"Description:",value:p.description,testId:"".concat(x,"_Description")})]}),u.jsx(c.FeedAttachment,{attachment:v,className:d.attachment})]})}y.propTypes={feedItem:v.default.shape().isRequired};var b=t.memo(y);module.exports=b;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js.map

@@ -1 +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 CriticalIcon from './icons/Critical';\nimport MajorIcon from './icons/Major';\nimport MinorIcon from './icons/Minor';\n\nimport Attachment from '~/components/Attachment';\nimport { convertValue } from '~/utils/convert';\n\nconst PAGE_NAME = 'LessonsLearnedFeedItem';\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  attachment: {\n    paddingTop: 10,\n    width: 300,\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  const attachment = feedItem.context?.lessons_learned.attachment;\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  const attachmentUrl = attachment?.signed_url || attachment?.url;\n  const attachmentName = attachment?.file_name || attachment?.name;\n\n  return (\n    <div>\n      <div className={classes.item}>\n        <span data-testid={`${PAGE_NAME}_topic`} className={classes.itemLabel}>\n          {data.topic}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Event Cause:</span>\n        <span data-testid={`${PAGE_NAME}_Cause`} className={classes.itemValue}>\n          {data.cause}\n        </span>\n      </div>\n      <div className={classes.item} style={{ display: 'flex', alignItems: 'center' }}>\n        <span className={classes.itemLabel}>Event Severity:</span>\n        <span data-testid={`${PAGE_NAME}_severityIcon`}>{showSeverityIcon()}</span>\n        <span data-testid={`${PAGE_NAME}_Severity`} className={classes.itemValue}>\n          {data.severity}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>MD/TVD:</span>\n        <span data-testid={`${PAGE_NAME}_MD/TVD`} 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 data-testid={`${PAGE_NAME}_HoleSection`} className={classes.itemValue}>\n          {data.section}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Operation:</span>\n        <span data-testid={`${PAGE_NAME}_Operation`} className={classes.itemValue}>\n          {data.activity}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Description:</span>\n        <div data-testid={`${PAGE_NAME}_Description`} className={classes.itemValue}>\n          {data.description}\n        </div>\n      </div>\n      {attachment && (attachmentUrl || attachmentName) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachmentUrl}\n            fileName={attachmentName}\n            displayName={attachmentName}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nLessonsLearnedFeedItem.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n};\n\nexport default memo(LessonsLearnedFeedItem);\n"],"names":["PAGE_NAME","useStyles","makeStyles","item","marginTop","itemLabel","fontWeight","fontSize","color","marginRight","itemValue","attachment","paddingTop","width","LessonsLearnedFeedItem","_ref","_feedItem$context2","feedItem","classes","data","useMemo","_feedItem$context","_feedItem$context$les","rawData","context","lessons_learned","_objectSpread","md_start","convertValue","tvd_start","attachmentUrl","signed_url","url","attachmentName","file_name","name","_jsxs","children","_jsx","jsx","className","concat","topic","jsxs","cause","style","display","alignItems","severity","MajorIcon","CriticalIcon","MinorIcon","Number","isFinite","fixFloat","section","activity","description","Attachment","small","fileName","displayName","propTypes","PropTypes","shape","isRequired","memo"],"mappings":"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"}
+{"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 CriticalIcon from './icons/Critical';\nimport MajorIcon from './icons/Major';\nimport MinorIcon from './icons/Minor';\n\nimport { ContextRow, ContextRows, ContextText } from '../components/ContextRow';\n\nimport { FeedAttachment } from '../components/FeedAttachment';\nimport { convertValue } from '~/utils/convert';\n\nconst PAGE_NAME = 'LessonsLearnedFeedItem';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n  },\n  // inline-flex: a block span would break out of ContextRow's inline flow\n  severityIcon: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    verticalAlign: 'middle',\n    padding: 2,\n  },\n  attachment: {\n    paddingTop: theme.spacing(1),\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  const attachment = feedItem.context?.lessons_learned.attachment;\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 className={classes.wrapper}>\n      <ContextText testId={`${PAGE_NAME}_topic`}>{data.topic}</ContextText>\n      <ContextRows>\n        <ContextRow label=\"Event Cause:\" value={data.cause} testId={`${PAGE_NAME}_Cause`} />\n        <ContextRow label=\"Event Severity:\">\n          <span data-testid={`${PAGE_NAME}_severityIcon`} className={classes.severityIcon}>\n            {showSeverityIcon()}\n          </span>\n          <span data-testid={`${PAGE_NAME}_Severity`}>{data.severity}</span>\n        </ContextRow>\n        <ContextRow\n          label=\"MD/TVD:\"\n          testId={`${PAGE_NAME}_MD/TVD`}\n          value={\n            <>\n              {Number.isFinite(data.md_start) ? data.md_start.fixFloat(2) : '-'}/\n              {Number.isFinite(data.tvd_start) ? data.tvd_start.fixFloat(2) : '-'}\n            </>\n          }\n        />\n        <ContextRow\n          label=\"Hole Section:\"\n          value={data.section}\n          testId={`${PAGE_NAME}_HoleSection`}\n        />\n        <ContextRow label=\"Operation:\" value={data.activity} testId={`${PAGE_NAME}_Operation`} />\n        <ContextRow\n          label=\"Description:\"\n          value={data.description}\n          testId={`${PAGE_NAME}_Description`}\n        />\n      </ContextRows>\n      <FeedAttachment attachment={attachment} className={classes.attachment} />\n    </div>\n  );\n}\n\nLessonsLearnedFeedItem.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n};\n\nexport default memo(LessonsLearnedFeedItem);\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","wrapper","display","flexDirection","gap","spacing","severityIcon","alignItems","verticalAlign","padding","attachment","paddingTop","LessonsLearnedFeedItem","_ref","_feedItem$context2","feedItem","classes","data","useMemo","_feedItem$context","_feedItem$context$les","rawData","context","lessons_learned","_objectSpread","md_start","convertValue","tvd_start","_jsxs","className","children","_jsx","ContextText","testId","concat","topic","ContextRows","ContextRow","label","value","cause","jsx","severity","MajorIcon","CriticalIcon","MinorIcon","jsxs","_Fragment","Number","isFinite","fixFloat","section","activity","description","FeedAttachment","propTypes","PropTypes","shape","isRequired","memo"],"mappings":"2iCAaA,IAAMA,EAAY,yBAEZC,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,IAAKJ,EAAMK,QAAQ,KAGrBC,aAAc,CACZJ,QAAS,cACTK,WAAY,SACZC,cAAe,SACfC,QAAS,GAEXC,WAAY,CACVC,WAAYX,EAAMK,QAAQ,IAE7B,IAED,SAASO,EAAqCC,GAAA,IAAAC,EAAZC,IAAAA,SAC1BC,EAAUlB,IACVmB,EAAOC,EAAAA,SAAQ,WAAM,IAAAC,EAAAC,EACnBC,GAA0B,QAAhBN,EAAAA,EAASO,eAAO,IAAAH,GAAhB,QAAgBC,EAAhBD,EAAkBI,uBAAlB,IAAAH,OAAgB,EAAhBA,EAAmCH,OAAQ,GAC3D,OAAAO,EAAAA,EAAA,CAAA,EACKH,GAAO,CAAA,EAAA,CACVI,SAAUC,EAAAA,aAAaL,EAAQI,SAAU,SAAU,MACnDE,UAAWD,EAAAA,aAAaL,EAAQM,UAAW,SAAU,OAEzD,GAAG,CAACZ,IACEL,EAAa,UAAAK,EAASO,eAAT,IAAAR,OAAA,EAAAA,EAAkBS,gBAAgBb,WAcrD,OACEkB,EAAAA,KAAA,MAAA,CAAKC,UAAWb,EAAQf,QAAQ6B,SAAA,CAC9BC,MAACC,cAAW,CAACC,OAAM,GAAAC,OAAKrC,EAAkB,UAAAiC,SAAEb,EAAKkB,QACjDP,OAACQ,cAAW,CAAAN,SAAA,CACVC,MAACM,aAAU,CAACC,MAAM,eAAeC,MAAOtB,EAAKuB,MAAOP,iBAAWpC,EAAS,YACxE+B,OAACS,aAAU,CAACC,MAAM,kBAAiBR,SACjC,CAAAC,EAAAU,IAAA,OAAA,CAAM,cAAA,GAAAP,OAAgBrC,EAAyB,iBAACgC,UAAWb,EAAQV,aAAawB,SAjBhE,UAAlBb,EAAKyB,SACAX,EAAAU,IAACE,EAAY,CAAA,GACO,aAAlB1B,EAAKyB,SACPX,EAAAU,IAACG,EAAe,CAAA,GACI,UAAlB3B,EAAKyB,SACPX,EAAAU,IAACI,EAAY,CAAA,GAGf,OAYDd,EAAAU,IAAA,OAAA,CAAM,cAAA,GAAAP,OAAgBrC,EAAqB,aAAAiC,SAAEb,EAAKyB,cAEpDX,MAACM,aAAU,CACTC,MAAM,UACNL,OAAM,GAAAC,OAAKrC,EAAmB,WAC9B0C,MACEX,EAAAkB,KAAAC,WAAA,CAAAjB,SAAA,CACGkB,OAAOC,SAAShC,EAAKQ,UAAYR,EAAKQ,SAASyB,SAAS,GAAK,IAC7DF,IAAAA,OAAOC,SAAShC,EAAKU,WAAaV,EAAKU,UAAUuB,SAAS,GAAK,SAItEnB,MAACM,aAAU,CACTC,MAAM,gBACNC,MAAOtB,EAAKkC,QACZlB,iBAAWpC,EAAS,kBAEtBkC,MAACM,aAAU,CAACC,MAAM,aAAaC,MAAOtB,EAAKmC,SAAUnB,iBAAWpC,EAAS,gBACzEkC,MAACM,aAAU,CACTC,MAAM,eACNC,MAAOtB,EAAKoC,YACZpB,iBAAWpC,EAAS,qBAGxBkC,MAACuB,iBAAc,CAAC5C,WAAYA,EAAYmB,UAAWb,EAAQN,eAGjE,CAEAE,EAAuB2C,UAAY,CACjCxC,SAAUyC,EAAAA,QAAUC,QAAQC,YAG9B,IAAeC,EAAAA,EAAAA,KAAK/C"}

package/cjs-bundle/components/FeedItem/feedItemTypes/NptFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("moment"),a=require("@material-ui/core"),i=require("@material-ui/core/colors/blue"),r=require("../../../utils/convert.js"),n=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(e),o=s(t),p=s(i),l=a.makeStyles((function(e){return{columnWithMargin:{marginRight:40},highlightedText:{color:p.default[300],textTransform:"capitalize"},valueWrapper:{display:"flex",alignItems:"baseline"},unit:{color:e.palette.grey[400],marginLeft:5},text:{color:e.palette.grey[400],marginRight:5}}})),c=function(e){var t=e.feedItem.context.npt_event.data,i=t.comment,s=void 0===i?"":i,d=t.depth,p=t.end_time,c=t.start_time,u=t.type,m=void 0===u?"":u,h=l(),y=c?o.default.unix(c):o.default(),v=p?o.default.unix(p):void 0,g=v&&o.default.duration(v-y).asHours(),x=r.convertValue(d,"length","ft");return n.jsxs(a.Grid,{spacing:8,justify:"flex-start",container:!0,children:[n.jsxs(a.Grid,{item:!0,className:h.columnWithMargin,children:[n.jsxs(a.Typography,{variant:"body2",className:h.valueWrapper,children:["Type: ",n.jsx(a.Typography,{variant:"body2","data-testid":"".concat("nptActivity","_type"),component:"span",className:h.highlightedText,children:m})]}),n.jsx(a.Typography,{variant:"body2",children:"Duration:"}),n.jsxs(a.Typography,{variant:"body2",className:h.valueWrapper,children:[n.jsx(a.Typography,{"data-testid":"".concat("nptActivity","_duration"),component:"span",variant:"h6",className:h.highlightedText,children:Number.isFinite(g)&&g.toFixed(2)||"-"}),g&&n.jsx(a.Typography,{"data-testid":"".concat("nptActivity","_durationUnits"),component:"span",variant:"caption",className:h.unit,children:"(hrs)"})]})]}),n.jsxs(a.Grid,{item:!0,children:[n.jsxs(a.Typography,{variant:"body2","data-testid":"".concat("nptActivity","_startTime"),className:h.valueWrapper,children:[n.jsx(a.Typography,{variant:"body2",component:"span",className:h.text,children:"Start Time:"}),y.format("MM/DD/YYYY HH:mm")]}),n.jsxs(a.Typography,{variant:"body2","data-testid":"".concat("nptActivity","_depth"),className:h.valueWrapper,children:[n.jsx(a.Typography,{variant:"body2",component:"span",className:h.text,children:"Depth:"}),null==x?void 0:x.formatNumeral("0,0.00"),n.jsxs(a.Typography,{component:"span",variant:"caption",className:h.unit,children:["(",r.getUnitDisplay("length"),")"]})]}),s&&n.jsxs(a.Typography,{variant:"body2","data-testid":"".concat("nptActivity","_comment"),className:h.valueWrapper,children:[n.jsx(a.Typography,{variant:"body2",component:"span",className:h.text,children:"Comment:"}),s]})]})]})},u=d.default.shape({comment:d.default.string.isRequired,depth:d.default.number.isRequired,end_time:d.default.number.isRequired,start_time:d.default.number.isRequired,type:d.default.string.isRequired}).isRequired;c.propTypes={feedItem:d.default.shape({context:d.default.shape({completion_npt_event:d.default.shape({data:u}).isRequired,npt_event:d.default.shape({data:u}).isRequired}).isRequired}).isRequired},module.exports=c;
+"use strict";var e=require("prop-types"),t=require("moment"),i=require("@material-ui/core"),a=require("./components/ContextRow.js"),n=require("../../../utils/convert.js"),r=require("../../../constants/feed.js"),s=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(e),l=o(t),d=i.makeStyles((function(e){return{topRow:{display:"flex",alignItems:"baseline",flexWrap:"wrap",gap:e.spacing(.5,3)},noWrapRow:{flexShrink:0,whiteSpace:"nowrap"},capitalized:{textTransform:"capitalize"}}})),p=function(e){var t=e.feedItem.context.npt_event.data,i=t.comment,o=void 0===i?"":i,u=t.depth,p=t.end_time,c=t.start_time,m=t.type,f=void 0===m?"":m,x=d(),v=c?l.default.unix(c):l.default(),R=p?l.default.unix(p):void 0,h=R&&l.default.duration(R-v).asHours(),q=n.convertValue(u,"length","ft");return s.jsxs(a.ContextRows,{children:[s.jsxs("div",{className:x.topRow,children:[s.jsx(a.ContextRow,{label:"Type:",value:s.jsx("span",{className:x.capitalized,children:f}),testId:"".concat("nptActivity","_type")}),s.jsx(a.ContextRow,{className:x.noWrapRow,label:"Duration:",value:Number.isFinite(h)&&h.toFixed(2)||"-",color:"info",unit:Number.isFinite(h)?s.jsx("span",{"data-testid":"".concat("nptActivity","_durationUnits"),children:"hrs"}):void 0,testId:"".concat("nptActivity","_duration")})]}),s.jsx(a.ContextRow,{label:"Depth:",value:null==q?void 0:q.formatNumeral("0,0.00"),unit:n.getUnitDisplay("length"),testId:"".concat("nptActivity","_depth")}),s.jsx(a.ContextRow,{label:"Time:",value:v.format(r.FEED_ITEM_TIME_FORMAT),testId:"".concat("nptActivity","_startTime")}),o&&s.jsx(a.ContextRow,{label:"Comment:",value:o,valueSize:"small",testId:"".concat("nptActivity","_comment")})]})},c=u.default.shape({comment:u.default.string.isRequired,depth:u.default.number.isRequired,end_time:u.default.number.isRequired,start_time:u.default.number.isRequired,type:u.default.string.isRequired}).isRequired;p.propTypes={feedItem:u.default.shape({context:u.default.shape({completion_npt_event:u.default.shape({data:c}).isRequired,npt_event:u.default.shape({data:c}).isRequired}).isRequired}).isRequired},module.exports=p;
 //# sourceMappingURL=NptFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/NptFeedItem.js.map

@@ -1 +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';\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":["useStyles","makeStyles","theme","columnWithMargin","marginRight","highlightedText","color","blue","textTransform","valueWrapper","display","alignItems","unit","palette","grey","marginLeft","text","NptFeedItem","_ref","_ref$feedItem$context","feedItem","context","npt_event","data","_ref$feedItem$context2","comment","depth","endTime","end_time","startTime","start_time","_ref$feedItem$context3","type","classes","startTimePrepared","moment","unix","endTimePrepared","undefined","duration","asHours","depthConverted","convertValue","_jsxs","Grid","spacing","justify","container","children","item","className","Typography","variant","_jsx","concat","component","Number","isFinite","toFixed","jsx","format","formatNumeral","getUnitDisplay","jsxs","nptEventDataType","PropTypes","shape","string","isRequired","number","propTypes","completion_npt_event"],"mappings":"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"}
+{"version":3,"file":"NptFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/NptFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows } from './components/ContextRow';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\n\nconst PAGE_NAME = 'nptActivity';\n\nconst useStyles = makeStyles(theme => ({\n  topRow: {\n    display: 'flex',\n    alignItems: 'baseline',\n    flexWrap: 'wrap',\n    gap: theme.spacing(0.5, 3),\n  },\n  noWrapRow: {\n    flexShrink: 0,\n    whiteSpace: 'nowrap',\n  },\n  capitalized: {\n    textTransform: 'capitalize',\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    <ContextRows>\n      <div className={classes.topRow}>\n        <ContextRow\n          label=\"Type:\"\n          value={<span className={classes.capitalized}>{type}</span>}\n          testId={`${PAGE_NAME}_type`}\n        />\n        <ContextRow\n          className={classes.noWrapRow}\n          label=\"Duration:\"\n          value={(Number.isFinite(duration) && duration.toFixed(2)) || '-'}\n          color=\"info\"\n          unit={\n            Number.isFinite(duration) ? (\n              <span data-testid={`${PAGE_NAME}_durationUnits`}>hrs</span>\n            ) : undefined\n          }\n          testId={`${PAGE_NAME}_duration`}\n        />\n      </div>\n      <ContextRow\n        label=\"Depth:\"\n        value={depthConverted?.formatNumeral('0,0.00')}\n        unit={getUnitDisplay('length')}\n        testId={`${PAGE_NAME}_depth`}\n      />\n      <ContextRow\n        label=\"Time:\"\n        value={startTimePrepared.format(FEED_ITEM_TIME_FORMAT)}\n        testId={`${PAGE_NAME}_startTime`}\n      />\n      {comment && (\n        <ContextRow\n          label=\"Comment:\"\n          value={comment}\n          valueSize=\"small\"\n          testId={`${PAGE_NAME}_comment`}\n        />\n      )}\n    </ContextRows>\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":["useStyles","makeStyles","theme","topRow","display","alignItems","flexWrap","gap","spacing","noWrapRow","flexShrink","whiteSpace","capitalized","textTransform","NptFeedItem","_ref","_ref$feedItem$context","feedItem","context","npt_event","data","_ref$feedItem$context2","comment","depth","endTime","end_time","startTime","start_time","_ref$feedItem$context3","type","classes","startTimePrepared","moment","unix","endTimePrepared","undefined","duration","asHours","depthConverted","convertValue","_jsxs","ContextRows","children","jsxs","className","_jsx","ContextRow","label","value","jsx","testId","Number","isFinite","toFixed","color","unit","concat","formatNumeral","getUnitDisplay","format","FEED_ITEM_TIME_FORMAT","valueSize","nptEventDataType","PropTypes","shape","string","isRequired","number","propTypes","completion_npt_event"],"mappings":"4UAWMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,OAAQ,CACNC,QAAS,OACTC,WAAY,WACZC,SAAU,OACVC,IAAKL,EAAMM,QAAQ,GAAK,IAE1BC,UAAW,CACTC,WAAY,EACZC,WAAY,UAEdC,YAAa,CACXC,cAAe,cAElB,IAEKC,EAAc,SAQdC,GAAA,IAAAC,EAAAD,EAPJE,SACEC,QACEC,UACEC,KAAIC,EAAAL,EAAIM,QAAAA,aAAU,GAAED,EAAEE,IAAAA,MAAiBC,IAAVC,SAA+BC,IAAZC,WAAUC,EAAAZ,EAAaa,KAAAA,aAAO,GAAED,EAKhFE,EAAU9B,IACV+B,EAAoBL,EAAYM,EAAM,QAACC,KAAKP,GAAaM,EAAAA,UAEzDE,EAAkBV,EAAUQ,EAAAA,QAAOC,KAAKT,QAAWW,EAEnDC,EACJF,GAAmBF,UAAOI,SAASF,EAAkBH,GAAmBM,UAEpEC,EAAiBC,EAAYA,aAAChB,EAAO,SAAU,MAErD,OACEiB,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACV,CAAAF,EAAAG,KAAA,MAAA,CAAKC,UAAWd,EAAQ3B,OAAOuC,SAAA,CAC7BG,MAACC,aAAU,CACTC,MAAM,QACNC,MAAOH,EAAAI,IAAA,OAAA,CAAML,UAAWd,EAAQlB,YAAY8B,SAAEb,IAC9CqB,iBA3CQ,cA2CY,WAEtBL,MAACC,aAAU,CACTF,UAAWd,EAAQrB,UACnBsC,MAAM,YACNC,MAAQG,OAAOC,SAAShB,IAAaA,EAASiB,QAAQ,IAAO,IAC7DC,MAAM,OACNC,KACEJ,OAAOC,SAAShB,GACdS,EAAAA,IAAA,OAAA,CAAM,cAAA,GAAAW,OApDF,cAoD4C,kBAAAd,SAAA,aAC9CP,EAENe,iBAvDQ,cAuDY,kBAGxBL,MAACC,aAAU,CACTC,MAAM,SACNC,MAAOV,aAAc,EAAdA,EAAgBmB,cAAc,UACrCF,KAAMG,EAAcA,eAAC,UACrBR,iBA9DU,cA8DU,YAEtBL,MAACC,aAAU,CACTC,MAAM,QACNC,MAAOjB,EAAkB4B,OAAOC,yBAChCV,iBAnEU,cAmEU,gBAErB5B,GACCuB,EAAAI,IAACH,aAAU,CACTC,MAAM,WACNC,MAAO1B,EACPuC,UAAU,QACVX,iBA1EQ,cA0EY,gBAK9B,EAEMY,EAAmBC,EAAS,QAACC,MAAM,CACvC1C,QAASyC,EAAAA,QAAUE,OAAOC,WAC1B3C,MAAOwC,EAAAA,QAAUI,OAAOD,WACxBzC,SAAUsC,EAAAA,QAAUI,OAAOD,WAC3BvC,WAAYoC,EAAAA,QAAUI,OAAOD,WAC7BrC,KAAMkC,EAAAA,QAAUE,OAAOC,aACtBA,WAEHpD,EAAYsD,UAAY,CACtBnD,SAAU8C,EAAS,QAACC,MAAM,CACxB9C,QAAS6C,EAAS,QAACC,MAAM,CACvBK,qBAAsBN,EAAS,QAACC,MAAM,CACpC5C,KAAM0C,IACLI,WACH/C,UAAW4C,EAAS,QAACC,MAAM,CACzB5C,KAAM0C,IACLI,aACFA,aACFA"}

package/cjs-bundle/components/FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@material-ui/core"),t=require("../../../utils/mobileDetect.js"),n=require("../../UserMention/utils/index.js"),i=require("../../Attachment/index.js"),a=require("../../../utils/convert.js"),r=require("../../../constants/feed.js"),l=require("react/jsx-runtime"),s=e.makeStyles((function(e){return{text:{color:e.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},infoField:{color:e.palette.primary.text6,"& span":{color:"#fff"}}}}));module.exports=function(o){var c=o.feedItem,d=c.context[r.FEED_ITEM_TYPES.TRACES_MEMO],m=d.body,u=d.attachment,h=void 0===u?{}:u,p=d.bitDepth,f=d.holeDepth,x=c.mentioned_users,g=s(),j=a.convertValue(+f,"length","ft"),y=a.convertValue(+f,"length","ft"),v=(null==h?void 0:h.signed_url)||(null==h?void 0:h.url),D=(null==h?void 0:h.file_name)||(null==h?void 0:h.name);return l.jsxs("div",{className:g.wrapper,children:[(f||0===f)&&l.jsxs(e.Typography,{className:g.infoField,children:["Hole Depth:"," ",l.jsx("span",{children:"".concat(Math.round(j).toLocaleString()," ").concat(a.getUnitDisplay("length"))})]}),(p||0===f)&&l.jsxs(e.Typography,{className:g.infoField,children:["Bit Depth:"," ",l.jsx("span",{children:"".concat(Math.round(y).toLocaleString()," ").concat(a.getUnitDisplay("length"))})]}),m&&l.jsxs(l.Fragment,{children:[l.jsx(e.Typography,{className:g.infoField,children:"Description:"}),l.jsx(e.Typography,{"data-testid":"".concat("NptLessonsCommentFeedItem","_message"),variant:"body1",gutterBottom:!0,children:n.formatMentionText(m,x,t.isNativeDetected)})]}),h&&(v||D)&&l.jsx("div",{className:g.attachment,children:l.jsx(i,{small:!0,attachmentUrl:v,fileName:D,displayName:D})})]})};
+"use strict";var e=require("@material-ui/core"),t=require("./components/ContextRow.js"),n=require("./components/FeedAttachment.js"),o=require("../../../utils/mobileDetect.js"),s=require("../../UserMention/utils/index.js"),a=require("../../../utils/convert.js"),i=require("../../../constants/feed.js"),r=require("react/jsx-runtime"),l=e.makeStyles((function(e){return{attachment:{paddingTop:e.spacing(1)}}}));module.exports=function(e){var u=e.feedItem,c=u.context[i.FEED_ITEM_TYPES.TRACES_MEMO],m=c.body,h=c.attachment,d=void 0===h?{}:h,x=c.bitDepth,p=c.holeDepth,j=u.mentioned_users,g=l(),v=a.convertValue(+p,"length","ft"),D=a.convertValue(+x,"length","ft");return r.jsxs(t.ContextRows,{children:[(p||0===p)&&r.jsx(t.ContextRow,{label:"Hole Depth:",value:Math.round(v).toLocaleString(),unit:a.getUnitDisplay("length")}),(x||0===x)&&r.jsx(t.ContextRow,{label:"Bit Depth:",value:Math.round(D).toLocaleString(),unit:a.getUnitDisplay("length")}),m&&r.jsx(t.ContextRow,{label:"Description:",value:s.formatMentionText(m,j,o.isNativeDetected),valueSize:"small",testId:"".concat("NptLessonsCommentFeedItem","_message")}),r.jsx(n.FeedAttachment,{attachment:d,className:g.attachment})]})};
 //# sourceMappingURL=NptLessonsCommentFeedItem.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NptLessonsCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport Attachment from '~/components/Attachment';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\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 = 'NptLessonsCommentFeedItem';\n\nconst NptlessonsCommentFeedItem = ({ feedItem }) => {\n  const {\n    context: {\n      [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment = {}, bitDepth, holeDepth },\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n  const classes = useStyles();\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n  const bitDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  const attachmentUrl = attachment?.signed_url || attachment?.url;\n  const attachmentName = attachment?.file_name || attachment?.name;\n\n  return (\n    <div className={classes.wrapper}>\n      {(holeDepth || holeDepth === 0) && (\n        <Typography className={classes.infoField}>\n          Hole Depth:{' '}\n          <span>\n            {`${Math.round(holeDepthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n          </span>\n        </Typography>\n      )}\n      {(bitDepth || holeDepth === 0) && (\n        <Typography className={classes.infoField}>\n          Bit Depth:{' '}\n          <span>\n            {`${Math.round(bitDepthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n          </span>\n        </Typography>\n      )}\n      {body && (\n        <>\n          <Typography className={classes.infoField}>Description:</Typography>\n          <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Typography>\n        </>\n      )}\n      {attachment && (attachmentUrl || attachmentName) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachmentUrl}\n            fileName={attachmentName}\n            displayName={attachmentName}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default NptlessonsCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","text","color","palette","primary","text6","value","attachment","paddingTop","width","infoField","_ref","feedItem","_feedItem$context$FEE","context","FEED_ITEM_TYPES","TRACES_MEMO","body","_feedItem$context$FEE2","bitDepth","holeDepth","mentionedUsers","mentioned_users","classes","holeDepthConverted","convertValue","bitDepthConverted","attachmentUrl","signed_url","url","attachmentName","file_name","name","_jsxs","className","wrapper","children","Typography","_jsx","concat","Math","round","toLocaleString","getUnitDisplay","jsxs","_Fragment","variant","gutterBottom","formatMentionText","isNativeDetected","Attachment","small","fileName","displayName"],"mappings":"+RAQMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,MAAOF,EAAMG,QAAQC,QAAQC,OAE/BC,MAAO,CACLJ,MAAO,QAETK,WAAY,CACVC,WAAY,GACZC,MAAO,KAETC,UAAW,CACTR,MAAOF,EAAMG,QAAQC,QAAQC,MAC7B,SAAU,CACRH,MAAO,SAGZ,mBAIiC,SAAkBS,GAAA,IAAfC,IAAAA,SACnCC,EAKID,EAJFE,QACGC,EAAAA,gBAAgBC,aAAgBC,IAAAA,KAAIC,EAAAL,EAAEN,WAAAA,OAAU,IAAAW,EAAG,CAAE,EAAAA,EAAEC,IAAAA,SAAUC,IAAAA,UAEnDC,EACfT,EADFU,gBAEIC,EAAUzB,IACV0B,EAAqBC,EAAAA,cAAcL,EAAW,SAAU,MACxDM,EAAoBD,EAAAA,cAAcL,EAAW,SAAU,MAEvDO,GAAgBpB,aAAAA,EAAAA,EAAYqB,cAAcrB,aAAAA,EAAAA,EAAYsB,KACtDC,GAAiBvB,aAAAA,EAAAA,EAAYwB,aAAaxB,aAAAA,EAAAA,EAAYyB,MAE5D,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWX,EAAQY,QAAQC,SAC7B,EAAChB,GAA2B,IAAdA,IACba,OAACI,aAAU,CAACH,UAAWX,EAAQb,UAAU0B,SAAA,CAAA,cAC3B,IACZE,EAAAA,IAAA,OAAA,CAAAF,SAAA,GAAAG,OACMC,KAAKC,MAAMjB,GAAoBkB,iBAAgB,KAAAH,OAAII,EAAcA,eAAC,iBAI1ExB,GAA0B,IAAdC,IACZa,EAAAA,KAACI,EAAAA,WAAU,CAACH,UAAWX,EAAQb,UAAU0B,SAAA,CAAA,aAC5B,IACXE,EAAAA,IAAA,OAAA,CAAAF,SAAA,GAAAG,OACMC,KAAKC,MAAMf,GAAmBgB,iBAAgB,KAAAH,OAAII,EAAcA,eAAC,gBAI1E1B,GACCgB,EAAAW,KAAAC,WAAA,CAAAT,SAAA,CACEE,MAACD,aAAU,CAACH,UAAWX,EAAQb,UAAU0B,SAAA,iBACzCE,MAACD,aAAU,CAAC,cAAA,GAAAE,OArCJ,4BAqCwC,YAACO,QAAQ,QAAQC,cAAY,EAAAX,SAC1EY,EAAiBA,kBAAC/B,EAAMI,EAAgB4B,EAAAA,uBAI9C1C,IAAeoB,GAAiBG,IAC/BQ,EAAAA,IAAA,MAAA,CAAKJ,UAAWX,EAAQhB,WAAW6B,SACjCE,MAACY,EAAU,CACTC,OAAK,EACLxB,cAAeA,EACfyB,SAAUtB,EACVuB,YAAavB,QAMzB"}
+{"version":3,"file":"NptLessonsCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows } from './components/ContextRow';\nimport { FeedAttachment } from './components/FeedAttachment';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n  attachment: {\n    paddingTop: theme.spacing(1),\n  },\n}));\n\nconst PAGE_NAME = 'NptLessonsCommentFeedItem';\n\nconst NptlessonsCommentFeedItem = ({ feedItem }) => {\n  const {\n    context: {\n      [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment = {}, bitDepth, holeDepth },\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n  const classes = useStyles();\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n  const bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');\n\n  return (\n    <ContextRows>\n      {(holeDepth || holeDepth === 0) && (\n        <ContextRow\n          label=\"Hole Depth:\"\n          value={Math.round(holeDepthConverted).toLocaleString()}\n          unit={getUnitDisplay('length')}\n        />\n      )}\n      {(bitDepth || bitDepth === 0) && (\n        <ContextRow\n          label=\"Bit Depth:\"\n          value={Math.round(bitDepthConverted).toLocaleString()}\n          unit={getUnitDisplay('length')}\n        />\n      )}\n      {body && (\n        <ContextRow\n          label=\"Description:\"\n          value={formatMentionText(body, mentionedUsers, isNativeDetected)}\n          valueSize=\"small\"\n          testId={`${PAGE_NAME}_message`}\n        />\n      )}\n      <FeedAttachment attachment={attachment} className={classes.attachment} />\n    </ContextRows>\n  );\n};\n\nexport default NptlessonsCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachment","paddingTop","spacing","_ref","feedItem","_feedItem$context$FEE","context","FEED_ITEM_TYPES","TRACES_MEMO","body","_feedItem$context$FEE2","bitDepth","holeDepth","mentionedUsers","mentioned_users","classes","holeDepthConverted","convertValue","bitDepthConverted","_jsxs","ContextRows","children","_jsx","ContextRow","label","value","Math","round","toLocaleString","unit","getUnitDisplay","jsx","formatMentionText","isNativeDetected","valueSize","testId","FeedAttachment","className"],"mappings":"4UAUMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,WAAYF,EAAMG,QAAQ,IAE7B,mBAIiC,SAAkBC,GAAA,IAAfC,IAAAA,SACnCC,EAKID,EAJFE,QACGC,EAAAA,gBAAgBC,aAAgBC,IAAAA,KAAIC,EAAAL,EAAEL,WAAAA,OAAU,IAAAU,EAAG,CAAE,EAAAA,EAAEC,IAAAA,SAAUC,IAAAA,UAEnDC,EACfT,EADFU,gBAEIC,EAAUlB,IACVmB,EAAqBC,EAAAA,cAAcL,EAAW,SAAU,MACxDM,EAAoBD,EAAAA,cAAcN,EAAU,SAAU,MAE5D,OACEQ,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACT,EAACT,GAA2B,IAAdA,IACbU,MAACC,aAAU,CACTC,MAAM,cACNC,MAAOC,KAAKC,MAAMX,GAAoBY,iBACtCC,KAAMC,EAAcA,eAAC,aAGvBnB,GAAyB,IAAbA,IACZW,EAAAA,IAACC,EAAAA,WAAU,CACTC,MAAM,aACNC,MAAOC,KAAKC,MAAMT,GAAmBU,iBACrCC,KAAMC,EAAcA,eAAC,YAGxBrB,GACCa,EAAAS,IAACR,aAAU,CACTC,MAAM,eACNC,MAAOO,EAAiBA,kBAACvB,EAAMI,EAAgBoB,EAAAA,kBAC/CC,UAAU,QACVC,iBAlCQ,4BAkCY,cAGxBb,MAACc,iBAAc,CAACpC,WAAYA,EAAYqC,UAAWtB,EAAQf,eAGjE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/PCCommentFeedItem.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@material-ui/core"),t=require("moment"),a=require("../../../utils/mobileDetect.js"),i=require("../../UserMention/utils/index.js"),r=require("../../Attachment/index.js"),n=require("../../../utils/convert.js"),l=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),c=e.makeStyles((function(e){return{text:{color:e.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},infoField:{color:e.palette.primary.text6,"& span":{color:"#fff"}}}}));module.exports=function(t){var o=t.feedItem,d=o.type,m=o.context[d],u=m.body,p=m.attachment,f=void 0===p?{}:p,h=m.data,x=h.timestamp,v=h.holeDepth,y=o.mentioned_users,j=c(),g=n.convertValue(+v,"length","ft"),q=(null==f?void 0:f.signed_url)||(null==f?void 0:f.url),D=(null==f?void 0:f.file_name)||(null==f?void 0:f.name);return l.jsxs("div",{className:j.wrapper,children:[u&&l.jsx(e.Typography,{"data-testid":"".concat("PCCommentFeedItem","_message"),variant:"body1",gutterBottom:!0,children:i.formatMentionText(u,y,a.isNativeDetected)}),x&&l.jsxs(e.Typography,{className:j.infoField,children:["Time: ",l.jsx("span",{children:s.default.unix(x).format("MM.DD.YYYY, HH:mm")})]}),(v||0===v)&&l.jsxs(e.Typography,{className:j.infoField,children:["Hole Depth:"," ",l.jsx("span",{children:"".concat(Math.round(g).toLocaleString()," ").concat(n.getUnitDisplay("length"))})]}),f&&(q||D)&&l.jsx("div",{className:j.attachment,children:l.jsx(r,{small:!0,attachmentUrl:q,fileName:D,displayName:D})})]})};
+"use strict";var e=require("@material-ui/core"),t=require("moment"),n=require("./components/ContextRow.js"),r=require("../../../utils/mobileDetect.js"),o=require("../../UserMention/utils/index.js"),a=require("./components/FeedAttachment.js"),i=require("../../../utils/convert.js"),s=require("../../../constants/feed.js"),u=require("react/jsx-runtime");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var m=c(t),l=e.makeStyles((function(e){return{attachment:{paddingTop:e.spacing(1)}}}));module.exports=function(e){var t=e.feedItem,c=t.type,d=t.context[c],x=d.body,h=d.attachment,j=void 0===h?{}:h,f=d.data,p=f.timestamp,q=f.holeDepth,v=t.mentioned_users,g=l(),C=i.convertValue(+q,"length","ft");return u.jsxs(n.ContextRows,{children:[x&&u.jsx(n.ContextText,{testId:"".concat("PCCommentFeedItem","_message"),children:o.formatMentionText(x,v,r.isNativeDetected)}),(q||0===q)&&u.jsx(n.ContextRow,{label:"Hole Depth:",value:Math.round(C).toLocaleString(),unit:i.getUnitDisplay("length")}),p&&u.jsx(n.ContextRow,{label:"Time:",value:m.default.unix(p).format(s.FEED_ITEM_TIME_FORMAT)}),u.jsx(a.FeedAttachment,{attachment:j,className:g.attachment})]})};
 //# sourceMappingURL=PCCommentFeedItem.js.map