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

package/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js

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

package/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","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":"6nBAaA,IAAMA,EAAY,qBAEZC,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,QAAS,CACPC,WAAY,QAEdC,UAAW,CACTC,aAAc,EACdF,WAAY,QAEdG,MAAO,CACLC,MAAON,EAAMO,QAAQC,QAAQC,OAEhC,IAEKC,EAAqB,SAOrBC,GAAA,IAAAC,EAAAD,EANJE,SAAQC,EAAAF,EACNG,QACGC,EAAgBC,aAAgBC,IAAAA,KAAIC,EAAAL,EAAEM,WAAAA,OAAU,IAAAD,EAAG,CAAE,EAAAA,EAAEE,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,UAE9DC,IAAjBC,gBAGIC,EAAU5B,IAEV6B,EAAaC,EAAe,UAC5BC,EAAoBC,GAAcT,EAAU,SAAU,MACtDU,EAAqBD,GAAcR,EAAW,SAAU,MAExDU,GAAgBZ,aAAAA,EAAAA,EAAYa,cAAcb,aAAAA,EAAAA,EAAYc,KACtDC,GAAiBf,aAAAA,EAAAA,EAAYgB,aAAahB,aAAAA,EAAAA,EAAYiB,MAE5D,OACEC,EAACC,EAAG,CAACC,WAAW,WAAUC,SACvBvB,CAAAA,GACCwB,EAACC,EAAkB,CAAAF,SACjBC,EAACE,EAAS,CACRC,UAAWnB,EAAQzB,QACnB,cAAA,GAAA6C,OAAgBjD,EAAoB,YACpCkD,QAAQ,QAAON,SAEdO,EAAkB9B,EAAMM,EAAgByB,OAK/CX,EAACC,EAAG,CAACW,GAAI,EAAGC,GAAI,EAAEV,SAAA,CAChBH,EAACM,EAAS,CAAC,cAAA,GAAAE,OAAgBjD,EAAiB,SAACgD,UAAWnB,EAAQvB,UAAUsC,SACxE,CAAAC,EAAA,OAAA,CAAMG,UAAWnB,EAAQrB,MAAMoC,SAAA,WAC9BW,EAAOC,KAAK9B,GAAW+B,OAAOC,MAGhCC,OAAOC,SAASnC,IACfgB,EAACM,EAAS,CAAC,cAAA,GAAAE,OAAgBjD,EAAsB,cAACgD,UAAWnB,EAAQvB,UAAUsC,SAC7E,CAAAC,EAAA,OAAA,CAAMG,UAAWnB,EAAQrB,MAAMoC,SAAA,iBAAyB,GAAAK,OACpDf,EAAkB,KAAAe,OAAInB,MAI7B6B,OAAOC,SAASpC,IACfiB,EAACM,EAAS,CAAC,cAAA,GAAAE,OAAgBjD,EAAqB,aAACgD,UAAWnB,EAAQvB,UAAUsC,SAC5E,CAAAC,EAAA,OAAA,CAAMG,UAAWnB,EAAQrB,MAAMoC,SAAA,gBAAwB,GAAAK,OACnDjB,EAAiB,KAAAiB,OAAInB,SAK9BP,GAAcY,GACbU,EAACgB,EAAU,CACT1B,cAAeA,EACf2B,SAAUxB,EACVyB,eAAgBxC,EAAWyC,KAC3BA,KAAK,aAKf,EAEAnD,EAAmBoD,UAAY,CAC7BjD,SAAUkD,EAAUC,MAAM,CACxBjD,QAASgD,EAAUC,MAChBhD,EAAAA,CAAAA,EAAAA,EAAgBC,YAAc8C,EAAUC,MAAM,CAC7C9C,KAAM6C,EAAUE,OAAOC,WACvB9C,WAAY2C,EAAUC,MAAM,CAC1B9B,IAAK6B,EAAUE,OACfJ,KAAME,EAAUI,SAElB9C,SAAU0C,EAAUK,UAAU,CAACL,EAAUE,OAAQF,EAAUI,SAASD,WACpE5C,UAAWyC,EAAUK,UAAU,CAACL,EAAUE,OAAQF,EAAUI,SAASD,WACrE3C,UAAWwC,EAAUK,UAAU,CAACL,EAAUE,OAAQF,EAAUI,SAASD,aACpEA,aACFA,WACHzC,gBAAiBsC,EAAUM,QAAQN,EAAUC,MAAM,CAAE,MACpDE"}
+{"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","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":"qrBAaA,IAAMA,EAAY,qBAEZC,EAAYC,GAAW,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,EAAgBC,aAAgBC,IAAAA,KAAIC,EAAAL,EAAEP,WAAAA,OAAU,IAAAY,EAAG,CAAE,EAAAA,EAAEC,IAAAA,SAAUC,IAAAA,UAAWC,IAAAA,UAE9DC,IAAjBC,gBAGIC,EAAUvB,IAEVwB,EAAaC,EAAe,UAC5BC,EAAoBC,GAAcT,EAAU,SAAU,MACtDU,EAAqBD,GAAcR,EAAW,SAAU,MAE9D,OACEU,EAACC,EAAW,CAACC,UAAWR,EAAQpB,QAAQ6B,SACrChB,CAAAA,GACCiB,EAACC,EAAkB,CAAAF,SACjBC,EAACE,EAAW,CAACC,OAAM,GAAAC,OAAKtC,EAAoB,YAAAiC,SACzCM,EAAkBtB,EAAMK,EAAgBkB,OAK/CN,EAACO,EAAU,CACTC,MAAM,QACNC,MAAOC,EAAOC,KAAKxB,GAAWyB,OAAOC,GACrCV,iBAAWrC,EAAS,WAGrBgD,OAAOC,SAAS7B,IACfc,EAACO,EAAU,CACTC,MAAM,cACNC,MAAOd,EACPqB,KAAMzB,EACNY,iBAAWrC,EAAS,gBAIvBgD,OAAOC,SAAS9B,IACfe,EAACO,EAAU,CACTC,MAAM,aACNC,MAAOhB,EACPuB,KAAMzB,EACNY,iBAAWrC,EAAS,eAIxBkC,EAACiB,EAAc,CAAC7C,WAAYA,EAAY0B,UAAWR,EAAQlB,eAGjE,EAEAG,EAAmB2C,UAAY,CAC7BxC,SAAUyC,EAAUC,MAAM,CACxBxC,QAASuC,EAAUC,MAChBvC,EAAAA,CAAAA,EAAAA,EAAgBC,YAAcqC,EAAUC,MAAM,CAC7CrC,KAAMoC,EAAUE,OAAOC,WACvBlD,WAAY+C,EAAUC,MAAM,CAC1BG,IAAKJ,EAAUE,OACfG,KAAML,EAAUM,SAElBxC,SAAUkC,EAAUO,UAAU,CAACP,EAAUE,OAAQF,EAAUM,SAASH,WACpEpC,UAAWiC,EAAUO,UAAU,CAACP,EAAUE,OAAQF,EAAUM,SAASH,WACrEnC,UAAWgC,EAAUO,UAAU,CAACP,EAAUE,OAAQF,EAAUM,SAASH,aACpEA,aACFA,WACHjC,gBAAiB8B,EAAUQ,QAAQR,EAAUC,MAAM,CAAE,MACpDE"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetChanges.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"names":[],"mappings":"+BAkBuB,EAAE,aAAqD,EAAE;;CAAA;;;;;;;;;;eA2CjE,aAAa"}
+{"version":3,"file":"TargetChanges.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js"],"names":[],"mappings":"+BAauB,EAAE,aAAqD,EAAE;;CAAA;;;;;;;;;;eAoCjE,aAAa"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/TargetChanges.js

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

package/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","className","measured_depth","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number"],"mappings":"iOAKA,IAAMA,EAAYC,GAAW,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,EAAA,MAAA,CAAAC,SAAA,CACEC,EAACC,EAAU,CAACC,QAAQ,QAAQC,cAAY,EAAAJ,SAAA,oBAGxCD,EAAA,MAAA,CAAKM,UAAWP,EAAQb,QAAQe,SAAA,CAC9BC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQX,YAAYa,SAAA,QAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAcU,gBAAkB,EAAMC,MAAAA,OAAAA,EAAe,UAAS,OAGpEN,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQX,YAAYa,SAAA,sBAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAcY,kBAAoB,EAAMD,MAAAA,OAAAA,EAAe,UAAS,OAGtEN,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQX,YAAYa,SAAA,gBAG3DC,EAACC,EAAU,CAACC,QAAQ,QAAQE,UAAWP,EAAQN,YAAYQ,SACrDJ,GAAAA,OAAAA,EAAca,YAAc,EAAMF,MAAAA,OAAAA,EAAe,UAAS,YAKxE,EAEAd,EAAciB,UAAY,CACxBd,cAAee,EAAM,CACnBL,eAAgBM,EAChBJ,iBAAkBI,EAClBH,WAAYG,KAIhB,IAAMf,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":"oTAOA,IAAMA,EAAYC,GAAW,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,EAACC,EAAW,CAAAC,SAAA,CACVC,EAACC,EAAU,CAACC,MAAM,oBAClBL,EAACM,EAAgB,CAACC,UAAWR,EAAQR,OAAOW,SAAA,CAC1CC,EAACC,EAAU,CACTI,MAAM,MACNH,MAAOR,EAAcY,gBAAkB,EACvCC,KAAMC,EAAe,YAEvBR,EAACC,EAAU,CACTI,MAAM,MACNH,MAAOR,EAAce,kBAAoB,EACzCF,KAAMC,EAAe,YAEvBR,EAACC,EAAU,CACTI,MAAM,OACNH,MAAOR,EAAcgB,YAAc,EACnCH,KAAMC,EAAe,iBAK/B,EAEAjB,EAAcoB,UAAY,CACxBjB,cAAekB,EAAM,CACnBN,eAAgBO,EAChBJ,iBAAkBI,EAClBH,WAAYG,KAIhB,IAAMlB,EAAwC,CAAE"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalSectionAzimuth.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js"],"names":[],"mappings":"wCAegC,EAAE,GAAG,EAAE;;CAAA;;;;;;eAsBxB,sBAAsB"}
+{"version":3,"file":"VerticalSectionAzimuth.d.ts","sourceRoot":"","sources":["../../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js"],"names":[],"mappings":"wCAMgC,EAAE,GAAG,EAAE;;CAAA;;;;;;eAaxB,sBAAsB"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/components/VerticalSectionAzimuth.js

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

package/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":"kMAIA,IAEMA,EAAYC,EAAW,CAC3BC,QAAS,CACPC,YAAa,IAEfC,IAAK,CACHC,MAAOC,EAAK,QAIVC,EAAyB,SAAaC,GAAA,IAAVJ,IAAAA,IAC1BK,EAAUT,IAChB,OACEU,EAAA,MAAA,CAAKC,UAAWF,EAAQP,QAAQU,SAAA,CAC9BC,EAACC,EAAU,CAACC,QAAQ,QAAQC,cAAY,EAAAJ,SAAA,8BAGxCC,EAACC,EAAU,CACT,cAAA,GAAAG,OAnBU,iBAmB2C,6BACrDF,QAAQ,KACRJ,UAAWF,EAAQL,IAAIQ,SAEtBR,MAIT,EAEAG,EAAuBW,UAAY,CACjCd,IAAKe,EAAOC"}
+{"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":"wIAIA,IAEMA,EAAyB,SAAHC,GAAA,IAAMC,IAAAA,IAAG,OACnCC,EAACC,EAAU,CACTC,MAAM,4BACNC,MAAOJ,EACPK,MAAM,OACNC,iBAPc,iBAOM,8BACpB,EAGJR,EAAuBS,UAAY,CACjCP,IAAKQ,EAAOC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { shape, number, func, string } from 'prop-types';\nimport { Map, List } from 'immutable';\n\nimport TargetChanges from './components/TargetChanges';\nimport VerticalSectionAzimuth from './components/VerticalSectionAzimuth';\nimport { SUBSCRIPTIONS } from './constants';\n\nimport styles from './styles.css';\n\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\nimport { EmbeddedApp } from '~/components/EmbeddedApp';\n\nconst WellPlanFeedItem = ({\n  feedItem: {\n    id,\n    well,\n    context: {\n      well_plan: {\n        data: { vertical_section_azimuth: vsa, target_changes: targetChanges },\n        timestamp,\n      },\n    },\n  },\n  subscribeAppForAsset,\n  unsubscribeAppFromAsset,\n  appContext,\n  isSubDataLoading,\n  getSubErrors,\n  isSubDataEmpty,\n  appRegistry,\n  appData,\n}) => {\n  // Note: Using custom subscription here instead of embedded app component sub,\n  // because in this component we have 2 apps with same data, we don't want to load\n  // data twice;\n\n  const subscriptions = SUBSCRIPTIONS.map(sub => ({\n    ...sub,\n    meta: { ...DEFAULT_SUBSCRIPTION_META, subscribeOnlyForInitialData: true },\n  }));\n\n  useEffect(() => {\n    function subscribeAppForData() {\n      subscribeAppForAsset(id, subscriptions, well.id, { query: `{timestamp#lte#${timestamp}}` });\n\n      return () => {\n        unsubscribeAppFromAsset(id, subscriptions);\n      };\n    }\n\n    if (well && timestamp) subscribeAppForData();\n  }, []);\n\n  if (!well) return 'No Well in data';\n\n  return (\n    <>\n      <div className={styles.wellPlanFeedItemInfo}>\n        <VerticalSectionAzimuth vsa={vsa} />\n        {targetChanges && <TargetChanges targetChanges={targetChanges} />}\n      </div>\n      <EmbeddedApp\n        asset={Map(well)}\n        appContainerClassName={styles.wellPlanFeedItemApp}\n        appId={id}\n        assetId={well.id}\n        appComponentKey=\"directional-wellPlan\"\n        appComponentCategory=\"directional\"\n        subscriptions={subscriptions}\n        requiresSubscription={false}\n        appContext={Map(appContext)}\n        assetDashboards={List()}\n        graphType={1}\n        internalSelectors={{\n          isSubDataLoading,\n          getSubErrors,\n          isSubDataEmpty,\n        }}\n        appRegistry={appRegistry}\n        appData={appData}\n        subscribeAppForAsset={subscribeAppForAsset}\n        unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n      />\n      <EmbeddedApp\n        asset={Map(well)}\n        appContainerClassName={styles.wellPlanFeedItemApp}\n        appId={id}\n        assetId={well.id}\n        appComponentKey=\"directional-wellPlan\"\n        appComponentCategory=\"directional\"\n        subscriptions={subscriptions}\n        requiresSubscription={false}\n        appContext={Map(appContext)}\n        assetDashboards={List()}\n        graphType={2}\n        internalSelectors={{\n          isSubDataLoading,\n          getSubErrors,\n          isSubDataEmpty,\n        }}\n        appRegistry={appRegistry}\n        appData={appData}\n        subscribeAppForAsset={subscribeAppForAsset}\n        unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n      />\n    </>\n  );\n};\n\nWellPlanFeedItem.propTypes = {\n  feedItem: shape({\n    id: number,\n    context: shape({\n      well_plan: shape({\n        timestamp: number.isRequired,\n        data: shape({\n          vertical_section_azimuth: number,\n          target_changes: shape({\n            measured_depth: number,\n            tvd_change: number,\n            vertical_section: number,\n          }),\n        }),\n      }).isRequired,\n    }).isRequired,\n    well: shape({\n      id: number.isRequired,\n    }).isRequired,\n  }).isRequired,\n\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  appContext: shape({\n    view: string.isRequired,\n  }).isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n};\n\nexport default WellPlanFeedItem;\n"],"names":["WellPlanFeedItem","_ref","_ref$feedItem","feedItem","id","well","_ref$feedItem$context","context","well_plan","_ref$feedItem$context2","data","vsa","vertical_section_azimuth","targetChanges","target_changes","timestamp","subscribeAppForAsset","unsubscribeAppFromAsset","appContext","isSubDataLoading","getSubErrors","isSubDataEmpty","appRegistry","appData","subscriptions","SUBSCRIPTIONS","map","sub","_objectSpread","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","useEffect","query","_jsxs","_Fragment","children","className","styles","wellPlanFeedItemInfo","_jsx","VerticalSectionAzimuth","TargetChanges","EmbeddedApp","asset","Map","appContainerClassName","wellPlanFeedItemApp","appId","assetId","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","List","graphType","internalSelectors","propTypes","shape","number","isRequired","measured_depth","tvd_change","vertical_section","func","view","string"],"mappings":"irCAaA,IAAMA,EAAmB,SAmBnBC,GAAA,IAAAC,EAAAD,EAlBJE,SACEC,IAAAA,GACAC,IAAAA,KAAIC,EACJC,EAAAA,QACEC,UAASC,EAAAH,EACPI,KAAkCC,IAA1BC,yBAA+CC,IAAhBC,eACvCC,IAAAA,UAINC,IAAAA,qBACAC,IAAAA,wBACAC,IAAAA,WACAC,IAAAA,iBACAC,IAAAA,aACAC,IAAAA,eACAC,IAAAA,YACAC,IAAAA,QAMMC,EAAgBC,EAAcC,KAAI,SAAAC,GAAG,OAAAC,EAAAA,EAAA,CAAA,EACtCD,GAAG,CAAA,EAAA,CACNE,YAAWC,GAAyB,CAAA,EAAA,CAAEC,6BAA6B,KAAM,IAe3E,OAZAC,GAAU,WASJ3B,GAAQU,GAPVC,EAAqBZ,EAAIoB,EAAenB,EAAKD,GAAI,CAAE6B,+BAAyBlB,EAAS,MAQxF,GAAE,IAEEV,EAGH6B,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,qBAAqBH,SAAA,CAC1CI,EAACC,EAAsB,CAAC9B,IAAKA,IAC5BE,GAAiB2B,EAACE,EAAa,CAAC7B,cAAeA,OAElD2B,EAACG,EAAW,CACVC,MAAOC,EAAIxC,GACXyC,sBAAuBR,EAAOS,oBAC9BC,MAAO5C,EACP6C,QAAS5C,EAAKD,GACd8C,gBAAgB,uBAChBC,qBAAqB,cACrB3B,cAAeA,EACf4B,sBAAsB,EACtBlC,WAAY2B,EAAI3B,GAChBmC,gBAAiBC,IACjBC,UAAW,EACXC,kBAAmB,CACjBrC,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,IAE3BuB,EAACG,EAAW,CACVC,MAAOC,EAAIxC,GACXyC,sBAAuBR,EAAOS,oBAC9BC,MAAO5C,EACP6C,QAAS5C,EAAKD,GACd8C,gBAAgB,uBAChBC,qBAAqB,cACrB3B,cAAeA,EACf4B,sBAAsB,EACtBlC,WAAY2B,EAAI3B,GAChBmC,gBAAiBC,IACjBC,UAAW,EACXC,kBAAmB,CACjBrC,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,OAlDb,iBAsDpB,EAEAjB,EAAiByD,UAAY,CAC3BtD,SAAUuD,EAAM,CACdtD,GAAIuD,EACJpD,QAASmD,EAAM,CACblD,UAAWkD,EAAM,CACf3C,UAAW4C,EAAOC,WAClBlD,KAAMgD,EAAM,CACV9C,yBAA0B+C,EAC1B7C,eAAgB4C,EAAM,CACpBG,eAAgBF,EAChBG,WAAYH,EACZI,iBAAkBJ,QAGrBC,aACFA,WACHvD,KAAMqD,EAAM,CACVtD,GAAIuD,EAAOC,aACVA,aACFA,WAEH5C,qBAAsBgD,EAAKJ,WAC3B3C,wBAAyB+C,EAAKJ,WAC9B1C,WAAYwC,EAAM,CAChBO,KAAMC,EAAON,aACZA,WACHrC,QAASmC,IAAQE,WACjBtC,YAAaoC,IAAQE,WACrBzC,iBAAkB6C,EAAKJ,WACvBxC,aAAc4C,EAAKJ,WACnBvC,eAAgB2C,EAAKJ"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/index.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { shape, number, func, string } from 'prop-types';\nimport { Map, List } from 'immutable';\n\nimport TargetChanges from './components/TargetChanges';\nimport VerticalSectionAzimuth from './components/VerticalSectionAzimuth';\nimport { SUBSCRIPTIONS } from './constants';\n\nimport styles from './styles.scss';\n\nimport { DEFAULT_SUBSCRIPTION_META } from '~/constants/subscriptions';\nimport { EmbeddedApp } from '~/components/EmbeddedApp';\n\nconst WellPlanFeedItem = ({\n  feedItem: {\n    id,\n    well,\n    context: {\n      well_plan: {\n        data: { vertical_section_azimuth: vsa, target_changes: targetChanges },\n        timestamp,\n      },\n    },\n  },\n  subscribeAppForAsset,\n  unsubscribeAppFromAsset,\n  appContext,\n  isSubDataLoading,\n  getSubErrors,\n  isSubDataEmpty,\n  appRegistry,\n  appData,\n}) => {\n  // Note: Using custom subscription here instead of embedded app component sub,\n  // because in this component we have 2 apps with same data, we don't want to load\n  // data twice;\n\n  const subscriptions = SUBSCRIPTIONS.map(sub => ({\n    ...sub,\n    meta: { ...DEFAULT_SUBSCRIPTION_META, subscribeOnlyForInitialData: true },\n  }));\n\n  useEffect(() => {\n    function subscribeAppForData() {\n      subscribeAppForAsset(id, subscriptions, well.id, { query: `{timestamp#lte#${timestamp}}` });\n\n      return () => {\n        unsubscribeAppFromAsset(id, subscriptions);\n      };\n    }\n\n    if (well && timestamp) subscribeAppForData();\n  }, []);\n\n  if (!well) return 'No Well in data';\n\n  return (\n    <>\n      <div className={styles.wellPlanFeedItemInfo}>\n        <VerticalSectionAzimuth vsa={vsa} />\n        {targetChanges && <TargetChanges targetChanges={targetChanges} />}\n      </div>\n      <EmbeddedApp\n        asset={Map(well)}\n        appContainerClassName={styles.wellPlanFeedItemApp}\n        appId={id}\n        assetId={well.id}\n        appComponentKey=\"directional-wellPlan\"\n        appComponentCategory=\"directional\"\n        subscriptions={subscriptions}\n        requiresSubscription={false}\n        appContext={Map(appContext)}\n        assetDashboards={List()}\n        graphType={1}\n        internalSelectors={{\n          isSubDataLoading,\n          getSubErrors,\n          isSubDataEmpty,\n        }}\n        appRegistry={appRegistry}\n        appData={appData}\n        subscribeAppForAsset={subscribeAppForAsset}\n        unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n      />\n      <EmbeddedApp\n        asset={Map(well)}\n        appContainerClassName={styles.wellPlanFeedItemApp}\n        appId={id}\n        assetId={well.id}\n        appComponentKey=\"directional-wellPlan\"\n        appComponentCategory=\"directional\"\n        subscriptions={subscriptions}\n        requiresSubscription={false}\n        appContext={Map(appContext)}\n        assetDashboards={List()}\n        graphType={2}\n        internalSelectors={{\n          isSubDataLoading,\n          getSubErrors,\n          isSubDataEmpty,\n        }}\n        appRegistry={appRegistry}\n        appData={appData}\n        subscribeAppForAsset={subscribeAppForAsset}\n        unsubscribeAppFromAsset={unsubscribeAppFromAsset}\n      />\n    </>\n  );\n};\n\nWellPlanFeedItem.propTypes = {\n  feedItem: shape({\n    id: number,\n    context: shape({\n      well_plan: shape({\n        timestamp: number.isRequired,\n        data: shape({\n          vertical_section_azimuth: number,\n          target_changes: shape({\n            measured_depth: number,\n            tvd_change: number,\n            vertical_section: number,\n          }),\n        }),\n      }).isRequired,\n    }).isRequired,\n    well: shape({\n      id: number.isRequired,\n    }).isRequired,\n  }).isRequired,\n\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  appContext: shape({\n    view: string.isRequired,\n  }).isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n};\n\nexport default WellPlanFeedItem;\n"],"names":["WellPlanFeedItem","_ref","_ref$feedItem","feedItem","id","well","_ref$feedItem$context","context","well_plan","_ref$feedItem$context2","data","vsa","vertical_section_azimuth","targetChanges","target_changes","timestamp","subscribeAppForAsset","unsubscribeAppFromAsset","appContext","isSubDataLoading","getSubErrors","isSubDataEmpty","appRegistry","appData","subscriptions","SUBSCRIPTIONS","map","sub","_objectSpread","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","useEffect","query","_jsxs","_Fragment","children","className","styles","wellPlanFeedItemInfo","_jsx","VerticalSectionAzimuth","TargetChanges","EmbeddedApp","asset","Map","appContainerClassName","wellPlanFeedItemApp","appId","assetId","appComponentKey","appComponentCategory","requiresSubscription","assetDashboards","List","graphType","internalSelectors","propTypes","shape","number","isRequired","measured_depth","tvd_change","vertical_section","func","view","string"],"mappings":"krCAaA,IAAMA,EAAmB,SAmBnBC,GAAA,IAAAC,EAAAD,EAlBJE,SACEC,IAAAA,GACAC,IAAAA,KAAIC,EACJC,EAAAA,QACEC,UAASC,EAAAH,EACPI,KAAkCC,IAA1BC,yBAA+CC,IAAhBC,eACvCC,IAAAA,UAINC,IAAAA,qBACAC,IAAAA,wBACAC,IAAAA,WACAC,IAAAA,iBACAC,IAAAA,aACAC,IAAAA,eACAC,IAAAA,YACAC,IAAAA,QAMMC,EAAgBC,EAAcC,KAAI,SAAAC,GAAG,OAAAC,EAAAA,EAAA,CAAA,EACtCD,GAAG,CAAA,EAAA,CACNE,YAAWC,GAAyB,CAAA,EAAA,CAAEC,6BAA6B,KAAM,IAe3E,OAZAC,GAAU,WASJ3B,GAAQU,GAPVC,EAAqBZ,EAAIoB,EAAenB,EAAKD,GAAI,CAAE6B,+BAAyBlB,EAAS,MAQxF,GAAE,IAEEV,EAGH6B,EAAAC,EAAA,CAAAC,SACE,CAAAF,EAAA,MAAA,CAAKG,UAAWC,EAAOC,qBAAqBH,SAAA,CAC1CI,EAACC,EAAsB,CAAC9B,IAAKA,IAC5BE,GAAiB2B,EAACE,EAAa,CAAC7B,cAAeA,OAElD2B,EAACG,EAAW,CACVC,MAAOC,EAAIxC,GACXyC,sBAAuBR,EAAOS,oBAC9BC,MAAO5C,EACP6C,QAAS5C,EAAKD,GACd8C,gBAAgB,uBAChBC,qBAAqB,cACrB3B,cAAeA,EACf4B,sBAAsB,EACtBlC,WAAY2B,EAAI3B,GAChBmC,gBAAiBC,IACjBC,UAAW,EACXC,kBAAmB,CACjBrC,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,IAE3BuB,EAACG,EAAW,CACVC,MAAOC,EAAIxC,GACXyC,sBAAuBR,EAAOS,oBAC9BC,MAAO5C,EACP6C,QAAS5C,EAAKD,GACd8C,gBAAgB,uBAChBC,qBAAqB,cACrB3B,cAAeA,EACf4B,sBAAsB,EACtBlC,WAAY2B,EAAI3B,GAChBmC,gBAAiBC,IACjBC,UAAW,EACXC,kBAAmB,CACjBrC,iBAAAA,EACAC,aAAAA,EACAC,eAAAA,GAEFC,YAAaA,EACbC,QAASA,EACTP,qBAAsBA,EACtBC,wBAAyBA,OAlDb,iBAsDpB,EAEAjB,EAAiByD,UAAY,CAC3BtD,SAAUuD,EAAM,CACdtD,GAAIuD,EACJpD,QAASmD,EAAM,CACblD,UAAWkD,EAAM,CACf3C,UAAW4C,EAAOC,WAClBlD,KAAMgD,EAAM,CACV9C,yBAA0B+C,EAC1B7C,eAAgB4C,EAAM,CACpBG,eAAgBF,EAChBG,WAAYH,EACZI,iBAAkBJ,QAGrBC,aACFA,WACHvD,KAAMqD,EAAM,CACVtD,GAAIuD,EAAOC,aACVA,aACFA,WAEH5C,qBAAsBgD,EAAKJ,WAC3B3C,wBAAyB+C,EAAKJ,WAC9B1C,WAAYwC,EAAM,CAChBO,KAAMC,EAAON,aACZA,WACHrC,QAASmC,IAAQE,WACjBtC,YAAaoC,IAAQE,WACrBzC,iBAAkB6C,EAAKJ,WACvBxC,aAAc4C,EAAKJ,WACnBvC,eAAgB2C,EAAKJ"}

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/styles.scss.js

@@ -0,0 +1,2 @@
+import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={spacing:"8",wellPlanFeedItemInfo:"styles_wellPlanFeedItemInfo__x-waS",wellPlanFeedItemApp:"styles_wellPlanFeedItemApp__JhWII"};e(".styles_wellPlanFeedItemInfo__x-waS{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.styles_wellPlanFeedItemApp__JhWII{display:inline-block;height:400px;margin-right:15px;position:relative;width:400px}");export{l as default};
+//# sourceMappingURL=styles.scss.js.map

package/components/FeedItem/feedItemTypes/components/ContextRow.d.ts

@@ -0,0 +1,79 @@
+import PropTypes from 'prop-types';
+export declare function ContextRows({ className, children }: {
+    children: any;
+    className: any;
+}): import("react").JSX.Element;
+export declare namespace ContextRows {
+    var propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    var defaultProps: {
+        className: undefined;
+        children: null;
+    };
+}
+export declare function ContextRowGroups({ className, children }: {
+    children: any;
+    className: any;
+}): import("react").JSX.Element;
+export declare namespace ContextRowGroups {
+    var propTypes: {
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    var defaultProps: {
+        className: undefined;
+        children: null;
+    };
+}
+export declare function ContextRow({ label, value, unit, color, valueSize, className, testId, children }: {
+    children: any;
+    className: any;
+    color: any;
+    label: any;
+    testId: any;
+    unit: any;
+    value: any;
+    valueSize: any;
+}): import("react").JSX.Element;
+export declare namespace ContextRow {
+    var propTypes: {
+        label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        value: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        unit: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        color: PropTypes.Requireable<string>;
+        valueSize: PropTypes.Requireable<string>;
+        className: PropTypes.Requireable<string>;
+        testId: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    var defaultProps: {
+        label: undefined;
+        value: undefined;
+        unit: undefined;
+        color: string;
+        valueSize: string;
+        className: undefined;
+        testId: undefined;
+        children: null;
+    };
+}
+export declare function ContextText({ className, testId, children }: {
+    children: any;
+    className: any;
+    testId: any;
+}): import("react").JSX.Element;
+export declare namespace ContextText {
+    var propTypes: {
+        className: PropTypes.Requireable<string>;
+        testId: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    };
+    var defaultProps: {
+        className: undefined;
+        testId: undefined;
+        children: null;
+    };
+}
+//# sourceMappingURL=ContextRow.d.ts.map

package/components/FeedItem/feedItemTypes/components/ContextRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextRow.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedItem/feedItemTypes/components/ContextRow.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AA4DnC,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE;;;CAAA,+BAGlD;yBAHe,WAAW;;;;;;;;;;AAe3B,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE;;;CAAA,+BAGvD;yBAHe,gBAAgB;;;;;;;;;;AAehC,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE;;;;;;;;;CAAA,+BAoB/F;yBApBe,UAAU;;;;;;;;;;;;;;;;;;;;;;AA4C1B,wBAAgB,WAAW,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE;;;;CAAA,+BAO1D;yBAPe,WAAW"}

package/components/FeedItem/feedItemTypes/components/ContextRow.js

@@ -0,0 +1,2 @@
+import e from"@babel/runtime/helpers/defineProperty";import a from"prop-types";import l from"classnames";import{makeStyles as r}from"@material-ui/core";import{jsx as t,jsxs as i}from"react/jsx-runtime";var n=r((function(e){return{rows:{display:"flex",flexDirection:"column",gap:e.spacing(.5)},rowGroups:{display:"flex",alignItems:"flex-start",flexWrap:"wrap",gap:e.spacing(.5,1.5)},row:{fontSize:14,lineHeight:"20px",color:e.palette.primary.text1,wordBreak:"break-word"},label:{color:e.palette.primary.text6,whiteSpace:"nowrap",marginRight:e.spacing(.5)},value:{color:e.palette.primary.text1},valueInfo:{color:e.palette.info.light},valueAccent:{color:e.palette.primary.main},valueSmall:{fontSize:12,lineHeight:"16px"},unit:{fontSize:12,lineHeight:"16px",color:e.palette.primary.text6,marginLeft:e.spacing(.5)},extra:{marginLeft:e.spacing(.5)},text:{fontSize:12,lineHeight:"16px",color:e.palette.primary.text1,wordBreak:"break-word"}}}));function o(e){var a=e.className,r=e.children,i=n();return t("div",{className:l(i.rows,a),children:r})}function s(e){var a=e.className,r=e.children,i=n();return t("div",{className:l(i.rowGroups,a),children:r})}function c(a){var r,o=a.label,s=a.value,c=a.unit,d=a.color,p=a.valueSize,m=a.className,u=a.testId,f=a.children,v=n();return i("div",{className:l(v.row,m),children:[o&&t("span",{className:v.label,children:o}),t("span",{"data-testid":u,className:l(v.value,(r={},e(r,v.valueInfo,"info"===d),e(r,v.valueAccent,"accent"===d),e(r,v.valueSmall,"small"===p),r)),children:s}),c&&t("span",{className:v.unit,children:c}),f&&t("span",{className:v.extra,children:f})]})}function d(e){var a=e.className,r=e.testId,i=e.children,o=n();return t("div",{"data-testid":r,className:l(o.text,a),children:i})}o.propTypes={className:a.string,children:a.node},o.defaultProps={className:void 0,children:null},s.propTypes={className:a.string,children:a.node},s.defaultProps={className:void 0,children:null},c.propTypes={label:a.node,value:a.node,unit:a.node,color:a.oneOf(["default","info","accent"]),valueSize:a.oneOf(["medium","small"]),className:a.string,testId:a.string,children:a.node},c.defaultProps={label:void 0,value:void 0,unit:void 0,color:"default",valueSize:"medium",className:void 0,testId:void 0,children:null},d.propTypes={className:a.string,testId:a.string,children:a.node},d.defaultProps={className:void 0,testId:void 0,children:null};export{c as ContextRow,s as ContextRowGroups,o as ContextRows,d as ContextText};
+//# sourceMappingURL=ContextRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextRow.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/components/ContextRow.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { makeStyles } from '@material-ui/core';\n\n// Feed item body primitives per the Comment Tool design (Figma node 3506-81603)\n\nconst useStyles = makeStyles(theme => ({\n  rows: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(0.5),\n  },\n  rowGroups: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    flexWrap: 'wrap',\n    gap: theme.spacing(0.5, 1.5),\n  },\n  // Inline flow (not flex): long values wrap back to the card edge per design\n  row: {\n    fontSize: 14,\n    lineHeight: '20px',\n    color: theme.palette.primary.text1,\n    wordBreak: 'break-word',\n  },\n  label: {\n    color: theme.palette.primary.text6,\n    whiteSpace: 'nowrap',\n    marginRight: theme.spacing(0.5),\n  },\n  value: {\n    color: theme.palette.primary.text1,\n  },\n  valueInfo: {\n    color: theme.palette.info.light,\n  },\n  valueAccent: {\n    color: theme.palette.primary.main,\n  },\n  valueSmall: {\n    fontSize: 12,\n    lineHeight: '16px',\n  },\n  unit: {\n    fontSize: 12,\n    lineHeight: '16px',\n    color: theme.palette.primary.text6,\n    marginLeft: theme.spacing(0.5),\n  },\n  extra: {\n    marginLeft: theme.spacing(0.5),\n  },\n  text: {\n    fontSize: 12,\n    lineHeight: '16px',\n    color: theme.palette.primary.text1,\n    wordBreak: 'break-word',\n  },\n}));\n\nexport function ContextRows({ className, children }) {\n  const classes = useStyles();\n  return <div className={classNames(classes.rows, className)}>{children}</div>;\n}\n\nContextRows.propTypes = {\n  className: PropTypes.string,\n  children: PropTypes.node,\n};\n\nContextRows.defaultProps = {\n  className: undefined,\n  children: null,\n};\n\nexport function ContextRowGroups({ className, children }) {\n  const classes = useStyles();\n  return <div className={classNames(classes.rowGroups, className)}>{children}</div>;\n}\n\nContextRowGroups.propTypes = {\n  className: PropTypes.string,\n  children: PropTypes.node,\n};\n\nContextRowGroups.defaultProps = {\n  className: undefined,\n  children: null,\n};\n\nexport function ContextRow({ label, value, unit, color, valueSize, className, testId, children }) {\n  const classes = useStyles();\n\n  return (\n    <div className={classNames(classes.row, className)}>\n      {label && <span className={classes.label}>{label}</span>}\n      <span\n        data-testid={testId}\n        className={classNames(classes.value, {\n          [classes.valueInfo]: color === 'info',\n          [classes.valueAccent]: color === 'accent',\n          [classes.valueSmall]: valueSize === 'small',\n        })}\n      >\n        {value}\n      </span>\n      {unit && <span className={classes.unit}>{unit}</span>}\n      {children && <span className={classes.extra}>{children}</span>}\n    </div>\n  );\n}\n\nContextRow.propTypes = {\n  label: PropTypes.node,\n  value: PropTypes.node,\n  unit: PropTypes.node,\n  color: PropTypes.oneOf(['default', 'info', 'accent']),\n  valueSize: PropTypes.oneOf(['medium', 'small']),\n  className: PropTypes.string,\n  testId: PropTypes.string,\n  children: PropTypes.node,\n};\n\nContextRow.defaultProps = {\n  label: undefined,\n  value: undefined,\n  unit: undefined,\n  color: 'default',\n  valueSize: 'medium',\n  className: undefined,\n  testId: undefined,\n  children: null,\n};\n\nexport function ContextText({ className, testId, children }) {\n  const classes = useStyles();\n  return (\n    <div data-testid={testId} className={classNames(classes.text, className)}>\n      {children}\n    </div>\n  );\n}\n\nContextText.propTypes = {\n  className: PropTypes.string,\n  testId: PropTypes.string,\n  children: PropTypes.node,\n};\n\nContextText.defaultProps = {\n  className: undefined,\n  testId: undefined,\n  children: null,\n};\n"],"names":["useStyles","makeStyles","theme","rows","display","flexDirection","gap","spacing","rowGroups","alignItems","flexWrap","row","fontSize","lineHeight","color","palette","primary","text1","wordBreak","label","text6","whiteSpace","marginRight","value","valueInfo","info","light","valueAccent","main","valueSmall","unit","marginLeft","extra","text","ContextRows","_ref","className","children","classes","_jsx","classNames","ContextRowGroups","_ref2","ContextRow","_ref3","_classNames","valueSize","testId","_jsxs","_defineProperty","ContextText","_ref4","propTypes","PropTypes","string","node","defaultProps","undefined","oneOf"],"mappings":"0MAMA,IAAMA,EAAYC,GAAW,SAAAC,GAAK,MAAK,CACrCC,KAAM,CACJC,QAAS,OACTC,cAAe,SACfC,IAAKJ,EAAMK,QAAQ,KAErBC,UAAW,CACTJ,QAAS,OACTK,WAAY,aACZC,SAAU,OACVJ,IAAKJ,EAAMK,QAAQ,GAAK,MAG1BI,IAAK,CACHC,SAAU,GACVC,WAAY,OACZC,MAAOZ,EAAMa,QAAQC,QAAQC,MAC7BC,UAAW,cAEbC,MAAO,CACLL,MAAOZ,EAAMa,QAAQC,QAAQI,MAC7BC,WAAY,SACZC,YAAapB,EAAMK,QAAQ,KAE7BgB,MAAO,CACLT,MAAOZ,EAAMa,QAAQC,QAAQC,OAE/BO,UAAW,CACTV,MAAOZ,EAAMa,QAAQU,KAAKC,OAE5BC,YAAa,CACXb,MAAOZ,EAAMa,QAAQC,QAAQY,MAE/BC,WAAY,CACVjB,SAAU,GACVC,WAAY,QAEdiB,KAAM,CACJlB,SAAU,GACVC,WAAY,OACZC,MAAOZ,EAAMa,QAAQC,QAAQI,MAC7BW,WAAY7B,EAAMK,QAAQ,KAE5ByB,MAAO,CACLD,WAAY7B,EAAMK,QAAQ,KAE5B0B,KAAM,CACJrB,SAAU,GACVC,WAAY,OACZC,MAAOZ,EAAMa,QAAQC,QAAQC,MAC7BC,UAAW,cAEd,IAEM,SAASgB,EAAqCC,GAAA,IAAvBC,IAAAA,UAAWC,IAAAA,SACjCC,EAAUtC,IAChB,OAAOuC,EAAA,MAAA,CAAKH,UAAWI,EAAWF,EAAQnC,KAAMiC,GAAWC,SAAEA,GAC/D,CAYO,SAASI,EAA0CC,GAAA,IAAvBN,IAAAA,UAAWC,IAAAA,SACtCC,EAAUtC,IAChB,OAAOuC,EAAA,MAAA,CAAKH,UAAWI,EAAWF,EAAQ9B,UAAW4B,GAAWC,SAAEA,GACpE,CAYO,SAASM,EAAkFC,GAAA,IAAAC,EAArE1B,IAAAA,MAAOI,IAAAA,MAAOO,IAAAA,KAAMhB,IAAAA,MAAOgC,IAAAA,UAAWV,IAAAA,UAAWW,IAAAA,OAAQV,IAAAA,SAC9EC,EAAUtC,IAEhB,OACEgD,EAAA,MAAA,CAAKZ,UAAWI,EAAWF,EAAQ3B,IAAKyB,GAAWC,SAAA,CAChDlB,GAASoB,EAAA,OAAA,CAAMH,UAAWE,EAAQnB,MAAMkB,SAAElB,IAC3CoB,EAAA,OAAA,CACE,cAAaQ,EACbX,UAAWI,EAAWF,EAAQf,OAC3Be,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAQd,UAAsB,SAAVV,GAAgBmC,EAAAJ,EACpCP,EAAQX,YAAwB,WAAVb,GAAkBmC,EAAAJ,EACxCP,EAAQT,WAA2B,UAAdiB,GACrBD,IAAAR,SAEFd,IAEFO,GAAQS,EAAA,OAAA,CAAMH,UAAWE,EAAQR,KAAKO,SAAEP,IACxCO,GAAYE,EAAA,OAAA,CAAMH,UAAWE,EAAQN,MAAMK,SAAEA,MAGpD,CAwBO,SAASa,EAA6CC,GAAA,IAA/Bf,IAAAA,UAAWW,IAAAA,OAAQV,IAAAA,SACzCC,EAAUtC,IAChB,OACEuC,EAAA,MAAA,CAAK,cAAaQ,EAAQX,UAAWI,EAAWF,EAAQL,KAAMG,GAAWC,SACtEA,GAGP,CA5EAH,EAAYkB,UAAY,CACtBhB,UAAWiB,EAAUC,OACrBjB,SAAUgB,EAAUE,MAGtBrB,EAAYsB,aAAe,CACzBpB,eAAWqB,EACXpB,SAAU,MAQZI,EAAiBW,UAAY,CAC3BhB,UAAWiB,EAAUC,OACrBjB,SAAUgB,EAAUE,MAGtBd,EAAiBe,aAAe,CAC9BpB,eAAWqB,EACXpB,SAAU,MAyBZM,EAAWS,UAAY,CACrBjC,MAAOkC,EAAUE,KACjBhC,MAAO8B,EAAUE,KACjBzB,KAAMuB,EAAUE,KAChBzC,MAAOuC,EAAUK,MAAM,CAAC,UAAW,OAAQ,WAC3CZ,UAAWO,EAAUK,MAAM,CAAC,SAAU,UACtCtB,UAAWiB,EAAUC,OACrBP,OAAQM,EAAUC,OAClBjB,SAAUgB,EAAUE,MAGtBZ,EAAWa,aAAe,CACxBrC,WAAOsC,EACPlC,WAAOkC,EACP3B,UAAM2B,EACN3C,MAAO,UACPgC,UAAW,SACXV,eAAWqB,EACXV,YAAQU,EACRpB,SAAU,MAYZa,EAAYE,UAAY,CACtBhB,UAAWiB,EAAUC,OACrBP,OAAQM,EAAUC,OAClBjB,SAAUgB,EAAUE,MAGtBL,EAAYM,aAAe,CACzBpB,eAAWqB,EACXV,YAAQU,EACRpB,SAAU"}

package/components/FeedItem/feedItemTypes/components/FeedAttachment.d.ts

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+export declare function FeedAttachment({ attachment, className }: {
+    attachment: any;
+    className: any;
+}): import("react").JSX.Element | null;
+export declare namespace FeedAttachment {
+    var propTypes: {
+        attachment: PropTypes.Requireable<PropTypes.InferProps<{
+            name: PropTypes.Requireable<string>;
+            file_name: PropTypes.Requireable<string>;
+            url: PropTypes.Requireable<string>;
+            signed_url: PropTypes.Requireable<string>;
+            size: PropTypes.Requireable<number>;
+        }>>;
+        className: PropTypes.Requireable<string>;
+    };
+    var defaultProps: {
+        attachment: undefined;
+        className: undefined;
+    };
+}
+//# sourceMappingURL=FeedAttachment.d.ts.map

package/components/FeedItem/feedItemTypes/components/FeedAttachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedAttachment.d.ts","sourceRoot":"","sources":["../../../../../src/components/FeedItem/feedItemTypes/components/FeedAttachment.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE;;;CAAA,sCAcvD;yBAde,cAAc"}

package/components/FeedItem/feedItemTypes/components/FeedAttachment.js

@@ -0,0 +1,2 @@
+import t from"prop-types";import{StoredAttachmentPreview as e}from"../../../AttachmentPreview/StoredAttachmentPreview.js";import{jsx as r}from"react/jsx-runtime";function n(t){var n=t.attachment,i=t.className,a=(null==n?void 0:n.file_name)||(null==n?void 0:n.name),l=(null==n?void 0:n.signed_url)||(null==n?void 0:n.url);if(!a&&!l)return null;var s=a||l.split("?")[0].split("/").pop()||"attachment";return r("div",{className:i,children:r(e,{attachment:{name:s,url:l,size:null==n?void 0:n.size}})})}n.propTypes={attachment:t.shape({name:t.string,file_name:t.string,url:t.string,signed_url:t.string,size:t.number}),className:t.string},n.defaultProps={attachment:void 0,className:void 0};export{n as FeedAttachment};
+//# sourceMappingURL=FeedAttachment.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedAttachment.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/components/FeedAttachment.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nimport { StoredAttachmentPreview } from '~/components/AttachmentPreview/StoredAttachmentPreview';\n\n// Renders the varying legacy feed attachment shapes with the AttachmentPreview tiles\nexport function FeedAttachment({ attachment, className }) {\n  const name = attachment?.file_name || attachment?.name;\n  const url = attachment?.signed_url || attachment?.url;\n\n  if (!name && !url) return null;\n\n  // Slashless fallback: a name containing '/' would be signed as an S3 key downstream\n  const displayName = name || url.split('?')[0].split('/').pop() || 'attachment';\n\n  return (\n    <div className={className}>\n      <StoredAttachmentPreview attachment={{ name: displayName, url, size: attachment?.size }} />\n    </div>\n  );\n}\n\nFeedAttachment.propTypes = {\n  attachment: PropTypes.shape({\n    name: PropTypes.string,\n    file_name: PropTypes.string,\n    url: PropTypes.string,\n    signed_url: PropTypes.string,\n    size: PropTypes.number,\n  }),\n  className: PropTypes.string,\n};\n\nFeedAttachment.defaultProps = {\n  attachment: undefined,\n  className: undefined,\n};\n"],"names":["FeedAttachment","_ref","attachment","className","name","file_name","url","signed_url","displayName","split","pop","_jsx","children","StoredAttachmentPreview","size","propTypes","PropTypes","shape","string","number","defaultProps","undefined"],"mappings":"kKAKO,SAASA,EAA0CC,GAAA,IAAzBC,IAAAA,WAAYC,IAAAA,UACrCC,GAAOF,aAAAA,EAAAA,EAAYG,aAAaH,aAAAA,EAAAA,EAAYE,MAC5CE,GAAMJ,aAAAA,EAAAA,EAAYK,cAAcL,aAAAA,EAAAA,EAAYI,KAElD,IAAKF,IAASE,EAAK,OAAO,KAG1B,IAAME,EAAcJ,GAAQE,EAAIG,MAAM,KAAK,GAAGA,MAAM,KAAKC,OAAS,aAElE,OACEC,EAAA,MAAA,CAAKR,UAAWA,EAAUS,SACxBD,EAACE,EAAuB,CAACX,WAAY,CAAEE,KAAMI,EAAaF,IAAAA,EAAKQ,KAAMZ,aAAU,EAAVA,EAAYY,SAGvF,CAEAd,EAAee,UAAY,CACzBb,WAAYc,EAAUC,MAAM,CAC1Bb,KAAMY,EAAUE,OAChBb,UAAWW,EAAUE,OACrBZ,IAAKU,EAAUE,OACfX,WAAYS,EAAUE,OACtBJ,KAAME,EAAUG,SAElBhB,UAAWa,EAAUE,QAGvBlB,EAAeoB,aAAe,CAC5BlB,gBAAYmB,EACZlB,eAAWkB"}

package/components/FilesDropzone/FilesDropzone.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{useStyles as i}from"./styles.js";import{FileAdditionOne as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as t}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Regular14 as r}from"../Typography.js";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{jsxs as m,jsx as p,Fragment as u}from"react/jsx-runtime";import{parseAccept as a,formatDescription as l}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,b=o.accept,h=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,v=o.errorText,y=o.disabled,g=i(),P=a(b),F=P.mimetypes,D=P.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,A=l(D,C),z=s({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:y}),B=z.getRootProps,S=z.getInputProps,k=z.isDragActive;return m("div",{className:O,children:[m("div",I(I({},B()),{},{className:c(g.root,y&&g.disabled,k&&g.active),children:[p("input",I({},S())),d||m(u,{children:[p(n,{size:24,className:g.icon}),p(r,{children:"Drag & Drop your file here or"}),p(e,{variation:"tertiary",size:"small",disabled:y,className:g.uploadButton,children:"Choose file"})]})]})),!v&&A&&p(r,{className:c(g.description,y&&g.disabled),children:A}),v&&m(r,{className:g.error,children:[p(t,{size:20}),v]})]})};export{d as FilesDropzone};
+import o from"@babel/runtime/helpers/defineProperty";import{useDropzone as s}from"react-dropzone";import c from"classnames";import{useStyles as i}from"./styles.js";import{FileAdditionOne as n}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import{CautionFilledCustomIcon as t}from"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{Regular14 as r}from"../Typography.js";import e from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react";import"moment-timezone";import"@material-ui/core";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{jsxs as m,jsx as p,Fragment as u}from"react/jsx-runtime";import{parseAccept as a,formatDescription as l}from"../../componentsV2/FilesDropzone/utils.js";function j(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,i)}return c}function I(s){for(var c=1;c<arguments.length;c++){var i=null!=arguments[c]?arguments[c]:{};c%2?j(Object(i),!0).forEach((function(c){o(s,c,i[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):j(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}var d=function(o){var j=o.multiple,d=o.children,b=o.accept,h=o.onDrop,O=o.className,f=o.maxFiles,C=o.maxSize,v=o.errorText,P=o.disabled,y=i(),g=a(b),F=g.mimetypes,D=g.extensions,x=F.length||D.length?I({"*/*":D},Object.fromEntries(F.map((function(o){return[o,[]]})))):void 0,A=l(D,C),z=s({onDrop:h,multiple:j,accept:x,maxFiles:f,maxSize:C,disabled:P}),B=z.getRootProps,S=z.getInputProps,k=z.isDragActive;return m("div",{className:O,children:[m("div",I(I({},B()),{},{className:c(y.root,P&&y.disabled,k&&y.active),children:[p("input",I({},S())),d||m(u,{children:[p(n,{size:24,className:y.icon}),p(r,{children:"Drag & Drop your file here or"}),p(e,{variation:"tertiary",size:"small",disabled:P,className:y.uploadButton,children:"Choose file"})]})]})),!v&&A&&p(r,{className:c(y.description,P&&y.disabled),children:A}),v&&m(r,{className:y.error,children:[p(t,{size:20}),v]})]})};export{d as FilesDropzone};
 //# sourceMappingURL=FilesDropzone.js.map

package/components/FilesDropzone/FilesDropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilesDropzone.js","sources":["../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n  /**\n   * Handles file drop\n   */\n  onDrop?: DropzoneOptions['onDrop'];\n\n  /**\n   * Content to render\n   */\n  children?: ReactNode;\n\n  /**\n   * Controls if dropzone accepts multiple files\n   */\n  multiple?: boolean;\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n   * file extensions will be shown below the dropzone in the description\n   *\n   * Example:<br/>\n   * `.xsl,image/*,.csv`<br/>\n   * Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n   */\n  accept?: string[] | string;\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: number;\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: number;\n\n  errorText?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n  const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n    props;\n  const styles = useStyles();\n  const { mimetypes, extensions } = parseAccept(accept);\n\n  const acceptObject: Accept | undefined =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n        }\n      : undefined;\n\n  const description = formatDescription(extensions, maxSize);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    multiple,\n    accept: acceptObject,\n    maxFiles,\n    maxSize,\n    disabled,\n  });\n  return (\n    <div className={className}>\n      <div\n        {...getRootProps()}\n        className={classNames(\n          styles.root,\n          disabled && styles.disabled,\n          isDragActive && styles.active\n        )}\n      >\n        <input {...getInputProps()} />\n        {children || (\n          <>\n            <FileAdditionOne size={24} className={styles.icon} />\n            <Regular14>Drag & Drop your file here or</Regular14>\n            <Button\n              variation=\"tertiary\"\n              size=\"small\"\n              disabled={disabled}\n              className={styles.uploadButton}\n            >\n              Choose file\n            </Button>\n          </>\n        )}\n      </div>\n\n      {!errorText && description && (\n        <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n          {description}\n        </Regular14>\n      )}\n\n      {errorText && (\n        <Regular14 className={styles.error}>\n          <CautionFilledCustomIcon size={20} />\n          {errorText}\n        </Regular14>\n      )}\n    </div>\n  );\n};\n"],"names":["FilesDropzone","props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","error","CautionFilledCustomIcon"],"mappings":"u5JAsDaA,EAAgB,SAACC,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,IACmBC,EAAAA,EAAYT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYP,GAElDkB,EAAsDC,EAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,eAAWN,MACV1B,GACC4B,EAAAK,EAAA,CAAAjC,SAAA,CACEgC,EAACE,EAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,EAACK,EAAS,CAAArC,SAAA,kCACVgC,EAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAACK,EAAS,CAAClC,UAAW0B,EAAWrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAACS,EAAS,CAAClC,UAAWK,EAAOiC,MAAMzC,SAAA,CACjCgC,EAACU,EAAuB,CAACP,KAAM,KAC9B7B,OAKX"}
+{"version":3,"file":"FilesDropzone.js","sources":["../../../src/components/FilesDropzone/FilesDropzone.tsx"],"sourcesContent":["import { Accept, DropzoneOptions, useDropzone } from 'react-dropzone';\nimport { ReactNode } from 'react';\nimport classNames from 'classnames';\n\nimport { useStyles } from './styles';\n\nimport { CautionFilledCustomIcon, FileAdditionOne } from '~/icons';\nimport { Regular14 } from '~/components/Typography';\nimport Button from '~/components/Button';\nimport { formatDescription, parseAccept } from '~/componentsV2/FilesDropzone/utils';\n\nexport type FilesDropzoneProps = {\n  /**\n   * Handles file drop\n   */\n  onDrop?: DropzoneOptions['onDrop'];\n\n  /**\n   * Content to render\n   */\n  children?: ReactNode;\n\n  /**\n   * Controls if dropzone accepts multiple files\n   */\n  multiple?: boolean;\n\n  /**\n   * Array of or comma-separated MIME types/File Extensions to accept\n   *\n   * NB: file extensions <b>must</b> start with `.`<br/>, otherwise they will be treated as MIME types\n   * file extensions will be shown below the dropzone in the description\n   *\n   * Example:<br/>\n   * `.xsl,image/*,.csv`<br/>\n   * Will accept any file with `xsl` or `csv` extensions, and also - any file with `image/...` MIME type\n   */\n  accept?: string[] | string;\n\n  /**\n   * Maximum files to accept\n   */\n  maxFiles?: number;\n\n  /**\n   * Maximum file size to accept\n   */\n  maxSize?: number;\n\n  errorText?: string;\n  className?: string;\n  disabled?: boolean;\n};\n\nexport const FilesDropzone = (props: FilesDropzoneProps) => {\n  const { multiple, children, accept, onDrop, className, maxFiles, maxSize, errorText, disabled } =\n    props;\n  const styles = useStyles();\n  const { mimetypes, extensions } = parseAccept(accept);\n\n  const acceptObject: Accept | undefined =\n    mimetypes.length || extensions.length\n      ? {\n          '*/*': extensions,\n          ...Object.fromEntries(mimetypes.map((mimetype): [string, string[]] => [mimetype, []])),\n        }\n      : undefined;\n\n  const description = formatDescription(extensions, maxSize);\n\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop,\n    multiple,\n    accept: acceptObject,\n    maxFiles,\n    maxSize,\n    disabled,\n  });\n  return (\n    <div className={className}>\n      <div\n        {...getRootProps()}\n        className={classNames(\n          styles.root,\n          disabled && styles.disabled,\n          isDragActive && styles.active\n        )}\n      >\n        <input {...getInputProps()} />\n        {children || (\n          <>\n            <FileAdditionOne size={24} className={styles.icon} />\n            <Regular14>Drag & Drop your file here or</Regular14>\n            <Button\n              variation=\"tertiary\"\n              size=\"small\"\n              disabled={disabled}\n              className={styles.uploadButton}\n            >\n              Choose file\n            </Button>\n          </>\n        )}\n      </div>\n\n      {!errorText && description && (\n        <Regular14 className={classNames(styles.description, disabled && styles.disabled)}>\n          {description}\n        </Regular14>\n      )}\n\n      {errorText && (\n        <Regular14 className={styles.error}>\n          <CautionFilledCustomIcon size={20} />\n          {errorText}\n        </Regular14>\n      )}\n    </div>\n  );\n};\n"],"names":["FilesDropzone","props","multiple","children","accept","onDrop","className","maxFiles","maxSize","errorText","disabled","styles","useStyles","parseAccept","mimetypes","extensions","acceptObject","length","_objectSpread","Object","fromEntries","map","mimetype","undefined","description","formatDescription","_useDropzone","useDropzone","getRootProps","getInputProps","isDragActive","_jsxs","classNames","root","active","_jsx","_Fragment","FileAdditionOne","size","icon","Regular14","Button","variation","uploadButton","error","CautionFilledCustomIcon"],"mappings":"wmKAsDaA,EAAgB,SAACC,GAC5B,IAAQC,EACND,EADMC,SAAUC,EAChBF,EADgBE,SAAUC,EAC1BH,EAD0BG,OAAQC,EAClCJ,EADkCI,OAAQC,EAC1CL,EAD0CK,UAAWC,EACrDN,EADqDM,SAAUC,EAC/DP,EAD+DO,QAASC,EACxER,EADwEQ,UAAWC,EACnFT,EADmFS,SAE/EC,EAASC,IACmBC,EAAAA,EAAYT,GAAtCU,IAAAA,UAAWC,IAAAA,WAEbC,EACJF,EAAUG,QAAUF,EAAWE,OAAMC,EAAA,CAE/B,MAAOH,GACJI,OAAOC,YAAYN,EAAUO,KAAI,SAACC,GAAQ,MAAyB,CAACA,EAAU,cAEnFC,EAEAC,EAAcC,EAAkBV,EAAYP,GAElDkB,EAAsDC,EAAY,CAChEtB,OAAAA,EACAH,SAAAA,EACAE,OAAQY,EACRT,SAAAA,EACAC,QAAAA,EACAE,SAAAA,IANMkB,IAAAA,aAAcC,IAAAA,cAAeC,IAAAA,aAQrC,OACEC,EAAA,MAAA,CAAKzB,UAAWA,EAAUH,SACxB,CAAA4B,EAAA,MAAAb,EAAAA,EAAA,GACMU,KAAc,GAAA,CAClBtB,UAAW0B,EACTrB,EAAOsB,KACPvB,GAAYC,EAAOD,SACnBoB,GAAgBnB,EAAOuB,QACvB/B,SAAA,CAEFgC,eAAWN,MACV1B,GACC4B,EAAAK,EAAA,CAAAjC,SAAA,CACEgC,EAACE,EAAe,CAACC,KAAM,GAAIhC,UAAWK,EAAO4B,OAC7CJ,EAACK,EAAS,CAAArC,SAAA,kCACVgC,EAACM,EAAM,CACLC,UAAU,WACVJ,KAAK,QACL5B,SAAUA,EACVJ,UAAWK,EAAOgC,aAAaxC,SAAA,wBAQrCM,GAAae,GACbW,EAACK,EAAS,CAAClC,UAAW0B,EAAWrB,EAAOa,YAAad,GAAYC,EAAOD,UAAUP,SAC/EqB,IAIJf,GACCsB,EAACS,EAAS,CAAClC,UAAWK,EAAOiC,MAAMzC,SAAA,CACjCgC,EAACU,EAAuB,CAACP,KAAM,KAC9B7B,OAKX"}

package/components/FilesLoader/FilesLoader.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i,useMemo as c}from"react";import t from"prop-types";import e from"classnames";import{Typography as r,LinearProgress as m}from"@material-ui/core";import a from"../IconButton/index.js";import l from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as u,CheckOneIcon as d,RedoIcon as j,UploadIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as f,jsx as h,Fragment as v}from"react/jsx-runtime";import g from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function O(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function z(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?O(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function y(t){var O=t.size,y=void 0===O?"small":O,P=t.unit,B=void 0===P?"size":P,N=t.name,S=void 0===N?"":N,w=t.customUnitName,F=void 0===w?"":w,M=t.sizeBytes,A=void 0===M?1:M,k=t.handleCancel,L=void 0===k?null:k,D=t.onReload,x=void 0===D?null:D,E=t.onDelete,T=void 0===E?null:E,R=t.loadedBytes,U=t.error,W=void 0===U?null:U,G=t.errorText,q=void 0===G?"":G,K=t.formatError,Z=void 0!==K&&K,H=t.importButtonType,J=void 0===H?"default":H,Q=t.isLoadingAnimation,V=void 0!==Q&&Q,X=t.showActions,Y=void 0===X||X,$=C(),_=n({}),oo=s(_,2),so=oo[0],no=oo[1],io=n(0),co=s(io,2),to=co[0],eo=co[1],ro=n(!0),mo=s(ro,2),ao=mo[0],lo=mo[1],po="large"===y,uo=po?24:16,jo=po?"medium":"small";i((function(){no(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=A?A:1,null!=B?B:"size",null!=F?F:""))}),[A,B]),i((function(){if(R&&A){var o=Math.round(R/A*100);no((function(s){var n;return z(z({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),eo(o)}}),[R,A]),i((function(){var o;return T&&to>=100&&(lo(!0),o=setTimeout((function(){lo(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[to]),i((function(){W&&(eo(0),no((function(o){return z(z({},o),{},{downloaded:0})})))}),[W]);var Io=c((function(){return[e($.iconButton,o({},$.iconButtonLarge,po)),e($.actionIcon,o({},$.actionIconLarge,po))]}),[po]),fo=s(Io,2),ho=fo[0],vo=fo[1];return f("div",{className:$.fileStateWrapper,children:[h("div",{className:$.fileIconContainer,children:h(b,{name:null!=S?S:"",style:{fontSize:po?48:32}})}),f("div",{className:$.fileState,children:[f("div",{className:$.fileStateProgress,children:[h("div",{className:$.fileNameWrapper,children:h(r,{className:e($.fileName,o({},$.fileNameLarge,po)),children:S&&S.length>7?f(v,{children:[h("span",{className:$.firstPart,children:S.slice(0,S.length-7)}),h("span",{children:S.slice(-7)})]}):S})}),!V&&h(m,{className:$.progressBar,variant:"determinate",value:to,classes:{colorPrimary:e($.progressBackground,o({},$.progressBarError,W)),barColorPrimary:e($.progressBarColor,o({},$.progressBarError,W))}}),f("div",{className:$.loaderProgressContainer,children:[!V&&h(r,{className:e($.fileSize,o({},$.fileSizeLarge,po)),component:"span",children:"".concat(so.downloaded," of ").concat(so.convertedSize," ").concat(so.unit)}),f("div",{className:e($.progressStatus,o({},$.fileSizeLarge,po)),children:[W&&f(r,{component:"div",className:$.errorContainer,children:[h(g,{size:y}),h(r,{component:"span",className:e($.errorText,o({},$.fileSizeLarge,po)),children:Z?"Upload Error. Unacceptable file format.":"Upload Error".concat(q&&". ".concat(q))})]}),!W&&!V&&"".concat(to," %")]})]})]}),Y&&f("div",{className:$.fileActions,children:[to<100&&!W&&h(v,{children:V?h("div",{className:e($.loadingIcon,o({},$.loadingLargeIcon,po)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):h(a,{tooltipProps:{title:"Cancel"},className:ho,onClick:function(){null==L||L(S),eo(0),no((function(o){return z(z({},o),{},{downloaded:0})}))},size:jo,children:h(p,{className:vo,size:uo})})}),100===to&&!W&&(!ao&&T?h(a,{variant:"contained",tooltipProps:{title:"Delete"},className:ho,onClick:T,size:jo,children:h(u,{className:vo,size:uo})}):h(d,{fill:"#75DB29",size:uo,style:{marginLeft:12}})),x&&W&&h(v,{children:Z?h(v,{children:"default"===J?h(l,{size:po?"medium":"small",variation:"primary",startIcon:h(I,{}),onClick:x,children:"Import"}):h(a,{size:jo,tooltipProps:{title:"Import File"},className:ho,onClick:x,children:h(I,{size:uo})})}):h(a,{size:jo,tooltipProps:{title:"Reload"},className:ho,onClick:x,children:h(j,{size:uo})})})]})]})]})}var P={size:t.oneOf(["small","large"]),unit:t.oneOf(["size","time","custom"]),customUnitName:t.string,onDelete:t.func,onReload:t.func,handleCancel:t.func,name:t.string,sizeBytes:t.number,error:t.bool,errorText:t.string,formatError:t.bool,importButtonType:t.oneOf(["default","icon"]),loadedBytes:t.number.isRequired,isLoadingAnimation:t.bool,showActions:t.bool};y.propTypes=P;export{y as default};
+import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/slicedToArray";import{useState as n,useEffect as i,useMemo as c}from"react";import t from"prop-types";import e from"classnames";import{Typography as r,LinearProgress as m}from"@material-ui/core";import a from"../IconButton/index.js";import l from"../Button/components/Button/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"moment-timezone";import"../Button/components/LiveButton/components/LiveButtonStateIndicator/index.js";import"../Button/components/LiveButton/styles.js";import{CloseSmallIcon as p,DeleteFourIcon as u,CheckOneIcon as d,RedoIcon as j,UploadIcon as I}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{jsxs as f,jsx as h,Fragment as v}from"react/jsx-runtime";import g from"./Icons/IconWarning.js";import{FileIcon as b}from"../FileIcon/FileIcon.js";import{useStyles as C}from"./useStyles.js";function O(o,s){var n=Object.keys(o);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(o);s&&(i=i.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),n.push.apply(n,i)}return n}function z(s){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?O(Object(i),!0).forEach((function(n){o(s,n,i[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(i,o))}))}return s}function y(t){var O=t.size,y=void 0===O?"small":O,P=t.unit,B=void 0===P?"size":P,N=t.name,S=void 0===N?"":N,w=t.customUnitName,F=void 0===w?"":w,M=t.sizeBytes,A=void 0===M?1:M,k=t.handleCancel,L=void 0===k?null:k,D=t.onReload,x=void 0===D?null:D,E=t.onDelete,T=void 0===E?null:E,R=t.loadedBytes,U=t.error,W=void 0===U?null:U,G=t.errorText,q=void 0===G?"":G,K=t.formatError,Z=void 0!==K&&K,H=t.importButtonType,J=void 0===H?"default":H,Q=t.isLoadingAnimation,V=void 0!==Q&&Q,X=t.showActions,Y=void 0===X||X,$=C(),_=n({}),oo=s(_,2),so=oo[0],no=oo[1],io=n(0),co=s(io,2),to=co[0],eo=co[1],ro=n(!0),mo=s(ro,2),ao=mo[0],lo=mo[1],po="large"===y,uo=po?24:16,jo=po?"medium":"small";i((function(){no(function(o,s,n){return"time"===s?{downloaded:0,unit:"min",convertedSize:o}:"custom"===s?{downloaded:0,unit:n,convertedSize:o}:o>=Math.pow(10,6)?{downloaded:0,unit:"MB",convertedSize:Math.floor(o/Math.pow(10,5))/10}:o>=Math.pow(10,3)?{downloaded:0,unit:"KB",convertedSize:Math.floor(o/Math.pow(10,2))/10}:{downloaded:0,unit:"B",convertedSize:Math.floor(10*o)/10}}(null!=A?A:1,null!=B?B:"size",null!=F?F:""))}),[A,B]),i((function(){if(R&&A){var o=Math.round(R/A*100);no((function(s){var n;return z(z({},s),{},{downloaded:Math.floor((null!==(n=s.convertedSize)&&void 0!==n?n:0)*o/10)/10})})),eo(o)}}),[R,A]),i((function(){var o;return T&&to>=100&&(lo(!0),o=setTimeout((function(){lo(!1)}),5e3)),function(){return o&&clearTimeout(o)}}),[to]),i((function(){W&&(eo(0),no((function(o){return z(z({},o),{},{downloaded:0})})))}),[W]);var Io=c((function(){return[e($.iconButton,o({},$.iconButtonLarge,po)),e($.actionIcon,o({},$.actionIconLarge,po))]}),[po]),fo=s(Io,2),ho=fo[0],vo=fo[1];return f("div",{className:$.fileStateWrapper,children:[h("div",{className:$.fileIconContainer,children:h(b,{name:null!=S?S:"",style:{fontSize:po?48:32}})}),f("div",{className:$.fileState,children:[f("div",{className:$.fileStateProgress,children:[h("div",{className:$.fileNameWrapper,children:h(r,{className:e($.fileName,o({},$.fileNameLarge,po)),children:S&&S.length>7?f(v,{children:[h("span",{className:$.firstPart,children:S.slice(0,S.length-7)}),h("span",{children:S.slice(-7)})]}):S})}),!V&&h(m,{className:$.progressBar,variant:"determinate",value:to,classes:{colorPrimary:e($.progressBackground,o({},$.progressBarError,W)),barColorPrimary:e($.progressBarColor,o({},$.progressBarError,W))}}),f("div",{className:$.loaderProgressContainer,children:[!V&&h(r,{className:e($.fileSize,o({},$.fileSizeLarge,po)),component:"span",children:"".concat(so.downloaded," of ").concat(so.convertedSize," ").concat(so.unit)}),f("div",{className:e($.progressStatus,o({},$.fileSizeLarge,po)),children:[W&&f(r,{component:"div",className:$.errorContainer,children:[h(g,{size:y}),h(r,{component:"span",className:e($.errorText,o({},$.fileSizeLarge,po)),children:Z?"Upload Error. Unacceptable file format.":"Upload Error".concat(q&&". ".concat(q))})]}),!W&&!V&&"".concat(to," %")]})]})]}),Y&&f("div",{className:$.fileActions,children:[to<100&&!W&&h(v,{children:V?h("div",{className:e($.loadingIcon,o({},$.loadingLargeIcon,po)),style:{backgroundImage:"url(".concat("/static/media/6fa6f1128bc0185126482345243bcd42.svg",")")}}):h(a,{tooltipProps:{title:"Cancel"},className:ho,onClick:function(){null==L||L(S),eo(0),no((function(o){return z(z({},o),{},{downloaded:0})}))},size:jo,children:h(p,{className:vo,size:uo})})}),100===to&&!W&&(!ao&&T?h(a,{variant:"contained",tooltipProps:{title:"Delete"},className:ho,onClick:T,size:jo,children:h(u,{className:vo,size:uo})}):h(d,{fill:"#75DB29",size:uo,style:{marginLeft:12}})),x&&W&&h(v,{children:Z?h(v,{children:"default"===J?h(l,{size:po?"medium":"small",variation:"primary",startIcon:h(I,{}),onClick:x,children:"Import"}):h(a,{size:jo,tooltipProps:{title:"Import File"},className:ho,onClick:x,children:h(I,{size:uo})})}):h(a,{size:jo,tooltipProps:{title:"Reload"},className:ho,onClick:x,children:h(j,{size:uo})})})]})]})]})}var P={size:t.oneOf(["small","large"]),unit:t.oneOf(["size","time","custom"]),customUnitName:t.string,onDelete:t.func,onReload:t.func,handleCancel:t.func,name:t.string,sizeBytes:t.number,error:t.bool,errorText:t.string,formatError:t.bool,importButtonType:t.oneOf(["default","icon"]),loadedBytes:t.number.isRequired,isLoadingAnimation:t.bool,showActions:t.bool};y.propTypes=P;export{y as default};
 //# sourceMappingURL=FilesLoader.js.map