@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/FeedItem/editModals/PCCommentEdit/PCCommentEdit.js

@@ -1 +1,196 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/slicedToArray";import{useRef as o,useState as n}from"react";import r from"moment";import i from"classnames";import{makeStyles as a,Grid as c,Typography as s}from"@material-ui/core";import l from"../../../Modal/Modal.js";import m from"../../../PostInput/PostInput.js";import p from"../../../IconButton/index.js";import{Regular14 as d}from"../../../Typography.js";import u from"../../../Icons/SendIcon.js";import{isSuggestionsListOpened as f}from"../../../UserMention/utils/index.js";import{MENTION_STYLE as h}from"../../../../constants/feed.js";import{jsxs as g,jsx as y}from"react/jsx-runtime";function b(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,n)}return o}function v(t){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?b(Object(n),!0).forEach((function(o){e(t,o,n[o])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):b(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}var j=a((function(e){return{postInput:{paddingBottom:8},filePreviewWrapper:{width:"100%",marginLeft:0,maxHeight:251},modal:{maxWidth:450,width:"100vw"},actionsAdornment:{flex:1},info:{marginTop:16},text:{color:e.palette.primary.text6},value:{color:"#fff"},inputMain:{marginBottom:0,fontSize:"11px",color:e.palette.primary.text8},inputHelper:{display:"flex",paddingRight:5},cancelText:{cursor:"pointer"},highlightedLabel:{color:e.palette.primary.main},modalActions:{paddingTop:16},actions:{height:36},sendRow:{display:"flex"},sendIcon:{"&.Mui-disabled":{cursor:"not-allowed!important"}}}}));function w(e){var a=e.feedItem.context.pc_comment,b=a.body,w=a.attachment,x=a.data,O=a.data,P=O.holeDepth,N=O.timestamp,C=e.onClose,I=e.onSave,D=e.userCompanyId,M=j(),B=o(),H=n({body:b,attachment:w}),S=t(H,2),T=S[0],k=S[1],A=function(){I({context:{pc_comment:v(v({},T),{},{data:x})}})};return g(l,{open:!0,onClose:C,title:"Edit Comment",contentClassName:M.modal,actionsClassName:M.modalActions,onClick:function(e){e.stopPropagation()},actions:g(c,{container:!0,direction:"row",justify:"space-between",alignItems:"center",className:M.actions,children:[y(c,{item:!0,children:y(s,{variant:"caption",className:i(M.inputMain,M.cancelText,M.highlightedLabel),component:"div",gutterBottom:!0,onClick:C,children:"Cancel"})}),g(c,{item:!0,direction:"row",alignItems:"center",className:M.sendRow,children:[g(s,{variant:"caption",className:i(M.inputMain,M.inputHelper),component:"div",gutterBottom:!0,children:["Press ",y(s,{variant:"caption",color:"primary",className:i(M.inputMain,M.highlightedLabel),children:"Enter"})," to send"]}),y(p,{onClick:A,className:M.sendIcon,disabled:!T||!T.body&&!T.attachment,children:y(u,{})})]})]}),ref:B,children:[y(m,{initialValue:{body:b,attachment:w},userCompanyId:D,onChange:k,filePreviewWrapperClass:M.filePreviewWrapper,className:M.postInput,onKeyDown:function(e){"Enter"!==e.key||e.shiftKey||f()||(e.preventDefault(),A())},mentionStyle:h,suggestionsPortalHost:B.current,allowSuggestionsAboveCursor:!0}),g("div",{className:M.info,children:[N&&g(d,{className:M.text,gutterBottom:!0,children:["Time:"," ",y("span",{className:M.value,children:r(1e3*N).format("MM/DD/YY, HH:mm")})]}),Number.isFinite(P)&&g(d,{className:M.text,gutterBottom:!0,children:["Hole Depth: ",g("span",{className:M.value,children:[P,"'"]})]})]})]})}export{w as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useRef, useState } from 'react';
+import moment from 'moment';
+import classNames from 'classnames';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import Modal from '../../../Modal/Modal.js';
+import PostInput from '../../../PostInput/PostInput.js';
+import IconButton from '../../../IconButton/index.js';
+import { Regular14 } from '../../../Typography.js';
+import SendIcon from '../../../Icons/SendIcon.js';
+import { isSuggestionsListOpened } from '../../../UserMention/utils/index.js';
+import { MENTION_STYLE } from '../../../../constants/feed.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var useStyles = makeStyles(function (theme) {
+  return {
+    postInput: {
+      paddingBottom: 8
+    },
+    filePreviewWrapper: {
+      width: '100%',
+      marginLeft: 0,
+      maxHeight: 251
+    },
+    modal: {
+      maxWidth: 450,
+      width: '100vw'
+    },
+    actionsAdornment: {
+      flex: 1
+    },
+    info: {
+      marginTop: 16
+    },
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    inputMain: {
+      marginBottom: 0,
+      fontSize: '11px',
+      color: theme.palette.primary.text8
+    },
+    inputHelper: {
+      display: 'flex',
+      paddingRight: 5
+    },
+    cancelText: {
+      cursor: 'pointer'
+    },
+    highlightedLabel: {
+      color: theme.palette.primary.main
+    },
+    modalActions: {
+      paddingTop: 16
+    },
+    actions: {
+      height: 36
+    },
+    sendRow: {
+      display: 'flex'
+    },
+    sendIcon: {
+      '&.Mui-disabled': {
+        cursor: 'not-allowed!important'
+      }
+    }
+  };
+});
+function PCCommentEdit(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.pc_comment,
+    body = _ref$feedItem$context.body,
+    attachment = _ref$feedItem$context.attachment,
+    pointData = _ref$feedItem$context.data,
+    _ref$feedItem$context2 = _ref$feedItem$context.data,
+    holeDepth = _ref$feedItem$context2.holeDepth,
+    timestamp = _ref$feedItem$context2.timestamp,
+    onClose = _ref.onClose,
+    onSave = _ref.onSave,
+    userCompanyId = _ref.userCompanyId;
+  var classes = useStyles();
+  var wrapperRef = useRef();
+  var _useState = useState({
+      body: body,
+      attachment: attachment
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    comment = _useState2[0],
+    setComment = _useState2[1];
+  var sendActivity = function sendActivity() {
+    onSave({
+      context: {
+        pc_comment: _objectSpread(_objectSpread({}, comment), {}, {
+          data: pointData
+        })
+      }
+    });
+  };
+  var onKeyDown = function onKeyDown(e) {
+    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {
+      e.preventDefault();
+      sendActivity();
+    }
+  };
+  var handleClick = function handleClick(e) {
+    e.stopPropagation();
+  };
+  return /*#__PURE__*/jsxs(Modal, {
+    open: true,
+    onClose: onClose,
+    title: "Edit Comment",
+    contentClassName: classes.modal,
+    actionsClassName: classes.modalActions,
+    onClick: handleClick,
+    actions: /*#__PURE__*/jsxs(Grid, {
+      container: true,
+      direction: "row",
+      justify: "space-between",
+      alignItems: "center",
+      className: classes.actions,
+      children: [/*#__PURE__*/jsx(Grid, {
+        item: true,
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.cancelText, classes.highlightedLabel),
+          component: "div",
+          gutterBottom: true,
+          onClick: onClose,
+          children: "Cancel"
+        })
+      }), /*#__PURE__*/jsxs(Grid, {
+        item: true,
+        direction: "row",
+        alignItems: "center",
+        className: classes.sendRow,
+        children: [/*#__PURE__*/jsxs(Typography, {
+          variant: "caption",
+          className: classNames(classes.inputMain, classes.inputHelper),
+          component: "div",
+          gutterBottom: true,
+          children: ["Press\xA0", /*#__PURE__*/jsx(Typography, {
+            variant: "caption",
+            color: "primary",
+            className: classNames(classes.inputMain, classes.highlightedLabel),
+            children: "Enter"
+          }), "\xA0to send"]
+        }), /*#__PURE__*/jsx(IconButton, {
+          onClick: sendActivity,
+          className: classes.sendIcon,
+          disabled: !comment || !comment.body && !comment.attachment,
+          children: /*#__PURE__*/jsx(SendIcon, {})
+        })]
+      })]
+    }),
+    ref: wrapperRef,
+    children: [/*#__PURE__*/jsx(PostInput, {
+      initialValue: {
+        body: body,
+        attachment: attachment
+      },
+      userCompanyId: userCompanyId,
+      onChange: setComment,
+      filePreviewWrapperClass: classes.filePreviewWrapper,
+      className: classes.postInput,
+      onKeyDown: onKeyDown,
+      mentionStyle: MENTION_STYLE,
+      suggestionsPortalHost: wrapperRef.current,
+      allowSuggestionsAboveCursor: true
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.info,
+      children: [timestamp && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Time:", ' ', /*#__PURE__*/jsx("span", {
+          className: classes.value,
+          children: moment(timestamp * 1000).format('MM/DD/YY, HH:mm')
+        })]
+      }), Number.isFinite(holeDepth) && /*#__PURE__*/jsxs(Regular14, {
+        className: classes.text,
+        gutterBottom: true,
+        children: ["Hole Depth: ", /*#__PURE__*/jsxs("span", {
+          className: classes.value,
+          children: [holeDepth, "'"]
+        })]
+      })]
+    })]
+  });
+}
+
+export { PCCommentEdit as default };
+//# sourceMappingURL=PCCommentEdit.js.map

package/components/FeedItem/editModals/PCCommentEdit/PCCommentEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PCCommentEdit.js","sources":["../../../../../src/components/FeedItem/editModals/PCCommentEdit/PCCommentEdit.js"],"sourcesContent":["import { useState, useRef } from 'react';\nimport moment from 'moment';\nimport classNames from 'classnames';\nimport { Grid, Typography, makeStyles } from '@material-ui/core';\n\nimport Modal from '~/components/Modal';\nimport PostInput from '~/components/PostInput';\nimport IconButton from '~/components/IconButton';\nimport { Regular14 } from '~/components/Typography';\nimport SendIcon from '~components/Icons/SendIcon';\nimport { isSuggestionsListOpened } from '~/components/UserMention/utils';\nimport { MENTION_STYLE } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n  postInput: { paddingBottom: 8 },\n  filePreviewWrapper: {\n    width: '100%',\n    marginLeft: 0,\n    maxHeight: 251,\n  },\n  modal: {\n    maxWidth: 450,\n    width: '100vw',\n  },\n  actionsAdornment: { flex: 1 },\n  info: { marginTop: 16 },\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: '#fff',\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '11px',\n    color: theme.palette.primary.text8,\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  modalActions: { paddingTop: 16 },\n  actions: { height: 36 },\n  sendRow: { display: 'flex' },\n  sendIcon: {\n    '&.Mui-disabled': {\n      cursor: 'not-allowed!important',\n    },\n  },\n}));\n\nfunction PCCommentEdit({\n  feedItem: {\n    context: {\n      pc_comment: {\n        body,\n        attachment,\n        data: pointData,\n        data: { holeDepth, timestamp },\n      },\n    },\n  },\n  onClose,\n  onSave,\n  userCompanyId,\n}) {\n  const classes = useStyles();\n\n  const wrapperRef = useRef();\n  const [comment, setComment] = useState({\n    body,\n    attachment,\n  });\n\n  const sendActivity = () => {\n    onSave({\n      context: {\n        pc_comment: {\n          ...comment,\n          data: pointData,\n        },\n      },\n    });\n  };\n\n  const onKeyDown = e => {\n    if (e.key === 'Enter' && !e.shiftKey && !isSuggestionsListOpened()) {\n      e.preventDefault();\n      sendActivity();\n    }\n  };\n\n  const handleClick = e => {\n    e.stopPropagation();\n  };\n\n  return (\n    <Modal\n      open\n      onClose={onClose}\n      title=\"Edit Comment\"\n      contentClassName={classes.modal}\n      actionsClassName={classes.modalActions}\n      onClick={handleClick}\n      actions={\n        <Grid\n          container\n          direction=\"row\"\n          justify=\"space-between\"\n          alignItems=\"center\"\n          className={classes.actions}\n        >\n          <Grid item>\n            <Typography\n              variant=\"caption\"\n              className={classNames(\n                classes.inputMain,\n                classes.cancelText,\n                classes.highlightedLabel\n              )}\n              component=\"div\"\n              gutterBottom\n              onClick={onClose}\n            >\n              Cancel\n            </Typography>\n          </Grid>\n          <Grid item direction=\"row\" alignItems=\"center\" className={classes.sendRow}>\n            <Typography\n              variant=\"caption\"\n              className={classNames(classes.inputMain, classes.inputHelper)}\n              component=\"div\"\n              gutterBottom\n            >\n              Press&nbsp;\n              <Typography\n                variant=\"caption\"\n                color=\"primary\"\n                className={classNames(classes.inputMain, classes.highlightedLabel)}\n              >\n                Enter\n              </Typography>\n              &nbsp;to send\n            </Typography>\n            <IconButton\n              onClick={sendActivity}\n              className={classes.sendIcon}\n              disabled={!comment || (!comment.body && !comment.attachment)}\n            >\n              <SendIcon />\n            </IconButton>\n          </Grid>\n        </Grid>\n      }\n      ref={wrapperRef}\n    >\n      <PostInput\n        initialValue={{ body, attachment }}\n        userCompanyId={userCompanyId}\n        onChange={setComment}\n        filePreviewWrapperClass={classes.filePreviewWrapper}\n        className={classes.postInput}\n        onKeyDown={onKeyDown}\n        mentionStyle={MENTION_STYLE}\n        suggestionsPortalHost={wrapperRef.current}\n        allowSuggestionsAboveCursor\n      />\n\n      <div className={classes.info}>\n        {timestamp && (\n          <Regular14 className={classes.text} gutterBottom>\n            Time:{' '}\n            <span className={classes.value}>\n              {moment(timestamp * 1000).format('MM/DD/YY, HH:mm')}\n            </span>\n          </Regular14>\n        )}\n\n        {Number.isFinite(holeDepth) && (\n          <Regular14 className={classes.text} gutterBottom>\n            Hole Depth: <span className={classes.value}>{holeDepth}&apos;</span>\n          </Regular14>\n        )}\n      </div>\n    </Modal>\n  );\n}\n\nexport default PCCommentEdit;\n"],"names":["useStyles","makeStyles","theme","postInput","paddingBottom","filePreviewWrapper","width","marginLeft","maxHeight","modal","maxWidth","actionsAdornment","flex","info","marginTop","text","color","palette","primary","text6","value","inputMain","marginBottom","fontSize","text8","inputHelper","display","paddingRight","cancelText","cursor","highlightedLabel","main","modalActions","paddingTop","actions","height","sendRow","sendIcon","PCCommentEdit","feedItem","context","pc_comment","body","attachment","pointData","data","holeDepth","timestamp","onClose","onSave","userCompanyId","classes","wrapperRef","useRef","useState","comment","setComment","sendActivity","onKeyDown","e","key","shiftKey","isSuggestionsListOpened","preventDefault","handleClick","stopPropagation","_jsxs","_jsx","classNames","MENTION_STYLE","current","moment","format","Number","isFinite"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js

@@ -1 +1,25 @@
-import e from"@babel/runtime/helpers/defineProperty";function t(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function r(r){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?t(Object(i),!0).forEach((function(t){e(r,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(i)):t(Object(i)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(i,e))}))}return r}var n=function(e,t){if(!e)return null;var n=e.parent_asset?r(r({},e),{},{parent_asset_id:e.parent_asset.id,company_id:t}):{id:e.active_well.id,name:e.active_well.name,company_id:t,parent_asset:{id:e.id,name:e.name},parent_asset_id:e.id};return e.id?n:null};export{n as normalizeAssetForApp};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var normalizeAssetForApp = function normalizeAssetForApp(asset, companyId) {
+  if (!asset) return null;
+  var normalizedAsset = asset.parent_asset ? _objectSpread(_objectSpread({}, asset), {}, {
+    parent_asset_id: asset.parent_asset.id,
+    // NOTE: Some apps requires this.
+    company_id: companyId
+  }) : {
+    id: asset.active_well.id,
+    name: asset.active_well.name,
+    company_id: companyId,
+    parent_asset: {
+      id: asset.id,
+      name: asset.name
+    },
+    parent_asset_id: asset.id
+  };
+  return asset.id ? normalizedAsset : null;
+};
+
+export { normalizeAssetForApp };
+//# sourceMappingURL=helpers.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/helpers.js"],"sourcesContent":["export const normalizeAssetForApp = (asset, companyId) => {\n  if (!asset) return null;\n\n  const normalizedAsset = asset.parent_asset\n    ? {\n        ...asset,\n        parent_asset_id: asset.parent_asset.id, // NOTE: Some apps requires this.\n        company_id: companyId,\n      }\n    : {\n        id: asset.active_well.id,\n        name: asset.active_well.name,\n        company_id: companyId,\n\n        parent_asset: {\n          id: asset.id,\n          name: asset.name,\n        },\n        parent_asset_id: asset.id,\n      };\n\n  return asset.id ? normalizedAsset : null;\n};\n"],"names":["normalizeAssetForApp","asset","companyId","normalizedAsset","parent_asset","parent_asset_id","id","company_id","active_well","name"],"mappings":";;;;AAAO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,KAAK,EAAEC,SAAS,EAAK;AACxD,EAAA,IAAI,CAACD,KAAK,EAAE,OAAO,IAAI,CAAA;AAEvB,EAAA,IAAME,eAAe,GAAGF,KAAK,CAACG,YAAY,mCAEjCH,KAAK,CAAA,EAAA,EAAA,EAAA;AACRI,IAAAA,eAAe,EAAEJ,KAAK,CAACG,YAAY,CAACE,EAAE;AAAE;AACxCC,IAAAA,UAAU,EAAEL,SAAAA;GAEd,CAAA,GAAA;AACEI,IAAAA,EAAE,EAAEL,KAAK,CAACO,WAAW,CAACF,EAAE;AACxBG,IAAAA,IAAI,EAAER,KAAK,CAACO,WAAW,CAACC,IAAI;AAC5BF,IAAAA,UAAU,EAAEL,SAAS;AAErBE,IAAAA,YAAY,EAAE;MACZE,EAAE,EAAEL,KAAK,CAACK,EAAE;MACZG,IAAI,EAAER,KAAK,CAACQ,IAAAA;KACb;IACDJ,eAAe,EAAEJ,KAAK,CAACK,EAAAA;GACxB,CAAA;AAEL,EAAA,OAAOL,KAAK,CAACK,EAAE,GAAGH,eAAe,GAAG,IAAI,CAAA;AAC1C;;;;"}

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

@@ -1 +1,175 @@
-import e from"@babel/runtime/helpers/typeof";import t from"@babel/runtime/helpers/defineProperty";import{shape as r,oneOfType as i,number as a,string as o,func as p,bool as n}from"prop-types";import{Map as s,List as m}from"immutable";import c from"moment";import{makeStyles as d,Typography as u}from"@material-ui/core";import{normalizeAssetForApp as l}from"./helpers.js";import b from"./styles.css.js";import{isNativeDetected as f}from"../../../../utils/mobileDetect.js";import g from"../../../EmbeddedApp/DevCenterEmbeddedApp.js";import y from"../../../EmbeddedApp/EmbeddedApp.js";import A from"../../../Attachment/index.js";import{formatMentionText as h}from"../../../UserMention/utils/index.js";import{jsx as w,jsxs as j,Fragment as v}from"react/jsx-runtime";function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,i)}return r}function R(e){for(var r=1;r<arguments.length;r++){var i=null!=arguments[r]?arguments[r]:{};r%2?O(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):O(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var _=d((function(e){return{attachmentLable:{fontSize:"12px",color:e.palette.primary.text6}}})),q=function(e){var t=e.feedItem,r=t.id,i=t.well,a=t.rig,o=t.app,p=t.package,n=t.company_id,d=t.context.app_annotation,O=d.body,q=d.app_category,D=d.app_key,E=d.created_at,P=d.settings,S=void 0===P?{}:P,x=d.attachment,C=d.data_timestamp,F=t.mentioned_users,I=e.appContext,N=e.appRegistry,L=e.subscribeAppForAsset,U=e.unsubscribeAppFromAsset,k=e.currentUser,z=e.appData,B=e.isSubDataLoading,K=e.getSubErrors,M=e.isSubDataEmpty,T=_(),G=!!o,H=G&&"dev_center"===o.platform;if(!G||H&&!p)return w(u,{variant:"body2",children:"App not found"});var J=l(i||a,n),Q=c(C||E).unix();return[J,q,D,E].every(Boolean)&&J.id?j("div",{className:b.appAnnotationFeedItem,children:[w(u,{variant:"body2","data-testid":"".concat("FeedActivityPo_appAnnotation","_message"),children:h(O,F,f)}),e.showAppPreview&&j(v,{children:[w("br",{}),p&&p.url?w(g,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:J.id,asset:J,app:{app:R(R({},o),{},{settings:S}),package:p},coordinates:{},timestamp:Q,time:C,currentUser:k}):w(y,{appContainerClassName:b.appAnnotationFeedItemApp,appId:r,assetId:J.id,asset:s(J),appComponentKey:D,appComponentCategory:q,requiresSubscription:!0,appContext:s(I),assetDashboards:m(),timestamp:Q,time:C,onSettingChange:function(){},settings:S,internalSelectors:{isSubDataLoading:B,getSubErrors:K,isSubDataEmpty:M},appRegistry:N,appData:z,subscribeAppForAsset:L,unsubscribeAppFromAsset:U})]}),x&&x.signed_url&&j("div",{className:b.appAnnotationFeedItemAttachment,children:[w(u,{variant:"subtitle1",className:T.attachmentLable,children:"Attachments"}),w(A,{small:!0,attachmentUrl:x.signed_url,fileName:x.file_name,displayName:x.file_name})]})]}):w(u,{variant:"body2",children:"No Data"})};q.propTypes={feedItem:r({id:i([a,o]).isRequired,well:function(t,r,i){return t.well||t.rig?t.well&&"object"!==e(t.well)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},rig:function(t,r,i){return t.well||t.rig?t.rig&&"object"!==e(t.rig)?new Error("Prop '".concat(r,"' should be an object")):null:new Error("One of props 'well' or 'rig' was not specified in '".concat(i,"'."))},context:r({app_annotation:r({body:o,app_category:o.isRequired,app_name:o.isRequired,created_at:o.isRequired,settings:r()}).isRequired}).isRequired}).isRequired,appContext:r().isRequired,currentUser:r().isRequired,appData:r().isRequired,appRegistry:r().isRequired,subscribeAppForAsset:p.isRequired,unsubscribeAppFromAsset:p.isRequired,isSubDataLoading:p.isRequired,getSubErrors:p.isRequired,isSubDataEmpty:p.isRequired,showAppPreview:n},q.defaultProps={showAppPreview:!0};export{q as default};
+import _typeof from '@babel/runtime/helpers/typeof';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { shape, oneOfType, number, string, func, bool } from 'prop-types';
+import { Map, List } from 'immutable';
+import moment from 'moment';
+import { makeStyles, Typography } from '@material-ui/core';
+import { normalizeAssetForApp } from './helpers.js';
+import styles from './styles.css.js';
+import { isNativeDetected } from '../../../../utils/mobileDetect.js';
+import DevCenterEmbeddedApp from '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import EmbeddedApp from '../../../EmbeddedApp/EmbeddedApp.js';
+import Attachment from '../../../Attachment/index.js';
+import { formatMentionText } from '../../../UserMention/utils/index.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var PAGE_NAME = 'FeedActivityPo_appAnnotation';
+var useStyles = makeStyles(function (theme) {
+  return {
+    attachmentLable: {
+      fontSize: '12px',
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var AppAnnotationFeedItem = function AppAnnotationFeedItem(props) {
+  var _props$feedItem = props.feedItem,
+    id = _props$feedItem.id,
+    well = _props$feedItem.well,
+    rig = _props$feedItem.rig,
+    app = _props$feedItem.app,
+    appPackage = _props$feedItem.package,
+    companyId = _props$feedItem.company_id,
+    _props$feedItem$conte = _props$feedItem.context.app_annotation,
+    body = _props$feedItem$conte.body,
+    appCategory = _props$feedItem$conte.app_category,
+    appKey = _props$feedItem$conte.app_key,
+    createdAt = _props$feedItem$conte.created_at,
+    _props$feedItem$conte2 = _props$feedItem$conte.settings,
+    settings = _props$feedItem$conte2 === void 0 ? {} : _props$feedItem$conte2,
+    attachment = _props$feedItem$conte.attachment,
+    dataTimestamp = _props$feedItem$conte.data_timestamp,
+    mentionedUsers = _props$feedItem.mentioned_users,
+    appContext = props.appContext,
+    appRegistry = props.appRegistry,
+    subscribeAppForAsset = props.subscribeAppForAsset,
+    unsubscribeAppFromAsset = props.unsubscribeAppFromAsset,
+    currentUser = props.currentUser,
+    appData = props.appData,
+    isSubDataLoading = props.isSubDataLoading,
+    getSubErrors = props.getSubErrors,
+    isSubDataEmpty = props.isSubDataEmpty;
+  var classes = useStyles();
+  var isAppFound = !!app;
+  var isDevCenterApp = isAppFound && app.platform === 'dev_center';
+  var isDevCenterWithoutPackage = isDevCenterApp && !appPackage;
+  if (!isAppFound || isDevCenterWithoutPackage) return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: "App not found"
+  });
+  var asset = normalizeAssetForApp(well || rig, companyId);
+  var timestamp = moment(dataTimestamp || createdAt).unix();
+  var requiredFields = [asset, appCategory, appKey, createdAt];
+  if (!requiredFields.every(Boolean) || !asset.id) return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: "No Data"
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: styles.appAnnotationFeedItem,
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      "data-testid": "".concat(PAGE_NAME, "_message"),
+      children: formatMentionText(body, mentionedUsers, isNativeDetected)
+    }), props.showAppPreview && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx("br", {}), appPackage && appPackage.url ? /*#__PURE__*/jsx(DevCenterEmbeddedApp, {
+        appContainerClassName: styles.appAnnotationFeedItemApp,
+        appId: id,
+        assetId: asset.id,
+        asset: asset,
+        app: {
+          app: _objectSpread(_objectSpread({}, app), {}, {
+            settings: settings
+          }),
+          package: appPackage
+        },
+        coordinates: {},
+        timestamp: timestamp,
+        time: dataTimestamp,
+        currentUser: currentUser
+      }) : /*#__PURE__*/jsx(EmbeddedApp, {
+        appContainerClassName: styles.appAnnotationFeedItemApp,
+        appId: id,
+        assetId: asset.id,
+        asset: Map(asset),
+        appComponentKey: appKey,
+        appComponentCategory: appCategory,
+        requiresSubscription: true,
+        appContext: Map(appContext),
+        assetDashboards: List(),
+        timestamp: timestamp,
+        time: dataTimestamp,
+        onSettingChange: function onSettingChange() {
+          return undefined;
+        },
+        settings: settings,
+        internalSelectors: {
+          isSubDataLoading: isSubDataLoading,
+          getSubErrors: getSubErrors,
+          isSubDataEmpty: isSubDataEmpty
+        },
+        appRegistry: appRegistry,
+        appData: appData,
+        subscribeAppForAsset: subscribeAppForAsset,
+        unsubscribeAppFromAsset: unsubscribeAppFromAsset
+      })]
+    }), attachment && attachment.signed_url && /*#__PURE__*/jsxs("div", {
+      className: styles.appAnnotationFeedItemAttachment,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "subtitle1",
+        className: classes.attachmentLable,
+        children: "Attachments"
+      }), /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.signed_url,
+        fileName: attachment.file_name,
+        displayName: attachment.file_name
+      })]
+    })]
+  });
+};
+AppAnnotationFeedItem.propTypes = {
+  feedItem: shape({
+    id: oneOfType([number, string]).isRequired,
+    well: function well(props, propName, componentName) {
+      if (!props.well && !props.rig) {
+        return new Error("One of props 'well' or 'rig' was not specified in '".concat(componentName, "'."));
+      }
+      if (props.well && _typeof(props.well) !== 'object') return new Error("Prop '".concat(propName, "' should be an object"));
+      return null;
+    },
+    rig: function rig(props, propName, componentName) {
+      if (!props.well && !props.rig) {
+        return new Error("One of props 'well' or 'rig' was not specified in '".concat(componentName, "'."));
+      }
+      if (props.rig && _typeof(props.rig) !== 'object') return new Error("Prop '".concat(propName, "' should be an object"));
+      return null;
+    },
+    context: shape({
+      app_annotation: shape({
+        body: string,
+        app_category: string.isRequired,
+        app_name: string.isRequired,
+        created_at: string.isRequired,
+        settings: shape()
+      }).isRequired
+    }).isRequired
+  }).isRequired,
+  appContext: shape().isRequired,
+  currentUser: shape().isRequired,
+  appData: shape().isRequired,
+  appRegistry: shape().isRequired,
+  subscribeAppForAsset: func.isRequired,
+  unsubscribeAppFromAsset: func.isRequired,
+  isSubDataLoading: func.isRequired,
+  getSubErrors: func.isRequired,
+  isSubDataEmpty: func.isRequired,
+  showAppPreview: bool
+};
+AppAnnotationFeedItem.defaultProps = {
+  showAppPreview: true
+};
+
+export { AppAnnotationFeedItem as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/index.js"],"sourcesContent":["import { shape, number, string, oneOfType, func, bool } from 'prop-types';\nimport { Map, List } from 'immutable';\nimport moment from 'moment';\nimport { Typography, makeStyles } from '@material-ui/core';\n\nimport { normalizeAssetForApp } from './helpers';\n\nimport styles from './styles.css';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { EmbeddedApp, DevCenterEmbeddedApp } from '~/components/EmbeddedApp';\nimport Attachment from '~/components/Attachment';\nimport { formatMentionText } from '~/components/UserMention/utils';\n\nconst PAGE_NAME = 'FeedActivityPo_appAnnotation';\n\nconst useStyles = makeStyles(theme => ({\n  attachmentLable: {\n    fontSize: '12px',\n    color: theme.palette.primary.text6,\n  },\n}));\n\nconst AppAnnotationFeedItem = props => {\n  const {\n    feedItem: {\n      id,\n      well,\n      rig,\n      app,\n      package: appPackage,\n      company_id: companyId,\n      context: {\n        app_annotation: {\n          body,\n          app_category: appCategory,\n          app_key: appKey,\n          created_at: createdAt,\n          settings = {},\n          attachment,\n          data_timestamp: dataTimestamp,\n        },\n      },\n      mentioned_users: mentionedUsers,\n    },\n    appContext,\n\n    appRegistry,\n    subscribeAppForAsset,\n    unsubscribeAppFromAsset,\n    currentUser,\n    appData,\n    isSubDataLoading,\n    getSubErrors,\n    isSubDataEmpty,\n  } = props;\n  const classes = useStyles();\n\n  const isAppFound = !!app;\n  const isDevCenterApp = isAppFound && app.platform === 'dev_center';\n  const isDevCenterWithoutPackage = isDevCenterApp && !appPackage;\n\n  if (!isAppFound || isDevCenterWithoutPackage)\n    return <Typography variant=\"body2\">App not found</Typography>;\n\n  const asset = normalizeAssetForApp(well || rig, companyId);\n  const timestamp = moment(dataTimestamp || createdAt).unix();\n\n  const requiredFields = [asset, appCategory, appKey, createdAt];\n\n  if (!requiredFields.every(Boolean) || !asset.id)\n    return <Typography variant=\"body2\">No Data</Typography>;\n\n  return (\n    <div className={styles.appAnnotationFeedItem}>\n      <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_message`}>\n        {formatMentionText(body, mentionedUsers, isNativeDetected)}\n      </Typography>\n      {props.showAppPreview && (\n        <>\n          <br />\n          {appPackage && appPackage.url ? (\n            <DevCenterEmbeddedApp\n              appContainerClassName={styles.appAnnotationFeedItemApp}\n              appId={id}\n              assetId={asset.id}\n              asset={asset}\n              app={{\n                app: { ...app, settings },\n                package: appPackage,\n              }}\n              coordinates={{}}\n              timestamp={timestamp}\n              time={dataTimestamp}\n              currentUser={currentUser}\n            />\n          ) : (\n            <EmbeddedApp\n              appContainerClassName={styles.appAnnotationFeedItemApp}\n              appId={id}\n              assetId={asset.id}\n              asset={Map(asset)}\n              appComponentKey={appKey}\n              appComponentCategory={appCategory}\n              requiresSubscription\n              appContext={Map(appContext)}\n              assetDashboards={List()}\n              timestamp={timestamp}\n              time={dataTimestamp}\n              onSettingChange={() => undefined}\n              settings={settings}\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      {attachment && attachment.signed_url && (\n        <div className={styles.appAnnotationFeedItemAttachment}>\n          <Typography variant=\"subtitle1\" className={classes.attachmentLable}>\n            Attachments\n          </Typography>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url}\n            fileName={attachment.file_name}\n            displayName={attachment.file_name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nAppAnnotationFeedItem.propTypes = {\n  feedItem: shape({\n    id: oneOfType([number, string]).isRequired,\n    well: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.well && typeof props.well !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    rig: (props, propName, componentName) => {\n      if (!props.well && !props.rig) {\n        return new Error(`One of props 'well' or 'rig' was not specified in '${componentName}'.`);\n      }\n      if (props.rig && typeof props.rig !== 'object')\n        return new Error(`Prop '${propName}' should be an object`);\n      return null;\n    },\n    context: shape({\n      app_annotation: shape({\n        body: string,\n        app_category: string.isRequired,\n        app_name: string.isRequired,\n        created_at: string.isRequired,\n        settings: shape(),\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n  appContext: shape().isRequired,\n  currentUser: shape().isRequired,\n  appData: shape().isRequired,\n  appRegistry: shape().isRequired,\n  subscribeAppForAsset: func.isRequired,\n  unsubscribeAppFromAsset: func.isRequired,\n  isSubDataLoading: func.isRequired,\n  getSubErrors: func.isRequired,\n  isSubDataEmpty: func.isRequired,\n  showAppPreview: bool,\n};\n\nAppAnnotationFeedItem.defaultProps = {\n  showAppPreview: true,\n};\n\nexport default AppAnnotationFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","attachmentLable","fontSize","color","palette","primary","text6","AppAnnotationFeedItem","props","feedItem","id","well","rig","app","appPackage","package","companyId","company_id","context","app_annotation","body","appCategory","app_category","appKey","app_key","createdAt","created_at","settings","attachment","dataTimestamp","data_timestamp","mentionedUsers","mentioned_users","appContext","appRegistry","subscribeAppForAsset","unsubscribeAppFromAsset","currentUser","appData","isSubDataLoading","getSubErrors","isSubDataEmpty","classes","isAppFound","isDevCenterApp","platform","isDevCenterWithoutPackage","_jsx","asset","normalizeAssetForApp","timestamp","moment","unix","requiredFields","every","Boolean","_jsxs","styles","appAnnotationFeedItem","formatMentionText","isNativeDetected","showAppPreview","_Fragment","url","appAnnotationFeedItemApp","Map","List","undefined","signed_url","appAnnotationFeedItemAttachment","file_name","propTypes","shape","oneOfType","number","string","isRequired","propName","componentName","Error","app_name","func","bool","defaultProps"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/styles.css.js

@@ -1 +1,8 @@
-import t from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var e={appAnnotationFeedItem:"styles_appAnnotationFeedItem__YxXXr",appAnnotationFeedItemApp:"styles_appAnnotationFeedItemApp__ocHQR",appAnnotationFeedItemAttachment:"styles_appAnnotationFeedItemAttachment__0MiDo"};t(".styles_appAnnotationFeedItem__YxXXr{display:flex;flex-direction:column}.styles_appAnnotationFeedItemApp__ocHQR{display:inline-block;height:480px;margin-right:15px;position:relative;width:628px}.styles_appAnnotationFeedItemAttachment__0MiDo{padding-top:10px;width:300px}");export{e as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_appAnnotationFeedItem__YxXXr {\n  display: flex;\n  flex-direction: column;\n}\n\n.styles_appAnnotationFeedItemApp__ocHQR {\n  width: 628px;\n  height: 480px;\n  position: relative;\n  margin-right: 15px;\n  display: inline-block;\n}\n\n.styles_appAnnotationFeedItemAttachment__0MiDo {\n  padding-top: 10px;\n  width: 300px;\n}";
+var styles = {"appAnnotationFeedItem":"styles_appAnnotationFeedItem__YxXXr","appAnnotationFeedItemApp":"styles_appAnnotationFeedItemApp__ocHQR","appAnnotationFeedItemAttachment":"styles_appAnnotationFeedItemAttachment__0MiDo"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/FeedItem/feedItemTypes/AppAnnotationFeedItem/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,4DAA+D;AACvF;AACA;AACA;AACA;AACA;AACA;"}

package/components/FeedItem/feedItemTypes/BhaFeedItem/BhaFeedItem.js

@@ -1 +1,124 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import i from"@babel/runtime/helpers/slicedToArray";import r from"@babel/runtime/regenerator";import{useState as t,useEffect as o}from"react";import{shape as n,number as a,string as s,arrayOf as l}from"prop-types";import m from"./components/Info.js";import d from"./components/BhaNumber.js";import p from"./components/BhaSchematic.js";import u from"./components/NoData.js";import c from"./styles.css.js";import{loadDrillStringData as f}from"../../../../utils/bha.js";import{jsxs as h,Fragment as b,jsx as v}from"react/jsx-runtime";var y=function(n){var a,s,l=n.feedItem,y=n.feedItem,g=y.well,q=y.context,D=y.company_id,R=t([]),I=i(R,2),j=I[0],x=I[1],w=t(!1),N=i(w,2),_=N[0],A=N[1],S=null==g?void 0:g.id,T=null==q||null===(a=q.bha)||void 0===a?void 0:a.data,k=[null==T?void 0:T.id],B=(null==T||null===(s=T.components)||void 0===s?void 0:s.find((function(e){return"bit"===e.family})))||{},C=(null==T?void 0:T.id)||"-";function F(){return(F=e(r.mark((function e(){var i;return r.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,f([{_id:S,bha_ids:k}],D);case 3:i=e.sent,x(i),e.next=10;break;case 7:e.prev=7,e.t0=e.catch(0),console.error(e.t0);case 10:case"end":return e.stop()}}),e,null,[[0,7]])})))).apply(this,arguments)}return o((function(){!function(){F.apply(this,arguments)}()}),[]),h(b,{children:[h("div",{className:c.bhaFeedItemInfoWrapper,children:[v(d,{bhaId:C,pageName:"bhaActivity"}),v(m,{feedItem:l,bitComponent:B,pageName:"bhaActivity"})]}),j.length>0?v(p,{feedItem:l,drillStringData:j,isShowDrillstringDetailDialog:_,handleShowDrillstringDetailDialog:function(){return A(!0)},handleHideDrillstringDetailDialog:function(){return A(!1)}}):v(u,{pageName:"bhaActivity"})]})};y.propTypes={feedItem:n({id:a.isRequired,type:s.isRequired,company_id:a.isRequired,context:n({bha:n({data:n({id:a.isRequired,components:l(n).isRequired,start_depth:a.isRequired}).isRequired})}).isRequired,created_at:s.isRequired,well:n({id:a.isRequired})}).isRequired};export{y as default};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect } from 'react';
+import { shape, number, string, arrayOf } from 'prop-types';
+import Info from './components/Info.js';
+import BhaNumber from './components/BhaNumber.js';
+import BhaSchematic from './components/BhaSchematic.js';
+import NoDataMessage from './components/NoData.js';
+import styles from './styles.css.js';
+import { loadDrillStringData } from '../../../../utils/bha.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'bhaActivity';
+var BhaFeedItem = function BhaFeedItem(_ref) {
+  var _context$bha, _bhaData$components;
+  var feedItem = _ref.feedItem,
+    _ref$feedItem = _ref.feedItem,
+    well = _ref$feedItem.well,
+    context = _ref$feedItem.context,
+    companyId = _ref$feedItem.company_id;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    drillStringData = _useState2[0],
+    setDrillStringData = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isShowDrillstringDetailDialog = _useState4[0],
+    setIsShowDrillstringDetailDialog = _useState4[1];
+  var handleShowDrillstringDetailDialog = function handleShowDrillstringDetailDialog() {
+    return setIsShowDrillstringDetailDialog(true);
+  };
+  var handleHideDrillstringDetailDialog = function handleHideDrillstringDetailDialog() {
+    return setIsShowDrillstringDetailDialog(false);
+  };
+  var wellId = well === null || well === void 0 ? void 0 : well.id;
+  var bhaData = context === null || context === void 0 ? void 0 : (_context$bha = context.bha) === null || _context$bha === void 0 ? void 0 : _context$bha.data;
+  var bhaIds = [bhaData === null || bhaData === void 0 ? void 0 : bhaData.id];
+  var bitComponent = (bhaData === null || bhaData === void 0 ? void 0 : (_bhaData$components = bhaData.components) === null || _bhaData$components === void 0 ? void 0 : _bhaData$components.find(function (component) {
+    return component.family === 'bit';
+  })) || {};
+  var id = (bhaData === null || bhaData === void 0 ? void 0 : bhaData.id) || '-';
+  function handleFetchDrillStringData() {
+    return _handleFetchDrillStringData.apply(this, arguments);
+  }
+  function _handleFetchDrillStringData() {
+    _handleFetchDrillStringData = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var response;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return loadDrillStringData([{
+                _id: wellId,
+                bha_ids: bhaIds
+              }], companyId);
+            case 3:
+              response = _context.sent;
+              setDrillStringData(response);
+              _context.next = 10;
+              break;
+            case 7:
+              _context.prev = 7;
+              _context.t0 = _context["catch"](0);
+              console.error(_context.t0);
+            case 10:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[0, 7]]);
+    }));
+    return _handleFetchDrillStringData.apply(this, arguments);
+  }
+  useEffect(function () {
+    handleFetchDrillStringData();
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.bhaFeedItemInfoWrapper,
+      children: [/*#__PURE__*/jsx(BhaNumber, {
+        bhaId: id,
+        pageName: PAGE_NAME
+      }), /*#__PURE__*/jsx(Info, {
+        feedItem: feedItem,
+        bitComponent: bitComponent,
+        pageName: PAGE_NAME
+      })]
+    }), drillStringData.length > 0 ? /*#__PURE__*/jsx(BhaSchematic, {
+      feedItem: feedItem,
+      drillStringData: drillStringData,
+      isShowDrillstringDetailDialog: isShowDrillstringDetailDialog,
+      handleShowDrillstringDetailDialog: handleShowDrillstringDetailDialog,
+      handleHideDrillstringDetailDialog: handleHideDrillstringDetailDialog
+    }) : /*#__PURE__*/jsx(NoDataMessage, {
+      pageName: PAGE_NAME
+    })]
+  });
+};
+BhaFeedItem.propTypes = {
+  feedItem: shape({
+    id: number.isRequired,
+    type: string.isRequired,
+    company_id: number.isRequired,
+    context: shape({
+      bha: shape({
+        data: shape({
+          id: number.isRequired,
+          components: arrayOf(shape).isRequired,
+          start_depth: number.isRequired
+        }).isRequired
+      })
+    }).isRequired,
+    created_at: string.isRequired,
+    well: shape({
+      id: number.isRequired
+    })
+  }).isRequired
+};
+
+export { BhaFeedItem as default };
+//# sourceMappingURL=BhaFeedItem.js.map