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

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

@@ -1 +1,118 @@
-import e from"@babel/runtime/helpers/asyncToGenerator";import r from"@babel/runtime/helpers/slicedToArray";import i from"@babel/runtime/regenerator";import{useState as t,useEffect as a}from"react";import{shape as o,number as n,string as l}from"prop-types";import{makeStyles as s}from"@material-ui/core";import u from"./components/AccuracyPlan.js";import m from"./components/ActualPointInfo.js";import d from"./components/Warning.js";import{fetchDirectionalAccuracyRecords as p}from"./api.js";import c from"../../../LoadingIndicator/LoadingIndicator.js";import{jsx as v,jsxs as f}from"react/jsx-runtime";var y=s({wrapper:{display:"flex",flexWrap:"wrap"}}),h=function(o){var n,l,s,h=o.feedItem,q=y(),w=t(!1),x=r(w,2),R=x[0],_=x[1],I=t(!1),b=r(I,2),g=b[0],j=b[1],A=t(null),T=r(A,2),P=T[0],W=T[1],L=t(""),N=r(L,2),k=N[0],z=N[1],C=t(""),D=r(C,2),G=D[0],S=D[1],B=t(null),E=r(B,2),F=E[0],H=E[1],J="active"===(null===(n=h.context)||void 0===n||null===(l=n.survey_station)||void 0===l||null===(s=l.well)||void 0===s?void 0:s.status);return a(e(i.mark((function e(){var r,t,a,o,n,l,s,u,m,d,c,v,f,y;return i.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return l=null===(r=h.well)||void 0===r?void 0:r.id,s=null===(t=h.context)||void 0===t||null===(a=t.survey_station)||void 0===a||null===(o=a.data)||void 0===o?void 0:o.measured_depth,e.next=4,p({wellId:l,md:s});case 4:u=e.sent,m=null==u||null===(n=u[0])||void 0===n?void 0:n.data,_(!0),m&&(c=m.accuracy,v=m.cumulative_tvd_change||"",f=m.plan_name||"",y=null===(d=u[0])||void 0===d?void 0:d.timestamp,j(!0),W(c),z(v),S(f),H(y));case 8:case"end":return e.stop()}}),e)}))),[]),R?f("div",{className:q.wrapper,children:[g?v(u,{accuracyData:P,cumulativeTvdChange:k,initialPlanName:G,timestamp:F}):v(d,{isWellStatusActive:J}),v(m,{feedItem:h})]}):v(c,{})};h.propTypes={feedItem:o({context:o({survey_station:o({data:o({azimuth:n.isRequired,inclination:n.isRequired,measured_depth:n.isRequired}).isRequired,well:o({status:l.isRequired}).isRequired}).isRequired}).isRequired}).isRequired};export{h 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 } from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import AccuracyPlan from './components/AccuracyPlan.js';
+import ActualPointInfo from './components/ActualPointInfo.js';
+import Warning from './components/Warning.js';
+import { fetchDirectionalAccuracyRecords } from './api.js';
+import LoadingIndicator from '../../../LoadingIndicator/LoadingIndicator.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var useStyles = makeStyles({
+  wrapper: {
+    display: 'flex',
+    flexWrap: 'wrap'
+  }
+});
+var SurveyStationFeedItem = function SurveyStationFeedItem(_ref) {
+  var _feedItem$context, _feedItem$context$sur, _feedItem$context$sur2;
+  var feedItem = _ref.feedItem;
+  var classes = useStyles();
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAccuracyRecordLoaded = _useState2[0],
+    setIsAccuracyRecordLoaded = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isAccuracyRecordPresent = _useState4[0],
+    setIsAccuracyRecordPresent = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    accuracyData = _useState6[0],
+    setAccuracyData = _useState6[1];
+  var _useState7 = useState(''),
+    _useState8 = _slicedToArray(_useState7, 2),
+    cumulativeTvdChange = _useState8[0],
+    setCumulativeTvdChange = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    initialPlanName = _useState10[0],
+    setInitialPlanName = _useState10[1];
+  var _useState11 = useState(null),
+    _useState12 = _slicedToArray(_useState11, 2),
+    timestamp = _useState12[0],
+    setTimestamp = _useState12[1];
+  var isWellStatusActive = ((_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$sur = _feedItem$context.survey_station) === null || _feedItem$context$sur === void 0 ? void 0 : (_feedItem$context$sur2 = _feedItem$context$sur.well) === null || _feedItem$context$sur2 === void 0 ? void 0 : _feedItem$context$sur2.status) === 'active';
+  useEffect( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _feedItem$well, _feedItem$context2, _feedItem$context2$su, _feedItem$context2$su2, _records$;
+    var wellId, md, records, directionalAccuracyData, _records$2, _accuracyData, _cumulativeTvdChange, _initialPlanName, recordTimestamp;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            wellId = (_feedItem$well = feedItem.well) === null || _feedItem$well === void 0 ? void 0 : _feedItem$well.id;
+            md = (_feedItem$context2 = feedItem.context) === null || _feedItem$context2 === void 0 ? void 0 : (_feedItem$context2$su = _feedItem$context2.survey_station) === null || _feedItem$context2$su === void 0 ? void 0 : (_feedItem$context2$su2 = _feedItem$context2$su.data) === null || _feedItem$context2$su2 === void 0 ? void 0 : _feedItem$context2$su2.measured_depth;
+            _context.next = 4;
+            return fetchDirectionalAccuracyRecords({
+              wellId: wellId,
+              md: md
+            });
+          case 4:
+            records = _context.sent;
+            directionalAccuracyData = records === null || records === void 0 ? void 0 : (_records$ = records[0]) === null || _records$ === void 0 ? void 0 : _records$.data;
+            setIsAccuracyRecordLoaded(true);
+            if (directionalAccuracyData) {
+              _accuracyData = directionalAccuracyData.accuracy;
+              _cumulativeTvdChange = directionalAccuracyData.cumulative_tvd_change || '';
+              _initialPlanName = directionalAccuracyData.plan_name || '';
+              recordTimestamp = (_records$2 = records[0]) === null || _records$2 === void 0 ? void 0 : _records$2.timestamp;
+              setIsAccuracyRecordPresent(true);
+              setAccuracyData(_accuracyData);
+              setCumulativeTvdChange(_cumulativeTvdChange);
+              setInitialPlanName(_initialPlanName);
+              setTimestamp(recordTimestamp);
+            }
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })), []);
+  if (!isAccuracyRecordLoaded) return /*#__PURE__*/jsx(LoadingIndicator, {});
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [isAccuracyRecordPresent ? /*#__PURE__*/jsx(AccuracyPlan, {
+      accuracyData: accuracyData,
+      cumulativeTvdChange: cumulativeTvdChange,
+      initialPlanName: initialPlanName,
+      timestamp: timestamp
+    }) : /*#__PURE__*/jsx(Warning, {
+      isWellStatusActive: isWellStatusActive
+    }), /*#__PURE__*/jsx(ActualPointInfo, {
+      feedItem: feedItem
+    })]
+  });
+};
+SurveyStationFeedItem.propTypes = {
+  feedItem: shape({
+    context: shape({
+      survey_station: shape({
+        data: shape({
+          azimuth: number.isRequired,
+          inclination: number.isRequired,
+          measured_depth: number.isRequired
+        }).isRequired,
+        well: shape({
+          status: string.isRequired
+        }).isRequired
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export { SurveyStationFeedItem as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/SurveyStationFeedItem/index.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { shape, number, string } from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport AccuracyPlan from './components/AccuracyPlan';\nimport ActualPointInfo from './components/ActualPointInfo';\nimport Warning from './components/Warning';\nimport { fetchDirectionalAccuracyRecords } from './api';\n\nimport LoadingIndicator from '~/components/LoadingIndicator';\n\nconst useStyles = makeStyles({\n  wrapper: {\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n});\n\nconst SurveyStationFeedItem = ({ feedItem }) => {\n  const classes = useStyles();\n\n  const [isAccuracyRecordLoaded, setIsAccuracyRecordLoaded] = useState(false);\n  const [isAccuracyRecordPresent, setIsAccuracyRecordPresent] = useState(false);\n  const [accuracyData, setAccuracyData] = useState(null);\n  const [cumulativeTvdChange, setCumulativeTvdChange] = useState('');\n  const [initialPlanName, setInitialPlanName] = useState('');\n  const [timestamp, setTimestamp] = useState(null);\n\n  const isWellStatusActive = feedItem.context?.survey_station?.well?.status === 'active';\n\n  useEffect(async () => {\n    const wellId = feedItem.well?.id;\n    const md = feedItem.context?.survey_station?.data?.measured_depth;\n\n    const records = await fetchDirectionalAccuracyRecords({ wellId, md });\n\n    const directionalAccuracyData = records?.[0]?.data;\n\n    setIsAccuracyRecordLoaded(true);\n\n    if (directionalAccuracyData) {\n      const accuracyData = directionalAccuracyData.accuracy;\n      const cumulativeTvdChange = directionalAccuracyData.cumulative_tvd_change || '';\n      const initialPlanName = directionalAccuracyData.plan_name || '';\n      const recordTimestamp = records[0]?.timestamp;\n\n      setIsAccuracyRecordPresent(true);\n      setAccuracyData(accuracyData);\n      setCumulativeTvdChange(cumulativeTvdChange);\n      setInitialPlanName(initialPlanName);\n      setTimestamp(recordTimestamp);\n    }\n  }, []);\n\n  if (!isAccuracyRecordLoaded) return <LoadingIndicator />;\n\n  return (\n    <div className={classes.wrapper}>\n      {isAccuracyRecordPresent ? (\n        <AccuracyPlan\n          accuracyData={accuracyData}\n          cumulativeTvdChange={cumulativeTvdChange}\n          initialPlanName={initialPlanName}\n          timestamp={timestamp}\n        />\n      ) : (\n        <Warning isWellStatusActive={isWellStatusActive} />\n      )}\n      <ActualPointInfo feedItem={feedItem} />\n    </div>\n  );\n};\n\nSurveyStationFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      survey_station: shape({\n        data: shape({\n          azimuth: number.isRequired,\n          inclination: number.isRequired,\n          measured_depth: number.isRequired,\n        }).isRequired,\n        well: shape({\n          status: string.isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default SurveyStationFeedItem;\n"],"names":["useStyles","makeStyles","wrapper","display","flexWrap","SurveyStationFeedItem","feedItem","classes","useState","isAccuracyRecordLoaded","setIsAccuracyRecordLoaded","isAccuracyRecordPresent","setIsAccuracyRecordPresent","accuracyData","setAccuracyData","cumulativeTvdChange","setCumulativeTvdChange","initialPlanName","setInitialPlanName","timestamp","setTimestamp","isWellStatusActive","context","survey_station","well","status","useEffect","wellId","id","md","data","measured_depth","fetchDirectionalAccuracyRecords","records","directionalAccuracyData","accuracy","cumulative_tvd_change","plan_name","recordTimestamp","_jsx","_jsxs","propTypes","shape","azimuth","number","isRequired","inclination","string"],"mappings":";;;;;;;;;;;;;AAWA,IAAMA,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,MAAA;AACZ,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqB,CAAqB,IAAA,EAAA;AAAA,EAAA,IAAA,iBAAA,EAAA,qBAAA,EAAA,sBAAA,CAAA;EAAA,IAAfC,QAAQ,QAARA,QAAQ,CAAA;EACvC,IAAMC,OAAO,GAAGP,SAAS,EAAE,CAAA;EAE3B,IAA4DQ,SAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAApEC,sBAAsB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,yBAAyB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EACxD,IAA8DF,UAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAtEG,uBAAuB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,0BAA0B,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAC1D,IAAwCJ,UAAAA,GAAAA,QAAQ,CAAC,IAAI,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA/CK,YAAY,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,eAAe,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EACpC,IAAsDN,UAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAA3DO,mBAAmB,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,sBAAsB,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAClD,IAA8CR,UAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAnDS,eAAe,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,kBAAkB,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;EAC1C,IAAkCV,WAAAA,GAAAA,QAAQ,CAAC,IAAI,CAAC;AAAA,IAAA,WAAA,GAAA,cAAA,CAAA,WAAA,EAAA,CAAA,CAAA;IAAzCW,SAAS,GAAA,WAAA,CAAA,CAAA,CAAA;IAAEC,YAAY,GAAA,WAAA,CAAA,CAAA,CAAA,CAAA;AAE9B,EAAA,IAAMC,kBAAkB,GAAG,CAAA,CAAA,iBAAA,GAAAf,QAAQ,CAACgB,OAAO,MAAhB,IAAA,IAAA,iBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAA,iBAAA,CAAkBC,cAAc,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAAhC,sBAAkCC,IAAI,MAAA,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAtC,sBAAwCC,CAAAA,MAAM,MAAK,QAAQ,CAAA;AAEtFC,EAAAA,SAAS,eAAC,iBAAA,eAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,OAAA,GAAA;AAAA,IAAA,IAAA,cAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,SAAA,CAAA;AAAA,IAAA,IAAA,MAAA,EAAA,EAAA,EAAA,OAAA,EAAA,uBAAA,EAAA,UAAA,EAAA,aAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,eAAA,CAAA;AAAA,IAAA,OAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,QAAA,CAAA,QAAA,EAAA;AAAA,MAAA,OAAA,CAAA,EAAA;AAAA,QAAA,QAAA,QAAA,CAAA,IAAA,GAAA,QAAA,CAAA,IAAA;AAAA,UAAA,KAAA,CAAA;AACFC,YAAAA,MAAM,qBAAGrB,QAAQ,CAACkB,IAAI,MAAA,IAAA,IAAA,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAb,eAAeI,EAAE,CAAA;AAC1BC,YAAAA,EAAE,GAAGvB,CAAAA,kBAAAA,GAAAA,QAAQ,CAACgB,OAAO,MAAhB,IAAA,IAAA,kBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,qBAAA,GAAA,kBAAA,CAAkBC,cAAc,MAAA,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,sBAAA,GAAhC,qBAAkCO,CAAAA,IAAI,MAAtC,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAwCC,cAAc,CAAA;AAAA,YAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,YAAA,OAE3CC,+BAA+B,CAAC;AAAEL,cAAAA,MAAM,EAANA,MAAM;AAAEE,cAAAA,EAAE,EAAFA,EAAAA;AAAG,aAAC,CAAC,CAAA;AAAA,UAAA,KAAA,CAAA;YAA/DI,OAAO,GAAA,QAAA,CAAA,IAAA,CAAA;YAEPC,uBAAuB,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,SAAA,GAAPA,OAAO,CAAG,CAAC,CAAC,MAAZ,IAAA,IAAA,SAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,SAAA,CAAcH,IAAI,CAAA;YAElDpB,yBAAyB,CAAC,IAAI,CAAC,CAAA;AAE/B,YAAA,IAAIwB,uBAAuB,EAAE;cACrBrB,aAAY,GAAGqB,uBAAuB,CAACC,QAAQ,CAAA;AAC/CpB,cAAAA,oBAAmB,GAAGmB,uBAAuB,CAACE,qBAAqB,IAAI,EAAE,CAAA;AACzEnB,cAAAA,gBAAe,GAAGiB,uBAAuB,CAACG,SAAS,IAAI,EAAE,CAAA;AACzDC,cAAAA,eAAe,iBAAGL,OAAO,CAAC,CAAC,CAAC,MAAA,IAAA,IAAA,UAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAV,WAAYd,SAAS,CAAA;cAE7CP,0BAA0B,CAAC,IAAI,CAAC,CAAA;cAChCE,eAAe,CAACD,aAAY,CAAC,CAAA;cAC7BG,sBAAsB,CAACD,oBAAmB,CAAC,CAAA;cAC3CG,kBAAkB,CAACD,gBAAe,CAAC,CAAA;cACnCG,YAAY,CAACkB,eAAe,CAAC,CAAA;AAC/B,aAAA;AAAC,UAAA,KAAA,CAAA,CAAA;AAAA,UAAA,KAAA,KAAA;AAAA,YAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KAAA,EAAA,OAAA,CAAA,CAAA;GACF,CAAA,CAAA,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,IAAI,CAAC7B,sBAAsB,EAAE,oBAAO8B,GAAA,CAAC,gBAAgB,EAAG,EAAA,CAAA,CAAA;EAExD,oBACEC,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAEjC,OAAO,CAACL,OAAQ;IAAA,QAC7BS,EAAAA,CAAAA,uBAAuB,gBACtB4B,GAAA,CAAC,YAAY,EAAA;AACX,MAAA,YAAY,EAAE1B,YAAa;AAC3B,MAAA,mBAAmB,EAAEE,mBAAoB;AACzC,MAAA,eAAe,EAAEE,eAAgB;AACjC,MAAA,SAAS,EAAEE,SAAAA;KACX,CAAA,gBAEFoB,IAAC,OAAO,EAAA;AAAC,MAAA,kBAAkB,EAAElB,kBAAAA;KAC9B,CAAA,eACDkB,IAAC,eAAe,EAAA;AAAC,MAAA,QAAQ,EAAEjC,QAAAA;KAAY,CAAA,CAAA;GACnC,CAAA,CAAA;AAEV,EAAC;AAEDD,qBAAqB,CAACoC,SAAS,GAAG;EAChCnC,QAAQ,EAAEoC,KAAK,CAAC;IACdpB,OAAO,EAAEoB,KAAK,CAAC;MACbnB,cAAc,EAAEmB,KAAK,CAAC;QACpBZ,IAAI,EAAEY,KAAK,CAAC;UACVC,OAAO,EAAEC,MAAM,CAACC,UAAU;UAC1BC,WAAW,EAAEF,MAAM,CAACC,UAAU;UAC9Bd,cAAc,EAAEa,MAAM,CAACC,UAAAA;SACxB,CAAC,CAACA,UAAU;QACbrB,IAAI,EAAEkB,KAAK,CAAC;UACVjB,MAAM,EAAEsB,MAAM,CAACF,UAAAA;AACjB,SAAC,CAAC,CAACA,UAAAA;AACL,OAAC,CAAC,CAACA,UAAAA;AACL,KAAC,CAAC,CAACA,UAAAA;AACL,GAAC,CAAC,CAACA,UAAAA;AACL,CAAC;;;;"}

package/components/FeedItem/feedItemTypes/TracesMemoFeedItem.js

@@ -1 +1,102 @@
-import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import i from"moment";import{makeStyles as r,Box as a}from"@material-ui/core";import{isNativeDetected as n}from"../../../utils/mobileDetect.js";import{getUnitDisplay as s,convertValue as m}from"../../../utils/index.js";import{Regular14 as o}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,_=void 0===x?{}:x,N=r.bitDepth,T=r.holeDepth,D=r.timestamp,R=t.mentioned_users,j=g(),q=s("length"),M=m(+N,"length","ft"),O=m(+T,"length","ft");return u(a,{whiteSpace:"pre-wrap",children:[y&&f(p,{children:f(o,{className:j.message,"data-testid":"".concat(b,"_message"),variant:"body1",children:c(y,R,n)})}),u(a,{mt:1,mb:1,children:[u(o,{"data-testid":"".concat(b,"_Time"),className:j.container,children:[f("span",{className:j.label,children:"Time: "}),i.unix(D).format(h)]}),Number.isFinite(T)&&u(o,{"data-testid":"".concat(b,"_HoleDepth"),className:j.container,children:[f("span",{className:j.label,children:"Hole Depth: "}),"".concat(O," ").concat(q)]}),Number.isFinite(N)&&u(o,{"data-testid":"".concat(b,"_BitDepth"),className:j.container,children:[f("span",{className:j.label,children:"Bit Depth: "}),"".concat(M," ").concat(q)]})]}),_&&(_.signed_url||_.url)&&f(l,{attachmentUrl:_.signed_url||_.url,fileName:_.file_name,attachmentSize:_.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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import PropTypes from 'prop-types';
+import moment from 'moment';
+import { makeStyles, Box } from '@material-ui/core';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { getUnitDisplay, convertValue } from '../../../utils/index.js';
+import { Regular14 } from '../../Typography.js';
+import Attachment from '../../Attachment/index.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import CollapsibleContent from '../../CollapsibleContent.js';
+import { FEED_ITEM_TYPES, FEED_ITEM_TIME_FORMAT } from '../../../constants/feed.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'TracesMemoFeedItem';
+var useStyles = makeStyles(function (theme) {
+  return {
+    message: {
+      lineHeight: '20px'
+    },
+    container: {
+      marginBottom: 4,
+      lineHeight: '20px'
+    },
+    label: {
+      color: theme.palette.primary.text6
+    }
+  };
+});
+var TracesMemoFeedItem = function TracesMemoFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    _ref$feedItem$context = _ref$feedItem.context[FEED_ITEM_TYPES.TRACES_MEMO],
+    body = _ref$feedItem$context.body,
+    _ref$feedItem$context2 = _ref$feedItem$context.attachment,
+    attachment = _ref$feedItem$context2 === void 0 ? {} : _ref$feedItem$context2,
+    bitDepth = _ref$feedItem$context.bitDepth,
+    holeDepth = _ref$feedItem$context.holeDepth,
+    timestamp = _ref$feedItem$context.timestamp,
+    mentionedUsers = _ref$feedItem.mentioned_users;
+  var classes = useStyles();
+  var lengthUnit = getUnitDisplay('length');
+  var bitDepthConverted = convertValue(+bitDepth, 'length', 'ft');
+  var holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');
+  return /*#__PURE__*/jsxs(Box, {
+    whiteSpace: "pre-wrap",
+    children: [body && /*#__PURE__*/jsx(CollapsibleContent, {
+      children: /*#__PURE__*/jsx(Regular14, {
+        className: classes.message,
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        variant: "body1",
+        children: formatMentionText(body, mentionedUsers, isNativeDetected)
+      })
+    }), /*#__PURE__*/jsxs(Box, {
+      mt: 1,
+      mb: 1,
+      children: [/*#__PURE__*/jsxs(Regular14, {
+        "data-testid": "".concat(PAGE_NAME, "_Time"),
+        className: classes.container,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.label,
+          children: "Time:\xA0"
+        }), moment.unix(timestamp).format(FEED_ITEM_TIME_FORMAT)]
+      }), Number.isFinite(holeDepth) && /*#__PURE__*/jsxs(Regular14, {
+        "data-testid": "".concat(PAGE_NAME, "_HoleDepth"),
+        className: classes.container,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.label,
+          children: "Hole Depth:\xA0"
+        }), "".concat(holeDepthConverted, " ").concat(lengthUnit)]
+      }), Number.isFinite(bitDepth) && /*#__PURE__*/jsxs(Regular14, {
+        "data-testid": "".concat(PAGE_NAME, "_BitDepth"),
+        className: classes.container,
+        children: [/*#__PURE__*/jsx("span", {
+          className: classes.label,
+          children: "Bit Depth:\xA0"
+        }), "".concat(bitDepthConverted, " ").concat(lengthUnit)]
+      })]
+    }), attachment && (attachment.signed_url || attachment.url) && /*#__PURE__*/jsx(Attachment, {
+      attachmentUrl: attachment.signed_url || attachment.url,
+      fileName: attachment.file_name,
+      attachmentSize: attachment.size,
+      size: "medium"
+    })]
+  });
+};
+TracesMemoFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape(_defineProperty({}, FEED_ITEM_TYPES.TRACES_MEMO, PropTypes.shape({
+      body: PropTypes.string.isRequired,
+      attachment: PropTypes.shape({
+        url: PropTypes.string,
+        size: PropTypes.number
+      }),
+      bitDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      holeDepth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+      timestamp: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired
+    }).isRequired)).isRequired,
+    mentioned_users: PropTypes.arrayOf(PropTypes.shape({}))
+  }).isRequired
+};
+
+export { TracesMemoFeedItem as default };
+//# sourceMappingURL=TracesMemoFeedItem.js.map

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

@@ -0,0 +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  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 && (attachment.signed_url || attachment.url) && (\n        <Attachment\n          attachmentUrl={attachment.signed_url || attachment.url}\n          fileName={attachment.file_name}\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","feedItem","context","FEED_ITEM_TYPES","TRACES_MEMO","body","attachment","bitDepth","holeDepth","timestamp","mentionedUsers","mentioned_users","classes","lengthUnit","getUnitDisplay","bitDepthConverted","convertValue","holeDepthConverted","_jsxs","_jsx","formatMentionText","isNativeDetected","moment","unix","format","FEED_ITEM_TIME_FORMAT","Number","isFinite","signed_url","url","file_name","size","propTypes","PropTypes","shape","string","isRequired","number","oneOfType","arrayOf"],"mappings":"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"}

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

@@ -1 +1,70 @@
-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=l();return c("div",{children:[i(r,{variant:"body2",gutterBottom:!0,children:"Target Changes:"}),c("div",{className:t.wrapper,children:[i(r,{variant:"body2",className:t.targetLabel,children:"MD:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.measured_depth||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"Vertical Section:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.vertical_section||0," (").concat(n("length"),")")}),i(r,{variant:"body2",className:t.targetLabel,children:"TVD Change:"}),i(r,{variant:"body2",className:t.targetValue,children:"".concat(e.tvd_change||0," (").concat(n("length"),")")})]})]})};o.propTypes={targetChanges:a({measured_depth:e,vertical_section:e,tvd_change:e})},o.defaultProps={targetChanges:{}};export{o as default};
+import { shape, number } from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import { getUnitDisplay } from '../../../../../utils/convert.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    wrapper: {
+      display: 'flex'
+    },
+    targetLabel: {
+      color: theme.palette.grey[400],
+      marginRight: 10
+    },
+    targetValue: {
+      marginRight: 15
+    }
+  };
+});
+var TargetChanges = function TargetChanges(_ref) {
+  var targetChanges = _ref.targetChanges;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      gutterBottom: true,
+      children: "Target Changes:"
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.wrapper,
+      children: [/*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetLabel,
+        children: "MD:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetValue,
+        children: "".concat(targetChanges.measured_depth || 0, " (").concat(getUnitDisplay('length'), ")")
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetLabel,
+        children: "Vertical Section:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetValue,
+        children: "".concat(targetChanges.vertical_section || 0, " (").concat(getUnitDisplay('length'), ")")
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetLabel,
+        children: "TVD Change:"
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        className: classes.targetValue,
+        children: "".concat(targetChanges.tvd_change || 0, " (").concat(getUnitDisplay('length'), ")")
+      })]
+    })]
+  });
+};
+TargetChanges.propTypes = {
+  targetChanges: shape({
+    measured_depth: number,
+    vertical_section: number,
+    tvd_change: number
+  })
+};
+TargetChanges.defaultProps = {
+  targetChanges: {}
+};
+
+export { TargetChanges as default };
+//# sourceMappingURL=TargetChanges.js.map

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

@@ -0,0 +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 }) => {\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\nTargetChanges.defaultProps = {\n  targetChanges: {},\n};\n\nexport default TargetChanges;\n"],"names":["useStyles","makeStyles","theme","wrapper","display","targetLabel","color","palette","grey","marginRight","targetValue","TargetChanges","targetChanges","classes","_jsxs","_jsx","measured_depth","getUnitDisplay","vertical_section","tvd_change","propTypes","shape","number","defaultProps"],"mappings":";;;;;AAKA,IAAMA,SAAS,GAAGC,UAAU,CAAC,UAAAC,KAAK,EAAA;EAAA,OAAK;AACrCC,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE,MAAA;KACV;AACDC,IAAAA,WAAW,EAAE;MACXC,KAAK,EAAEJ,KAAK,CAACK,OAAO,CAACC,IAAI,CAAC,GAAG,CAAC;AAC9BC,MAAAA,WAAW,EAAE,EAAA;KACd;AACDC,IAAAA,WAAW,EAAE;AACXD,MAAAA,WAAW,EAAE,EAAA;AACf,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAME,aAAa,GAAG,SAAhBA,aAAa,CAA0B,IAAA,EAAA;EAAA,IAApBC,aAAa,QAAbA,aAAa,CAAA;EACpC,IAAMC,OAAO,GAAGb,SAAS,EAAE,CAAA;EAC3B,oBACEc,IAAA,CAAA,KAAA,EAAA;AAAA,IAAA,QAAA,EAAA,cACEC,IAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,YAAY,EAAA,IAAA;AAAA,MAAA,QAAA,EAAA,iBAAA;AAAA,KAAA,CAE3B,eACbD,IAAA,CAAA,KAAA,EAAA;MAAK,SAAS,EAAED,OAAO,CAACV,OAAQ;AAAA,MAAA,QAAA,EAAA,cAC9BY,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACR,WAAY;AAAA,QAAA,QAAA,EAAA,KAAA;OAE9C,CAAA,eACbU,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACH,WAAY;QAAA,QACrDE,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,aAAa,CAACI,cAAc,IAAI,CAAC,EAAKC,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;OACvD,CAAA,eAEbF,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACR,WAAY;AAAA,QAAA,QAAA,EAAA,mBAAA;OAE9C,CAAA,eACbU,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACH,WAAY;QAAA,QACrDE,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,aAAa,CAACM,gBAAgB,IAAI,CAAC,EAAKD,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;OACzD,CAAA,eAEbF,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACR,WAAY;AAAA,QAAA,QAAA,EAAA,aAAA;OAE9C,CAAA,eACbU,IAAC,UAAU,EAAA;AAAC,QAAA,OAAO,EAAC,OAAO;QAAC,SAAS,EAAEF,OAAO,CAACH,WAAY;QAAA,QACrDE,EAAAA,EAAAA,CAAAA,MAAAA,CAAAA,aAAa,CAACO,UAAU,IAAI,CAAC,EAAKF,IAAAA,CAAAA,CAAAA,MAAAA,CAAAA,cAAc,CAAC,QAAQ,CAAC,EAAA,GAAA,CAAA;OACnD,CAAA,CAAA;KACT,CAAA,CAAA;GACF,CAAA,CAAA;AAEV,EAAC;AAEDN,aAAa,CAACS,SAAS,GAAG;EACxBR,aAAa,EAAES,KAAK,CAAC;AACnBL,IAAAA,cAAc,EAAEM,MAAM;AACtBJ,IAAAA,gBAAgB,EAAEI,MAAM;AACxBH,IAAAA,UAAU,EAAEG,MAAAA;GACb,CAAA;AACH,CAAC,CAAA;AAEDX,aAAa,CAACY,YAAY,GAAG;AAC3BX,EAAAA,aAAa,EAAE,EAAC;AAClB,CAAC;;;;"}

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

@@ -1 +1,37 @@
-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 } from 'prop-types';
+import { makeStyles, Typography } from '@material-ui/core';
+import blue from '@material-ui/core/colors/blue';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'FeedActivityPo';
+var useStyles = makeStyles({
+  wrapper: {
+    marginRight: 40
+  },
+  vsa: {
+    color: blue[300]
+  }
+});
+var VerticalSectionAzimuth = function VerticalSectionAzimuth(_ref) {
+  var vsa = _ref.vsa;
+  var classes = useStyles();
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [/*#__PURE__*/jsx(Typography, {
+      variant: "body2",
+      gutterBottom: true,
+      children: "Vertical section Azimuth:"
+    }), /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(PAGE_NAME, "_wellPlan_verticalAzimuth"),
+      variant: "h5",
+      className: classes.vsa,
+      children: vsa
+    })]
+  });
+};
+VerticalSectionAzimuth.propTypes = {
+  vsa: number.isRequired
+};
+
+export { VerticalSectionAzimuth as default };
+//# sourceMappingURL=VerticalSectionAzimuth.js.map

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

@@ -0,0 +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":["PAGE_NAME","useStyles","makeStyles","wrapper","marginRight","vsa","color","blue","VerticalSectionAzimuth","classes","_jsxs","_jsx","propTypes","number","isRequired"],"mappings":";;;;;AAIA,IAAMA,SAAS,GAAG,gBAAgB,CAAA;AAElC,IAAMC,SAAS,GAAGC,UAAU,CAAC;AAC3BC,EAAAA,OAAO,EAAE;AACPC,IAAAA,WAAW,EAAE,EAAA;GACd;AACDC,EAAAA,GAAG,EAAE;IACHC,KAAK,EAAEC,IAAI,CAAC,GAAG,CAAA;AACjB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,IAAMC,sBAAsB,GAAG,SAAzBA,sBAAsB,CAAgB,IAAA,EAAA;EAAA,IAAVH,GAAG,QAAHA,GAAG,CAAA;EACnC,IAAMI,OAAO,GAAGR,SAAS,EAAE,CAAA;EAC3B,oBACES,IAAA,CAAA,KAAA,EAAA;IAAK,SAAS,EAAED,OAAO,CAACN,OAAQ;AAAA,IAAA,QAAA,EAAA,cAC9BQ,IAAC,UAAU,EAAA;AAAC,MAAA,OAAO,EAAC,OAAO;MAAC,YAAY,EAAA,IAAA;AAAA,MAAA,QAAA,EAAA,2BAAA;KAE3B,CAAA,eACbA,IAAC,UAAU,EAAA;AACT,MAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBX,SAAS,EAA4B,2BAAA,CAAA;AACrD,MAAA,OAAO,EAAC,IAAI;MACZ,SAAS,EAAES,OAAO,CAACJ,GAAI;MAAA,QAEtBA,EAAAA,GAAAA;KACU,CAAA,CAAA;GACT,CAAA,CAAA;AAEV,EAAC;AAEDG,sBAAsB,CAACI,SAAS,GAAG;EACjCP,GAAG,EAAEQ,MAAM,CAACC,UAAAA;AACd,CAAC;;;;"}

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

@@ -1 +1,28 @@
-var t=[{provider:"corva",collection:"data.actual_survey",event:"update",meta:{subscribeToLatestOnly:!0},params:{limit:1,sort:"{ timestamp: -1 }"}},{provider:"corva",collection:"data.plan_survey",meta:{subscribeToLatestOnly:!0},params:{limit:1,sort:"{ timestamp: -1 }"}},{provider:"corva",collection:"wits"}];export{t as SUBSCRIPTIONS};
+var SUBSCRIPTIONS = [{
+  provider: 'corva',
+  collection: 'data.actual_survey',
+  event: 'update',
+  meta: {
+    subscribeToLatestOnly: true
+  },
+  params: {
+    limit: 1,
+    sort: '{ timestamp: -1 }'
+  }
+}, {
+  provider: 'corva',
+  collection: 'data.plan_survey',
+  meta: {
+    subscribeToLatestOnly: true
+  },
+  params: {
+    limit: 1,
+    sort: '{ timestamp: -1 }'
+  }
+}, {
+  provider: 'corva',
+  collection: 'wits'
+}];
+
+export { SUBSCRIPTIONS };
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/WellPlanFeedItem/constants.js"],"sourcesContent":["export const SUBSCRIPTIONS = [\n  {\n    provider: 'corva',\n    collection: 'data.actual_survey',\n    event: 'update',\n    meta: { subscribeToLatestOnly: true },\n    params: {\n      limit: 1,\n      sort: '{ timestamp: -1 }',\n    },\n  },\n  {\n    provider: 'corva',\n    collection: 'data.plan_survey',\n    meta: { subscribeToLatestOnly: true },\n    params: {\n      limit: 1,\n      sort: '{ timestamp: -1 }',\n    },\n  },\n  {\n    provider: 'corva',\n    collection: 'wits',\n  },\n];\n"],"names":["SUBSCRIPTIONS","provider","collection","event","meta","subscribeToLatestOnly","params","limit","sort"],"mappings":"AAAO,IAAMA,aAAa,GAAG,CAC3B;AACEC,EAAAA,QAAQ,EAAE,OAAO;AACjBC,EAAAA,UAAU,EAAE,oBAAoB;AAChCC,EAAAA,KAAK,EAAE,QAAQ;AACfC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,qBAAqB,EAAE,IAAA;GAAM;AACrCC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,IAAI,EAAE,mBAAA;AACR,GAAA;AACF,CAAC,EACD;AACEP,EAAAA,QAAQ,EAAE,OAAO;AACjBC,EAAAA,UAAU,EAAE,kBAAkB;AAC9BE,EAAAA,IAAI,EAAE;AAAEC,IAAAA,qBAAqB,EAAE,IAAA;GAAM;AACrCC,EAAAA,MAAM,EAAE;AACNC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,IAAI,EAAE,mBAAA;AACR,GAAA;AACF,CAAC,EACD;AACEP,EAAAA,QAAQ,EAAE,OAAO;AACjBC,EAAAA,UAAU,EAAE,MAAA;AACd,CAAC;;;;"}

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

@@ -1 +1,142 @@
-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 _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useEffect } from 'react';
+import { shape, number, func, string } from 'prop-types';
+import { Map, List } from 'immutable';
+import TargetChanges from './components/TargetChanges.js';
+import VerticalSectionAzimuth from './components/VerticalSectionAzimuth.js';
+import { SUBSCRIPTIONS } from './constants.js';
+import styles from './styles.css.js';
+import { DEFAULT_SUBSCRIPTION_META } from '../../../../constants/subscriptions.js';
+import '../../../EmbeddedApp/DevCenterEmbeddedApp.js';
+import EmbeddedApp from '../../../EmbeddedApp/EmbeddedApp.js';
+import { jsxs, Fragment, 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 WellPlanFeedItem = function WellPlanFeedItem(_ref) {
+  var _ref$feedItem = _ref.feedItem,
+    id = _ref$feedItem.id,
+    well = _ref$feedItem.well,
+    _ref$feedItem$context = _ref$feedItem.context.well_plan,
+    _ref$feedItem$context2 = _ref$feedItem$context.data,
+    vsa = _ref$feedItem$context2.vertical_section_azimuth,
+    targetChanges = _ref$feedItem$context2.target_changes,
+    timestamp = _ref$feedItem$context.timestamp,
+    subscribeAppForAsset = _ref.subscribeAppForAsset,
+    unsubscribeAppFromAsset = _ref.unsubscribeAppFromAsset,
+    appContext = _ref.appContext,
+    isSubDataLoading = _ref.isSubDataLoading,
+    getSubErrors = _ref.getSubErrors,
+    isSubDataEmpty = _ref.isSubDataEmpty,
+    appRegistry = _ref.appRegistry,
+    appData = _ref.appData;
+  // Note: Using custom subscription here instead of embedded app component sub,
+  // because in this component we have 2 apps with same data, we don't want to load
+  // data twice;
+
+  var subscriptions = SUBSCRIPTIONS.map(function (sub) {
+    return _objectSpread(_objectSpread({}, sub), {}, {
+      meta: _objectSpread(_objectSpread({}, DEFAULT_SUBSCRIPTION_META), {}, {
+        subscribeOnlyForInitialData: true
+      })
+    });
+  });
+  useEffect(function () {
+    function subscribeAppForData() {
+      subscribeAppForAsset(id, subscriptions, well.id, {
+        query: "{timestamp#lte#".concat(timestamp, "}")
+      });
+      return function () {
+        unsubscribeAppFromAsset(id, subscriptions);
+      };
+    }
+    if (well && timestamp) subscribeAppForData();
+  }, []);
+  if (!well) return 'No Well in data';
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.wellPlanFeedItemInfo,
+      children: [/*#__PURE__*/jsx(VerticalSectionAzimuth, {
+        vsa: vsa
+      }), targetChanges && /*#__PURE__*/jsx(TargetChanges, {
+        targetChanges: targetChanges
+      })]
+    }), /*#__PURE__*/jsx(EmbeddedApp, {
+      asset: Map(well),
+      appContainerClassName: styles.wellPlanFeedItemApp,
+      appId: id,
+      assetId: well.id,
+      appComponentKey: "directional-wellPlan",
+      appComponentCategory: "directional",
+      subscriptions: subscriptions,
+      requiresSubscription: false,
+      appContext: Map(appContext),
+      assetDashboards: List(),
+      graphType: 1,
+      internalSelectors: {
+        isSubDataLoading: isSubDataLoading,
+        getSubErrors: getSubErrors,
+        isSubDataEmpty: isSubDataEmpty
+      },
+      appRegistry: appRegistry,
+      appData: appData,
+      subscribeAppForAsset: subscribeAppForAsset,
+      unsubscribeAppFromAsset: unsubscribeAppFromAsset
+    }), /*#__PURE__*/jsx(EmbeddedApp, {
+      asset: Map(well),
+      appContainerClassName: styles.wellPlanFeedItemApp,
+      appId: id,
+      assetId: well.id,
+      appComponentKey: "directional-wellPlan",
+      appComponentCategory: "directional",
+      subscriptions: subscriptions,
+      requiresSubscription: false,
+      appContext: Map(appContext),
+      assetDashboards: List(),
+      graphType: 2,
+      internalSelectors: {
+        isSubDataLoading: isSubDataLoading,
+        getSubErrors: getSubErrors,
+        isSubDataEmpty: isSubDataEmpty
+      },
+      appRegistry: appRegistry,
+      appData: appData,
+      subscribeAppForAsset: subscribeAppForAsset,
+      unsubscribeAppFromAsset: unsubscribeAppFromAsset
+    })]
+  });
+};
+WellPlanFeedItem.propTypes = {
+  feedItem: shape({
+    id: number,
+    context: shape({
+      well_plan: shape({
+        timestamp: number.isRequired,
+        data: shape({
+          vertical_section_azimuth: number,
+          target_changes: shape({
+            measured_depth: number,
+            tvd_change: number,
+            vertical_section: number
+          })
+        })
+      }).isRequired
+    }).isRequired,
+    well: shape({
+      id: number.isRequired
+    }).isRequired
+  }).isRequired,
+  subscribeAppForAsset: func.isRequired,
+  unsubscribeAppFromAsset: func.isRequired,
+  appContext: shape({
+    view: string.isRequired
+  }).isRequired,
+  appData: shape().isRequired,
+  appRegistry: shape().isRequired,
+  isSubDataLoading: func.isRequired,
+  getSubErrors: func.isRequired,
+  isSubDataEmpty: func.isRequired
+};
+
+export { WellPlanFeedItem as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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","feedItem","id","well","context","well_plan","data","vsa","vertical_section_azimuth","targetChanges","target_changes","timestamp","subscribeAppForAsset","unsubscribeAppFromAsset","appContext","isSubDataLoading","getSubErrors","isSubDataEmpty","appRegistry","appData","subscriptions","SUBSCRIPTIONS","map","sub","meta","DEFAULT_SUBSCRIPTION_META","subscribeOnlyForInitialData","useEffect","subscribeAppForData","query","_jsxs","_Fragment","styles","wellPlanFeedItemInfo","_jsx","Map","wellPlanFeedItemApp","List","propTypes","shape","number","isRequired","measured_depth","tvd_change","vertical_section","func","view","string"],"mappings":"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"}

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

@@ -1 +1,8 @@
-import e from'./../../../../ext-esm/style-inject/dist/style-inject.es.js';var l={wellPlanFeedItemInfo:"styles_wellPlanFeedItemInfo__DtdDC",wellPlanFeedItemApp:"styles_wellPlanFeedItemApp__CJEjo"};e(".styles_wellPlanFeedItemInfo__DtdDC{display:flex;flex-wrap:wrap;margin-bottom:20px}.styles_wellPlanFeedItemApp__CJEjo{display:inline-block;height:400px;margin-right:15px;position:relative;width:400px}");export{l as default};
+import styleInject from './../../../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_wellPlanFeedItemInfo__DtdDC {\n  display: flex;\n  margin-bottom: 20px;\n  flex-wrap: wrap;\n}\n\n.styles_wellPlanFeedItemApp__CJEjo {\n  width: 400px;\n  height: 400px;\n  position: relative;\n  margin-right: 15px;\n  display: inline-block;\n}\n";
+var styles = {"wellPlanFeedItemInfo":"styles_wellPlanFeedItemInfo__DtdDC","wellPlanFeedItemApp":"styles_wellPlanFeedItemApp__CJEjo"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/FeedItem/feedItemTypes/WellPlanFeedItem/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;"}