@corva/ui 3.75.0-9 → 3.75.0-rc.0

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

@@ -1 +1 @@
-{"version":3,"file":"DrillingDailyCostFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nconst PAGE_NAME = 'costsActivity';\n\nconst useStyles = makeStyles(theme => ({\n  item: {\n    display: 'inline-block',\n  },\n  firstItem: {\n    marginRight: 45,\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginRight: 5,\n    display: 'inline-block',\n  },\n  value: {\n    color: blue[300],\n    display: 'inline-block',\n  },\n}));\n\nconst DrillingDailyCostFeedItem = ({\n  feedItem: {\n    context: {\n      daily_cost: {\n        data: { cost, cumulative_cost: cumulativeCost },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n  return (\n    <>\n      <Typography variant=\"body2\" className={classNames(classes.item, classes.firstItem)}>\n        Daily Cost:\n        <br />\n        <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n          $\n        </Typography>\n        <Typography\n          data-testid={`${PAGE_NAME}_dailyCost`}\n          component=\"span\"\n          variant=\"h6\"\n          className={classes.value}\n        >\n          {Number.isFinite(cost) ? cost.formatNumeral('0,0.00') : 'N/A'}\n        </Typography>\n      </Typography>\n\n      <Typography variant=\"body2\" className={classes.item}>\n        Cumulative Cost:\n        <br />\n        <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n          $\n        </Typography>\n        <Typography\n          data-testid={`${PAGE_NAME}_cumulativeCost`}\n          component=\"span\"\n          variant=\"h6\"\n          className={classes.value}\n        >\n          {Number.isFinite(cumulativeCost) ? cumulativeCost.formatNumeral('0,0.00') : 'N/A'}\n        </Typography>\n      </Typography>\n    </>\n  );\n};\n\nDrillingDailyCostFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      daily_cost: PropTypes.shape({\n        data: PropTypes.shape({\n          cost: PropTypes.number.isRequired,\n          cumulative_cost: PropTypes.number.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default DrillingDailyCostFeedItem;\n"],"names":["useStyles","makeStyles","theme","item","display","firstItem","marginRight","unit","color","palette","grey","value","blue","DrillingDailyCostFeedItem","_ref","_ref$feedItem$context","feedItem","context","daily_cost","data","cost","cumulativeCost","cumulative_cost","classes","_jsxs","_Fragment","children","Typography","variant","className","classNames","_jsx","jsx","component","concat","Number","isFinite","formatNumeral","propTypes","PropTypes","shape","number","isRequired"],"mappings":"2QAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,QAAS,gBAEXC,UAAW,CACTC,YAAa,IAEfC,KAAM,CACJC,MAAON,EAAMO,QAAQC,KAAK,KAC1BJ,YAAa,EACbF,QAAS,gBAEXO,MAAO,CACLH,MAAOI,EAAI,QAAC,KACZR,QAAS,gBAEZ,IAEKS,EAA4B,SAQ5BC,GAAA,IAAAC,EAAAD,EAPJE,SACEC,QACEC,WACEC,KAAQC,IAAAA,KAAuBC,IAAjBC,gBAKdC,EAAUvB,IAChB,OACEwB,EAAAA,KAAAC,EAAAA,SAAA,CAAAC,SAAA,CACEF,OAACG,aAAU,CAACC,QAAQ,QAAQC,UAAWC,EAAAA,QAAWP,EAAQpB,KAAMoB,EAAQlB,WAAWqB,SAEjF,CAAA,cAAAK,EAAAC,IAAA,KAAA,IACAD,EAAAC,IAACL,aAAU,CAACM,UAAU,OAAOL,QAAQ,UAAUC,UAAWN,EAAQhB,KAAKmB,SAAA,MAGvEK,MAACJ,aAAU,CACT,cAAA,GAAAO,OAvCQ,gBAuC8B,cACtCD,UAAU,OACVL,QAAQ,KACRC,UAAWN,EAAQZ,MAAMe,SAExBS,OAAOC,SAAShB,GAAQA,EAAKiB,cAAc,UAAY,WAI5Db,OAACG,aAAU,CAACC,QAAQ,QAAQC,UAAWN,EAAQpB,KAAKuB,SAElD,CAAA,mBAAAK,EAAAC,IAAA,KAAA,IACAD,EAAAC,IAACL,aAAU,CAACM,UAAU,OAAOL,QAAQ,UAAUC,UAAWN,EAAQhB,KAAKmB,SAAA,MAGvEK,MAACJ,aAAU,CACT,cAAA,GAAAO,OAvDQ,gBAuDmC,mBAC3CD,UAAU,OACVL,QAAQ,KACRC,UAAWN,EAAQZ,MAAMe,SAExBS,OAAOC,SAASf,GAAkBA,EAAegB,cAAc,UAAY,aAKtF,EAEAxB,EAA0ByB,UAAY,CACpCtB,SAAUuB,EAAS,QAACC,MAAM,CACxBvB,QAASsB,EAAS,QAACC,MAAM,CACvBtB,WAAYqB,EAAS,QAACC,MAAM,CAC1BrB,KAAMoB,EAAS,QAACC,MAAM,CACpBpB,KAAMmB,EAAAA,QAAUE,OAAOC,WACvBpB,gBAAiBiB,EAAAA,QAAUE,OAAOC,aACjCA,aACFA,aACFA,aACFA"}
+{"version":3,"file":"DrillingDailyCostFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DrillingDailyCostFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ContextRow, ContextRows } from './components/ContextRow';\n\nconst PAGE_NAME = 'costsActivity';\n\nconst formatCost = cost => (Number.isFinite(cost) ? cost.formatNumeral('0,0.00') : 'N/A');\n\nconst DrillingDailyCostFeedItem = ({\n  feedItem: {\n    context: {\n      daily_cost: {\n        data: { cost, cumulative_cost: cumulativeCost },\n      },\n    },\n  },\n}) => (\n  <ContextRows>\n    <ContextRow\n      label=\"Daily Cost:\"\n      value={formatCost(cost)}\n      unit=\"$\"\n      color=\"info\"\n      testId={`${PAGE_NAME}_dailyCost`}\n    />\n    <ContextRow\n      label=\"Cumulative Cost:\"\n      value={formatCost(cumulativeCost)}\n      unit=\"$\"\n      color=\"info\"\n      testId={`${PAGE_NAME}_cumulativeCost`}\n    />\n  </ContextRows>\n);\n\nDrillingDailyCostFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      daily_cost: PropTypes.shape({\n        data: PropTypes.shape({\n          cost: PropTypes.number.isRequired,\n          cumulative_cost: PropTypes.number.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default DrillingDailyCostFeedItem;\n"],"names":["formatCost","cost","Number","isFinite","formatNumeral","DrillingDailyCostFeedItem","_ref","_ref$feedItem$context","feedItem","context","daily_cost","data","cumulativeCost","cumulative_cost","_jsxs","ContextRows","children","_jsx","ContextRow","label","value","unit","color","testId","propTypes","PropTypes","shape","number","isRequired"],"mappings":"mMAMMA,EAAa,SAAAC,GAAI,OAAKC,OAAOC,SAASF,GAAQA,EAAKG,cAAc,UAAY,KAAK,EAElFC,EAA4B,SAAHC,GAAA,IAAAC,EAAAD,EAC7BE,SACEC,QACEC,WACEC,KAAQV,IAAAA,KAAuBW,IAAjBC,gBAAe,OAKnCC,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SAAA,CACVC,MAACC,aAAU,CACTC,MAAM,cACNC,MAAOpB,EAAWC,GAClBoB,KAAK,IACLC,MAAM,OACNC,iBAnBY,gBAmBQ,gBAEtBN,MAACC,aAAU,CACTC,MAAM,mBACNC,MAAOpB,EAAWY,GAClBS,KAAK,IACLC,MAAM,OACNC,iBA1BY,gBA0BQ,uBAEV,EAGhBlB,EAA0BmB,UAAY,CACpChB,SAAUiB,EAAS,QAACC,MAAM,CACxBjB,QAASgB,EAAS,QAACC,MAAM,CACvBhB,WAAYe,EAAS,QAACC,MAAM,CAC1Bf,KAAMc,EAAS,QAACC,MAAM,CACpBzB,KAAMwB,EAAAA,QAAUE,OAAOC,WACvBf,gBAAiBY,EAAAA,QAAUE,OAAOC,aACjCA,aACFA,aACFA,aACFA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("@material-ui/core/Typography"),r=require("react/jsx-runtime");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=a(e),i=a(t),s=function(e){var t=e.feedItem.context.operation_summary.data.summary;return r.jsx(i.default,{"data-testid":"".concat("operationSummaryActivity","_summary"),variant:"body1",children:t})};s.propTypes={feedItem:u.default.shape({context:u.default.shape({operation_summary:u.default.shape({data:u.default.shape({summary:u.default.string.isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=s;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("./components/ContextRow.js"),a=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e),i=t.makeStyles({summary:{width:"100%"}}),m=function(e){var t=e.feedItem.context.operation_summary.data.summary,u=i();return a.jsx(r.ContextText,{testId:"".concat("operationSummaryActivity","_summary"),className:u.summary,children:t})};m.propTypes={feedItem:s.default.shape({context:s.default.shape({operation_summary:s.default.shape({data:s.default.shape({summary:s.default.string.isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=m;
 //# sourceMappingURL=DrillingOperationSummaryFeedItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrillingOperationSummaryFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\n\nconst PAGE_NAME = 'operationSummaryActivity';\n\nconst OperationSummaryFeedItem = ({\n  feedItem: {\n    context: {\n      operation_summary: {\n        data: { summary },\n      },\n    },\n  },\n}) => (\n  <Typography data-testid={`${PAGE_NAME}_summary`} variant=\"body1\">\n    {summary}\n  </Typography>\n);\n\nOperationSummaryFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      operation_summary: PropTypes.shape({\n        data: PropTypes.shape({\n          summary: PropTypes.string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default OperationSummaryFeedItem;\n"],"names":["OperationSummaryFeedItem","_ref","summary","feedItem","context","operation_summary","data","_jsx","Typography","concat","variant","children","propTypes","PropTypes","shape","string","isRequired"],"mappings":"4MAKMA,EAA2B,SAAHC,GAAA,IAIdC,EAHdC,EAAAA,SACEC,QACEC,kBACEC,KAAQJ,QAAO,OAKrBK,EAAAA,IAACC,EAAAA,QAAU,CAAC,cAAA,GAAAC,OAXI,2BAWgC,YAACC,QAAQ,QAAOC,SAC7DT,GACU,EAGfF,EAAyBY,UAAY,CACnCT,SAAUU,EAAS,QAACC,MAAM,CACxBV,QAASS,EAAS,QAACC,MAAM,CACvBT,kBAAmBQ,EAAS,QAACC,MAAM,CACjCR,KAAMO,EAAS,QAACC,MAAM,CACpBZ,QAASW,EAAAA,QAAUE,OAAOC,aACzBA,aACFA,aACFA,aACFA"}
+{"version":3,"file":"DrillingOperationSummaryFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DrillingOperationSummaryFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextText } from './components/ContextRow';\n\nconst PAGE_NAME = 'operationSummaryActivity';\n\nconst useStyles = makeStyles({\n  summary: {\n    width: '100%',\n  },\n});\n\nconst OperationSummaryFeedItem = ({\n  feedItem: {\n    context: {\n      operation_summary: {\n        data: { summary },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  return (\n    <ContextText testId={`${PAGE_NAME}_summary`} className={classes.summary}>\n      {summary}\n    </ContextText>\n  );\n};\n\nOperationSummaryFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      operation_summary: PropTypes.shape({\n        data: PropTypes.shape({\n          summary: PropTypes.string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default OperationSummaryFeedItem;\n"],"names":["useStyles","makeStyles","summary","width","OperationSummaryFeedItem","_ref","feedItem","context","operation_summary","data","classes","_jsx","ContextText","testId","concat","className","children","propTypes","PropTypes","shape","string","isRequired"],"mappings":"kOAOMA,EAAYC,EAAAA,WAAW,CAC3BC,QAAS,CACPC,MAAO,UAILC,EAA2B,SAQ3BC,GAAA,IAJUH,EAHdI,EAAAA,SACEC,QACEC,kBACEC,KAAQP,QAKRQ,EAAUV,IAEhB,OACEW,EAAAA,IAACC,EAAAA,YAAW,CAACC,OAAM,GAAAC,OApBL,2BAoB8B,YAACC,UAAWL,EAAQR,QAAQc,SACrEd,GAGP,EAEAE,EAAyBa,UAAY,CACnCX,SAAUY,EAAS,QAACC,MAAM,CACxBZ,QAASW,EAAS,QAACC,MAAM,CACvBX,kBAAmBU,EAAS,QAACC,MAAM,CACjCV,KAAMS,EAAS,QAACC,MAAM,CACpBjB,QAASgB,EAAAA,QAAUE,OAAOC,aACzBA,aACFA,aACFA,aACFA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("@material-ui/core/Typography"),a=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e),o=r(t),u=function(e){var t=e.feedItem.context.operational_note.data.note;return a.jsx(o.default,{"data-testid":"".concat("operationalNoteActivity","_note"),variant:"body1",children:t})};u.propTypes={feedItem:i.default.shape({context:i.default.shape({operational_note:i.default.shape({data:i.default.shape({note:i.default.string.isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=u;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("./components/ContextRow.js"),a=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e),n=t.makeStyles({note:{width:"100%"}}),u=function(e){var t=e.feedItem.context.operational_note.data.note,o=n();return a.jsx(r.ContextText,{testId:"".concat("operationalNoteActivity","_note"),className:o.note,children:t})};u.propTypes={feedItem:i.default.shape({context:i.default.shape({operational_note:i.default.shape({data:i.default.shape({note:i.default.string.isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=u;
 //# sourceMappingURL=DrillingOperationalNoteFeedItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DrillingOperationalNoteFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\n\nconst PAGE_NAME = 'operationalNoteActivity';\n\nconst OperationalNoteFeedItem = ({\n  feedItem: {\n    context: {\n      operational_note: {\n        data: { note },\n      },\n    },\n  },\n}) => (\n  <Typography data-testid={`${PAGE_NAME}_note`} variant=\"body1\">\n    {note}\n  </Typography>\n);\n\nOperationalNoteFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      operational_note: PropTypes.shape({\n        data: PropTypes.shape({\n          note: PropTypes.string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default OperationalNoteFeedItem;\n"],"names":["OperationalNoteFeedItem","_ref","note","feedItem","context","operational_note","data","_jsx","Typography","concat","variant","children","propTypes","PropTypes","shape","string","isRequired"],"mappings":"4MAKMA,EAA0B,SAAHC,GAAA,IAIbC,EAHdC,EAAAA,SACEC,QACEC,iBACEC,KAAQJ,KAAI,OAKlBK,EAAAA,IAACC,EAAAA,QAAU,CAAC,cAAA,GAAAC,OAXI,0BAW6B,SAACC,QAAQ,QAAOC,SAC1DT,GACU,EAGfF,EAAwBY,UAAY,CAClCT,SAAUU,EAAS,QAACC,MAAM,CACxBV,QAASS,EAAS,QAACC,MAAM,CACvBT,iBAAkBQ,EAAS,QAACC,MAAM,CAChCR,KAAMO,EAAS,QAACC,MAAM,CACpBZ,KAAMW,EAAAA,QAAUE,OAAOC,aACtBA,aACFA,aACFA,aACFA"}
+{"version":3,"file":"DrillingOperationalNoteFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/DrillingOperationalNoteFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextText } from './components/ContextRow';\n\nconst PAGE_NAME = 'operationalNoteActivity';\n\nconst useStyles = makeStyles({\n  note: {\n    width: '100%',\n  },\n});\n\nconst OperationalNoteFeedItem = ({\n  feedItem: {\n    context: {\n      operational_note: {\n        data: { note },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  return (\n    <ContextText testId={`${PAGE_NAME}_note`} className={classes.note}>\n      {note}\n    </ContextText>\n  );\n};\n\nOperationalNoteFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      operational_note: PropTypes.shape({\n        data: PropTypes.shape({\n          note: PropTypes.string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default OperationalNoteFeedItem;\n"],"names":["useStyles","makeStyles","note","width","OperationalNoteFeedItem","_ref","feedItem","context","operational_note","data","classes","_jsx","ContextText","testId","concat","className","children","propTypes","PropTypes","shape","string","isRequired"],"mappings":"kOAOMA,EAAYC,EAAAA,WAAW,CAC3BC,KAAM,CACJC,MAAO,UAILC,EAA0B,SAQ1BC,GAAA,IAJUH,EAHdI,EAAAA,SACEC,QACEC,iBACEC,KAAQP,KAKRQ,EAAUV,IAEhB,OACEW,EAAAA,IAACC,EAAAA,YAAW,CAACC,OAAM,GAAAC,OApBL,0BAoB2B,SAACC,UAAWL,EAAQR,KAAKc,SAC/Dd,GAGP,EAEAE,EAAwBa,UAAY,CAClCX,SAAUY,EAAS,QAACC,MAAM,CACxBZ,QAASW,EAAS,QAACC,MAAM,CACvBX,iBAAkBU,EAAS,QAACC,MAAM,CAChCV,KAAMS,EAAS,QAACC,MAAM,CACpBjB,KAAMgB,EAAAA,QAAUE,OAAOC,aACtBA,aACFA,aACFA,aACFA"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@material-ui/core"),t=require("moment"),i=require("../../../utils/index.js"),a=require("../../../utils/mobileDetect.js"),n=require("../../UserMention/utils/index.js"),r=require("../../Attachment/index.js"),s=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(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"}}}})),d="DvDCommentFeedItem";module.exports=function(t){var l,m=t.feedItem,u=m.context.dvd_comment,p=u.body,h=u.attachment,f=void 0===h?{}:h,x=u.data,j=x.timestamp,y=x.bitDepth,v=x.holeDepth,g=x.cost,D=m.mentioned_users,N=c(),b=i.convertValue(+y,"length","ft"),F=i.convertValue(+v,"length","ft"),_=i.getUnitDisplay("length"),T=(null==f?void 0:f.signed_url)||(null==f?void 0:f.url),q=(null==f?void 0:f.file_name)||(null==f?void 0:f.name);return s.jsxs("div",{className:N.wrapper,children:[p&&s.jsx(e.Typography,{"data-testid":"".concat(d,"_message"),variant:"body1",gutterBottom:!0,children:n.formatMentionText(p,D,a.isNativeDetected)}),j&&s.jsxs(e.Typography,{className:N.infoField,children:["Time:"," ",s.jsx("span",{"data-testid":"".concat(d,"_time"),children:o.default.unix(j).format("MM.DD.YYYY, HH:mm")})]}),Number.isFinite(F)&&s.jsxs(e.Typography,{className:N.infoField,children:["Hole Depth: ",s.jsx("span",{"data-testid":"".concat(d,"_holeDepth"),children:"".concat(F," ").concat(_)})]}),Number.isFinite(b)&&s.jsxs(e.Typography,{className:N.infoField,children:["Bit Depth: ",s.jsx("span",{"data-testid":"".concat(d,"_bitDepth"),children:"".concat(b," ").concat(_)})]}),g&&Number.isFinite(g)&&s.jsxs(e.Typography,{className:N.infoField,children:["Cost: ",s.jsxs("span",{"data-testid":"".concat(d,"_cost"),children:[(l=g,l.toString().replace(/\B(?=(\d{3})+(?!\d))/g," "))," $"]})]}),f&&T&&s.jsx("div",{className:N.attachment,children:s.jsx(r,{small:!0,attachmentUrl:T,fileName:q,displayName:q})})]})};
+"use strict";var e=require("@material-ui/core"),t=require("moment"),n=require("./components/ContextRow.js"),i=require("../../../utils/index.js"),o=require("../../../utils/mobileDetect.js"),a=require("../../UserMention/utils/index.js"),s=require("../../../constants/feed.js"),r=require("./components/FeedAttachment.js"),c=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=u(t),m=e.makeStyles((function(e){return{attachment:{paddingTop:e.spacing(1)}}})),d="DvDCommentFeedItem";module.exports=function(e){var t,u=e.feedItem,x=u.context.dvd_comment,h=x.body,p=x.attachment,j=void 0===p?{}:p,f=x.data,v=f.timestamp,b=f.bitDepth,D=f.holeDepth,g=f.cost,_=u.mentioned_users,q=m(),C=i.convertValue(+b,"length","ft"),I=i.convertValue(+D,"length","ft"),F=i.getUnitDisplay("length");return c.jsxs(n.ContextRows,{children:[h&&c.jsx(n.ContextText,{testId:"".concat(d,"_message"),children:a.formatMentionText(h,_,o.isNativeDetected)}),Number.isFinite(I)&&c.jsx(n.ContextRow,{label:"Hole Depth:",value:I.toLocaleString(),unit:F,testId:"".concat(d,"_holeDepth")}),Number.isFinite(C)&&c.jsx(n.ContextRow,{label:"Bit Depth:",value:C.toLocaleString(),unit:F,testId:"".concat(d,"_bitDepth")}),g&&Number.isFinite(g)&&c.jsx(n.ContextRow,{label:"Cost:",value:(t=g,t.toString().replace(/\B(?=(\d{3})+(?!\d))/g," ")),unit:"$",testId:"".concat(d,"_cost")}),v&&c.jsx(n.ContextRow,{label:"Time:",value:l.default.unix(v).format(s.FEED_ITEM_TIME_FORMAT),testId:"".concat(d,"_time")}),c.jsx(r.FeedAttachment,{attachment:j,className:q.attachment})]})};
 //# sourceMappingURL=DvDCommentFeedItem.js.map

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":"uiBAkBMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,WAAY,QAEdC,UAAW,CACTC,aAAc,EACdF,WAAY,QAEdG,MAAO,CACLC,MAAON,EAAMO,QAAQC,QAAQC,OAEhC,IAEKC,EAA6B,SAAkBC,GAAA,IAAfC,IAAAA,SAC9BC,EAAUf,IAOZc,EAAAA,EALFE,QAAOC,EACJC,EAAAA,EAAeA,gBAACC,sBAAyBC,IAAAA,KAAMC,IAAAA,KAChDC,IAAAA,WAEeC,EACfT,EADFU,gBAGF,OACEC,EAAAA,KAACC,EAAAA,IAAG,CAACC,WAAW,WAAUC,SACvBR,CAAAA,GACCS,EAAAC,IAACC,EAAkB,CAAAH,SACjBC,MAACG,YAAS,CACRC,UAAWlB,EAAQZ,QACnB,cAAA,GAAA+B,OA/BM,6BA+B8B,YACpCC,QAAQ,QAAOP,SAEdQ,EAAiBA,kBAAChB,EAAMG,EAAgBc,EAAAA,sBAK/CR,MAACH,MAAG,CAACY,GAAI,EAAGC,GAAI,EAAEX,SACfP,GACCmB,OAAOC,KAAKpB,GAAMqB,KAAI,SAAAC,GAAO,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAC3BxB,EAAAA,KAACO,EAAAA,UAAS,CAACC,UAAWlB,EAAQV,UAAUuB,SACtC,CAAAH,EAAAyB,KAAA,OAAA,CAAMjB,UAAWlB,EAAQR,MAAMqB,SAAA,CAAEP,EAAKsB,GAASpC,MAAK,QACnD,CACC4C,EAAAA,mCAAmCC,OACnCD,EAAkCA,mCAACE,QACnCC,SAASjC,EAAKsB,GAASY,OAASlC,EAAKsB,GAASa,MAC/CnC,EAAKsB,GAASY,OAASJ,EAAkCA,mCAACM,MACzDC,UAAOC,OAAMtC,SAAA,QAAAA,EAAAA,EAAOsB,UAAP,IAAAC,OAAAvB,EAAAuB,EAAiBY,QAAOI,OAAOC,EAAqBA,uBAClExC,EAAKsB,GAASY,OAASJ,EAAAA,mCAAmCW,aACtDC,GAAAA,OAAAA,EAAYA,aACb1C,SAAA,QAAIwB,EAAJxB,EAAOsB,UAAP,IAAAE,OAAI,EAAJA,EAAiBW,MACjBnC,SAAA,QAAAA,EAAAA,EAAOsB,UAAP,IAAAG,OAAAzB,EAAAyB,EAAiBkB,SACjB3C,SAAe,QAAX0B,EAAJ1B,EAAOsB,UAAQ,IAAAI,OAAX,EAAJA,EAAiBkB,KACjBC,EAAcA,eAAC7C,iBAAI2B,EAAJ3B,EAAOsB,qBAAH,EAAJK,EAAiBgB,WAC7BE,KAAAA,OAAAA,EAAcA,eAAC7C,SAAe,QAAX4B,EAAJ5B,EAAOsB,UAAQ,IAAAM,OAAX,EAAJA,EAAiBe,aAdKrB,QAmBnDrB,GAAcA,EAAW6C,KACxBtC,EAAAA,IAACuC,EAAU,CACTC,cAAe/C,EAAW6C,IAC1BG,SAAUhD,EAAWiD,KACrBC,eAAgBlD,EAAWmD,KAC3BA,KAAK,aAKf,EAEA7D,EAA2B8D,UAAY,CACrC5D,SAAU6D,EAAS,QAACC,MAAM,CACxB5D,QAAS2D,EAAAA,QAAUC,MAChB1D,EAAAA,QAAAA,CAAAA,EAAAA,kBAAgBC,qBAAuBwD,EAAS,QAACC,MAAM,CACtDxD,KAAMuD,EAAAA,QAAUvB,OAAOyB,WACvBvD,WAAYqD,EAAS,QAACC,MAAM,CAC1BT,IAAKQ,EAAS,QAACvB,OACfqB,KAAME,EAAS,QAACtB,SAElByB,MAAOH,EAAS,QAACI,UAAU,CAACJ,EAAS,QAACvB,OAAQuB,EAAAA,QAAUtB,SACxD2B,UAAWL,EAAAA,QAAUvB,OAAOyB,WAC5BxD,KAAMsD,EAAAA,QAAUC,MAAM,MACrBC,aACFA,WACHrD,gBAAiBmD,EAAS,QAACM,QAAQN,EAAS,QAACC,MAAM,CAAE,MACpDC"}
+{"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