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

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

@@ -1 +1 @@
-{"version":3,"file":"NptFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/NptFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\n\nconst PAGE_NAME = 'nptActivity';\n\nconst TIME_FORMAT = 'MM/DD/YYYY HH:mm';\n\nconst useStyles = makeStyles(theme => ({\n  columnWithMargin: {\n    marginRight: 40,\n  },\n  highlightedText: {\n    color: blue[300],\n    textTransform: 'capitalize',\n  },\n  valueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  text: {\n    color: theme.palette.grey[400],\n    marginRight: 5,\n  },\n}));\n\nconst NptFeedItem = ({\n  feedItem: {\n    context: {\n      npt_event: {\n        data: { comment = '', depth, end_time: endTime, start_time: startTime, type = '' },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n  const startTimePrepared = startTime ? moment.unix(startTime) : moment();\n\n  const endTimePrepared = endTime ? moment.unix(endTime) : undefined;\n\n  const duration =\n    endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();\n\n  const depthConverted = convertValue(depth, 'length', 'ft');\n\n  return (\n    <Grid spacing={8} justify=\"flex-start\" container>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.valueWrapper}>\n          Type:&nbsp;\n          <Typography\n            variant=\"body2\"\n            data-testid={`${PAGE_NAME}_type`}\n            component=\"span\"\n            className={classes.highlightedText}\n          >\n            {type}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\">Duration:</Typography>\n        <Typography variant=\"body2\" className={classes.valueWrapper}>\n          <Typography\n            data-testid={`${PAGE_NAME}_duration`}\n            component=\"span\"\n            variant=\"h6\"\n            className={classes.highlightedText}\n          >\n            {(Number.isFinite(duration) && duration.toFixed(2)) || '-'}\n          </Typography>\n          {duration && (\n            <Typography\n              data-testid={`${PAGE_NAME}_durationUnits`}\n              component=\"span\"\n              variant=\"caption\"\n              className={classes.unit}\n            >\n              (hrs)\n            </Typography>\n          )}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_startTime`}\n          className={classes.valueWrapper}\n        >\n          <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n            Start Time:\n          </Typography>\n          {startTimePrepared.format(TIME_FORMAT)}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_depth`}\n          className={classes.valueWrapper}\n        >\n          <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n            Depth:\n          </Typography>\n          {depthConverted?.formatNumeral('0,0.00')}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({getUnitDisplay('length')})\n          </Typography>\n        </Typography>\n        {comment && (\n          <Typography\n            variant=\"body2\"\n            data-testid={`${PAGE_NAME}_comment`}\n            className={classes.valueWrapper}\n          >\n            <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n              Comment:\n            </Typography>\n            {comment}\n          </Typography>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n\nconst nptEventDataType = PropTypes.shape({\n  comment: PropTypes.string.isRequired,\n  depth: PropTypes.number.isRequired,\n  end_time: PropTypes.number.isRequired,\n  start_time: PropTypes.number.isRequired,\n  type: PropTypes.string.isRequired,\n}).isRequired;\n\nNptFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      completion_npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n      npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default NptFeedItem;\n"],"names":["useStyles","makeStyles","theme","columnWithMargin","marginRight","highlightedText","color","blue","textTransform","valueWrapper","display","alignItems","unit","palette","grey","marginLeft","text","NptFeedItem","_ref","_ref$feedItem$context","feedItem","context","npt_event","data","_ref$feedItem$context2","comment","depth","endTime","end_time","startTime","start_time","_ref$feedItem$context3","type","classes","startTimePrepared","moment","unix","endTimePrepared","undefined","duration","asHours","depthConverted","convertValue","_jsxs","Grid","spacing","justify","container","children","item","className","Typography","variant","_jsx","concat","component","Number","isFinite","toFixed","jsx","format","formatNumeral","getUnitDisplay","jsxs","nptEventDataType","PropTypes","shape","string","isRequired","number","propTypes","completion_npt_event"],"mappings":"8SAWMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,iBAAkB,CAChBC,YAAa,IAEfC,gBAAiB,CACfC,MAAOC,EAAI,QAAC,KACZC,cAAe,cAEjBC,aAAc,CACZC,QAAS,OACTC,WAAY,YAEdC,KAAM,CACJN,MAAOJ,EAAMW,QAAQC,KAAK,KAC1BC,WAAY,GAEdC,KAAM,CACJV,MAAOJ,EAAMW,QAAQC,KAAK,KAC1BV,YAAa,GAEhB,IAEKa,EAAc,SAQdC,GAAA,IAAAC,EAAAD,EAPJE,SACEC,QACEC,UACEC,KAAIC,EAAAL,EAAIM,QAAAA,aAAU,GAAED,EAAEE,IAAAA,MAAiBC,IAAVC,SAA+BC,IAAZC,WAAUC,EAAAZ,EAAaa,KAAAA,aAAO,GAAED,EAKhFE,EAAUjC,IACVkC,EAAoBL,EAAYM,EAAM,QAACC,KAAKP,GAAaM,EAAAA,UAEzDE,EAAkBV,EAAUQ,EAAAA,QAAOC,KAAKT,QAAWW,EAEnDC,EACJF,GAAmBF,UAAOI,SAASF,EAAkBH,GAAmBM,UAEpEC,EAAiBC,EAAYA,aAAChB,EAAO,SAAU,MAErD,OACEiB,EAAAA,KAACC,EAAAA,KAAI,CAACC,QAAS,EAAGC,QAAQ,aAAaC,WAAS,EAAAC,SAAA,CAC9CL,OAACC,OAAI,CAACK,MAAI,EAACC,UAAWjB,EAAQ9B,iBAAiB6C,SAAA,CAC7CL,OAACQ,aAAU,CAACC,QAAQ,QAAQF,UAAWjB,EAAQxB,aAAauC,SAAA,CAAA,SAE1DK,MAACF,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAE,OApDM,cAoD2B,SACjCC,UAAU,OACVL,UAAWjB,EAAQ5B,gBAAgB2C,SAElChB,OAGLqB,MAACF,aAAU,CAACC,QAAQ,QAAOJ,SAAA,cAC3BL,OAACQ,aAAU,CAACC,QAAQ,QAAQF,UAAWjB,EAAQxB,aAAauC,SAAA,CAC1DK,MAACF,aAAU,CACT,cAAA,GAAAG,OA9DM,cA8D+B,aACrCC,UAAU,OACVH,QAAQ,KACRF,UAAWjB,EAAQ5B,gBAAgB2C,SAEjCQ,OAAOC,SAASlB,IAAaA,EAASmB,QAAQ,IAAO,MAExDnB,GACCc,EAAAM,IAACR,aAAU,CACT,cAAA,GAAAG,OAvEI,cAuEsC,kBAC1CC,UAAU,OACVH,QAAQ,UACRF,UAAWjB,EAAQrB,KAAKoC,SAAA,gBAOhCL,OAACC,OAAI,CAACK,MAAI,EAAAD,SAAA,CACRL,OAACQ,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAE,OApFQ,cAoF8B,cACtCJ,UAAWjB,EAAQxB,aAAauC,SAAA,CAEhCK,MAACF,aAAU,CAACC,QAAQ,QAAQG,UAAU,OAAOL,UAAWjB,EAAQjB,KAAKgC,SAAA,gBAGpEd,EAAkB0B,OAxFT,uBA0FZjB,OAACQ,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAE,OA9FQ,cA8F0B,UAClCJ,UAAWjB,EAAQxB,aAAauC,SAAA,CAEhCK,MAACF,aAAU,CAACC,QAAQ,QAAQG,UAAU,OAAOL,UAAWjB,EAAQjB,KAAKgC,SAAA,WAGpEP,aAAAA,EAAAA,EAAgBoB,cAAc,UAC/BlB,EAAAA,KAACQ,EAAAA,WAAU,CAACI,UAAU,OAAOH,QAAQ,UAAUF,UAAWjB,EAAQrB,KAAKoC,SACnEc,CAAAA,IAAAA,EAAcA,eAAC,UAAS,UAG7BrC,GACCkB,EAAAoB,KAACZ,aAAU,CACTC,QAAQ,QACR,cAAA,GAAAE,OA5GM,cA4G8B,YACpCJ,UAAWjB,EAAQxB,aAAauC,SAAA,CAEhCK,MAACF,aAAU,CAACC,QAAQ,QAAQG,UAAU,OAAOL,UAAWjB,EAAQjB,KAAKgC,SAAA,aAGpEvB,UAMb,EAEMuC,EAAmBC,EAAS,QAACC,MAAM,CACvCzC,QAASwC,EAAAA,QAAUE,OAAOC,WAC1B1C,MAAOuC,EAAAA,QAAUI,OAAOD,WACxBxC,SAAUqC,EAAAA,QAAUI,OAAOD,WAC3BtC,WAAYmC,EAAAA,QAAUI,OAAOD,WAC7BpC,KAAMiC,EAAAA,QAAUE,OAAOC,aACtBA,WAEHnD,EAAYqD,UAAY,CACtBlD,SAAU6C,EAAS,QAACC,MAAM,CACxB7C,QAAS4C,EAAS,QAACC,MAAM,CACvBK,qBAAsBN,EAAS,QAACC,MAAM,CACpC3C,KAAMyC,IACLI,WACH9C,UAAW2C,EAAS,QAACC,MAAM,CACzB3C,KAAMyC,IACLI,aACFA,aACFA"}
+{"version":3,"file":"NptFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/NptFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows } from './components/ContextRow';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\n\nconst PAGE_NAME = 'nptActivity';\n\nconst useStyles = makeStyles(theme => ({\n  topRow: {\n    display: 'flex',\n    alignItems: 'baseline',\n    flexWrap: 'wrap',\n    gap: theme.spacing(0.5, 3),\n  },\n  noWrapRow: {\n    flexShrink: 0,\n    whiteSpace: 'nowrap',\n  },\n  capitalized: {\n    textTransform: 'capitalize',\n  },\n}));\n\nconst NptFeedItem = ({\n  feedItem: {\n    context: {\n      npt_event: {\n        data: { comment = '', depth, end_time: endTime, start_time: startTime, type = '' },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n  const startTimePrepared = startTime ? moment.unix(startTime) : moment();\n\n  const endTimePrepared = endTime ? moment.unix(endTime) : undefined;\n\n  const duration =\n    endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();\n\n  const depthConverted = convertValue(depth, 'length', 'ft');\n\n  return (\n    <ContextRows>\n      <div className={classes.topRow}>\n        <ContextRow\n          label=\"Type:\"\n          value={<span className={classes.capitalized}>{type}</span>}\n          testId={`${PAGE_NAME}_type`}\n        />\n        <ContextRow\n          className={classes.noWrapRow}\n          label=\"Duration:\"\n          value={(Number.isFinite(duration) && duration.toFixed(2)) || '-'}\n          color=\"info\"\n          unit={\n            Number.isFinite(duration) ? (\n              <span data-testid={`${PAGE_NAME}_durationUnits`}>hrs</span>\n            ) : undefined\n          }\n          testId={`${PAGE_NAME}_duration`}\n        />\n      </div>\n      <ContextRow\n        label=\"Depth:\"\n        value={depthConverted?.formatNumeral('0,0.00')}\n        unit={getUnitDisplay('length')}\n        testId={`${PAGE_NAME}_depth`}\n      />\n      <ContextRow\n        label=\"Time:\"\n        value={startTimePrepared.format(FEED_ITEM_TIME_FORMAT)}\n        testId={`${PAGE_NAME}_startTime`}\n      />\n      {comment && (\n        <ContextRow\n          label=\"Comment:\"\n          value={comment}\n          valueSize=\"small\"\n          testId={`${PAGE_NAME}_comment`}\n        />\n      )}\n    </ContextRows>\n  );\n};\n\nconst nptEventDataType = PropTypes.shape({\n  comment: PropTypes.string.isRequired,\n  depth: PropTypes.number.isRequired,\n  end_time: PropTypes.number.isRequired,\n  start_time: PropTypes.number.isRequired,\n  type: PropTypes.string.isRequired,\n}).isRequired;\n\nNptFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      completion_npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n      npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default NptFeedItem;\n"],"names":["useStyles","makeStyles","theme","topRow","display","alignItems","flexWrap","gap","spacing","noWrapRow","flexShrink","whiteSpace","capitalized","textTransform","NptFeedItem","_ref","_ref$feedItem$context","feedItem","context","npt_event","data","_ref$feedItem$context2","comment","depth","endTime","end_time","startTime","start_time","_ref$feedItem$context3","type","classes","startTimePrepared","moment","unix","endTimePrepared","undefined","duration","asHours","depthConverted","convertValue","_jsxs","ContextRows","children","jsxs","className","_jsx","ContextRow","label","value","jsx","testId","Number","isFinite","toFixed","color","unit","concat","formatNumeral","getUnitDisplay","format","FEED_ITEM_TIME_FORMAT","valueSize","nptEventDataType","PropTypes","shape","string","isRequired","number","propTypes","completion_npt_event"],"mappings":"4UAWMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,OAAQ,CACNC,QAAS,OACTC,WAAY,WACZC,SAAU,OACVC,IAAKL,EAAMM,QAAQ,GAAK,IAE1BC,UAAW,CACTC,WAAY,EACZC,WAAY,UAEdC,YAAa,CACXC,cAAe,cAElB,IAEKC,EAAc,SAQdC,GAAA,IAAAC,EAAAD,EAPJE,SACEC,QACEC,UACEC,KAAIC,EAAAL,EAAIM,QAAAA,aAAU,GAAED,EAAEE,IAAAA,MAAiBC,IAAVC,SAA+BC,IAAZC,WAAUC,EAAAZ,EAAaa,KAAAA,aAAO,GAAED,EAKhFE,EAAU9B,IACV+B,EAAoBL,EAAYM,EAAM,QAACC,KAAKP,GAAaM,EAAAA,UAEzDE,EAAkBV,EAAUQ,EAAAA,QAAOC,KAAKT,QAAWW,EAEnDC,EACJF,GAAmBF,UAAOI,SAASF,EAAkBH,GAAmBM,UAEpEC,EAAiBC,EAAYA,aAAChB,EAAO,SAAU,MAErD,OACEiB,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACV,CAAAF,EAAAG,KAAA,MAAA,CAAKC,UAAWd,EAAQ3B,OAAOuC,SAAA,CAC7BG,MAACC,aAAU,CACTC,MAAM,QACNC,MAAOH,EAAAI,IAAA,OAAA,CAAML,UAAWd,EAAQlB,YAAY8B,SAAEb,IAC9CqB,iBA3CQ,cA2CY,WAEtBL,MAACC,aAAU,CACTF,UAAWd,EAAQrB,UACnBsC,MAAM,YACNC,MAAQG,OAAOC,SAAShB,IAAaA,EAASiB,QAAQ,IAAO,IAC7DC,MAAM,OACNC,KACEJ,OAAOC,SAAShB,GACdS,EAAAA,IAAA,OAAA,CAAM,cAAA,GAAAW,OApDF,cAoD4C,kBAAAd,SAAA,aAC9CP,EAENe,iBAvDQ,cAuDY,kBAGxBL,MAACC,aAAU,CACTC,MAAM,SACNC,MAAOV,aAAc,EAAdA,EAAgBmB,cAAc,UACrCF,KAAMG,EAAcA,eAAC,UACrBR,iBA9DU,cA8DU,YAEtBL,MAACC,aAAU,CACTC,MAAM,QACNC,MAAOjB,EAAkB4B,OAAOC,yBAChCV,iBAnEU,cAmEU,gBAErB5B,GACCuB,EAAAI,IAACH,aAAU,CACTC,MAAM,WACNC,MAAO1B,EACPuC,UAAU,QACVX,iBA1EQ,cA0EY,gBAK9B,EAEMY,EAAmBC,EAAS,QAACC,MAAM,CACvC1C,QAASyC,EAAAA,QAAUE,OAAOC,WAC1B3C,MAAOwC,EAAAA,QAAUI,OAAOD,WACxBzC,SAAUsC,EAAAA,QAAUI,OAAOD,WAC3BvC,WAAYoC,EAAAA,QAAUI,OAAOD,WAC7BrC,KAAMkC,EAAAA,QAAUE,OAAOC,aACtBA,WAEHpD,EAAYsD,UAAY,CACtBnD,SAAU8C,EAAS,QAACC,MAAM,CACxB9C,QAAS6C,EAAS,QAACC,MAAM,CACvBK,qBAAsBN,EAAS,QAACC,MAAM,CACpC5C,KAAM0C,IACLI,WACH/C,UAAW4C,EAAS,QAACC,MAAM,CACzB5C,KAAM0C,IACLI,aACFA,aACFA"}

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PCCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/PCCommentFeedItem.js"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport moment from 'moment';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport Attachment from '~/components/Attachment';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\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 = 'PCCommentFeedItem';\n\nconst PCCommentFeedItem = ({ feedItem }) => {\n  const feedItemType = feedItem.type;\n  const {\n    context: {\n      [feedItemType]: {\n        body,\n        attachment = {},\n        data: { timestamp, holeDepth },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n\n  const classes = useStyles();\n  const depthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  const attachmentUrl = attachment?.signed_url || attachment?.url;\n  const attachmentName = attachment?.file_name || attachment?.name;\n\n  return (\n    <div className={classes.wrapper}>\n      {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: <span>{moment.unix(timestamp).format('MM.DD.YYYY, HH:mm')}</span>\n        </Typography>\n      )}\n\n      {(holeDepth || holeDepth === 0) && (\n        <Typography className={classes.infoField}>\n          Hole Depth:{' '}\n          <span>\n            {`${Math.round(depthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n          </span>\n        </Typography>\n      )}\n\n      {attachment && (attachmentUrl || attachmentName) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachmentUrl}\n            fileName={attachmentName}\n            displayName={attachmentName}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PCCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","text","color","palette","primary","text6","value","attachment","paddingTop","width","infoField","_ref","feedItem","feedItemType","type","_feedItem$context$fee","context","body","_feedItem$context$fee2","_feedItem$context$fee3","data","timestamp","holeDepth","mentionedUsers","mentioned_users","classes","depthConverted","convertValue","attachmentUrl","signed_url","url","attachmentName","file_name","name","_jsxs","className","wrapper","children","_jsx","jsx","Typography","concat","variant","gutterBottom","formatMentionText","isNativeDetected","jsxs","moment","unix","format","Math","round","toLocaleString","getUnitDisplay","Attachment","small","fileName","displayName"],"mappings":"8VAQMA,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,mBAIyB,SAAkBS,GAAA,IAAfC,IAAAA,SACrBC,EAAeD,EAASE,KAC9BC,EASIH,EARFI,QACGH,GACCI,IAAAA,KAAIC,EAAAH,EACJR,WAAAA,OAAU,IAAAW,EAAG,CAAE,EAAAA,EAAAC,EAAAJ,EACfK,KAAQC,IAAAA,UAAWC,IAAAA,UAGNC,EACfX,EADFY,gBAGIC,EAAU3B,IACV4B,EAAiBC,EAAAA,cAAcL,EAAW,SAAU,MAEpDM,GAAgBrB,aAAAA,EAAAA,EAAYsB,cAActB,aAAAA,EAAAA,EAAYuB,KACtDC,GAAiBxB,aAAAA,EAAAA,EAAYyB,aAAazB,aAAAA,EAAAA,EAAY0B,MAE5D,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWV,EAAQW,QAAQC,SAC7BpB,CAAAA,GACCqB,EAAAC,IAACC,aAAU,CAAC,cAAA,GAAAC,OAxBF,oBAwBsC,YAACC,QAAQ,QAAQC,cAAY,EAAAN,SAC1EO,EAAiBA,kBAAC3B,EAAMM,EAAgBsB,EAAAA,oBAG5CxB,GACCa,EAAAY,KAACN,aAAU,CAACL,UAAWV,EAAQf,UAAU2B,SACjC,CAAA,SAAAC,EAAAC,IAAA,OAAA,CAAAF,SAAOU,EAAM,QAACC,KAAK3B,GAAW4B,OAAO,2BAI7C3B,GAA2B,IAAdA,IACbY,EAAAA,KAACM,EAAAA,WAAU,CAACL,UAAWV,EAAQf,UAAU2B,SAAA,CAAA,cAC3B,IACZC,EAAAA,IAAA,OAAA,CAAAD,SAAA,GAAAI,OACMS,KAAKC,MAAMzB,GAAgB0B,iBAAgB,KAAAX,OAAIY,EAAcA,eAAC,gBAKvE9C,IAAeqB,GAAiBG,IAC/BO,EAAAA,IAAA,MAAA,CAAKH,UAAWV,EAAQlB,WAAW8B,SACjCC,MAACgB,EAAU,CACTC,OAAK,EACL3B,cAAeA,EACf4B,SAAUzB,EACV0B,YAAa1B,QAMzB"}
+{"version":3,"file":"PCCommentFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/PCCommentFeedItem.js"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport moment from 'moment';\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 { FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n  attachment: {\n    paddingTop: theme.spacing(1),\n  },\n}));\n\nconst PAGE_NAME = 'PCCommentFeedItem';\n\nconst PCCommentFeedItem = ({ feedItem }) => {\n  const feedItemType = feedItem.type;\n  const {\n    context: {\n      [feedItemType]: {\n        body,\n        attachment = {},\n        data: { timestamp, holeDepth },\n      },\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n\n  const classes = useStyles();\n  const depthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  return (\n    <ContextRows>\n      {body && (\n        <ContextText testId={`${PAGE_NAME}_message`}>\n          {formatMentionText(body, mentionedUsers, isNativeDetected)}\n        </ContextText>\n      )}\n\n      {(holeDepth || holeDepth === 0) && (\n        <ContextRow\n          label=\"Hole Depth:\"\n          value={Math.round(depthConverted).toLocaleString()}\n          unit={getUnitDisplay('length')}\n        />\n      )}\n\n      {timestamp && (\n        <ContextRow label=\"Time:\" value={moment.unix(timestamp).format(FEED_ITEM_TIME_FORMAT)} />\n      )}\n\n      <FeedAttachment attachment={attachment} className={classes.attachment} />\n    </ContextRows>\n  );\n};\n\nexport default PCCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","attachment","paddingTop","spacing","_ref","feedItem","feedItemType","type","_feedItem$context$fee","context","body","_feedItem$context$fee2","_feedItem$context$fee3","data","timestamp","holeDepth","mentionedUsers","mentioned_users","classes","depthConverted","convertValue","_jsxs","ContextRows","children","_jsx","jsx","ContextText","testId","concat","formatMentionText","isNativeDetected","ContextRow","label","value","Math","round","toLocaleString","unit","getUnitDisplay","moment","unix","format","FEED_ITEM_TIME_FORMAT","FeedAttachment","className"],"mappings":"mbAWMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,WAAY,CACVC,WAAYF,EAAMG,QAAQ,IAE7B,mBAIyB,SAAkBC,GAAA,IAAfC,IAAAA,SACrBC,EAAeD,EAASE,KAC9BC,EASIH,EARFI,QACGH,GACCI,IAAAA,KAAIC,EAAAH,EACJP,WAAAA,OAAU,IAAAU,EAAG,CAAE,EAAAA,EAAAC,EAAAJ,EACfK,KAAQC,IAAAA,UAAWC,IAAAA,UAGNC,EACfX,EADFY,gBAGIC,EAAUpB,IACVqB,EAAiBC,EAAAA,cAAcL,EAAW,SAAU,MAE1D,OACEM,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SACTb,CAAAA,GACCc,EAAAC,IAACC,cAAW,CAACC,OAAM,GAAAC,OArBT,oBAqBkC,YAAAL,SACzCM,EAAiBA,kBAACnB,EAAMM,EAAgBc,EAAAA,qBAI3Cf,GAA2B,IAAdA,IACbS,EAAAA,IAACO,EAAAA,WAAU,CACTC,MAAM,cACNC,MAAOC,KAAKC,MAAMhB,GAAgBiB,iBAClCC,KAAMC,EAAcA,eAAC,YAIxBxB,GACCU,EAAAC,IAACM,aAAU,CAACC,MAAM,QAAQC,MAAOM,EAAM,QAACC,KAAK1B,GAAW2B,OAAOC,EAAAA,yBAGjElB,MAACmB,iBAAc,CAAC1C,WAAYA,EAAY2C,UAAW1B,EAAQjB,eAGjE"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("../../../utils/mobileDetect.js"),i=require("../../Attachment/index.js"),a=require("../../UserMention/utils/index.js"),s=require("../../CollapsibleContent.js"),u=require("react/jsx-runtime");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(e),l=t.makeStyles({wrapper:{whiteSpace:"pre-wrap"}}),o=function(e){var n=e.feedItem,d=n.context.post,o=d.body,m=d.attachment,p=n.mentioned_users,c=l(),f=(null==m?void 0:m.signed_url)||(null==m?void 0:m.url)||(null==m?void 0:m.file_name);return u.jsxs("div",{className:c.wrapper,children:[o&&u.jsx(s,{children:u.jsx(t.Typography,{"data-testid":"".concat("PostFeedItem","_message"),variant:"body1",gutterBottom:!0,children:a.formatMentionText(o,p,r.isNativeDetected)})}),f&&u.jsx(i,{attachmentUrl:m.signed_url||m.url,fileName:m.file_name,attachmentSize:m.size,size:"medium"})]})};o.propTypes={feedItem:d.default.shape({context:d.default.shape({post:d.default.shape({body:d.default.string.isRequired,attachment:d.default.shape({url:d.default.string,size:d.default.number})}).isRequired}).isRequired,mentioned_users:d.default.arrayOf(d.default.shape({}))}).isRequired},module.exports=o;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("./components/ContextRow.js"),s=require("../../../utils/mobileDetect.js"),a=require("./components/FeedAttachment.js"),i=require("../../UserMention/utils/index.js"),n=require("../../CollapsibleContent.js"),u=require("react/jsx-runtime");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(e),l=t.makeStyles((function(e){return{wrapper:{whiteSpace:"pre-wrap",display:"flex",flexDirection:"column",gap:e.spacing(1),alignItems:"flex-start"}}})),c=function(e){var t=e.feedItem,o=t.context.post,d=o.body,c=o.attachment,p=t.mentioned_users,m=l();return u.jsxs("div",{className:m.wrapper,children:[d&&u.jsx(n,{children:u.jsx(r.ContextText,{testId:"".concat("PostFeedItem","_message"),children:i.formatMentionText(d,p,s.isNativeDetected)})}),u.jsx(a.FeedAttachment,{attachment:c})]})};c.propTypes={feedItem:d.default.shape({context:d.default.shape({post:d.default.shape({body:d.default.string.isRequired,attachment:d.default.shape({url:d.default.string,size:d.default.number})}).isRequired}).isRequired,mentioned_users:d.default.arrayOf(d.default.shape({}))}).isRequired},module.exports=c;
 //# sourceMappingURL=PostFeedItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PostFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/PostFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\n\nconst PAGE_NAME = 'PostFeedItem';\n\nconst useStyles = makeStyles({\n  wrapper: { whiteSpace: 'pre-wrap' },\n});\n\nconst PostFeedItem = ({\n  feedItem: {\n    context: {\n      post: { body, attachment },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n  const hasAttachment = attachment?.signed_url || attachment?.url || attachment?.file_name;\n\n  return (\n    <div className={classes.wrapper}>\n      {body && (\n        <CollapsibleContent>\n          <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Typography>\n        </CollapsibleContent>\n      )}\n\n      {hasAttachment && (\n        <Attachment\n          attachmentUrl={attachment.signed_url || attachment.url}\n          fileName={attachment.file_name}\n          attachmentSize={attachment.size}\n          size=\"medium\"\n        />\n      )}\n    </div>\n  );\n};\n\nPostFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      post: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default PostFeedItem;\n"],"names":["useStyles","makeStyles","wrapper","whiteSpace","PostFeedItem","_ref","_ref$feedItem","feedItem","_ref$feedItem$context","context","post","body","attachment","mentionedUsers","mentioned_users","classes","hasAttachment","signed_url","url","file_name","_jsxs","className","children","_jsx","jsx","CollapsibleContent","Typography","concat","variant","gutterBottom","formatMentionText","isNativeDetected","Attachment","attachmentUrl","fileName","attachmentSize","size","propTypes","PropTypes","shape","string","isRequired","number","arrayOf"],"mappings":"oWAUMA,EAAYC,EAAAA,WAAW,CAC3BC,QAAS,CAAEC,WAAY,cAGnBC,EAAe,SAOfC,GAAA,IAAAC,EAAAD,EANJE,SAAQC,EACNC,EAAAA,QACEC,KAAQC,IAAAA,KAAMC,IAAAA,WAECC,IAAjBC,gBAGIC,EAAUf,IACVgB,GAAgBJ,aAAAA,EAAAA,EAAYK,cAAcL,aAAU,EAAVA,EAAYM,OAAON,aAAU,EAAVA,EAAYO,WAE/E,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAWN,EAAQb,QAAQoB,SAC7BX,CAAAA,GACCY,EAAAC,IAACC,EAAkB,CAAAH,SACjBC,MAACG,aAAU,CAAC,cAAA,GAAAC,OArBJ,eAqBwC,YAACC,QAAQ,QAAQC,cAAY,EAAAP,SAC1EQ,EAAiBA,kBAACnB,EAAME,EAAgBkB,EAAAA,sBAK9Cf,GACCO,EAAAC,IAACQ,EAAU,CACTC,cAAerB,EAAWK,YAAcL,EAAWM,IACnDgB,SAAUtB,EAAWO,UACrBgB,eAAgBvB,EAAWwB,KAC3BA,KAAK,aAKf,EAEAhC,EAAaiC,UAAY,CACvB9B,SAAU+B,EAAS,QAACC,MAAM,CACxB9B,QAAS6B,EAAS,QAACC,MAAM,CACvB7B,KAAM4B,EAAS,QAACC,MAAM,CACpB5B,KAAM2B,EAAAA,QAAUE,OAAOC,WACvB7B,WAAY0B,EAAS,QAACC,MAAM,CAC1BrB,IAAKoB,EAAS,QAACE,OACfJ,KAAME,EAAS,QAACI,WAEjBD,aACFA,WACH3B,gBAAiBwB,EAAS,QAACK,QAAQL,EAAS,QAACC,MAAM,CAAE,MACpDE"}
+{"version":3,"file":"PostFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/PostFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextText } 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 = 'PostFeedItem';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    whiteSpace: 'pre-wrap',\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(1),\n    alignItems: 'flex-start',\n  },\n}));\n\nconst PostFeedItem = ({\n  feedItem: {\n    context: {\n      post: { body, attachment },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.wrapper}>\n      {body && (\n        <CollapsibleContent>\n          <ContextText testId={`${PAGE_NAME}_message`}>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </ContextText>\n        </CollapsibleContent>\n      )}\n\n      <FeedAttachment attachment={attachment} />\n    </div>\n  );\n};\n\nPostFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      post: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default PostFeedItem;\n"],"names":["useStyles","makeStyles","theme","wrapper","whiteSpace","display","flexDirection","gap","spacing","alignItems","PostFeedItem","_ref","_ref$feedItem","feedItem","_ref$feedItem$context","context","post","body","attachment","mentionedUsers","mentioned_users","classes","_jsxs","className","children","_jsx","jsx","CollapsibleContent","ContextText","testId","concat","formatMentionText","isNativeDetected","FeedAttachment","propTypes","PropTypes","shape","string","isRequired","url","size","number","arrayOf"],"mappings":"iZAYMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,WAAY,WACZC,QAAS,OACTC,cAAe,SACfC,IAAKL,EAAMM,QAAQ,GACnBC,WAAY,cAEf,IAEKC,EAAe,SAOfC,GAAA,IAAAC,EAAAD,EANJE,SAAQC,EACNC,EAAAA,QACEC,KAAQC,IAAAA,KAAMC,IAAAA,WAECC,IAAjBC,gBAGIC,EAAUrB,IAEhB,OACEsB,EAAAA,KAAA,MAAA,CAAKC,UAAWF,EAAQlB,QAAQqB,SAC7BP,CAAAA,GACCQ,EAAAC,IAACC,EAAkB,CAAAH,SACjBC,MAACG,cAAW,CAACC,OAAM,GAAAC,OA1BX,eA0BoC,YAAAN,SACzCO,EAAiBA,kBAACd,EAAME,EAAgBa,EAAAA,sBAK/CP,MAACQ,iBAAc,CAACf,WAAYA,MAGlC,EAEAR,EAAawB,UAAY,CACvBrB,SAAUsB,EAAS,QAACC,MAAM,CACxBrB,QAASoB,EAAS,QAACC,MAAM,CACvBpB,KAAMmB,EAAS,QAACC,MAAM,CACpBnB,KAAMkB,EAAAA,QAAUE,OAAOC,WACvBpB,WAAYiB,EAAS,QAACC,MAAM,CAC1BG,IAAKJ,EAAS,QAACE,OACfG,KAAML,EAAS,QAACM,WAEjBH,aACFA,WACHlB,gBAAiBe,EAAS,QAACO,QAAQP,EAAS,QAACC,MAAM,CAAE,MACpDE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),a=require("moment"),t=require("@material-ui/core"),i=require("../../../../../utils/convert.js"),r=require("../../../../../utils/accuracy.js"),n=require("react/jsx-runtime");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(a),s=t.makeStyles((function(e){return{wrapper:{display:"flex",flexDirection:"column",margin:"0 20px 10px 0",minWidth:"290px"},planValueWrapper:{display:"flex",alignItems:"baseline"},planUnit:{color:e.palette.grey[400],marginLeft:5},planText:{color:e.palette.grey[400]}}})),u=function(e){var a,l=e.timestamp,u=void 0===l?null:l,p=e.initialPlanName,o=void 0===p?"":p,m=e.cumulativeTvdChange,d=void 0===m?"":m,y=e.accuracyData,v=s(),g=u?c.default.unix(u).format("MM/DD/YY"):"",h=r.purifyPlanName(o);return d&&(h="".concat(h,", ").concat(d," ft cumulative TVD change")),n.jsxs("div",{className:"c-survey-station-feed-item__accuracy-plan",children:[n.jsx(t.Typography,{variant:"subtitle1",children:"Minimum Distance to Plan:"}),n.jsxs("div",{className:v.planValueWrapper,children:[n.jsx(t.Typography,{variant:"h5",style:{color:r.getColorBySeverity(y)},children:parseFloat(null===(a=i.convertValue(null==y?void 0:y.distance_to_plan,"length","ft"))||void 0===a?void 0:a.toFixed(1))}),n.jsxs(t.Typography,{variant:"caption",className:v.planUnit,children:["(",i.getUnitDisplay("length"),")"]})]}),n.jsx(t.Typography,{variant:"body1",className:v.planText,children:h||g})]})};u.propTypes={timestamp:e.number,initialPlanName:e.string,cumulativeTvdChange:e.string,accuracyData:e.shape().isRequired},module.exports=u;
+"use strict";var e=require("prop-types"),t=require("moment"),a=require("@material-ui/core"),i=require("../../components/ContextRow.js"),n=require("../../../../../utils/convert.js"),r=require("../../../../../utils/accuracy.js"),l=require("react/jsx-runtime");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=u(t),c=a.makeStyles((function(e){return{planText:{color:e.palette.primary.text6}}})),s=function(e){var t,a=e.timestamp,u=void 0===a?null:a,s=e.initialPlanName,m=void 0===s?"":s,p=e.cumulativeTvdChange,d=void 0===p?"":p,v=e.accuracyData,x=c(),y=u?o.default.unix(u).format("MM/DD/YY"):"",f=r.purifyPlanName(m);return d&&(f="".concat(f,", ").concat(d," ft cumulative TVD change")),l.jsxs(i.ContextRows,{className:"c-survey-station-feed-item__accuracy-plan",children:[l.jsx(i.ContextRow,{label:"Minimum Distance to Plan:",value:l.jsx("span",{style:{color:r.getColorBySeverity(v)},children:parseFloat(null===(t=n.convertValue(null==v?void 0:v.distance_to_plan,"length","ft"))||void 0===t?void 0:t.toFixed(1))}),unit:n.getUnitDisplay("length")}),l.jsx(i.ContextText,{className:x.planText,children:f||y})]})};s.propTypes={timestamp:e.number,initialPlanName:e.string,cumulativeTvdChange:e.string,accuracyData:e.shape().isRequired},module.exports=s;
 //# sourceMappingURL=AccuracyPlan.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccuracyPlan.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"sourcesContent":["import { shape, string, number } from 'prop-types';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { purifyPlanName, getColorBySeverity } from '~/utils/accuracy';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    margin: '0 20px 10px 0',\n    minWidth: '290px',\n  },\n  planValueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  planUnit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n}));\n\nconst AccuracyPlan = ({\n  timestamp = null,\n  initialPlanName = '',\n  cumulativeTvdChange = '',\n  accuracyData,\n}) => {\n  const classes = useStyles();\n  const dateString = timestamp ? moment.unix(timestamp).format('MM/DD/YY') : '';\n\n  let planName = purifyPlanName(initialPlanName);\n  if (cumulativeTvdChange) {\n    planName = `${planName}, ${cumulativeTvdChange} ft cumulative TVD change`;\n  }\n\n  return (\n    <div className=\"c-survey-station-feed-item__accuracy-plan\">\n      <Typography variant=\"subtitle1\">Minimum Distance to Plan:</Typography>\n      <div className={classes.planValueWrapper}>\n        <Typography variant=\"h5\" style={{ color: getColorBySeverity(accuracyData) }}>\n          {parseFloat(convertValue(accuracyData?.distance_to_plan, 'length', 'ft')?.toFixed(1))}\n        </Typography>\n        <Typography variant=\"caption\" className={classes.planUnit}>\n          ({getUnitDisplay('length')})\n        </Typography>\n      </div>\n      <Typography variant=\"body1\" className={classes.planText}>\n        {planName || dateString}\n      </Typography>\n    </div>\n  );\n};\n\nAccuracyPlan.propTypes = {\n  timestamp: number,\n  initialPlanName: string,\n  cumulativeTvdChange: string,\n  accuracyData: shape().isRequired,\n};\n\nexport default AccuracyPlan;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","margin","minWidth","planValueWrapper","alignItems","planUnit","color","palette","grey","marginLeft","planText","AccuracyPlan","_ref","_convertValue","_ref$timestamp","timestamp","_ref$initialPlanName","initialPlanName","_ref$cumulativeTvdCha","cumulativeTvdChange","accuracyData","classes","dateString","moment","unix","format","planName","purifyPlanName","_jsxs","className","children","_jsx","Typography","variant","jsxs","style","getColorBySeverity","parseFloat","convertValue","distance_to_plan","toFixed","getUnitDisplay","propTypes","number","string","shape","isRequired"],"mappings":"ySAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,cAAe,SACfC,OAAQ,gBACRC,SAAU,SAEZC,iBAAkB,CAChBJ,QAAS,OACTK,WAAY,YAEdC,SAAU,CACRC,MAAOT,EAAMU,QAAQC,KAAK,KAC1BC,WAAY,GAEdC,SAAU,CACRJ,MAAOT,EAAMU,QAAQC,KAAK,MAE7B,IAEKG,EAAe,SAKfC,GAAA,IAAAC,EAAAC,EAAAF,EAJJG,UAAAA,aAAY,KAAID,EAAAE,EAAAJ,EAChBK,gBAAAA,aAAkB,GAAED,EAAAE,EAAAN,EACpBO,oBAAAA,aAAsB,GAAED,EACxBE,IAAAA,aAEMC,EAAU1B,IACV2B,EAAaP,EAAYQ,EAAAA,QAAOC,KAAKT,GAAWU,OAAO,YAAc,GAEvEC,EAAWC,iBAAeV,GAK9B,OAJIE,IACFO,EAAcA,GAAAA,OAAAA,EAAaP,MAAAA,OAAAA,EAA8C,8BAIzES,EAAAA,KAAA,MAAA,CAAKC,UAAU,4CAA2CC,SAAA,CACxDC,MAACC,aAAU,CAACC,QAAQ,YAAWH,SAAA,8BAC/BF,EAAAM,KAAA,MAAA,CAAKL,UAAWR,EAAQlB,iBAAiB2B,SAAA,CACvCC,MAACC,aAAU,CAACC,QAAQ,KAAKE,MAAO,CAAE7B,MAAO8B,EAAkBA,mBAAChB,IAAgBU,SACzEO,qBAAWC,eAAalB,eAAAA,EAAcmB,iBAAkB,SAAU,0BAAvD1B,EAA8D2B,QAAQ,MAEpFZ,OAACI,aAAU,CAACC,QAAQ,UAAUJ,UAAWR,EAAQhB,SAASyB,SACtDW,CAAAA,IAAAA,EAAcA,eAAC,UAAS,UAG9BV,MAACC,aAAU,CAACC,QAAQ,QAAQJ,UAAWR,EAAQX,SAASoB,SACrDJ,GAAYJ,MAIrB,EAEAX,EAAa+B,UAAY,CACvB3B,UAAW4B,EAAMA,OACjB1B,gBAAiB2B,EAAMA,OACvBzB,oBAAqByB,EAAMA,OAC3BxB,aAAcyB,EAAKA,QAAGC"}
+{"version":3,"file":"AccuracyPlan.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/AccuracyPlan.js"],"sourcesContent":["import { shape, string, number } from 'prop-types';\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows, ContextText } from '../../components/ContextRow';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { purifyPlanName, getColorBySeverity } from '~/utils/accuracy';\n\nconst useStyles = makeStyles(theme => ({\n  planText: {\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst AccuracyPlan = ({\n  timestamp = null,\n  initialPlanName = '',\n  cumulativeTvdChange = '',\n  accuracyData,\n}) => {\n  const classes = useStyles();\n  const dateString = timestamp ? moment.unix(timestamp).format('MM/DD/YY') : '';\n\n  let planName = purifyPlanName(initialPlanName);\n  if (cumulativeTvdChange) {\n    planName = `${planName}, ${cumulativeTvdChange} ft cumulative TVD change`;\n  }\n\n  return (\n    <ContextRows className=\"c-survey-station-feed-item__accuracy-plan\">\n      <ContextRow\n        label=\"Minimum Distance to Plan:\"\n        value={\n          <span style={{ color: getColorBySeverity(accuracyData) }}>\n            {parseFloat(convertValue(accuracyData?.distance_to_plan, 'length', 'ft')?.toFixed(1))}\n          </span>\n        }\n        unit={getUnitDisplay('length')}\n      />\n      <ContextText className={classes.planText}>{planName || dateString}</ContextText>\n    </ContextRows>\n  );\n};\n\nAccuracyPlan.propTypes = {\n  timestamp: number,\n  initialPlanName: string,\n  cumulativeTvdChange: string,\n  accuracyData: shape().isRequired,\n};\n\nexport default AccuracyPlan;\n"],"names":["useStyles","makeStyles","theme","planText","color","palette","primary","text6","AccuracyPlan","_ref","_convertValue","_ref$timestamp","timestamp","_ref$initialPlanName","initialPlanName","_ref$cumulativeTvdCha","cumulativeTvdChange","accuracyData","classes","dateString","moment","unix","format","planName","purifyPlanName","_jsxs","ContextRows","className","children","_jsx","ContextRow","label","value","jsx","style","getColorBySeverity","parseFloat","convertValue","distance_to_plan","toFixed","unit","getUnitDisplay","ContextText","propTypes","number","string","shape","isRequired"],"mappings":"qVASMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,SAAU,CACRC,MAAOF,EAAMG,QAAQC,QAAQC,OAEhC,IAEKC,EAAe,SAKfC,GAAA,IAAAC,EAAAC,EAAAF,EAJJG,UAAAA,aAAY,KAAID,EAAAE,EAAAJ,EAChBK,gBAAAA,aAAkB,GAAED,EAAAE,EAAAN,EACpBO,oBAAAA,aAAsB,GAAED,EACxBE,IAAAA,aAEMC,EAAUlB,IACVmB,EAAaP,EAAYQ,EAAAA,QAAOC,KAAKT,GAAWU,OAAO,YAAc,GAEvEC,EAAWC,iBAAeV,GAK9B,OAJIE,IACFO,EAAcA,GAAAA,OAAAA,EAAaP,MAAAA,OAAAA,EAA8C,8BAIzES,EAAAA,KAACC,EAAAA,YAAW,CAACC,UAAU,4CAA2CC,SAAA,CAChEC,MAACC,aAAU,CACTC,MAAM,4BACNC,MACEH,EAAAI,IAAA,OAAA,CAAMC,MAAO,CAAE9B,MAAO+B,EAAkBA,mBAAClB,IAAgBW,SACtDQ,qBAAWC,eAAapB,eAAAA,EAAcqB,iBAAkB,SAAU,0BAAvD5B,EAA8D6B,QAAQ,MAGtFC,KAAMC,EAAcA,eAAC,YAEvBZ,MAACa,cAAW,CAACf,UAAWT,EAAQf,SAASyB,SAAEL,GAAYJ,MAG7D,EAEAX,EAAamC,UAAY,CACvB/B,UAAWgC,EAAMA,OACjB9B,gBAAiB+B,EAAMA,OACvB7B,oBAAqB6B,EAAMA,OAC3B5B,aAAc6B,EAAKA,QAAGC"}

package/cjs-bundle/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/ActualPointInfo.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("prop-types"),e=require("@material-ui/core"),t=require("../../../../../utils/convert.js"),n=require("react/jsx-runtime"),i="surveyStationActivity",s=e.makeStyles((function(a){return{labelGrid:{marginRight:7},planText:{color:a.palette.grey[400]},planUnit:{fontSize:12,color:a.palette.grey[400],marginLeft:5},pointValue:{display:"flex",alignItems:"center"},columnWithMargin:{marginRight:40},actualPointContainer:{display:"flex",flexGrow:1}}})),r=function(a){return a&&"number"==typeof a?a.toFixed(2):"-"},l=function(a){var l,o,p=a.feedItem,c=s(),d=(null===(l=p.context)||void 0===l||null===(o=l.survey_station)||void 0===o?void 0:o.data)||{},y=d.measured_depth,h=d.inclination,m=d.azimuth,u=d.tvd,g=d.vertical_section,x=d.dls,v=t.convertValue(y,"length","ft"),T=t.convertValue(u,"length","ft"),j=t.convertValue(g,"length","ft"),b=t.convertValue(x,"anglePerLength","dp100f");return n.jsxs(e.Grid,{spacing:16,justify:"flex-start",className:c.actualPointContainer,children:[n.jsxs(e.Grid,{item:!0,className:c.labelGrid,children:[n.jsx(e.Typography,{variant:"body2",className:c.planText,children:"Survey at:"}),n.jsx(e.Typography,{variant:"body2",className:c.planText,children:"Inc:"}),n.jsx(e.Typography,{variant:"body2",className:c.planText,children:"Azi:"})]}),n.jsxs(e.Grid,{item:!0,className:c.columnWithMargin,children:[n.jsxs(e.Typography,{variant:"body2","data-testid":"".concat(i,"_lastSurvey"),className:c.pointValue,children:[r(v),n.jsxs(e.Typography,{variant:"body2",component:"span",className:c.planUnit,children:["(",t.getUnitDisplay("length"),")"]})]}),n.jsxs(e.Typography,{variant:"body2","data-testid":"".concat(i,"_inclination"),className:c.pointValue,children:[r(h),n.jsx(e.Typography,{variant:"body2",component:"span",className:c.planUnit,children:"°"})]}),n.jsxs(e.Typography,{variant:"body2","data-testid":"".concat(i,"_azimuth"),className:c.pointValue,children:[r(m),n.jsx(e.Typography,{variant:"body2",component:"span",className:c.planUnit,children:"°"})]})]}),n.jsxs(e.Grid,{item:!0,className:c.labelGrid,children:[n.jsx(e.Typography,{variant:"body2",className:c.planText,children:"TVD:"}),n.jsx(e.Typography,{variant:"body2",className:c.planText,children:"VS:"}),n.jsx(e.Typography,{variant:"body2",className:c.planText,children:"DLS:"})]}),n.jsxs(e.Grid,{item:!0,children:[n.jsxs(e.Typography,{variant:"body2","data-testid":"".concat(i,"_TVD"),className:c.pointValue,children:[r(T),n.jsxs(e.Typography,{variant:"body2",component:"span",className:c.planUnit,children:["(",t.getUnitDisplay("length"),")"]})]}),n.jsxs(e.Typography,{variant:"body2","data-testid":"".concat(i,"_VS"),className:c.pointValue,children:[r(j),n.jsxs(e.Typography,{variant:"body2",component:"span",className:c.planUnit,children:["(",t.getUnitDisplay("length"),")"]})]}),n.jsxs(e.Typography,{variant:"body2","data-testid":"".concat(i,"_DLS"),className:c.pointValue,children:[r(b),n.jsx(e.Typography,{variant:"body2",component:"span",className:c.planUnit,children:t.getUnitDisplay("anglePerLength")})]})]})]})};l.propTypes={feedItem:a.shape({context:a.shape({survey_station:a.shape({data:a.shape().isRequired}).isRequired}).isRequired}).isRequired},module.exports=l;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),n=require("../../components/ContextRow.js"),o=require("../../../../../utils/convert.js"),a=require("react/jsx-runtime"),s="surveyStationActivity",i=t.makeStyles((function(e){return{groups:{gap:e.spacing(.5,3),flexGrow:1}}})),l=function(e){return e&&"number"==typeof e?e.toFixed(2):"-"},r=function(e){var t,r,u=e.feedItem,c=i(),d=(null===(t=u.context)||void 0===t||null===(r=t.survey_station)||void 0===r?void 0:r.data)||{},x=d.measured_depth,p=d.inclination,v=d.azimuth,g=d.tvd,h=d.vertical_section,y=d.dls,R=o.convertValue(x,"length","ft"),j=o.convertValue(g,"length","ft"),m=o.convertValue(h,"length","ft"),f=o.convertValue(y,"anglePerLength","dp100f");return a.jsxs(n.ContextRowGroups,{className:c.groups,children:[a.jsxs(n.ContextRows,{children:[a.jsx(n.ContextRow,{label:"Survey at:",value:l(R),unit:o.getUnitDisplay("length"),testId:"".concat(s,"_lastSurvey")}),a.jsx(n.ContextRow,{label:"Inc:",value:"".concat(l(p),"°"),testId:"".concat(s,"_inclination")}),a.jsx(n.ContextRow,{label:"Azi:",value:"".concat(l(v),"°"),testId:"".concat(s,"_azimuth")})]}),a.jsxs(n.ContextRows,{children:[a.jsx(n.ContextRow,{label:"TVD:",value:l(j),unit:o.getUnitDisplay("length"),testId:"".concat(s,"_TVD")}),a.jsx(n.ContextRow,{label:"VS:",value:l(m),unit:o.getUnitDisplay("length"),testId:"".concat(s,"_VS")}),a.jsx(n.ContextRow,{label:"DLS:",value:l(f),unit:o.getUnitDisplay("anglePerLength"),testId:"".concat(s,"_DLS")})]})]})};r.propTypes={feedItem:e.shape({context:e.shape({survey_station:e.shape({data:e.shape().isRequired}).isRequired}).isRequired}).isRequired},module.exports=r;
 //# sourceMappingURL=ActualPointInfo.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/ActualPointInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActualPointInfo.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/ActualPointInfo.js"],"sourcesContent":["import { shape } from 'prop-types';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\n\nconst PAGE_NAME = 'surveyStationActivity';\n\nconst useStyles = makeStyles(theme => ({\n  labelGrid: {\n    marginRight: 7,\n  },\n  planText: {\n    color: theme.palette.grey[400],\n  },\n  planUnit: {\n    fontSize: 12,\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  pointValue: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n  actualPointContainer: {\n    display: 'flex',\n    flexGrow: 1,\n  },\n}));\n\nconst normalizeValue = value => (value && typeof value === 'number' ? value.toFixed(2) : '-');\n\nconst ActualPointInfo = ({ feedItem }) => {\n  const classes = useStyles();\n  const surveyStationData = feedItem.context?.survey_station?.data || {};\n  const measuredDepth = surveyStationData.measured_depth;\n\n  const { inclination, azimuth, tvd, vertical_section: vs, dls } = surveyStationData;\n\n  const measuredDepthConverted = convertValue(measuredDepth, 'length', 'ft');\n  const tvdConverted = convertValue(tvd, 'length', 'ft');\n  const vsConverted = convertValue(vs, 'length', 'ft');\n  const dlsConverted = convertValue(dls, 'anglePerLength', 'dp100f');\n\n  return (\n    <Grid spacing={16} justify=\"flex-start\" className={classes.actualPointContainer}>\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Survey at:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Inc:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          Azi:\n        </Typography>\n      </Grid>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_lastSurvey`}\n          className={classes.pointValue}\n        >\n          {normalizeValue(measuredDepthConverted)}\n          <Typography variant=\"body2\" component=\"span\" className={classes.planUnit}>\n            ({getUnitDisplay('length')})\n          </Typography>\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_inclination`}\n          className={classes.pointValue}\n        >\n          {normalizeValue(inclination)}\n          <Typography variant=\"body2\" component=\"span\" className={classes.planUnit}>\n            °\n          </Typography>\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_azimuth`}\n          className={classes.pointValue}\n        >\n          {normalizeValue(azimuth)}\n          <Typography variant=\"body2\" component=\"span\" className={classes.planUnit}>\n            °\n          </Typography>\n        </Typography>\n      </Grid>\n      <Grid item className={classes.labelGrid}>\n        <Typography variant=\"body2\" className={classes.planText}>\n          TVD:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          VS:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.planText}>\n          DLS:\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_TVD`} className={classes.pointValue}>\n          {normalizeValue(tvdConverted)}\n          <Typography variant=\"body2\" component=\"span\" className={classes.planUnit}>\n            ({getUnitDisplay('length')})\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_VS`} className={classes.pointValue}>\n          {normalizeValue(vsConverted)}\n          <Typography variant=\"body2\" component=\"span\" className={classes.planUnit}>\n            ({getUnitDisplay('length')})\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_DLS`} className={classes.pointValue}>\n          {normalizeValue(dlsConverted)}\n          <Typography variant=\"body2\" component=\"span\" className={classes.planUnit}>\n            {getUnitDisplay('anglePerLength')}\n          </Typography>\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nActualPointInfo.propTypes = {\n  feedItem: shape({\n    context: shape({\n      survey_station: shape({\n        data: shape().isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default ActualPointInfo;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","labelGrid","marginRight","planText","color","palette","grey","planUnit","fontSize","marginLeft","pointValue","display","alignItems","columnWithMargin","actualPointContainer","flexGrow","normalizeValue","value","toFixed","ActualPointInfo","_ref","_feedItem$context","_feedItem$context$sur","feedItem","classes","surveyStationData","context","survey_station","data","measuredDepth","measured_depth","inclination","azimuth","tvd","vs","vertical_section","dls","measuredDepthConverted","convertValue","tvdConverted","vsConverted","dlsConverted","_jsxs","Grid","spacing","justify","className","children","item","_jsx","Typography","variant","concat","component","getUnitDisplay","propTypes","shape","isRequired"],"mappings":"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"}
+{"version":3,"file":"ActualPointInfo.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/ActualPointInfo.js"],"sourcesContent":["import { shape } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows, ContextRowGroups } from '../../components/ContextRow';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\n\nconst PAGE_NAME = 'surveyStationActivity';\n\nconst useStyles = makeStyles(theme => ({\n  groups: {\n    gap: theme.spacing(0.5, 3),\n    flexGrow: 1,\n  },\n}));\n\nconst normalizeValue = value => (value && typeof value === 'number' ? value.toFixed(2) : '-');\n\nconst ActualPointInfo = ({ feedItem }) => {\n  const classes = useStyles();\n  const surveyStationData = feedItem.context?.survey_station?.data || {};\n  const measuredDepth = surveyStationData.measured_depth;\n\n  const { inclination, azimuth, tvd, vertical_section: vs, dls } = surveyStationData;\n\n  const measuredDepthConverted = convertValue(measuredDepth, 'length', 'ft');\n  const tvdConverted = convertValue(tvd, 'length', 'ft');\n  const vsConverted = convertValue(vs, 'length', 'ft');\n  const dlsConverted = convertValue(dls, 'anglePerLength', 'dp100f');\n\n  return (\n    <ContextRowGroups className={classes.groups}>\n      <ContextRows>\n        <ContextRow\n          label=\"Survey at:\"\n          value={normalizeValue(measuredDepthConverted)}\n          unit={getUnitDisplay('length')}\n          testId={`${PAGE_NAME}_lastSurvey`}\n        />\n        <ContextRow\n          label=\"Inc:\"\n          value={`${normalizeValue(inclination)}°`}\n          testId={`${PAGE_NAME}_inclination`}\n        />\n        <ContextRow\n          label=\"Azi:\"\n          value={`${normalizeValue(azimuth)}°`}\n          testId={`${PAGE_NAME}_azimuth`}\n        />\n      </ContextRows>\n      <ContextRows>\n        <ContextRow\n          label=\"TVD:\"\n          value={normalizeValue(tvdConverted)}\n          unit={getUnitDisplay('length')}\n          testId={`${PAGE_NAME}_TVD`}\n        />\n        <ContextRow\n          label=\"VS:\"\n          value={normalizeValue(vsConverted)}\n          unit={getUnitDisplay('length')}\n          testId={`${PAGE_NAME}_VS`}\n        />\n        <ContextRow\n          label=\"DLS:\"\n          value={normalizeValue(dlsConverted)}\n          unit={getUnitDisplay('anglePerLength')}\n          testId={`${PAGE_NAME}_DLS`}\n        />\n      </ContextRows>\n    </ContextRowGroups>\n  );\n};\n\nActualPointInfo.propTypes = {\n  feedItem: shape({\n    context: shape({\n      survey_station: shape({\n        data: shape().isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default ActualPointInfo;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","groups","gap","spacing","flexGrow","normalizeValue","value","toFixed","ActualPointInfo","_ref","_feedItem$context","_feedItem$context$sur","feedItem","classes","surveyStationData","context","survey_station","data","measuredDepth","measured_depth","inclination","azimuth","tvd","vs","vertical_section","dls","measuredDepthConverted","convertValue","tvdConverted","vsConverted","dlsConverted","_jsxs","ContextRowGroups","className","children","ContextRows","_jsx","ContextRow","label","unit","getUnitDisplay","testId","propTypes","shape","isRequired"],"mappings":"gMAOMA,EAAY,wBAEZC,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,OAAQ,CACNC,IAAKF,EAAMG,QAAQ,GAAK,GACxBC,SAAU,GAEb,IAEKC,EAAiB,SAAAC,GAAK,OAAKA,GAA0B,iBAAVA,EAAqBA,EAAMC,QAAQ,GAAK,GAAG,EAEtFC,EAAkB,SAAkBC,GAAA,IAAAC,EAAAC,EAAfC,IAAAA,SACnBC,EAAUf,IACVgB,GAAoC,QAAhBF,EAAAA,EAASG,eAAO,IAAAL,GAAhB,QAAgBC,EAAhBD,EAAkBM,sBAAlB,IAAAL,OAAgB,EAAhBA,EAAkCM,OAAQ,GAC9DC,EAAgBJ,EAAkBK,eAEhCC,EAAyDN,EAAzDM,YAAaC,EAA4CP,EAA5CO,QAASC,EAAmCR,EAAnCQ,IAAuBC,EAAYT,EAA9BU,iBAAsBC,EAAQX,EAARW,IAEnDC,EAAyBC,EAAYA,aAACT,EAAe,SAAU,MAC/DU,EAAeD,EAAYA,aAACL,EAAK,SAAU,MAC3CO,EAAcF,EAAYA,aAACJ,EAAI,SAAU,MACzCO,EAAeH,EAAYA,aAACF,EAAK,iBAAkB,UAEzD,OACEM,EAAAA,KAACC,EAAAA,iBAAgB,CAACC,UAAWpB,EAAQZ,OAAOiC,SAAA,CAC1CH,OAACI,cAAW,CAAAD,SAAA,CACVE,MAACC,aAAU,CACTC,MAAM,aACNhC,MAAOD,EAAeqB,GACtBa,KAAMC,EAAcA,eAAC,UACrBC,iBAAW5C,EAAS,iBAEtBuC,MAACC,aAAU,CACTC,MAAM,OACNhC,MAAUD,GAAAA,OAAAA,EAAee,GAAgB,KACzCqB,iBAAW5C,EAAS,kBAEtBuC,MAACC,aAAU,CACTC,MAAM,OACNhC,MAAUD,GAAAA,OAAAA,EAAegB,GAAY,KACrCoB,iBAAW5C,EAAS,iBAGxBkC,OAACI,cAAW,CAAAD,SAAA,CACVE,MAACC,aAAU,CACTC,MAAM,OACNhC,MAAOD,EAAeuB,GACtBW,KAAMC,EAAcA,eAAC,UACrBC,iBAAW5C,EAAS,UAEtBuC,MAACC,aAAU,CACTC,MAAM,MACNhC,MAAOD,EAAewB,GACtBU,KAAMC,EAAcA,eAAC,UACrBC,iBAAW5C,EAAS,SAEtBuC,MAACC,aAAU,CACTC,MAAM,OACNhC,MAAOD,EAAeyB,GACtBS,KAAMC,EAAcA,eAAC,kBACrBC,iBAAW5C,EAAS,eAK9B,EAEAW,EAAgBkC,UAAY,CAC1B9B,SAAU+B,EAAAA,MAAM,CACd5B,QAAS4B,EAAAA,MAAM,CACb3B,eAAgB2B,EAAAA,MAAM,CACpB1B,KAAM0B,EAAKA,QAAGC,aACbA,aACFA,aACFA"}

package/cjs-bundle/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/Warning.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),r=require("@material-ui/core"),a=require("@material-ui/icons/NotInterested"),i=require("@material-ui/icons/Warning"),t=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(a),l=s(i),c=r.makeStyles((function(e){return{wrapper:{display:"flex",alignItems:"center",margin:"0 20px 10px 0",minWidth:"290px"},warningIcon:{width:60,height:60,color:e.palette.grey[600],marginRight:15},warningMessage:{color:e.palette.grey[600]}}})),o=function(e){var a=e.isWellStatusActive,i=c();return t.jsx("div",{className:i.wrapper,children:a?t.jsxs(t.Fragment,{children:[t.jsx(l.default,{className:i.warningIcon}),t.jsxs(r.Typography,{variant:"body1",className:i.warningMessage,children:["Directional accuracy is not ",t.jsx("br",{}),"available at this ",t.jsx("br",{}),"time"]})]}):t.jsxs(t.Fragment,{children:[t.jsx(n.default,{className:i.warningIcon}),t.jsxs(r.Typography,{variant:"body1",className:i.warningMessage,children:["Well is not ",t.jsx("br",{}),"active"]})]})})};o.propTypes={isWellStatusActive:e.bool.isRequired},module.exports=o;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),a=require("@material-ui/icons/NotInterested"),i=require("@material-ui/icons/Warning"),r=require("react/jsx-runtime");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(a),n=s(i),c=t.makeStyles((function(e){return{wrapper:{display:"flex",alignItems:"center",gap:e.spacing(.5)},icon:{width:16,height:16,color:e.palette.primary.text9},message:{fontSize:14,lineHeight:"20px",color:e.palette.primary.text9}}})),o=function(e){var t=e.isWellStatusActive,a=c();return r.jsx("div",{className:a.wrapper,children:t?r.jsxs(r.Fragment,{children:[r.jsx(n.default,{className:a.icon}),r.jsx("span",{className:a.message,children:"Directional accuracy is not available at this time"})]}):r.jsxs(r.Fragment,{children:[r.jsx(l.default,{className:a.icon}),r.jsx("span",{className:a.message,children:"Well is not active"})]})})};o.propTypes={isWellStatusActive:e.bool.isRequired},module.exports=o;
 //# sourceMappingURL=Warning.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/Warning.js.map

@@ -1 +1 @@
-{"version":3,"file":"Warning.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/Warning.js"],"sourcesContent":["import { bool } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport WarningIcon from '@material-ui/icons/Warning';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    margin: '0 20px 10px 0',\n    minWidth: '290px',\n  },\n  warningIcon: {\n    width: 60,\n    height: 60,\n    color: theme.palette.grey[600],\n    marginRight: 15,\n  },\n  warningMessage: {\n    color: theme.palette.grey[600],\n  },\n}));\n\nconst Warning = ({ isWellStatusActive }) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.wrapper}>\n      {isWellStatusActive ? (\n        <>\n          <WarningIcon className={classes.warningIcon} />\n          <Typography variant=\"body1\" className={classes.warningMessage}>\n            Directional accuracy is not <br />\n            available at this <br />\n            time\n          </Typography>\n        </>\n      ) : (\n        <>\n          <NotInterestedIcon className={classes.warningIcon} />\n          <Typography variant=\"body1\" className={classes.warningMessage}>\n            Well is not <br />\n            active\n          </Typography>\n        </>\n      )}\n    </div>\n  );\n};\n\nWarning.propTypes = {\n  isWellStatusActive: bool.isRequired,\n};\n\nexport default Warning;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","alignItems","margin","minWidth","warningIcon","width","height","color","palette","grey","marginRight","warningMessage","Warning","_ref","isWellStatusActive","classes","_jsx","className","children","_jsxs","jsxs","_Fragment","WarningIcon","Typography","variant","jsx","NotInterestedIcon","propTypes","bool","isRequired"],"mappings":"uRAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,WAAY,SACZC,OAAQ,gBACRC,SAAU,SAEZC,YAAa,CACXC,MAAO,GACPC,OAAQ,GACRC,MAAOT,EAAMU,QAAQC,KAAK,KAC1BC,YAAa,IAEfC,eAAgB,CACdJ,MAAOT,EAAMU,QAAQC,KAAK,MAE7B,IAEKG,EAAU,SAA4BC,GAAA,IAAzBC,IAAAA,mBACXC,EAAUnB,IAEhB,OACEoB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQhB,QAAQmB,SAC7BJ,EACCK,EAAAC,KAAAC,WAAA,CAAAH,SAAA,CACEF,MAACM,UAAW,CAACL,UAAWF,EAAQX,cAChCe,OAACI,aAAU,CAACC,QAAQ,QAAQP,UAAWF,EAAQJ,eAAeO,SAChC,CAAA,+BAAAF,EAAAS,IAAA,KAAA,CAAA,wBACVT,MAAM,KAAA,CAAA,GAAA,aAK5BG,EAAAC,KAAAC,WAAA,CAAAH,SAAA,CACEF,MAACU,UAAiB,CAACT,UAAWF,EAAQX,cACtCe,OAACI,aAAU,CAACC,QAAQ,QAAQP,UAAWF,EAAQJ,eAAeO,SAAA,CAAA,eAChDF,EAAAA,IAAM,KAAA,CAAA,GAAA,gBAO9B,EAEAJ,EAAQe,UAAY,CAClBb,mBAAoBc,EAAIA,KAACC"}
+{"version":3,"file":"Warning.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/components/Warning.js"],"sourcesContent":["import { bool } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport NotInterestedIcon from '@material-ui/icons/NotInterested';\nimport WarningIcon from '@material-ui/icons/Warning';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: theme.spacing(0.5),\n  },\n  icon: {\n    width: 16,\n    height: 16,\n    color: theme.palette.primary.text9,\n  },\n  message: {\n    fontSize: 14,\n    lineHeight: '20px',\n    color: theme.palette.primary.text9,\n  },\n}));\n\nconst Warning = ({ isWellStatusActive }) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.wrapper}>\n      {isWellStatusActive ? (\n        <>\n          <WarningIcon className={classes.icon} />\n          <span className={classes.message}>\n            Directional accuracy is not available at this time\n          </span>\n        </>\n      ) : (\n        <>\n          <NotInterestedIcon className={classes.icon} />\n          <span className={classes.message}>Well is not active</span>\n        </>\n      )}\n    </div>\n  );\n};\n\nWarning.propTypes = {\n  isWellStatusActive: bool.isRequired,\n};\n\nexport default Warning;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","alignItems","gap","spacing","icon","width","height","color","palette","primary","text9","message","fontSize","lineHeight","Warning","_ref","isWellStatusActive","classes","_jsx","className","children","_jsxs","jsxs","_Fragment","WarningIcon","jsx","NotInterestedIcon","propTypes","bool","isRequired"],"mappings":"uRAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,OACTC,WAAY,SACZC,IAAKJ,EAAMK,QAAQ,KAErBC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,MAAOT,EAAMU,QAAQC,QAAQC,OAE/BC,QAAS,CACPC,SAAU,GACVC,WAAY,OACZN,MAAOT,EAAMU,QAAQC,QAAQC,OAEhC,IAEKI,EAAU,SAA4BC,GAAA,IAAzBC,IAAAA,mBACXC,EAAUrB,IAEhB,OACEsB,EAAAA,IAAA,MAAA,CAAKC,UAAWF,EAAQlB,QAAQqB,SAC7BJ,EACCK,EAAAC,KAAAC,WAAA,CAAAH,SAAA,CACEF,MAACM,UAAW,CAACL,UAAWF,EAAQb,OAChCc,EAAAO,IAAA,OAAA,CAAMN,UAAWF,EAAQN,QAAQS,SAAA,0DAKnCC,EAAAC,KAAAC,WAAA,CAAAH,SAAA,CACEF,MAACQ,UAAiB,CAACP,UAAWF,EAAQb,OACtCc,EAAAO,IAAA,OAAA,CAAMN,UAAWF,EAAQN,QAAQS,SAAA,2BAK3C,EAEAN,EAAQa,UAAY,CAClBX,mBAAoBY,EAAIA,KAACC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),a=require("react"),u=require("prop-types"),i=require("@material-ui/core"),n=require("./components/AccuracyPlan.js"),s=require("./components/ActualPointInfo.js"),l=require("./components/Warning.js"),d=require("./api.js"),o=require("../../../LoadingIndicator/LoadingIndicator.js"),c=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),m=p(t),v=p(r),q=i.makeStyles({wrapper:{display:"flex",flexWrap:"wrap"}}),h=function(e){var t,r,u,i=e.feedItem,p=q(),h=a.useState(!1),x=m.default(h,2),y=x[0],b=x[1],j=a.useState(!1),R=m.default(j,2),w=R[0],S=R[1],_=a.useState(null),g=m.default(_,2),I=g[0],A=g[1],T=a.useState(""),k=m.default(T,2),P=k[0],W=k[1],D=a.useState(""),L=m.default(D,2),N=L[0],z=L[1],C=a.useState(null),E=m.default(C,2),G=E[0],B=E[1],F="active"===(null===(t=i.context)||void 0===t||null===(r=t.survey_station)||void 0===r||null===(u=r.well)||void 0===u?void 0:u.status);return a.useEffect((function(){var e,t=!1,r=(e=f.default(v.default.mark((function e(){var r,a,u,n,s,l,o,c,p,f,m,q,h,x;return v.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return l=null===(r=i.well)||void 0===r?void 0:r.id,o=null===(a=i.context)||void 0===a||null===(u=a.survey_station)||void 0===u||null===(n=u.data)||void 0===n?void 0:n.measured_depth,e.next=4,d.fetchDirectionalAccuracyRecords({wellId:l,md:o});case 4:if(c=e.sent,!t){e.next=7;break}return e.abrupt("return");case 7:p=null==c||null===(s=c[0])||void 0===s?void 0:s.data,b(!0),p&&(m=p.accuracy,q=p.cumulative_tvd_change||"",h=p.plan_name||"",x=null===(f=c[0])||void 0===f?void 0:f.timestamp,S(!0),A(m),W(q),z(h),B(x));case 10:case"end":return e.stop()}}),e)}))),function(){return e.apply(this,arguments)});return r(),function(){t=!0}}),[]),y?c.jsxs("div",{className:p.wrapper,children:[w?c.jsx(n,{accuracyData:I,cumulativeTvdChange:P,initialPlanName:N,timestamp:G}):c.jsx(l,{isWellStatusActive:F}),c.jsx(s,{feedItem:i})]}):c.jsx(o,{})};h.propTypes={feedItem:u.shape({context:u.shape({survey_station:u.shape({data:u.shape({azimuth:u.number.isRequired,inclination:u.number.isRequired,measured_depth:u.number.isRequired}).isRequired,well:u.shape({status:u.string.isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=h;
+"use strict";var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/slicedToArray"),r=require("@babel/runtime/regenerator"),a=require("react"),u=require("prop-types"),i=require("@material-ui/core"),n=require("./components/AccuracyPlan.js"),s=require("./components/ActualPointInfo.js"),l=require("./components/Warning.js"),d=require("./api.js"),o=require("../../../LoadingIndicator/LoadingIndicator.js"),c=require("react/jsx-runtime");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=p(e),m=p(t),v=p(r),q=i.makeStyles((function(e){return{wrapper:{display:"flex",flexDirection:"column",gap:e.spacing(.5)}}})),h=function(e){var t,r,u,i=e.feedItem,p=q(),h=a.useState(!1),x=m.default(h,2),y=x[0],b=x[1],j=a.useState(!1),R=m.default(j,2),g=R[0],w=R[1],S=a.useState(null),_=m.default(S,2),I=_[0],A=_[1],T=a.useState(""),k=m.default(T,2),D=k[0],P=k[1],L=a.useState(""),N=m.default(L,2),W=N[0],z=N[1],C=a.useState(null),E=m.default(C,2),G=E[0],B=E[1],F="active"===(null===(t=i.context)||void 0===t||null===(r=t.survey_station)||void 0===r||null===(u=r.well)||void 0===u?void 0:u.status);return a.useEffect((function(){var e,t=!1,r=(e=f.default(v.default.mark((function e(){var r,a,u,n,s,l,o,c,p,f,m,q,h,x;return v.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return l=null===(r=i.well)||void 0===r?void 0:r.id,o=null===(a=i.context)||void 0===a||null===(u=a.survey_station)||void 0===u||null===(n=u.data)||void 0===n?void 0:n.measured_depth,e.next=4,d.fetchDirectionalAccuracyRecords({wellId:l,md:o});case 4:if(c=e.sent,!t){e.next=7;break}return e.abrupt("return");case 7:p=null==c||null===(s=c[0])||void 0===s?void 0:s.data,b(!0),p&&(m=p.accuracy,q=p.cumulative_tvd_change||"",h=p.plan_name||"",x=null===(f=c[0])||void 0===f?void 0:f.timestamp,w(!0),A(m),P(q),z(h),B(x));case 10:case"end":return e.stop()}}),e)}))),function(){return e.apply(this,arguments)});return r(),function(){t=!0}}),[]),y?c.jsxs("div",{className:p.wrapper,children:[g?c.jsx(n,{accuracyData:I,cumulativeTvdChange:D,initialPlanName:W,timestamp:G}):c.jsx(l,{isWellStatusActive:F}),c.jsx(s,{feedItem:i})]}):c.jsx(o,{})};h.propTypes={feedItem:u.shape({context:u.shape({survey_station:u.shape({data:u.shape({azimuth:u.number.isRequired,inclination:u.number.isRequired,measured_depth:u.number.isRequired}).isRequired,well:u.shape({status:u.string.isRequired}).isRequired}).isRequired}).isRequired}).isRequired},module.exports=h;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { shape, number, string } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport AccuracyPlan from './components/AccuracyPlan';\nimport ActualPointInfo from './components/ActualPointInfo';\nimport Warning from './components/Warning';\nimport { fetchDirectionalAccuracyRecords } from './api';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n});\n\nconst SurveyStationFeedItem = ({ feedItem }) => {\n  const classes = useStyles();\n\n  const [isAccuracyRecordLoaded, setIsAccuracyRecordLoaded] = useState(false);\n  const [isAccuracyRecordPresent, setIsAccuracyRecordPresent] = useState(false);\n  const [accuracyData, setAccuracyData] = useState(null);\n  const [cumulativeTvdChange, setCumulativeTvdChange] = useState('');\n  const [initialPlanName, setInitialPlanName] = useState('');\n  const [timestamp, setTimestamp] = useState(null);\n\n  const isWellStatusActive = feedItem.context?.survey_station?.well?.status === 'active';\n\n  useEffect(() => {\n    let ignore = false;\n\n    const loadAccuracyRecords = async () => {\n      const wellId = feedItem.well?.id;\n      const md = feedItem.context?.survey_station?.data?.measured_depth;\n\n      const records = await fetchDirectionalAccuracyRecords({ wellId, md });\n\n      if (ignore) return;\n\n      const directionalAccuracyData = records?.[0]?.data;\n\n      setIsAccuracyRecordLoaded(true);\n\n      if (directionalAccuracyData) {\n        const accuracyData = directionalAccuracyData.accuracy;\n        const cumulativeTvdChange = directionalAccuracyData.cumulative_tvd_change || '';\n        const initialPlanName = directionalAccuracyData.plan_name || '';\n        const recordTimestamp = records[0]?.timestamp;\n\n        setIsAccuracyRecordPresent(true);\n        setAccuracyData(accuracyData);\n        setCumulativeTvdChange(cumulativeTvdChange);\n        setInitialPlanName(initialPlanName);\n        setTimestamp(recordTimestamp);\n      }\n    };\n\n    loadAccuracyRecords();\n\n    return () => {\n      ignore = true;\n    };\n  }, []);\n\n  if (!isAccuracyRecordLoaded) return <LoadingIndicator />;\n\n  return (\n    <div className={classes.wrapper}>\n      {isAccuracyRecordPresent ? (\n        <AccuracyPlan\n          accuracyData={accuracyData}\n          cumulativeTvdChange={cumulativeTvdChange}\n          initialPlanName={initialPlanName}\n          timestamp={timestamp}\n        />\n      ) : (\n        <Warning isWellStatusActive={isWellStatusActive} />\n      )}\n      <ActualPointInfo feedItem={feedItem} />\n    </div>\n  );\n};\n\nSurveyStationFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      survey_station: shape({\n        data: shape({\n          azimuth: number.isRequired,\n          inclination: number.isRequired,\n          measured_depth: number.isRequired,\n        }).isRequired,\n        well: shape({\n          status: string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default SurveyStationFeedItem;\n"],"names":["useStyles","makeStyles","wrapper","display","flexWrap","SurveyStationFeedItem","_ref","_feedItem$context","_feedItem$context$sur","_feedItem$context$sur2","feedItem","classes","useState","_useState2","_slicedToArray","_useState","isAccuracyRecordLoaded","setIsAccuracyRecordLoaded","_useState4","_useState3","isAccuracyRecordPresent","setIsAccuracyRecordPresent","_useState6","_useState5","accuracyData","setAccuracyData","_useState8","_useState7","cumulativeTvdChange","setCumulativeTvdChange","_useState10","_useState9","initialPlanName","setInitialPlanName","_useState12","_useState11","timestamp","setTimestamp","isWellStatusActive","context","survey_station","well","status","useEffect","_ref2","ignore","loadAccuracyRecords","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_feedItem$well","_feedItem$context2","_feedItem$context2$su","_feedItem$context2$su2","_records$","wellId","md","records","directionalAccuracyData","_records$2","_accuracyData","_cumulativeTvdChange","_initialPlanName","recordTimestamp","wrap","_context","prev","next","id","data","measured_depth","fetchDirectionalAccuracyRecords","sent","abrupt","accuracy","cumulative_tvd_change","plan_name","stop","apply","this","arguments","_jsxs","className","children","_jsx","jsx","AccuracyPlan","Warning","ActualPointInfo","LoadingIndicator","propTypes","shape","azimuth","number","isRequired","inclination","string"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { shape, number, string } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport AccuracyPlan from './components/AccuracyPlan';\nimport ActualPointInfo from './components/ActualPointInfo';\nimport Warning from './components/Warning';\nimport { fetchDirectionalAccuracyRecords } from './api';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n  },\n}));\n\nconst SurveyStationFeedItem = ({ feedItem }) => {\n  const classes = useStyles();\n\n  const [isAccuracyRecordLoaded, setIsAccuracyRecordLoaded] = useState(false);\n  const [isAccuracyRecordPresent, setIsAccuracyRecordPresent] = useState(false);\n  const [accuracyData, setAccuracyData] = useState(null);\n  const [cumulativeTvdChange, setCumulativeTvdChange] = useState('');\n  const [initialPlanName, setInitialPlanName] = useState('');\n  const [timestamp, setTimestamp] = useState(null);\n\n  const isWellStatusActive = feedItem.context?.survey_station?.well?.status === 'active';\n\n  useEffect(() => {\n    let ignore = false;\n\n    const loadAccuracyRecords = async () => {\n      const wellId = feedItem.well?.id;\n      const md = feedItem.context?.survey_station?.data?.measured_depth;\n\n      const records = await fetchDirectionalAccuracyRecords({ wellId, md });\n\n      if (ignore) return;\n\n      const directionalAccuracyData = records?.[0]?.data;\n\n      setIsAccuracyRecordLoaded(true);\n\n      if (directionalAccuracyData) {\n        const accuracyData = directionalAccuracyData.accuracy;\n        const cumulativeTvdChange = directionalAccuracyData.cumulative_tvd_change || '';\n        const initialPlanName = directionalAccuracyData.plan_name || '';\n        const recordTimestamp = records[0]?.timestamp;\n\n        setIsAccuracyRecordPresent(true);\n        setAccuracyData(accuracyData);\n        setCumulativeTvdChange(cumulativeTvdChange);\n        setInitialPlanName(initialPlanName);\n        setTimestamp(recordTimestamp);\n      }\n    };\n\n    loadAccuracyRecords();\n\n    return () => {\n      ignore = true;\n    };\n  }, []);\n\n  if (!isAccuracyRecordLoaded) return <LoadingIndicator />;\n\n  return (\n    <div className={classes.wrapper}>\n      {isAccuracyRecordPresent ? (\n        <AccuracyPlan\n          accuracyData={accuracyData}\n          cumulativeTvdChange={cumulativeTvdChange}\n          initialPlanName={initialPlanName}\n          timestamp={timestamp}\n        />\n      ) : (\n        <Warning isWellStatusActive={isWellStatusActive} />\n      )}\n      <ActualPointInfo feedItem={feedItem} />\n    </div>\n  );\n};\n\nSurveyStationFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      survey_station: shape({\n        data: shape({\n          azimuth: number.isRequired,\n          inclination: number.isRequired,\n          measured_depth: number.isRequired,\n        }).isRequired,\n        well: shape({\n          status: string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default SurveyStationFeedItem;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","flexDirection","gap","spacing","SurveyStationFeedItem","_ref","_feedItem$context","_feedItem$context$sur","_feedItem$context$sur2","feedItem","classes","useState","_useState2","_slicedToArray","_useState","isAccuracyRecordLoaded","setIsAccuracyRecordLoaded","_useState4","_useState3","isAccuracyRecordPresent","setIsAccuracyRecordPresent","_useState6","_useState5","accuracyData","setAccuracyData","_useState8","_useState7","cumulativeTvdChange","setCumulativeTvdChange","_useState10","_useState9","initialPlanName","setInitialPlanName","_useState12","_useState11","timestamp","setTimestamp","isWellStatusActive","context","survey_station","well","status","useEffect","_ref2","ignore","loadAccuracyRecords","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_feedItem$well","_feedItem$context2","_feedItem$context2$su","_feedItem$context2$su2","_records$","wellId","md","records","directionalAccuracyData","_records$2","_accuracyData","_cumulativeTvdChange","_initialPlanName","recordTimestamp","wrap","_context","prev","next","id","data","measured_depth","fetchDirectionalAccuracyRecords","sent","abrupt","accuracy","cumulative_tvd_change","plan_name","stop","apply","this","arguments","_jsxs","className","children","_jsx","jsx","AccuracyPlan","Warning","ActualPointInfo","LoadingIndicator","propTypes","shape","azimuth","number","isRequired","inclination","string"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),a=require("moment"),i=require("@material-ui/core"),r=require("../../../utils/mobileDetect.js"),n=require("../../../utils/index.js"),s=require("../../Typography.js"),l=require("../../Attachment/index.js"),u=require("../../UserMention/utils/index.js"),d=require("../../CollapsibleContent.js"),o=require("../../../constants/feed.js"),c=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),f=m(t),h=m(a),x="TracesMemoFeedItem",b=i.makeStyles((function(e){return{message:{lineHeight:"20px"},container:{marginBottom:4,lineHeight:"20px"},label:{color:e.palette.primary.text6}}})),g=function(e){var t=e.feedItem,a=t.context[o.FEED_ITEM_TYPES.TRACES_MEMO],m=a.body,p=a.attachment,f=void 0===p?{}:p,g=a.bitDepth,j=a.holeDepth,q=a.timestamp,T=t.mentioned_users,_=b(),y=n.getUnitDisplay("length"),E=n.convertValue(+g,"length","ft"),D=n.convertValue(+j,"length","ft"),R=(null==f?void 0:f.signed_url)||(null==f?void 0:f.url),v=(null==f?void 0:f.file_name)||(null==f?void 0:f.name);return c.jsxs(i.Box,{whiteSpace:"pre-wrap",children:[m&&c.jsx(d,{children:c.jsx(s.Regular14,{className:_.message,"data-testid":"".concat(x,"_message"),variant:"body1",children:u.formatMentionText(m,T,r.isNativeDetected)})}),c.jsxs(i.Box,{mt:1,mb:1,children:[c.jsxs(s.Regular14,{"data-testid":"".concat(x,"_Time"),className:_.container,children:[c.jsx("span",{className:_.label,children:"Time: "}),h.default.unix(q).format(o.FEED_ITEM_TIME_FORMAT)]}),Number.isFinite(j)&&c.jsxs(s.Regular14,{"data-testid":"".concat(x,"_HoleDepth"),className:_.container,children:[c.jsx("span",{className:_.label,children:"Hole Depth: "}),"".concat(D," ").concat(y)]}),Number.isFinite(g)&&c.jsxs(s.Regular14,{"data-testid":"".concat(x,"_BitDepth"),className:_.container,children:[c.jsx("span",{className:_.label,children:"Bit Depth: "}),"".concat(E," ").concat(y)]})]}),f&&R&&c.jsx(l,{attachmentUrl:R,fileName:v,attachmentSize:f.size,size:"medium"})]})};g.propTypes={feedItem:f.default.shape({context:f.default.shape(p.default({},o.FEED_ITEM_TYPES.TRACES_MEMO,f.default.shape({body:f.default.string.isRequired,attachment:f.default.shape({url:f.default.string,size:f.default.number}),bitDepth:f.default.oneOfType([f.default.string,f.default.number]).isRequired,holeDepth:f.default.oneOfType([f.default.string,f.default.number]).isRequired,timestamp:f.default.oneOfType([f.default.string,f.default.number]).isRequired}).isRequired)).isRequired,mentioned_users:f.default.arrayOf(f.default.shape({}))}).isRequired},module.exports=g;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("prop-types"),r=require("moment"),a=require("@material-ui/core"),i=require("./components/ContextRow.js"),n=require("./components/FeedAttachment.js"),s=require("../../../utils/mobileDetect.js"),u=require("../../../utils/index.js"),l=require("../../UserMention/utils/index.js"),o=require("../../CollapsibleContent.js"),d=require("../../../constants/feed.js"),p=require("react/jsx-runtime");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=m(e),f=m(t),h=m(r),x="TracesMemoFeedItem",q=a.makeStyles((function(e){return{wrapper:{whiteSpace:"pre-wrap"},attachment:{paddingTop:e.spacing(1)}}})),T=function(e){var t=e.feedItem,r=t.context[d.FEED_ITEM_TYPES.TRACES_MEMO],a=r.body,m=r.attachment,c=void 0===m?{}:m,f=r.bitDepth,T=r.holeDepth,b=r.timestamp,j=t.mentioned_users,E=q(),R=u.getUnitDisplay("length"),_=u.convertValue(+f,"length","ft"),D=u.convertValue(+T,"length","ft");return p.jsxs(i.ContextRows,{className:E.wrapper,children:[a&&p.jsx(o,{children:p.jsx(i.ContextText,{testId:"".concat(x,"_message"),children:l.formatMentionText(a,j,s.isNativeDetected)})}),p.jsx(i.ContextRow,{label:"Time:",value:h.default.unix(b).format(d.FEED_ITEM_TIME_FORMAT),testId:"".concat(x,"_Time")}),Number.isFinite(T)&&p.jsx(i.ContextRow,{label:"Hole Depth:",value:D,unit:R,testId:"".concat(x,"_HoleDepth")}),Number.isFinite(f)&&p.jsx(i.ContextRow,{label:"Bit Depth:",value:_,unit:R,testId:"".concat(x,"_BitDepth")}),p.jsx(n.FeedAttachment,{attachment:c,className:E.attachment})]})};T.propTypes={feedItem:f.default.shape({context:f.default.shape(c.default({},d.FEED_ITEM_TYPES.TRACES_MEMO,f.default.shape({body:f.default.string.isRequired,attachment:f.default.shape({url:f.default.string,size:f.default.number}),bitDepth:f.default.oneOfType([f.default.string,f.default.number]).isRequired,holeDepth:f.default.oneOfType([f.default.string,f.default.number]).isRequired,timestamp:f.default.oneOfType([f.default.string,f.default.number]).isRequired}).isRequired)).isRequired,mentioned_users:f.default.arrayOf(f.default.shape({}))}).isRequired},module.exports=T;
 //# sourceMappingURL=TracesMemoFeedItem.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TracesMemoFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js"],"sourcesContent":["// NOTE: Need to add Collapsible content\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Box, makeStyles } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getUnitDisplay, convertValue } from '~/utils';\nimport { Regular14 } from '~/components/Typography';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\n\nconst PAGE_NAME = 'TracesMemoFeedItem';\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 TracesMemoFeedItem = ({\n  feedItem: {\n    context: {\n      [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment = {}, bitDepth, holeDepth, timestamp },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n\n  const lengthUnit = getUnitDisplay('length');\n  const bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  const attachmentUrl = attachment?.signed_url || attachment?.url;\n  const attachmentName = attachment?.file_name || attachment?.name;\n\n  return (\n    <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        <Regular14 data-testid={`${PAGE_NAME}_Time`} className={classes.container}>\n          <span className={classes.label}>Time:&nbsp;</span>\n          {moment.unix(timestamp).format(FEED_ITEM_TIME_FORMAT)}\n        </Regular14>\n\n        {Number.isFinite(holeDepth) && (\n          <Regular14 data-testid={`${PAGE_NAME}_HoleDepth`} className={classes.container}>\n            <span className={classes.label}>Hole Depth:&nbsp;</span>\n            {`${holeDepthConverted} ${lengthUnit}`}\n          </Regular14>\n        )}\n\n        {Number.isFinite(bitDepth) && (\n          <Regular14 data-testid={`${PAGE_NAME}_BitDepth`} className={classes.container}>\n            <span className={classes.label}>Bit Depth:&nbsp;</span>\n            {`${bitDepthConverted} ${lengthUnit}`}\n          </Regular14>\n        )}\n      </Box>\n\n      {attachment && attachmentUrl && (\n        <Attachment\n          attachmentUrl={attachmentUrl}\n          fileName={attachmentName}\n          attachmentSize={attachment.size}\n          size=\"medium\"\n        />\n      )}\n    </Box>\n  );\n};\n\nTracesMemoFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      [FEED_ITEM_TYPES.TRACES_MEMO]: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        timestamp: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default TracesMemoFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","message","lineHeight","container","marginBottom","label","color","palette","primary","text6","TracesMemoFeedItem","_ref","_ref$feedItem","feedItem","_ref$feedItem$context","context","FEED_ITEM_TYPES","TRACES_MEMO","body","_ref$feedItem$context2","attachment","bitDepth","holeDepth","timestamp","mentionedUsers","mentioned_users","classes","lengthUnit","getUnitDisplay","bitDepthConverted","convertValue","holeDepthConverted","attachmentUrl","signed_url","url","attachmentName","file_name","name","_jsxs","Box","whiteSpace","children","_jsx","jsx","CollapsibleContent","Regular14","className","concat","variant","formatMentionText","isNativeDetected","mt","mb","moment","unix","format","FEED_ITEM_TIME_FORMAT","Number","isFinite","Attachment","fileName","attachmentSize","size","propTypes","PropTypes","shape","string","isRequired","number","oneOfType","arrayOf"],"mappings":"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"}
+{"version":3,"file":"TracesMemoFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows, ContextText } from './components/ContextRow';\nimport { FeedAttachment } from './components/FeedAttachment';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { getUnitDisplay, convertValue } from '~/utils';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport CollapsibleContent from '~/components/CollapsibleContent';\nimport { FEED_ITEM_TYPES, FEED_ITEM_TIME_FORMAT } from '~/constants/feed';\n\nconst PAGE_NAME = 'TracesMemoFeedItem';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    whiteSpace: 'pre-wrap',\n  },\n  attachment: {\n    paddingTop: theme.spacing(1),\n  },\n}));\n\nconst TracesMemoFeedItem = ({\n  feedItem: {\n    context: {\n      [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment = {}, bitDepth, holeDepth, timestamp },\n    },\n    mentioned_users: mentionedUsers,\n  },\n}) => {\n  const classes = useStyles();\n\n  const lengthUnit = getUnitDisplay('length');\n  const bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n\n  return (\n    <ContextRows className={classes.wrapper}>\n      {body && (\n        <CollapsibleContent>\n          <ContextText testId={`${PAGE_NAME}_message`}>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </ContextText>\n        </CollapsibleContent>\n      )}\n\n      <ContextRow\n        label=\"Time:\"\n        value={moment.unix(timestamp).format(FEED_ITEM_TIME_FORMAT)}\n        testId={`${PAGE_NAME}_Time`}\n      />\n\n      {Number.isFinite(holeDepth) && (\n        <ContextRow\n          label=\"Hole Depth:\"\n          value={holeDepthConverted}\n          unit={lengthUnit}\n          testId={`${PAGE_NAME}_HoleDepth`}\n        />\n      )}\n\n      {Number.isFinite(bitDepth) && (\n        <ContextRow\n          label=\"Bit Depth:\"\n          value={bitDepthConverted}\n          unit={lengthUnit}\n          testId={`${PAGE_NAME}_BitDepth`}\n        />\n      )}\n\n      <FeedAttachment attachment={attachment} className={classes.attachment} />\n    </ContextRows>\n  );\n};\n\nTracesMemoFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      [FEED_ITEM_TYPES.TRACES_MEMO]: PropTypes.shape({\n        body: PropTypes.string.isRequired,\n        attachment: PropTypes.shape({\n          url: PropTypes.string,\n          size: PropTypes.number,\n        }),\n        bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n        timestamp: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n      }).isRequired,\n    }).isRequired,\n    mentioned_users: PropTypes.arrayOf(PropTypes.shape({})),\n  }).isRequired,\n};\n\nexport default TracesMemoFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","wrapper","whiteSpace","attachment","paddingTop","spacing","TracesMemoFeedItem","_ref","_ref$feedItem","feedItem","_ref$feedItem$context","context","FEED_ITEM_TYPES","TRACES_MEMO","body","_ref$feedItem$context2","bitDepth","holeDepth","timestamp","mentionedUsers","mentioned_users","classes","lengthUnit","getUnitDisplay","bitDepthConverted","convertValue","holeDepthConverted","_jsxs","ContextRows","className","children","_jsx","jsx","CollapsibleContent","ContextText","testId","concat","formatMentionText","isNativeDetected","ContextRow","label","value","moment","unix","format","FEED_ITEM_TIME_FORMAT","Number","isFinite","unit","FeedAttachment","propTypes","PropTypes","shape","string","isRequired","url","size","number","oneOfType","arrayOf"],"mappings":"mjBAaMA,EAAY,qBAEZC,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,WAAY,YAEdC,WAAY,CACVC,WAAYJ,EAAMK,QAAQ,IAE7B,IAEKC,EAAqB,SAOrBC,GAAA,IAAAC,EAAAD,EANJE,SAAQC,EAAAF,EACNG,QACGC,EAAAA,gBAAgBC,aAAgBC,IAAAA,KAAIC,EAAAL,EAAEP,WAAAA,OAAU,IAAAY,EAAG,CAAE,EAAAA,EAAEC,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,UAE9DC,IAAjBC,gBAGIC,EAAUvB,IAEVwB,EAAaC,iBAAe,UAC5BC,EAAoBC,EAAAA,cAAcT,EAAU,SAAU,MACtDU,EAAqBD,EAAAA,cAAcR,EAAW,SAAU,MAE9D,OACEU,EAAAA,KAACC,EAAAA,YAAW,CAACC,UAAWR,EAAQpB,QAAQ6B,SACrChB,CAAAA,GACCiB,EAAAC,IAACC,EAAkB,CAAAH,SACjBC,MAACG,cAAW,CAACC,OAAM,GAAAC,OAAKvC,EAAoB,YAAAiC,SACzCO,EAAiBA,kBAACvB,EAAMK,EAAgBmB,EAAAA,sBAK/CP,MAACQ,aAAU,CACTC,MAAM,QACNC,MAAOC,EAAM,QAACC,KAAKzB,GAAW0B,OAAOC,EAAAA,uBACrCV,iBAAWtC,EAAS,WAGrBiD,OAAOC,SAAS9B,IACfc,EAAAA,IAACQ,EAAAA,WAAU,CACTC,MAAM,cACNC,MAAOf,EACPsB,KAAM1B,EACNa,iBAAWtC,EAAS,gBAIvBiD,OAAOC,SAAS/B,IACfe,EAAAA,IAACQ,EAAAA,WAAU,CACTC,MAAM,aACNC,MAAOjB,EACPwB,KAAM1B,EACNa,iBAAWtC,EAAS,eAIxBkC,MAACkB,iBAAc,CAAC9C,WAAYA,EAAY0B,UAAWR,EAAQlB,eAGjE,EAEAG,EAAmB4C,UAAY,CAC7BzC,SAAU0C,EAAS,QAACC,MAAM,CACxBzC,QAASwC,EAAAA,QAAUC,MAChBxC,EAAAA,QAAAA,CAAAA,EAAAA,kBAAgBC,YAAcsC,EAAS,QAACC,MAAM,CAC7CtC,KAAMqC,EAAAA,QAAUE,OAAOC,WACvBnD,WAAYgD,EAAS,QAACC,MAAM,CAC1BG,IAAKJ,EAAS,QAACE,OACfG,KAAML,EAAS,QAACM,SAElBzC,SAAUmC,EAAAA,QAAUO,UAAU,CAACP,EAAAA,QAAUE,OAAQF,EAAS,QAACM,SAASH,WACpErC,UAAWkC,EAAAA,QAAUO,UAAU,CAACP,EAAAA,QAAUE,OAAQF,EAAS,QAACM,SAASH,WACrEpC,UAAWiC,EAAAA,QAAUO,UAAU,CAACP,EAAAA,QAAUE,OAAQF,EAAS,QAACM,SAASH,aACpEA,aACFA,WACHlC,gBAAiB+B,EAAS,QAACQ,QAAQR,EAAS,QAACC,MAAM,CAAE,MACpDE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),a=require("@material-ui/core"),r=require("../../../../../utils/convert.js"),t=require("react/jsx-runtime"),n=a.makeStyles((function(e){return{wrapper:{display:"flex"},targetLabel:{color:e.palette.grey[400],marginRight:10},targetValue:{marginRight:15}}})),i=function(e){var i=e.targetChanges,c=void 0===i?s:i,l=n();return t.jsxs("div",{children:[t.jsx(a.Typography,{variant:"body2",gutterBottom:!0,children:"Target Changes:"}),t.jsxs("div",{className:l.wrapper,children:[t.jsx(a.Typography,{variant:"body2",className:l.targetLabel,children:"MD:"}),t.jsx(a.Typography,{variant:"body2",className:l.targetValue,children:"".concat(c.measured_depth||0," (").concat(r.getUnitDisplay("length"),")")}),t.jsx(a.Typography,{variant:"body2",className:l.targetLabel,children:"Vertical Section:"}),t.jsx(a.Typography,{variant:"body2",className:l.targetValue,children:"".concat(c.vertical_section||0," (").concat(r.getUnitDisplay("length"),")")}),t.jsx(a.Typography,{variant:"body2",className:l.targetLabel,children:"TVD Change:"}),t.jsx(a.Typography,{variant:"body2",className:l.targetValue,children:"".concat(c.tvd_change||0," (").concat(r.getUnitDisplay("length"),")")})]})]})};i.propTypes={targetChanges:e.shape({measured_depth:e.number,vertical_section:e.number,tvd_change:e.number})};var s={};module.exports=i;
+"use strict";var e=require("prop-types"),t=require("@material-ui/core"),r=require("../../components/ContextRow.js"),n=require("../../../../../utils/convert.js"),s=require("react/jsx-runtime"),a=t.makeStyles((function(e){return{groups:{gap:e.spacing(.5,3)}}})),o=function(e){var t=e.targetChanges,o=void 0===t?i:t,u=a();return s.jsxs(r.ContextRows,{children:[s.jsx(r.ContextRow,{value:"Target Changes:"}),s.jsxs(r.ContextRowGroups,{className:u.groups,children:[s.jsx(r.ContextRow,{label:"MD:",value:o.measured_depth||0,unit:n.getUnitDisplay("length")}),s.jsx(r.ContextRow,{label:"VS:",value:o.vertical_section||0,unit:n.getUnitDisplay("length")}),s.jsx(r.ContextRow,{label:"TVD:",value:o.tvd_change||0,unit:n.getUnitDisplay("length")})]})]})};o.propTypes={targetChanges:e.shape({measured_depth:e.number,vertical_section:e.number,tvd_change:e.number})};var i={};module.exports=o;
 //# sourceMappingURL=TargetChanges.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js.map

@@ -1 +1 @@
-{"version":3,"file":"TargetChanges.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"sourcesContent":["import { shape, number } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nconst useStyles = makeStyles(theme => ({\n  wrapper: {\n    display: 'flex',\n  },\n  targetLabel: {\n    color: theme.palette.grey[400],\n    marginRight: 10,\n  },\n  targetValue: {\n    marginRight: 15,\n  },\n}));\n\nconst TargetChanges = ({ targetChanges = DEFAULT_TARGET_CHANGES_TARGET_CHANGES }) => {\n  const classes = useStyles();\n  return (\n    <div>\n      <Typography variant=\"body2\" gutterBottom>\n        Target Changes:\n      </Typography>\n      <div className={classes.wrapper}>\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          MD:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.measured_depth || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          Vertical Section:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.vertical_section || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n\n        <Typography variant=\"body2\" className={classes.targetLabel}>\n          TVD Change:\n        </Typography>\n        <Typography variant=\"body2\" className={classes.targetValue}>\n          {`${targetChanges.tvd_change || 0} (${getUnitDisplay('length')})`}\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nTargetChanges.propTypes = {\n  targetChanges: shape({\n    measured_depth: number,\n    vertical_section: number,\n    tvd_change: number,\n  }),\n};\n\nconst DEFAULT_TARGET_CHANGES_TARGET_CHANGES = {};\n\nexport default TargetChanges;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","targetLabel","color","palette","grey","marginRight","targetValue","TargetChanges","_ref","_ref$targetChanges","targetChanges","DEFAULT_TARGET_CHANGES_TARGET_CHANGES","classes","_jsxs","children","_jsx","Typography","variant","gutterBottom","jsxs","className","measured_depth","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number"],"mappings":"oJAKMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,QAAS,QAEXC,YAAa,CACXC,MAAOJ,EAAMK,QAAQC,KAAK,KAC1BC,YAAa,IAEfC,YAAa,CACXD,YAAa,IAEhB,IAEKE,EAAgB,SAA+DC,GAAA,IAAAC,EAAAD,EAA5DE,cAAAA,aAAgBC,EAAqCF,EACtEG,EAAUhB,IAChB,OACEiB,EAAAA,KAAA,MAAA,CAAAC,SAAA,CACEC,MAACC,aAAU,CAACC,QAAQ,QAAQC,cAAY,EAAAJ,SAAA,oBAGxCD,EAAAM,KAAA,MAAA,CAAKC,UAAWR,EAAQb,QAAQe,SAAA,CAC9BC,MAACC,aAAU,CAACC,QAAQ,QAAQG,UAAWR,EAAQX,YAAYa,SAAA,QAG3DC,MAACC,aAAU,CAACC,QAAQ,QAAQG,UAAWR,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAcW,gBAAkB,EAAMC,MAAAA,OAAAA,EAAAA,eAAe,UAAS,OAGpEP,MAACC,aAAU,CAACC,QAAQ,QAAQG,UAAWR,EAAQX,YAAYa,SAAA,sBAG3DC,MAACC,aAAU,CAACC,QAAQ,QAAQG,UAAWR,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAca,kBAAoB,EAAMD,MAAAA,OAAAA,EAAAA,eAAe,UAAS,OAGtEP,MAACC,aAAU,CAACC,QAAQ,QAAQG,UAAWR,EAAQX,YAAYa,SAAA,gBAG3DC,MAACC,aAAU,CAACC,QAAQ,QAAQG,UAAWR,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAcc,YAAc,EAAMF,MAAAA,OAAAA,EAAAA,eAAe,UAAS,YAKxE,EAEAf,EAAckB,UAAY,CACxBf,cAAegB,EAAAA,MAAM,CACnBL,eAAgBM,EAAMA,OACtBJ,iBAAkBI,EAAMA,OACxBH,WAAYG,EAAAA,UAIhB,IAAMhB,EAAwC,CAAE"}
+{"version":3,"file":"TargetChanges.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"sourcesContent":["import { shape, number } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { ContextRow, ContextRows, ContextRowGroups } from '../../components/ContextRow';\n\nimport { getUnitDisplay } from '~/utils/convert';\n\nconst useStyles = makeStyles(theme => ({\n  groups: {\n    gap: theme.spacing(0.5, 3),\n  },\n}));\n\nconst TargetChanges = ({ targetChanges = DEFAULT_TARGET_CHANGES_TARGET_CHANGES }) => {\n  const classes = useStyles();\n  return (\n    <ContextRows>\n      <ContextRow value=\"Target Changes:\" />\n      <ContextRowGroups className={classes.groups}>\n        <ContextRow\n          label=\"MD:\"\n          value={targetChanges.measured_depth || 0}\n          unit={getUnitDisplay('length')}\n        />\n        <ContextRow\n          label=\"VS:\"\n          value={targetChanges.vertical_section || 0}\n          unit={getUnitDisplay('length')}\n        />\n        <ContextRow\n          label=\"TVD:\"\n          value={targetChanges.tvd_change || 0}\n          unit={getUnitDisplay('length')}\n        />\n      </ContextRowGroups>\n    </ContextRows>\n  );\n};\n\nTargetChanges.propTypes = {\n  targetChanges: shape({\n    measured_depth: number,\n    vertical_section: number,\n    tvd_change: number,\n  }),\n};\n\nconst DEFAULT_TARGET_CHANGES_TARGET_CHANGES = {};\n\nexport default TargetChanges;\n"],"names":["useStyles","makeStyles","theme","groups","gap","spacing","TargetChanges","_ref","_ref$targetChanges","targetChanges","DEFAULT_TARGET_CHANGES_TARGET_CHANGES","classes","_jsxs","ContextRows","children","_jsx","ContextRow","value","ContextRowGroups","className","label","measured_depth","unit","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number"],"mappings":"gMAOMA,EAAYC,EAAAA,YAAW,SAAAC,GAAK,MAAK,CACrCC,OAAQ,CACNC,IAAKF,EAAMG,QAAQ,GAAK,IAE3B,IAEKC,EAAgB,SAA+DC,GAAA,IAAAC,EAAAD,EAA5DE,cAAAA,aAAgBC,EAAqCF,EACtEG,EAAUX,IAChB,OACEY,EAAAA,KAACC,EAAAA,YAAW,CAAAC,SAAA,CACVC,MAACC,aAAU,CAACC,MAAM,oBAClBL,OAACM,mBAAgB,CAACC,UAAWR,EAAQR,OAAOW,SAAA,CAC1CC,MAACC,aAAU,CACTI,MAAM,MACNH,MAAOR,EAAcY,gBAAkB,EACvCC,KAAMC,EAAcA,eAAC,YAEvBR,MAACC,aAAU,CACTI,MAAM,MACNH,MAAOR,EAAce,kBAAoB,EACzCF,KAAMC,EAAcA,eAAC,YAEvBR,MAACC,aAAU,CACTI,MAAM,OACNH,MAAOR,EAAcgB,YAAc,EACnCH,KAAMC,EAAcA,eAAC,iBAK/B,EAEAjB,EAAcoB,UAAY,CACxBjB,cAAekB,EAAAA,MAAM,CACnBN,eAAgBO,EAAMA,OACtBJ,iBAAkBI,EAAMA,OACxBH,WAAYG,EAAAA,UAIhB,IAAMlB,EAAwC,CAAE"}

package/cjs-bundle/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("prop-types"),r=require("@material-ui/core"),t=require("@material-ui/core/colors/blue"),a=require("react/jsx-runtime");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(t),o=r.makeStyles({wrapper:{marginRight:40},vsa:{color:s.default[300]}}),u=function(e){var t=e.vsa,i=o();return a.jsxs("div",{className:i.wrapper,children:[a.jsx(r.Typography,{variant:"body2",gutterBottom:!0,children:"Vertical section Azimuth:"}),a.jsx(r.Typography,{"data-testid":"".concat("FeedActivityPo","_wellPlan_verticalAzimuth"),variant:"h5",className:i.vsa,children:t})]})};u.propTypes={vsa:e.number.isRequired},module.exports=u;
+"use strict";var e=require("prop-types"),t=require("../../components/ContextRow.js"),r=require("react/jsx-runtime"),o=function(e){var o=e.vsa;return r.jsx(t.ContextRow,{label:"Vertical Section Azimuth:",value:o,color:"info",testId:"".concat("FeedActivityPo","_wellPlan_verticalAzimuth")})};o.propTypes={vsa:e.number.isRequired},module.exports=o;
 //# sourceMappingURL=VerticalSectionAzimuth.js.map

package/cjs-bundle/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSectionAzimuth.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js"],"sourcesContent":["import { number } from 'prop-types';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nconst PAGE_NAME = 'FeedActivityPo';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    marginRight: 40,\n  },\n  vsa: {\n    color: blue[300],\n  },\n});\n\nconst VerticalSectionAzimuth = ({ vsa }) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.wrapper}>\n      <Typography variant=\"body2\" gutterBottom>\n        Vertical section Azimuth:\n      </Typography>\n      <Typography\n        data-testid={`${PAGE_NAME}_wellPlan_verticalAzimuth`}\n        variant=\"h5\"\n        className={classes.vsa}\n      >\n        {vsa}\n      </Typography>\n    </div>\n  );\n};\n\nVerticalSectionAzimuth.propTypes = {\n  vsa: number.isRequired,\n};\n\nexport default VerticalSectionAzimuth;\n"],"names":["useStyles","makeStyles","wrapper","marginRight","vsa","color","blue","VerticalSectionAzimuth","_ref","classes","_jsxs","className","children","_jsx","Typography","variant","gutterBottom","concat","propTypes","number","isRequired"],"mappings":"qOAMMA,EAAYC,EAAAA,WAAW,CAC3BC,QAAS,CACPC,YAAa,IAEfC,IAAK,CACHC,MAAOC,EAAI,QAAC,QAIVC,EAAyB,SAAaC,GAAA,IAAVJ,IAAAA,IAC1BK,EAAUT,IAChB,OACEU,EAAAA,KAAA,MAAA,CAAKC,UAAWF,EAAQP,QAAQU,SAAA,CAC9BC,MAACC,aAAU,CAACC,QAAQ,QAAQC,cAAY,EAAAJ,SAAA,8BAGxCC,MAACC,aAAU,CACT,cAAA,GAAAG,OAnBU,iBAmB2C,6BACrDF,QAAQ,KACRJ,UAAWF,EAAQL,IAAIQ,SAEtBR,MAIT,EAEAG,EAAuBW,UAAY,CACjCd,IAAKe,EAAMA,OAACC"}
+{"version":3,"file":"VerticalSectionAzimuth.js","sources":["../../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js"],"sourcesContent":["import { number } from 'prop-types';\n\nimport { ContextRow } from '../../components/ContextRow';\n\nconst PAGE_NAME = 'FeedActivityPo';\n\nconst VerticalSectionAzimuth = ({ vsa }) => (\n  <ContextRow\n    label=\"Vertical Section Azimuth:\"\n    value={vsa}\n    color=\"info\"\n    testId={`${PAGE_NAME}_wellPlan_verticalAzimuth`}\n  />\n);\n\nVerticalSectionAzimuth.propTypes = {\n  vsa: number.isRequired,\n};\n\nexport default VerticalSectionAzimuth;\n"],"names":["VerticalSectionAzimuth","_ref","vsa","_jsx","ContextRow","label","value","color","testId","propTypes","number","isRequired"],"mappings":"oHAMMA,EAAyB,SAAHC,GAAA,IAAMC,IAAAA,IAAG,OACnCC,EAAAA,IAACC,EAAAA,WAAU,CACTC,MAAM,4BACNC,MAAOJ,EACPK,MAAM,OACNC,iBAPc,iBAOM,8BACpB,EAGJR,EAAuBS,UAAY,CACjCP,IAAKQ,EAAMA,OAACC"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("react"),r=require("prop-types"),s=require("immutable"),a=require("./components/TargetChanges.js"),i=require("./components/VerticalSectionAzimuth.js"),p=require("./constants.js"),n=require("./styles.css.js"),u=require("../../../../constants/subscriptions.js");require("../../../EmbeddedApp/DevCenterEmbeddedApp.js");var o=require("../../../EmbeddedApp/EmbeddedApp.js"),c=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=d(e);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){b.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(e){var r=e.feedItem,d=r.id,b=r.well,l=r.context.well_plan,g=l.data,y=g.vertical_section_azimuth,f=g.target_changes,q=l.timestamp,h=e.subscribeAppForAsset,j=e.unsubscribeAppFromAsset,A=e.appContext,S=e.isSubDataLoading,D=e.getSubErrors,R=e.isSubDataEmpty,O=e.appRegistry,C=e.appData,v=p.SUBSCRIPTIONS.map((function(e){return m(m({},e),{},{meta:m(m({},u.DEFAULT_SUBSCRIPTION_META),{},{subscribeOnlyForInitialData:!0})})}));return t.useEffect((function(){b&&q&&h(d,v,b.id,{query:"{timestamp#lte#".concat(q,"}")})}),[]),b?c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:n.wellPlanFeedItemInfo,children:[c.jsx(i,{vsa:y}),f&&c.jsx(a,{targetChanges:f})]}),c.jsx(o,{asset:s.Map(b),appContainerClassName:n.wellPlanFeedItemApp,appId:d,assetId:b.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:v,requiresSubscription:!1,appContext:s.Map(A),assetDashboards:s.List(),graphType:1,internalSelectors:{isSubDataLoading:S,getSubErrors:D,isSubDataEmpty:R},appRegistry:O,appData:C,subscribeAppForAsset:h,unsubscribeAppFromAsset:j}),c.jsx(o,{asset:s.Map(b),appContainerClassName:n.wellPlanFeedItemApp,appId:d,assetId:b.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:v,requiresSubscription:!1,appContext:s.Map(A),assetDashboards:s.List(),graphType:2,internalSelectors:{isSubDataLoading:S,getSubErrors:D,isSubDataEmpty:R},appRegistry:O,appData:C,subscribeAppForAsset:h,unsubscribeAppFromAsset:j})]}):"No Well in data"};g.propTypes={feedItem:r.shape({id:r.number,context:r.shape({well_plan:r.shape({timestamp:r.number.isRequired,data:r.shape({vertical_section_azimuth:r.number,target_changes:r.shape({measured_depth:r.number,tvd_change:r.number,vertical_section:r.number})})}).isRequired}).isRequired,well:r.shape({id:r.number.isRequired}).isRequired}).isRequired,subscribeAppForAsset:r.func.isRequired,unsubscribeAppFromAsset:r.func.isRequired,appContext:r.shape({view:r.string.isRequired}).isRequired,appData:r.shape().isRequired,appRegistry:r.shape().isRequired,isSubDataLoading:r.func.isRequired,getSubErrors:r.func.isRequired,isSubDataEmpty:r.func.isRequired},module.exports=g;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("react"),r=require("prop-types"),s=require("immutable"),a=require("./components/TargetChanges.js"),i=require("./components/VerticalSectionAzimuth.js"),p=require("./constants.js"),n=require("./styles.scss.js"),u=require("../../../../constants/subscriptions.js");require("../../../EmbeddedApp/DevCenterEmbeddedApp.js");var o=require("../../../EmbeddedApp/EmbeddedApp.js"),c=require("react/jsx-runtime");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=d(e);function l(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,s)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?l(Object(r),!0).forEach((function(t){b.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):l(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var g=function(e){var r=e.feedItem,d=r.id,b=r.well,l=r.context.well_plan,g=l.data,y=g.vertical_section_azimuth,f=g.target_changes,q=l.timestamp,h=e.subscribeAppForAsset,j=e.unsubscribeAppFromAsset,A=e.appContext,S=e.isSubDataLoading,D=e.getSubErrors,R=e.isSubDataEmpty,O=e.appRegistry,C=e.appData,v=p.SUBSCRIPTIONS.map((function(e){return m(m({},e),{},{meta:m(m({},u.DEFAULT_SUBSCRIPTION_META),{},{subscribeOnlyForInitialData:!0})})}));return t.useEffect((function(){b&&q&&h(d,v,b.id,{query:"{timestamp#lte#".concat(q,"}")})}),[]),b?c.jsxs(c.Fragment,{children:[c.jsxs("div",{className:n.wellPlanFeedItemInfo,children:[c.jsx(i,{vsa:y}),f&&c.jsx(a,{targetChanges:f})]}),c.jsx(o,{asset:s.Map(b),appContainerClassName:n.wellPlanFeedItemApp,appId:d,assetId:b.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:v,requiresSubscription:!1,appContext:s.Map(A),assetDashboards:s.List(),graphType:1,internalSelectors:{isSubDataLoading:S,getSubErrors:D,isSubDataEmpty:R},appRegistry:O,appData:C,subscribeAppForAsset:h,unsubscribeAppFromAsset:j}),c.jsx(o,{asset:s.Map(b),appContainerClassName:n.wellPlanFeedItemApp,appId:d,assetId:b.id,appComponentKey:"directional-wellPlan",appComponentCategory:"directional",subscriptions:v,requiresSubscription:!1,appContext:s.Map(A),assetDashboards:s.List(),graphType:2,internalSelectors:{isSubDataLoading:S,getSubErrors:D,isSubDataEmpty:R},appRegistry:O,appData:C,subscribeAppForAsset:h,unsubscribeAppFromAsset:j})]}):"No Well in data"};g.propTypes={feedItem:r.shape({id:r.number,context:r.shape({well_plan:r.shape({timestamp:r.number.isRequired,data:r.shape({vertical_section_azimuth:r.number,target_changes:r.shape({measured_depth:r.number,tvd_change:r.number,vertical_section:r.number})})}).isRequired}).isRequired,well:r.shape({id:r.number.isRequired}).isRequired}).isRequired,subscribeAppForAsset:r.func.isRequired,unsubscribeAppFromAsset:r.func.isRequired,appContext:r.shape({view:r.string.isRequired}).isRequired,appData:r.shape().isRequired,appRegistry:r.shape().isRequired,isSubDataLoading:r.func.isRequired,getSubErrors:r.func.isRequired,isSubDataEmpty:r.func.isRequired},module.exports=g;
 //# sourceMappingURL=index.js.map