@corva/ui 0.65.0-0 → 0.65.0-1-test

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Major.js

@@ -1 +1,28 @@
-import{jsxs as C,jsx as t}from"react/jsx-runtime";function i(){return C("svg",{"data-testid":"MajorIcon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M12.3982 7.39825C12.7872 7.00925 12.7872 6.373 12.3982 5.984L8.706 2.29175C8.317 1.90275 7.68075 1.90275 7.29175 2.29175C6.90275 2.68075 6.90275 3.317 7.29175 3.706L10.984 7.39825C11.3728 7.787 12.0092 7.787 12.3982 7.39825Z",fill:"#FFC107"}),t("path",{d:"M3.56009 7.39825C3.17109 7.00925 3.17109 6.373 3.56009 5.984L7.25234 2.29175C7.64134 1.90275 8.27759 1.90275 8.66659 2.29175C9.05559 2.68075 9.05559 3.317 8.66659 3.706L4.97409 7.39825C4.58534 7.787 3.94884 7.787 3.56009 7.39825Z",fill:"#FFC107"}),t("path",{d:"M12.3982 12.389C12.7872 12 12.7872 11.3637 12.3982 10.9747L8.706 7.28247C8.317 6.89347 7.68075 6.89347 7.29175 7.28247C6.90275 7.67147 6.90275 8.30772 7.29175 8.69672L10.984 12.389C11.3728 12.7777 12.0092 12.7777 12.3982 12.389Z",fill:"#C79100"}),t("path",{d:"M3.56009 12.389C3.17109 12 3.17109 11.3637 3.56009 10.9747L7.25234 7.28247C7.64134 6.89347 8.27759 6.89347 8.66659 7.28247C9.05559 7.67147 9.05559 8.30772 8.66659 8.69672L4.97409 12.389C4.58534 12.7777 3.94884 12.7777 3.56009 12.389Z",fill:"#C79100"})]})}export{i as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MajorIcon() {
+  return /*#__PURE__*/jsxs("svg", {
+    "data-testid": "MajorIcon",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M12.3982 7.39825C12.7872 7.00925 12.7872 6.373 12.3982 5.984L8.706 2.29175C8.317 1.90275 7.68075 1.90275 7.29175 2.29175C6.90275 2.68075 6.90275 3.317 7.29175 3.706L10.984 7.39825C11.3728 7.787 12.0092 7.787 12.3982 7.39825Z",
+      fill: "#FFC107"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3.56009 7.39825C3.17109 7.00925 3.17109 6.373 3.56009 5.984L7.25234 2.29175C7.64134 1.90275 8.27759 1.90275 8.66659 2.29175C9.05559 2.68075 9.05559 3.317 8.66659 3.706L4.97409 7.39825C4.58534 7.787 3.94884 7.787 3.56009 7.39825Z",
+      fill: "#FFC107"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12.3982 12.389C12.7872 12 12.7872 11.3637 12.3982 10.9747L8.706 7.28247C8.317 6.89347 7.68075 6.89347 7.29175 7.28247C6.90275 7.67147 6.90275 8.30772 7.29175 8.69672L10.984 12.389C11.3728 12.7777 12.0092 12.7777 12.3982 12.389Z",
+      fill: "#C79100"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3.56009 12.389C3.17109 12 3.17109 11.3637 3.56009 10.9747L7.25234 7.28247C7.64134 6.89347 8.27759 6.89347 8.66659 7.28247C9.05559 7.67147 9.05559 8.30772 8.66659 8.69672L4.97409 12.389C4.58534 12.7777 3.94884 12.7777 3.56009 12.389Z",
+      fill: "#C79100"
+    })]
+  });
+}
+
+export { MajorIcon as default };
+//# sourceMappingURL=Major.js.map

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Major.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Major.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Major.js"],"sourcesContent":["export default function MajorIcon() {\n  return (\n    <svg\n      data-testid=\"MajorIcon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M12.3982 7.39825C12.7872 7.00925 12.7872 6.373 12.3982 5.984L8.706 2.29175C8.317 1.90275 7.68075 1.90275 7.29175 2.29175C6.90275 2.68075 6.90275 3.317 7.29175 3.706L10.984 7.39825C11.3728 7.787 12.0092 7.787 12.3982 7.39825Z\"\n        fill=\"#FFC107\"\n      />\n      <path\n        d=\"M3.56009 7.39825C3.17109 7.00925 3.17109 6.373 3.56009 5.984L7.25234 2.29175C7.64134 1.90275 8.27759 1.90275 8.66659 2.29175C9.05559 2.68075 9.05559 3.317 8.66659 3.706L4.97409 7.39825C4.58534 7.787 3.94884 7.787 3.56009 7.39825Z\"\n        fill=\"#FFC107\"\n      />\n      <path\n        d=\"M12.3982 12.389C12.7872 12 12.7872 11.3637 12.3982 10.9747L8.706 7.28247C8.317 6.89347 7.68075 6.89347 7.29175 7.28247C6.90275 7.67147 6.90275 8.30772 7.29175 8.69672L10.984 12.389C11.3728 12.7777 12.0092 12.7777 12.3982 12.389Z\"\n        fill=\"#C79100\"\n      />\n      <path\n        d=\"M3.56009 12.389C3.17109 12 3.17109 11.3637 3.56009 10.9747L7.25234 7.28247C7.64134 6.89347 8.27759 6.89347 8.66659 7.28247C9.05559 7.67147 9.05559 8.30772 8.66659 8.69672L4.97409 12.389C4.58534 12.7777 3.94884 12.7777 3.56009 12.389Z\"\n        fill=\"#C79100\"\n      />\n    </svg>\n  );\n}\n"],"names":["MajorIcon","_jsxs","_jsx"],"mappings":";;AAAe,SAASA,SAAS,GAAG;EAClC,oBACEC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,WAAW;AACvB,IAAA,KAAK,EAAC,IAAI;AACV,IAAA,MAAM,EAAC,IAAI;AACX,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAElC,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,kOAAkO;AACpO,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,uOAAuO;AACzO,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,sOAAsO;AACxO,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,2OAA2O;AAC7O,MAAA,IAAI,EAAC,SAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAEV;;;;"}

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Minor.js

@@ -1 +1,28 @@
-import{jsxs as C,jsx as t}from"react/jsx-runtime";function i(){return C("svg",{"data-testid":"MinorIcon",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("path",{d:"M12.3982 8.60175C12.7872 8.99075 12.7872 9.627 12.3982 10.016L8.706 13.7082C8.317 14.0972 7.68075 14.0972 7.29175 13.7082C6.90275 13.3192 6.90275 12.683 7.29175 12.294L10.984 8.60175C11.3728 8.213 12.0092 8.213 12.3982 8.60175Z",fill:"#4CAF50"}),t("path",{d:"M3.56006 8.60175C3.17106 8.99075 3.17106 9.627 3.56006 10.016L7.25231 13.7082C7.64131 14.0972 8.27756 14.0972 8.66656 13.7082C9.05556 13.3192 9.05556 12.683 8.66656 12.294L4.97406 8.60175C4.58531 8.213 3.94881 8.213 3.56006 8.60175Z",fill:"#4CAF50"}),t("path",{d:"M12.3982 3.61103C12.7872 4.00003 12.7872 4.63628 12.3982 5.02528L8.706 8.71753C8.317 9.10653 7.68075 9.10653 7.29175 8.71753C6.90275 8.32853 6.90275 7.69228 7.29175 7.30328L10.984 3.61103C11.3728 3.22228 12.0092 3.22228 12.3982 3.61103Z",fill:"#388E3C"}),t("path",{d:"M3.56006 3.61103C3.17106 4.00003 3.17106 4.63628 3.56006 5.02528L7.25231 8.71753C7.64131 9.10653 8.27756 9.10653 8.66656 8.71753C9.05556 8.32853 9.05556 7.69228 8.66656 7.30328L4.97406 3.61103C4.58531 3.22228 3.94881 3.22228 3.56006 3.61103Z",fill:"#388E3C"})]})}export{i as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MinorIcon() {
+  return /*#__PURE__*/jsxs("svg", {
+    "data-testid": "MinorIcon",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/jsx("path", {
+      d: "M12.3982 8.60175C12.7872 8.99075 12.7872 9.627 12.3982 10.016L8.706 13.7082C8.317 14.0972 7.68075 14.0972 7.29175 13.7082C6.90275 13.3192 6.90275 12.683 7.29175 12.294L10.984 8.60175C11.3728 8.213 12.0092 8.213 12.3982 8.60175Z",
+      fill: "#4CAF50"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3.56006 8.60175C3.17106 8.99075 3.17106 9.627 3.56006 10.016L7.25231 13.7082C7.64131 14.0972 8.27756 14.0972 8.66656 13.7082C9.05556 13.3192 9.05556 12.683 8.66656 12.294L4.97406 8.60175C4.58531 8.213 3.94881 8.213 3.56006 8.60175Z",
+      fill: "#4CAF50"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M12.3982 3.61103C12.7872 4.00003 12.7872 4.63628 12.3982 5.02528L8.706 8.71753C8.317 9.10653 7.68075 9.10653 7.29175 8.71753C6.90275 8.32853 6.90275 7.69228 7.29175 7.30328L10.984 3.61103C11.3728 3.22228 12.0092 3.22228 12.3982 3.61103Z",
+      fill: "#388E3C"
+    }), /*#__PURE__*/jsx("path", {
+      d: "M3.56006 3.61103C3.17106 4.00003 3.17106 4.63628 3.56006 5.02528L7.25231 8.71753C7.64131 9.10653 8.27756 9.10653 8.66656 8.71753C9.05556 8.32853 9.05556 7.69228 8.66656 7.30328L4.97406 3.61103C4.58531 3.22228 3.94881 3.22228 3.56006 3.61103Z",
+      fill: "#388E3C"
+    })]
+  });
+}
+
+export { MinorIcon as default };
+//# sourceMappingURL=Minor.js.map

package/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Minor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Minor.js","sources":["../../../../../../src/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/icons/Minor.js"],"sourcesContent":["export default function MinorIcon() {\n  return (\n    <svg\n      data-testid=\"MinorIcon\"\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M12.3982 8.60175C12.7872 8.99075 12.7872 9.627 12.3982 10.016L8.706 13.7082C8.317 14.0972 7.68075 14.0972 7.29175 13.7082C6.90275 13.3192 6.90275 12.683 7.29175 12.294L10.984 8.60175C11.3728 8.213 12.0092 8.213 12.3982 8.60175Z\"\n        fill=\"#4CAF50\"\n      />\n      <path\n        d=\"M3.56006 8.60175C3.17106 8.99075 3.17106 9.627 3.56006 10.016L7.25231 13.7082C7.64131 14.0972 8.27756 14.0972 8.66656 13.7082C9.05556 13.3192 9.05556 12.683 8.66656 12.294L4.97406 8.60175C4.58531 8.213 3.94881 8.213 3.56006 8.60175Z\"\n        fill=\"#4CAF50\"\n      />\n      <path\n        d=\"M12.3982 3.61103C12.7872 4.00003 12.7872 4.63628 12.3982 5.02528L8.706 8.71753C8.317 9.10653 7.68075 9.10653 7.29175 8.71753C6.90275 8.32853 6.90275 7.69228 7.29175 7.30328L10.984 3.61103C11.3728 3.22228 12.0092 3.22228 12.3982 3.61103Z\"\n        fill=\"#388E3C\"\n      />\n      <path\n        d=\"M3.56006 3.61103C3.17106 4.00003 3.17106 4.63628 3.56006 5.02528L7.25231 8.71753C7.64131 9.10653 8.27756 9.10653 8.66656 8.71753C9.05556 8.32853 9.05556 7.69228 8.66656 7.30328L4.97406 3.61103C4.58531 3.22228 3.94881 3.22228 3.56006 3.61103Z\"\n        fill=\"#388E3C\"\n      />\n    </svg>\n  );\n}\n"],"names":["MinorIcon","_jsxs","_jsx"],"mappings":";;AAAe,SAASA,SAAS,GAAG;EAClC,oBACEC,IAAA,CAAA,KAAA,EAAA;AACE,IAAA,aAAA,EAAY,WAAW;AACvB,IAAA,KAAK,EAAC,IAAI;AACV,IAAA,MAAM,EAAC,IAAI;AACX,IAAA,OAAO,EAAC,WAAW;AACnB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAC,4BAA4B;IAAA,QAElC,EAAA,cAAAC,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,qOAAqO;AACvO,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,0OAA0O;AAC5O,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,8OAA8O;AAChP,MAAA,IAAI,EAAC,SAAA;AAAS,KAAA,CACd,eACFA,GAAA,CAAA,MAAA,EAAA;AACE,MAAA,CAAC,EAAC,mPAAmP;AACrP,MAAA,IAAI,EAAC,SAAA;KACL,CAAA,CAAA;GACE,CAAA,CAAA;AAEV;;;;"}

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

@@ -1 +1,149 @@
-import e from"@babel/runtime/helpers/defineProperty";import{memo as t,useMemo as a}from"react";import i from"prop-types";import{makeStyles as r}from"@material-ui/core";import{convertValue as n}from"../../../../utils/convert.js";import s from"../../../Attachment/index.js";import c from"./icons/Critical.js";import l from"./icons/Major.js";import o from"./icons/Minor.js";import{jsxs as m,jsx as d}from"react/jsx-runtime";function p(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,i)}return a}function u(t){for(var a=1;a<arguments.length;a++){var i=null!=arguments[a]?arguments[a]:{};a%2?p(Object(i),!0).forEach((function(a){e(t,a,i[a])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):p(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var h="LessonsLearnedFeedItem",v=r({item:{marginTop:"4px"},itemLabel:{fontWeight:"normal",fontSize:"14px",color:"#BDBDBD",marginRight:"8px"},itemValue:{fontSize:"14px",color:"#FFFFFF"},attachment:{paddingTop:10,width:300}});function f(e){var t,i=e.feedItem,r=v(),p=a((function(){var e,t,a=(null===(e=i.context)||void 0===e||null===(t=e.lessons_learned)||void 0===t?void 0:t.data)||{};return u(u({},a),{},{md_start:n(a.md_start,"length","ft"),tvd_start:n(a.tvd_start,"length","ft")})}),[i]),f=null===(t=i.context)||void 0===t?void 0:t.lessons_learned.attachment;return m("div",{children:[d("div",{className:r.item,children:d("span",{"data-testid":"".concat(h,"_topic"),className:r.itemLabel,children:p.topic})}),m("div",{className:r.item,children:[d("span",{className:r.itemLabel,children:"Event Cause:"}),d("span",{"data-testid":"".concat(h,"_Cause"),className:r.itemValue,children:p.cause})]}),m("div",{className:r.item,style:{display:"flex",alignItems:"center"},children:[d("span",{className:r.itemLabel,children:"Event Severity:"}),d("span",{"data-testid":"".concat(h,"_severityIcon"),children:"Major"===p.severity?d(l,{}):"Critical"===p.severity?d(c,{}):"Minor"===p.severity?d(o,{}):null}),d("span",{"data-testid":"".concat(h,"_Severity"),className:r.itemValue,children:p.severity})]}),m("div",{className:r.item,children:[d("span",{className:r.itemLabel,children:"MD/TVD:"}),m("span",{"data-testid":"".concat(h,"_MD/TVD"),className:r.itemValue,children:[Number.isFinite(p.md_start)?p.md_start.fixFloat(2):"-","/",Number.isFinite(p.tvd_start)?p.tvd_start.fixFloat(2):"-"]})]}),m("div",{className:r.item,children:[d("span",{className:r.itemLabel,children:"Hole Section:"}),d("span",{"data-testid":"".concat(h,"_HoleSection"),className:r.itemValue,children:p.section})]}),m("div",{className:r.item,children:[d("span",{className:r.itemLabel,children:"Operation:"}),d("span",{"data-testid":"".concat(h,"_Operation"),className:r.itemValue,children:p.activity})]}),m("div",{className:r.item,children:[d("span",{className:r.itemLabel,children:"Description:"}),d("div",{"data-testid":"".concat(h,"_Description"),className:r.itemValue,children:p.description})]}),f&&(f.signed_url||f.url||f.name)&&d("div",{className:r.attachment,children:d(s,{small:!0,attachmentUrl:f.signed_url||f.url,fileName:f.name,displayName:f.name})})]})}f.propTypes={feedItem:i.shape().isRequired};var b=t(f);export{b as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { memo, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import { convertValue } from '../../../../utils/convert.js';
+import Attachment from '../../../Attachment/index.js';
+import CriticalIcon from './icons/Critical.js';
+import MajorIcon from './icons/Major.js';
+import MinorIcon from './icons/Minor.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 PAGE_NAME = 'LessonsLearnedFeedItem';
+var useStyles = makeStyles({
+  item: {
+    marginTop: '4px'
+  },
+  itemLabel: {
+    fontWeight: 'normal',
+    fontSize: '14px',
+    color: '#BDBDBD',
+    marginRight: '8px'
+  },
+  itemValue: {
+    fontSize: '14px',
+    color: '#FFFFFF'
+  },
+  attachment: {
+    paddingTop: 10,
+    width: 300
+  }
+});
+function LessonsLearnedFeedItem(_ref) {
+  var _feedItem$context2;
+  var feedItem = _ref.feedItem;
+  var classes = useStyles();
+  var data = useMemo(function () {
+    var _feedItem$context, _feedItem$context$les;
+    var rawData = ((_feedItem$context = feedItem.context) === null || _feedItem$context === void 0 ? void 0 : (_feedItem$context$les = _feedItem$context.lessons_learned) === null || _feedItem$context$les === void 0 ? void 0 : _feedItem$context$les.data) || {};
+    return _objectSpread(_objectSpread({}, rawData), {}, {
+      md_start: convertValue(rawData.md_start, 'length', 'ft'),
+      tvd_start: convertValue(rawData.tvd_start, 'length', 'ft')
+    });
+  }, [feedItem]);
+  var attachment = (_feedItem$context2 = feedItem.context) === null || _feedItem$context2 === void 0 ? void 0 : _feedItem$context2.lessons_learned.attachment;
+  var showSeverityIcon = function showSeverityIcon() {
+    if (data.severity === 'Major') {
+      return /*#__PURE__*/jsx(MajorIcon, {});
+    } else if (data.severity === 'Critical') {
+      return /*#__PURE__*/jsx(CriticalIcon, {});
+    } else if (data.severity === 'Minor') {
+      return /*#__PURE__*/jsx(MinorIcon, {});
+    }
+    return null;
+  };
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsx("div", {
+      className: classes.item,
+      children: /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_topic"),
+        className: classes.itemLabel,
+        children: data.topic
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Event Cause:"
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_Cause"),
+        className: classes.itemValue,
+        children: data.cause
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Event Severity:"
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_severityIcon"),
+        children: showSeverityIcon()
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_Severity"),
+        className: classes.itemValue,
+        children: data.severity
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "MD/TVD:"
+      }), /*#__PURE__*/jsxs("span", {
+        "data-testid": "".concat(PAGE_NAME, "_MD/TVD"),
+        className: classes.itemValue,
+        children: [Number.isFinite(data.md_start) ? data.md_start.fixFloat(2) : '-', "/", Number.isFinite(data.tvd_start) ? data.tvd_start.fixFloat(2) : '-']
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Hole Section:"
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_HoleSection"),
+        className: classes.itemValue,
+        children: data.section
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Operation:"
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "".concat(PAGE_NAME, "_Operation"),
+        className: classes.itemValue,
+        children: data.activity
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.item,
+      children: [/*#__PURE__*/jsx("span", {
+        className: classes.itemLabel,
+        children: "Description:"
+      }), /*#__PURE__*/jsx("div", {
+        "data-testid": "".concat(PAGE_NAME, "_Description"),
+        className: classes.itemValue,
+        children: data.description
+      })]
+    }), attachment && (attachment.signed_url || attachment.url || attachment.name) && /*#__PURE__*/jsx("div", {
+      className: classes.attachment,
+      children: /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.signed_url || attachment.url,
+        fileName: attachment.name,
+        displayName: attachment.name
+      })
+    })]
+  });
+}
+LessonsLearnedFeedItem.propTypes = {
+  feedItem: PropTypes.shape().isRequired
+};
+var DrillingLessonsLearnedFeedItem = memo(LessonsLearnedFeedItem);
+
+export { DrillingLessonsLearnedFeedItem as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/LessonsLearnedFeedItem/index.js"],"sourcesContent":["import { useMemo, memo } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\n\nimport { convertValue } from '~/utils/convert';\nimport Attachment from '~/components/Attachment';\n\nimport CriticalIcon from './icons/Critical';\nimport MajorIcon from './icons/Major';\nimport MinorIcon from './icons/Minor';\n\nconst PAGE_NAME = 'LessonsLearnedFeedItem';\n\nconst useStyles = makeStyles({\n  item: {\n    marginTop: '4px',\n  },\n  itemLabel: {\n    fontWeight: 'normal',\n    fontSize: '14px',\n    color: '#BDBDBD',\n    marginRight: '8px',\n  },\n  itemValue: {\n    fontSize: '14px',\n    color: '#FFFFFF',\n  },\n  attachment: {\n    paddingTop: 10,\n    width: 300,\n  },\n});\n\nfunction LessonsLearnedFeedItem({ feedItem }) {\n  const classes = useStyles();\n  const data = useMemo(() => {\n    const rawData = feedItem.context?.lessons_learned?.data || {};\n    return {\n      ...rawData,\n      md_start: convertValue(rawData.md_start, 'length', 'ft'),\n      tvd_start: convertValue(rawData.tvd_start, 'length', 'ft'),\n    };\n  }, [feedItem]);\n  const attachment = feedItem.context?.lessons_learned.attachment;\n\n  const showSeverityIcon = () => {\n    if (data.severity === 'Major') {\n      return <MajorIcon />;\n    } else if (data.severity === 'Critical') {\n      return <CriticalIcon />;\n    } else if (data.severity === 'Minor') {\n      return <MinorIcon />;\n    }\n\n    return null;\n  };\n\n  return (\n    <div>\n      <div className={classes.item}>\n        <span data-testid={`${PAGE_NAME}_topic`} className={classes.itemLabel}>\n          {data.topic}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Event Cause:</span>\n        <span data-testid={`${PAGE_NAME}_Cause`} className={classes.itemValue}>\n          {data.cause}\n        </span>\n      </div>\n      <div className={classes.item} style={{ display: 'flex', alignItems: 'center' }}>\n        <span className={classes.itemLabel}>Event Severity:</span>\n        <span data-testid={`${PAGE_NAME}_severityIcon`}>{showSeverityIcon()}</span>\n        <span data-testid={`${PAGE_NAME}_Severity`} className={classes.itemValue}>\n          {data.severity}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>MD/TVD:</span>\n        <span data-testid={`${PAGE_NAME}_MD/TVD`} className={classes.itemValue}>\n          {Number.isFinite(data.md_start) ? data.md_start.fixFloat(2) : '-'}/\n          {Number.isFinite(data.tvd_start) ? data.tvd_start.fixFloat(2) : '-'}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Hole Section:</span>\n        <span data-testid={`${PAGE_NAME}_HoleSection`} className={classes.itemValue}>\n          {data.section}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Operation:</span>\n        <span data-testid={`${PAGE_NAME}_Operation`} className={classes.itemValue}>\n          {data.activity}\n        </span>\n      </div>\n      <div className={classes.item}>\n        <span className={classes.itemLabel}>Description:</span>\n        <div data-testid={`${PAGE_NAME}_Description`} className={classes.itemValue}>\n          {data.description}\n        </div>\n      </div>\n      {attachment && (attachment.signed_url || attachment.url || attachment.name) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url || attachment.url}\n            fileName={attachment.name}\n            displayName={attachment.name}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nLessonsLearnedFeedItem.propTypes = {\n  feedItem: PropTypes.shape().isRequired,\n};\n\nexport default memo(LessonsLearnedFeedItem);\n"],"names":["PAGE_NAME","useStyles","makeStyles","item","marginTop","itemLabel","fontWeight","fontSize","color","marginRight","itemValue","attachment","paddingTop","width","LessonsLearnedFeedItem","feedItem","classes","data","useMemo","rawData","context","lessons_learned","md_start","convertValue","tvd_start","showSeverityIcon","severity","_jsx","_jsxs","topic","cause","display","alignItems","Number","isFinite","fixFloat","section","activity","description","signed_url","url","name","propTypes","PropTypes","shape","isRequired","memo"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/NptFeedItem.js

@@ -1 +1,146 @@
-import t from"prop-types";import e from"moment";import{makeStyles as a,Grid as i,Typography as n}from"@material-ui/core";import r from"@material-ui/core/colors/blue";import{convertValue as o,getUnitDisplay as s}from"../../../utils/convert.js";import{jsxs as c,jsx as m}from"react/jsx-runtime";var d=a((function(t){return{columnWithMargin:{marginRight:40},highlightedText:{color:r[300],textTransform:"capitalize"},valueWrapper:{display:"flex",alignItems:"baseline"},unit:{color:t.palette.grey[400],marginLeft:5},text:{color:t.palette.grey[400],marginRight:5}}})),p=function(t){var a=t.feedItem.context.npt_event.data,r=a.comment,p=void 0===r?"":r,l=a.depth,u=a.end_time,h=a.start_time,v=a.type,y=void 0===v?"":v,g=d(),f=h?e.unix(h):e(),x=u?e.unix(u):void 0,b=x&&e.duration(x-f).asHours(),N=o(l,"length","ft");return c(i,{spacing:8,justify:"flex-start",container:!0,children:[c(i,{item:!0,className:g.columnWithMargin,children:[c(n,{variant:"body2",className:g.valueWrapper,children:["Type: ",m(n,{variant:"body2","data-testid":"".concat("nptActivity","_type"),component:"span",className:g.highlightedText,children:y})]}),m(n,{variant:"body2",children:"Duration:"}),c(n,{variant:"body2",className:g.valueWrapper,children:[m(n,{"data-testid":"".concat("nptActivity","_duration"),component:"span",variant:"h6",className:g.highlightedText,children:Number.isFinite(b)&&b.toFixed(2)||"-"}),b&&m(n,{"data-testid":"".concat("nptActivity","_durationUnits"),component:"span",variant:"caption",className:g.unit,children:"(hrs)"})]})]}),c(i,{item:!0,children:[c(n,{variant:"body2","data-testid":"".concat("nptActivity","_startTime"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Start Time:"}),f.format("MM/DD/YYYY HH:mm")]}),c(n,{variant:"body2","data-testid":"".concat("nptActivity","_depth"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Depth:"}),null==N?void 0:N.formatNumeral("0,0.00"),c(n,{component:"span",variant:"caption",className:g.unit,children:["(",s("length"),")"]})]}),p&&c(n,{variant:"body2","data-testid":"".concat("nptActivity","_comment"),className:g.valueWrapper,children:[m(n,{variant:"body2",component:"span",className:g.text,children:"Comment:"}),p]})]})]})},l=t.shape({comment:t.string.isRequired,depth:t.number.isRequired,end_time:t.number.isRequired,start_time:t.number.isRequired,type:t.string.isRequired}).isRequired;p.propTypes={feedItem:t.shape({context:t.shape({completion_npt_event:t.shape({data:l}).isRequired,npt_event:t.shape({data:l}).isRequired}).isRequired}).isRequired};export{p as default};
+import PropTypes from 'prop-types';
+import moment from 'moment';
+import { makeStyles, Grid, Typography } from '@material-ui/core';
+import blue from '@material-ui/core/colors/blue';
+import { convertValue, getUnitDisplay } from '../../../utils/convert.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'nptActivity';
+var TIME_FORMAT = 'MM/DD/YYYY HH:mm';
+var useStyles = makeStyles(function (theme) {
+  return {
+    columnWithMargin: {
+      marginRight: 40
+    },
+    highlightedText: {
+      color: blue[300],
+      textTransform: 'capitalize'
+    },
+    valueWrapper: {
+      display: 'flex',
+      alignItems: 'baseline'
+    },
+    unit: {
+      color: theme.palette.grey[400],
+      marginLeft: 5
+    },
+    text: {
+      color: theme.palette.grey[400],
+      marginRight: 5
+    }
+  };
+});
+var NptFeedItem = function NptFeedItem(_ref) {
+  var _ref$feedItem$context = _ref.feedItem.context.npt_event.data,
+    _ref$feedItem$context2 = _ref$feedItem$context.comment,
+    comment = _ref$feedItem$context2 === void 0 ? '' : _ref$feedItem$context2,
+    depth = _ref$feedItem$context.depth,
+    endTime = _ref$feedItem$context.end_time,
+    startTime = _ref$feedItem$context.start_time,
+    _ref$feedItem$context3 = _ref$feedItem$context.type,
+    type = _ref$feedItem$context3 === void 0 ? '' : _ref$feedItem$context3;
+  var classes = useStyles();
+  var startTimePrepared = startTime ? moment.unix(startTime) : moment();
+  var endTimePrepared = endTime ? moment.unix(endTime) : undefined;
+  var duration = endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();
+  var depthConverted = convertValue(depth, 'length', 'ft');
+  return /*#__PURE__*/jsxs(Grid, {
+    spacing: 8,
+    justify: "flex-start",
+    container: true,
+    children: [/*#__PURE__*/jsxs(Grid, {
+      item: true,
+      className: classes.columnWithMargin,
+      children: [/*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        className: classes.valueWrapper,
+        children: ["Type:\xA0", /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          "data-testid": "".concat(PAGE_NAME, "_type"),
+          component: "span",
+          className: classes.highlightedText,
+          children: type
+        })]
+      }), /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: "Duration:"
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_duration"),
+          component: "span",
+          variant: "h6",
+          className: classes.highlightedText,
+          children: Number.isFinite(duration) && duration.toFixed(2) || '-'
+        }), duration && /*#__PURE__*/jsx(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_durationUnits"),
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: "(hrs)"
+        })]
+      })]
+    }), /*#__PURE__*/jsxs(Grid, {
+      item: true,
+      children: [/*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_startTime"),
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.text,
+          children: "Start Time:"
+        }), startTimePrepared.format(TIME_FORMAT)]
+      }), /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_depth"),
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.text,
+          children: "Depth:"
+        }), depthConverted === null || depthConverted === void 0 ? void 0 : depthConverted.formatNumeral('0,0.00'), /*#__PURE__*/jsxs(Typography, {
+          component: "span",
+          variant: "caption",
+          className: classes.unit,
+          children: ["(", getUnitDisplay('length'), ")"]
+        })]
+      }), comment && /*#__PURE__*/jsxs(Typography, {
+        variant: "body2",
+        "data-testid": "".concat(PAGE_NAME, "_comment"),
+        className: classes.valueWrapper,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          component: "span",
+          className: classes.text,
+          children: "Comment:"
+        }), comment]
+      })]
+    })]
+  });
+};
+var nptEventDataType = PropTypes.shape({
+  comment: PropTypes.string.isRequired,
+  depth: PropTypes.number.isRequired,
+  end_time: PropTypes.number.isRequired,
+  start_time: PropTypes.number.isRequired,
+  type: PropTypes.string.isRequired
+}).isRequired;
+NptFeedItem.propTypes = {
+  feedItem: PropTypes.shape({
+    context: PropTypes.shape({
+      completion_npt_event: PropTypes.shape({
+        data: nptEventDataType
+      }).isRequired,
+      npt_event: PropTypes.shape({
+        data: nptEventDataType
+      }).isRequired
+    }).isRequired
+  }).isRequired
+};
+
+export { NptFeedItem as default };
+//# sourceMappingURL=NptFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NptFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/NptFeedItem.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\n\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\n\nconst PAGE_NAME = 'nptActivity';\n\nconst TIME_FORMAT = 'MM/DD/YYYY HH:mm';\n\nconst useStyles = makeStyles(theme => ({\n  columnWithMargin: {\n    marginRight: 40,\n  },\n  highlightedText: {\n    color: blue[300],\n    textTransform: 'capitalize',\n  },\n  valueWrapper: {\n    display: 'flex',\n    alignItems: 'baseline',\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  text: {\n    color: theme.palette.grey[400],\n    marginRight: 5,\n  },\n}));\n\nconst NptFeedItem = ({\n  feedItem: {\n    context: {\n      npt_event: {\n        data: { comment = '', depth, end_time: endTime, start_time: startTime, type = '' },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n  const startTimePrepared = startTime ? moment.unix(startTime) : moment();\n\n  const endTimePrepared = endTime ? moment.unix(endTime) : undefined;\n\n  const duration =\n    endTimePrepared && moment.duration(endTimePrepared - startTimePrepared).asHours();\n\n  const depthConverted = convertValue(depth, 'length', 'ft');\n\n  return (\n    <Grid spacing={8} justify=\"flex-start\" container>\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\" className={classes.valueWrapper}>\n          Type:&nbsp;\n          <Typography\n            variant=\"body2\"\n            data-testid={`${PAGE_NAME}_type`}\n            component=\"span\"\n            className={classes.highlightedText}\n          >\n            {type}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\">Duration:</Typography>\n        <Typography variant=\"body2\" className={classes.valueWrapper}>\n          <Typography\n            data-testid={`${PAGE_NAME}_duration`}\n            component=\"span\"\n            variant=\"h6\"\n            className={classes.highlightedText}\n          >\n            {(Number.isFinite(duration) && duration.toFixed(2)) || '-'}\n          </Typography>\n          {duration && (\n            <Typography\n              data-testid={`${PAGE_NAME}_durationUnits`}\n              component=\"span\"\n              variant=\"caption\"\n              className={classes.unit}\n            >\n              (hrs)\n            </Typography>\n          )}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_startTime`}\n          className={classes.valueWrapper}\n        >\n          <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n            Start Time:\n          </Typography>\n          {startTimePrepared.format(TIME_FORMAT)}\n        </Typography>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_depth`}\n          className={classes.valueWrapper}\n        >\n          <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n            Depth:\n          </Typography>\n          {depthConverted?.formatNumeral('0,0.00')}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({getUnitDisplay('length')})\n          </Typography>\n        </Typography>\n        {comment && (\n          <Typography\n            variant=\"body2\"\n            data-testid={`${PAGE_NAME}_comment`}\n            className={classes.valueWrapper}\n          >\n            <Typography variant=\"body2\" component=\"span\" className={classes.text}>\n              Comment:\n            </Typography>\n            {comment}\n          </Typography>\n        )}\n      </Grid>\n    </Grid>\n  );\n};\n\nconst nptEventDataType = PropTypes.shape({\n  comment: PropTypes.string.isRequired,\n  depth: PropTypes.number.isRequired,\n  end_time: PropTypes.number.isRequired,\n  start_time: PropTypes.number.isRequired,\n  type: PropTypes.string.isRequired,\n}).isRequired;\n\nNptFeedItem.propTypes = {\n  feedItem: PropTypes.shape({\n    context: PropTypes.shape({\n      completion_npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n      npt_event: PropTypes.shape({\n        data: nptEventDataType,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default NptFeedItem;\n"],"names":["PAGE_NAME","TIME_FORMAT","useStyles","makeStyles","theme","columnWithMargin","marginRight","highlightedText","color","blue","textTransform","valueWrapper","display","alignItems","unit","palette","grey","marginLeft","text","NptFeedItem","feedItem","context","npt_event","data","comment","depth","endTime","end_time","startTime","start_time","type","classes","startTimePrepared","moment","unix","endTimePrepared","undefined","duration","asHours","depthConverted","convertValue","_jsxs","_jsx","Number","isFinite","toFixed","format","formatNumeral","getUnitDisplay","nptEventDataType","PropTypes","shape","string","isRequired","number","propTypes","completion_npt_event"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js

@@ -1 +1,77 @@
-import{makeStyles as t,Typography as e}from"@material-ui/core";import{isNativeDetected as n}from"../../../utils/mobileDetect.js";import{formatMentionText as r}from"../../UserMention/utils/index.js";import a from"../../Attachment/index.js";import{convertValue as o,getUnitDisplay as i}from"../../../utils/convert.js";import{FEED_ITEM_TYPES as l}from"../../../constants/feed.js";import{jsxs as c,jsx as m,Fragment as s}from"react/jsx-runtime";var d=t((function(t){return{text:{color:t.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},infoField:{color:t.palette.primary.text6,"& span":{color:"#fff"}}}})),h=function(t){var h=t.feedItem,p=h.context[l.TRACES_MEMO],f=p.body,u=p.attachment,g=void 0===u?{}:u,v=p.bitDepth,x=p.holeDepth,N=h.mentioned_users,j=d(),D=o(+x,"length","ft"),y=o(+x,"length","ft");return c("div",{className:j.wrapper,children:[(x||0===x)&&c(e,{className:j.infoField,children:["Hole Depth:"," ",m("span",{children:"".concat(Math.round(D).toLocaleString()," ").concat(i("length"))})]}),(v||0===x)&&c(e,{className:j.infoField,children:["Bit Depth:"," ",m("span",{children:"".concat(Math.round(y).toLocaleString()," ").concat(i("length"))})]}),f&&c(s,{children:[m(e,{className:j.infoField,children:"Description:"}),m(e,{"data-testid":"".concat("NptLessonsCommentFeedItem","_message"),variant:"body1",gutterBottom:!0,children:r(f,N,n)})]}),g&&(g.signed_url||g.url||g.name)&&m("div",{className:j.attachment,children:m(a,{small:!0,attachmentUrl:g.signed_url||g.url,fileName:g.name,displayName:g.name})})]})};export{h as default};
+import { makeStyles, Typography } from '@material-ui/core';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import Attachment from '../../Attachment/index.js';
+import { convertValue, getUnitDisplay } from '../../../utils/convert.js';
+import { FEED_ITEM_TYPES } from '../../../constants/feed.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    attachment: {
+      paddingTop: 10,
+      width: 300
+    },
+    infoField: {
+      color: theme.palette.primary.text6,
+      '& span': {
+        color: '#fff'
+      }
+    }
+  };
+});
+var PAGE_NAME = 'NptLessonsCommentFeedItem';
+var NptlessonsCommentFeedItem = function NptlessonsCommentFeedItem(_ref) {
+  var feedItem = _ref.feedItem;
+  var _feedItem$context$FEE = feedItem.context[FEED_ITEM_TYPES.TRACES_MEMO],
+    body = _feedItem$context$FEE.body,
+    _feedItem$context$FEE2 = _feedItem$context$FEE.attachment,
+    attachment = _feedItem$context$FEE2 === void 0 ? {} : _feedItem$context$FEE2,
+    bitDepth = _feedItem$context$FEE.bitDepth,
+    holeDepth = _feedItem$context$FEE.holeDepth,
+    mentionedUsers = feedItem.mentioned_users;
+  var classes = useStyles();
+  var holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');
+  var bitDepthConverted = convertValue(+holeDepth, 'length', 'ft');
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [(holeDepth || holeDepth === 0) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Hole Depth:", ' ', /*#__PURE__*/jsx("span", {
+        children: "".concat(Math.round(holeDepthConverted).toLocaleString(), " ").concat(getUnitDisplay('length'))
+      })]
+    }), (bitDepth || holeDepth === 0) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Bit Depth:", ' ', /*#__PURE__*/jsx("span", {
+        children: "".concat(Math.round(bitDepthConverted).toLocaleString(), " ").concat(getUnitDisplay('length'))
+      })]
+    }), body && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: classes.infoField,
+        children: "Description:"
+      }), /*#__PURE__*/jsx(Typography, {
+        "data-testid": "".concat(PAGE_NAME, "_message"),
+        variant: "body1",
+        gutterBottom: true,
+        children: formatMentionText(body, mentionedUsers, isNativeDetected)
+      })]
+    }), attachment && (attachment.signed_url || attachment.url || attachment.name) && /*#__PURE__*/jsx("div", {
+      className: classes.attachment,
+      children: /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.signed_url || attachment.url,
+        fileName: attachment.name,
+        displayName: attachment.name
+      })
+    })]
+  });
+};
+
+export { NptlessonsCommentFeedItem as default };
+//# sourceMappingURL=NptLessonsCommentFeedItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NptLessonsCommentFeedItem.js","sources":["../../../../src/components/FeedItem/feedItemTypes/NptLessonsCommentFeedItem.js"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { formatMentionText } from '~/components/UserMention/utils';\nimport Attachment from '~/components/Attachment';\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { FEED_ITEM_TYPES } from '~/constants/feed';\n\nconst useStyles = makeStyles(theme => ({\n  text: {\n    color: theme.palette.primary.text6,\n  },\n  value: {\n    color: '#fff',\n  },\n  attachment: {\n    paddingTop: 10,\n    width: 300,\n  },\n  infoField: {\n    color: theme.palette.primary.text6,\n    '& span': {\n      color: '#fff',\n    },\n  },\n}));\n\nconst PAGE_NAME = 'NptLessonsCommentFeedItem';\n\nconst NptlessonsCommentFeedItem = ({ feedItem }) => {\n  const {\n    context: {\n      [FEED_ITEM_TYPES.TRACES_MEMO]: { body, attachment = {}, bitDepth, holeDepth },\n    },\n    mentioned_users: mentionedUsers,\n  } = feedItem;\n  const classes = useStyles();\n  const holeDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n  const bitDepthConverted = convertValue(+holeDepth, 'length', 'ft');\n  return (\n    <div className={classes.wrapper}>\n      {(holeDepth || holeDepth === 0) && (\n        <Typography className={classes.infoField}>\n          Hole Depth:{' '}\n          <span>\n            {`${Math.round(holeDepthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n          </span>\n        </Typography>\n      )}\n      {(bitDepth || holeDepth === 0) && (\n        <Typography className={classes.infoField}>\n          Bit Depth:{' '}\n          <span>\n            {`${Math.round(bitDepthConverted).toLocaleString()} ${getUnitDisplay('length')}`}\n          </span>\n        </Typography>\n      )}\n      {body && (\n        <>\n          <Typography className={classes.infoField}>Description:</Typography>\n          <Typography data-testid={`${PAGE_NAME}_message`} variant=\"body1\" gutterBottom>\n            {formatMentionText(body, mentionedUsers, isNativeDetected)}\n          </Typography>\n        </>\n      )}\n      {attachment && (attachment.signed_url || attachment.url || attachment.name) && (\n        <div className={classes.attachment}>\n          <Attachment\n            small\n            attachmentUrl={attachment.signed_url || attachment.url}\n            fileName={attachment.name}\n            displayName={attachment.name}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default NptlessonsCommentFeedItem;\n"],"names":["useStyles","makeStyles","theme","text","color","palette","primary","text6","value","attachment","paddingTop","width","infoField","PAGE_NAME","NptlessonsCommentFeedItem","feedItem","context","FEED_ITEM_TYPES","TRACES_MEMO","body","bitDepth","holeDepth","mentionedUsers","mentioned_users","classes","holeDepthConverted","convertValue","bitDepthConverted","_jsxs","wrapper","_jsx","Math","round","toLocaleString","getUnitDisplay","_Fragment","formatMentionText","isNativeDetected","signed_url","url","name"],"mappings":"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"}

package/components/FeedItem/feedItemTypes/PCCommentFeedItem.js

@@ -1 +1,73 @@
-import{makeStyles as t,Typography as e}from"@material-ui/core";import a from"moment";import{isNativeDetected as r}from"../../../utils/mobileDetect.js";import{formatMentionText as o}from"../../UserMention/utils/index.js";import i from"../../Attachment/index.js";import{convertValue as n,getUnitDisplay as m}from"../../../utils/convert.js";import{jsxs as l,jsx as c}from"react/jsx-runtime";var d=t((function(t){return{text:{color:t.palette.primary.text6},value:{color:"#fff"},attachment:{paddingTop:10,width:300},infoField:{color:t.palette.primary.text6,"& span":{color:"#fff"}}}})),s=function(t){var s=t.feedItem,p=s.type,f=s.context[p],h=f.body,u=f.attachment,x=void 0===u?{}:u,g=f.data,v=g.timestamp,y=g.holeDepth,N=s.mentioned_users,j=d(),D=n(+y,"length","ft");return l("div",{className:j.wrapper,children:[h&&c(e,{"data-testid":"".concat("PCCommentFeedItem","_message"),variant:"body1",gutterBottom:!0,children:o(h,N,r)}),v&&l(e,{className:j.infoField,children:["Time: ",c("span",{children:a.unix(v).format("MM.DD.YYYY, HH:mm")})]}),(y||0===y)&&l(e,{className:j.infoField,children:["Hole Depth:"," ",c("span",{children:"".concat(Math.round(D).toLocaleString()," ").concat(m("length"))})]}),x&&(x.signed_url||x.url||x.name)&&c("div",{className:j.attachment,children:c(i,{small:!0,attachmentUrl:x.signed_url||x.url,fileName:x.name,displayName:x.name})})]})};export{s as default};
+import { makeStyles, Typography } from '@material-ui/core';
+import moment from 'moment';
+import { isNativeDetected } from '../../../utils/mobileDetect.js';
+import { formatMentionText } from '../../UserMention/utils/index.js';
+import Attachment from '../../Attachment/index.js';
+import { convertValue, getUnitDisplay } from '../../../utils/convert.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    text: {
+      color: theme.palette.primary.text6
+    },
+    value: {
+      color: '#fff'
+    },
+    attachment: {
+      paddingTop: 10,
+      width: 300
+    },
+    infoField: {
+      color: theme.palette.primary.text6,
+      '& span': {
+        color: '#fff'
+      }
+    }
+  };
+});
+var PAGE_NAME = 'PCCommentFeedItem';
+var PCCommentFeedItem = function PCCommentFeedItem(_ref) {
+  var feedItem = _ref.feedItem;
+  var feedItemType = feedItem.type;
+  var _feedItem$context$fee = feedItem.context[feedItemType],
+    body = _feedItem$context$fee.body,
+    _feedItem$context$fee2 = _feedItem$context$fee.attachment,
+    attachment = _feedItem$context$fee2 === void 0 ? {} : _feedItem$context$fee2,
+    _feedItem$context$fee3 = _feedItem$context$fee.data,
+    timestamp = _feedItem$context$fee3.timestamp,
+    holeDepth = _feedItem$context$fee3.holeDepth,
+    mentionedUsers = feedItem.mentioned_users;
+  var classes = useStyles();
+  var depthConverted = convertValue(+holeDepth, 'length', 'ft');
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.wrapper,
+    children: [body && /*#__PURE__*/jsx(Typography, {
+      "data-testid": "".concat(PAGE_NAME, "_message"),
+      variant: "body1",
+      gutterBottom: true,
+      children: formatMentionText(body, mentionedUsers, isNativeDetected)
+    }), timestamp && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Time: ", /*#__PURE__*/jsx("span", {
+        children: moment.unix(timestamp).format('MM.DD.YYYY, HH:mm')
+      })]
+    }), (holeDepth || holeDepth === 0) && /*#__PURE__*/jsxs(Typography, {
+      className: classes.infoField,
+      children: ["Hole Depth:", ' ', /*#__PURE__*/jsx("span", {
+        children: "".concat(Math.round(depthConverted).toLocaleString(), " ").concat(getUnitDisplay('length'))
+      })]
+    }), attachment && (attachment.signed_url || attachment.url || attachment.name) && /*#__PURE__*/jsx("div", {
+      className: classes.attachment,
+      children: /*#__PURE__*/jsx(Attachment, {
+        small: true,
+        attachmentUrl: attachment.signed_url || attachment.url,
+        fileName: attachment.name,
+        displayName: attachment.name
+      })
+    })]
+  });
+};
+
+export { PCCommentFeedItem as default };
+//# sourceMappingURL=PCCommentFeedItem.js.map