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

package/components/StageDesignVActual/ComparisonBar/ComparisonBar.js

@@ -1 +1,89 @@
-import{number as a,bool as t}from"prop-types";import{makeStyles as r}from"@material-ui/core";import{getBarPercents as e}from"./utils.js";import{getIsGreaterThanTenPercent as i,getDifference as o}from"../../../utils/StageDesignVActualUtils.js";import{jsxs as n,jsx as s}from"react/jsx-runtime";var c=r((function(a){return{barContainer:{position:"relative",height:"24px",width:"100%"},designBar:function(a){var t=a.designBarPercent;return{position:"absolute",background:"#2BCCFF",opacity:.2,top:"4px",bottom:"4px",width:"".concat(t,"%"),borderRadius:"2px"}},actualBar:function(a){var t=a.showWarning,r=a.actualBarPercent;return{position:"absolute",background:t?"linear-gradient(to right, #2BCCFF , #F44336)":"#2BCCFF",top:"8px",bottom:"8px",width:"".concat(r,"%"),borderRadius:"2px"}},emptyBar:{position:"absolute",top:"4px",bottom:"4px",width:"100%",borderRadius:"2px",background:a.isLightTheme?"#e2e2e2":"#484848"}}})),d=function(a){var t=a.designVal,r=a.actualVal,d=a.isCalcMode,l=e(t,r),p=l.designBarPercent,u=l.actualBarPercent,m=o(t,r),g=i(m),B=c({showWarning:d?r>t:g,designBarPercent:p,actualBarPercent:u});return n("div",{className:B.barContainer,children:[!t&&!r&&s("div",{className:B.emptyBar}),s("div",{className:B.designBar}),s("div",{className:B.actualBar})]})};d.propTypes={designVal:a,actualVal:a,isCalcMode:t},d.defaultProps={designVal:void 0,actualVal:void 0,isCalcMode:!1};export{d as default};
+import { number, bool } from 'prop-types';
+import { makeStyles } from '@material-ui/core';
+import { getBarPercents } from './utils.js';
+import { getIsGreaterThanTenPercent, getDifference } from '../../../utils/StageDesignVActualUtils.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var useStyles = makeStyles(function (theme) {
+  return {
+    barContainer: {
+      position: 'relative',
+      height: '24px',
+      width: '100%'
+    },
+    designBar: function designBar(_ref) {
+      var designBarPercent = _ref.designBarPercent;
+      return {
+        position: 'absolute',
+        background: '#2BCCFF',
+        opacity: 0.2,
+        top: '4px',
+        bottom: '4px',
+        width: "".concat(designBarPercent, "%"),
+        borderRadius: '2px'
+      };
+    },
+    actualBar: function actualBar(_ref2) {
+      var showWarning = _ref2.showWarning,
+        actualBarPercent = _ref2.actualBarPercent;
+      return {
+        position: 'absolute',
+        background: showWarning ? 'linear-gradient(to right, #2BCCFF , #F44336)' : '#2BCCFF',
+        top: '8px',
+        bottom: '8px',
+        width: "".concat(actualBarPercent, "%"),
+        borderRadius: '2px'
+      };
+    },
+    emptyBar: {
+      position: 'absolute',
+      top: '4px',
+      bottom: '4px',
+      width: '100%',
+      borderRadius: '2px',
+      background: theme.isLightTheme ? '#e2e2e2' : '#484848'
+    }
+  };
+});
+var ComparisonBar = function ComparisonBar(_ref3) {
+  var designVal = _ref3.designVal,
+    actualVal = _ref3.actualVal,
+    isCalcMode = _ref3.isCalcMode;
+  var _getBarPercents = getBarPercents(designVal, actualVal),
+    designBarPercent = _getBarPercents.designBarPercent,
+    actualBarPercent = _getBarPercents.actualBarPercent;
+  var difference = getDifference(designVal, actualVal);
+  var isGreaterThanTenPercent = getIsGreaterThanTenPercent(difference);
+
+  // NOTE: If view mode is calc and actual value comes from prediction summary,
+  // we should only show warning for the actual value which is greater than design amount
+  var showWarning = isCalcMode ? actualVal > designVal : isGreaterThanTenPercent;
+  var classes = useStyles({
+    showWarning: showWarning,
+    designBarPercent: designBarPercent,
+    actualBarPercent: actualBarPercent
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: classes.barContainer,
+    children: [!designVal && !actualVal && /*#__PURE__*/jsx("div", {
+      className: classes.emptyBar
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.designBar
+    }), /*#__PURE__*/jsx("div", {
+      className: classes.actualBar
+    })]
+  });
+};
+ComparisonBar.propTypes = {
+  designVal: number,
+  actualVal: number,
+  isCalcMode: bool
+};
+ComparisonBar.defaultProps = {
+  designVal: undefined,
+  actualVal: undefined,
+  isCalcMode: false
+};
+
+export { ComparisonBar as default };
+//# sourceMappingURL=ComparisonBar.js.map

package/components/StageDesignVActual/ComparisonBar/utils.js

@@ -1 +1,21 @@
-var r=function(r,a){var n,t;return r&&a?(n=Math.min(r/a*100,100),t=Math.min(a/r*100,100)):r?(n=100,t=0):a&&(t=100,n=0),{actualBarPercent:t,designBarPercent:n}};export{r as getBarPercents};
+var getBarPercents = function getBarPercents(designValue, actualValue) {
+  var designBarPercent;
+  var actualBarPercent;
+  if (designValue && actualValue) {
+    designBarPercent = Math.min(designValue / actualValue * 100, 100);
+    actualBarPercent = Math.min(actualValue / designValue * 100, 100);
+  } else if (designValue) {
+    designBarPercent = 100;
+    actualBarPercent = 0;
+  } else if (actualValue) {
+    actualBarPercent = 100;
+    designBarPercent = 0;
+  }
+  return {
+    actualBarPercent: actualBarPercent,
+    designBarPercent: designBarPercent
+  };
+};
+
+export { getBarPercents };
+//# sourceMappingURL=utils.js.map

package/components/StageDesignVActual/ComparisonBar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/StageDesignVActual/ComparisonBar/utils.js"],"sourcesContent":["export const getBarPercents = (designValue, actualValue) => {\n  let designBarPercent;\n  let actualBarPercent;\n\n  if (designValue && actualValue) {\n    designBarPercent = Math.min((designValue / actualValue) * 100, 100);\n    actualBarPercent = Math.min((actualValue / designValue) * 100, 100);\n  } else if (designValue) {\n    designBarPercent = 100;\n    actualBarPercent = 0;\n  } else if (actualValue) {\n    actualBarPercent = 100;\n    designBarPercent = 0;\n  }\n\n  return { actualBarPercent, designBarPercent };\n};\n"],"names":["getBarPercents","designValue","actualValue","designBarPercent","actualBarPercent","Math","min"],"mappings":"AAAO,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,WAAW,EAAEC,WAAW,EAAK;AAC1D,EAAA,IAAIC,gBAAgB,CAAA;AACpB,EAAA,IAAIC,gBAAgB,CAAA;EAEpB,IAAIH,WAAW,IAAIC,WAAW,EAAE;AAC9BC,IAAAA,gBAAgB,GAAGE,IAAI,CAACC,GAAG,CAAEL,WAAW,GAAGC,WAAW,GAAI,GAAG,EAAE,GAAG,CAAC,CAAA;AACnEE,IAAAA,gBAAgB,GAAGC,IAAI,CAACC,GAAG,CAAEJ,WAAW,GAAGD,WAAW,GAAI,GAAG,EAAE,GAAG,CAAC,CAAA;GACpE,MAAM,IAAIA,WAAW,EAAE;AACtBE,IAAAA,gBAAgB,GAAG,GAAG,CAAA;AACtBC,IAAAA,gBAAgB,GAAG,CAAC,CAAA;GACrB,MAAM,IAAIF,WAAW,EAAE;AACtBE,IAAAA,gBAAgB,GAAG,GAAG,CAAA;AACtBD,IAAAA,gBAAgB,GAAG,CAAC,CAAA;AACtB,GAAA;EAEA,OAAO;AAAEC,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAAED,IAAAA,gBAAgB,EAAhBA,gBAAAA;GAAkB,CAAA;AAC/C;;;;"}

package/components/StageDesignVActual/ComparisonHeader.js

@@ -1 +1,72 @@
-import r from"@babel/runtime/helpers/defineProperty";import{func as e,bool as o}from"prop-types";import{useTheme as a}from"@material-ui/core";import i from"classnames";import n from"./ComparisonTable.css.js";import{jsxs as c,jsx as s}from"react/jsx-runtime";var l=function(e){var o=e.renderStages,l=e.renderSortIcon,t=e.handleSortClick,m=e.showBar,d=a();return c("div",{className:i(n.comparisonHeader,r({},n.comparisonHeaderLightTheme,d.isLightTheme)),children:[c("div",{className:n.comparisonNameCol,onClick:t&&function(){return t("key")},children:["Parameter",l&&s("div",{className:n.comparisonSortIcon,children:l("key")})]}),c("div",{className:n.comparisonDesignCol,onClick:t&&function(){return t("design")},children:["Design",l&&s("div",{className:n.comparisonSortIcon,children:l("design")})]}),c("div",{className:n.comparisonActualCol,onClick:t&&function(){return t("actual")},children:["Straps",l&&s("div",{className:n.comparisonSortIcon,children:l("actual")})]}),s("div",{className:n.comparisonActualCol,children:"Calc"}),s("div",{className:n.comparisonActualCol,children:"Variance %"}),s("div",{className:n.comparisonActualCol,children:"% from design"}),m&&s("div",{className:n.comparisonChartCol,children:o?o():""})]})};l.propTypes={renderStages:e,handleSortClick:e,renderSortIcon:e,showBar:o},l.defaultProps={renderStages:void 0,handleSortClick:void 0,renderSortIcon:void 0,showBar:!0};export{l as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { func, bool } from 'prop-types';
+import { useTheme } from '@material-ui/core';
+import classNames from 'classnames';
+import styles from './ComparisonTable.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ComparisonHeader = function ComparisonHeader(_ref) {
+  var renderStages = _ref.renderStages,
+    renderSortIcon = _ref.renderSortIcon,
+    handleSortClick = _ref.handleSortClick,
+    showBar = _ref.showBar;
+  var theme = useTheme();
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.comparisonHeader, _defineProperty({}, styles.comparisonHeaderLightTheme, theme.isLightTheme)),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.comparisonNameCol,
+      onClick: handleSortClick && function () {
+        return handleSortClick('key');
+      },
+      children: ["Parameter", renderSortIcon && /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon,
+        children: renderSortIcon('key')
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.comparisonDesignCol,
+      onClick: handleSortClick && function () {
+        return handleSortClick('design');
+      },
+      children: ["Design", renderSortIcon && /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon,
+        children: renderSortIcon('design')
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.comparisonActualCol,
+      onClick: handleSortClick && function () {
+        return handleSortClick('actual');
+      },
+      children: ["Straps", renderSortIcon && /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon,
+        children: renderSortIcon('actual')
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.comparisonActualCol,
+      children: "Calc"
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.comparisonActualCol,
+      children: "Variance %"
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.comparisonActualCol,
+      children: "% from design"
+    }), showBar && /*#__PURE__*/jsx("div", {
+      className: styles.comparisonChartCol,
+      children: renderStages ? renderStages() : ''
+    })]
+  });
+};
+ComparisonHeader.propTypes = {
+  renderStages: func,
+  handleSortClick: func,
+  renderSortIcon: func,
+  showBar: bool
+};
+ComparisonHeader.defaultProps = {
+  renderStages: undefined,
+  handleSortClick: undefined,
+  renderSortIcon: undefined,
+  showBar: true
+};
+
+export { ComparisonHeader as default };
+//# sourceMappingURL=ComparisonHeader.js.map

package/components/StageDesignVActual/ComparisonHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonHeader.js","sources":["../../../src/components/StageDesignVActual/ComparisonHeader.js"],"sourcesContent":["import { func, bool } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\nimport classNames from 'classnames';\n\nimport styles from './ComparisonTable.css';\n\nconst ComparisonHeader = ({ renderStages, renderSortIcon, handleSortClick, showBar }) => {\n  const theme = useTheme();\n  return (\n    <div\n      className={classNames(styles.comparisonHeader, {\n        [styles.comparisonHeaderLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div\n        className={styles.comparisonNameCol}\n        onClick={handleSortClick && (() => handleSortClick('key'))}\n      >\n        Parameter\n        {renderSortIcon && <div className={styles.comparisonSortIcon}>{renderSortIcon('key')}</div>}\n      </div>\n      <div\n        className={styles.comparisonDesignCol}\n        onClick={handleSortClick && (() => handleSortClick('design'))}\n      >\n        Design\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('design')}</div>\n        )}\n      </div>\n      <div\n        className={styles.comparisonActualCol}\n        onClick={handleSortClick && (() => handleSortClick('actual'))}\n      >\n        Straps\n        {renderSortIcon && (\n          <div className={styles.comparisonSortIcon}>{renderSortIcon('actual')}</div>\n        )}\n      </div>\n      <div className={styles.comparisonActualCol}>Calc</div>\n      <div className={styles.comparisonActualCol}>Variance %</div>\n      <div className={styles.comparisonActualCol}>% from design</div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>{renderStages ? renderStages() : ''}</div>\n      )}\n    </div>\n  );\n};\n\nComparisonHeader.propTypes = {\n  renderStages: func,\n  handleSortClick: func,\n  renderSortIcon: func,\n  showBar: bool,\n};\n\nComparisonHeader.defaultProps = {\n  renderStages: undefined,\n  handleSortClick: undefined,\n  renderSortIcon: undefined,\n  showBar: true,\n};\n\nexport default ComparisonHeader;\n"],"names":["ComparisonHeader","renderStages","renderSortIcon","handleSortClick","showBar","theme","useTheme","_jsxs","classNames","styles","comparisonHeader","comparisonHeaderLightTheme","isLightTheme","comparisonNameCol","_jsx","comparisonSortIcon","comparisonDesignCol","comparisonActualCol","comparisonChartCol","propTypes","func","bool","defaultProps","undefined"],"mappings":"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"}

package/components/StageDesignVActual/ComparisonRow.js

@@ -1 +1,107 @@
-import e from"@babel/runtime/helpers/defineProperty";import o from"classnames";import{string as a,number as r,shape as i,bool as s}from"prop-types";import{useTheme as m}from"@material-ui/core";import l from"./ComparisonBar/ComparisonBar.js";import n from"./ComparisonTable.css.js";import{getUnitDisplay as c}from"../../utils/convert.js";import{getElemActualColor as t,getFormattedValue as p,getIsGreaterThanTenPercent as u,getDifference as d}from"../../utils/StageDesignVActualUtils.js";import{CHEMICALS_TYPES as h}from"../../constants/completion.js";import{jsxs as v,jsx as f}from"react/jsx-runtime";var C=function(a){var r=a.rowKey,i=a.label,s=a.elemKey,C=a.unitType,y=a.elemMax,N=a.summaries,w=a.showBar,g=a.viewMode,T=m(),b=N.designSummary,M=N.actualSummary,S=N.predictionSummary,j=b&&b[r],x=M&&M[r],A=S&&S[r],B=C?c(C):"",K=t(r,s);(s&&(j=j&&j[s]&&j[s].amount,x=x&&x[s]&&x[s].amount),"volumeChemicals"===r||"massChemicals"===r)&&(A=S[(h.find((function(e){return e.name===s}))||{}).key||null]);"flush_volume"===r&&(j=S?S.flush_volume_design:0);var R=A?(A-x)/A*100:"-",_=d(j,"calc"===g?A:x);return v("div",{className:o(n.comparisonRow,e({},n.comparisonRowLightTheme,T.isLightTheme)),children:[v("div",{className:n.comparisonNameCol,children:[i," ",B?"(".concat(B,")"):""]}),v("div",{className:n.comparisonDesignCol,children:[p(j),f("div",{className:n.comparisonSortIcon})]}),v("div",{"data-testid":"".concat("comparisonRow","_strapsColumn"),className:n.comparisonActualCol,children:[p(x),f("div",{className:n.comparisonSortIcon})]}),v("div",{className:n.comparisonActualCol,children:[p(A),f("div",{className:n.comparisonSortIcon})]}),f("div",{className:n.comparisonActualCol,children:p(R)}),f("div",{className:o(n.comparisonActualCol,e({},n.comparisonGreaterThanTenPercent,u(_))),children:_}),w&&f("div",{className:n.comparisonChartCol,children:(Number.isFinite(x)||Number.isFinite(j))&&f(l,{designVal:j,actualVal:x,designColor:"#eee",actualColor:K,elemMax:y})})]},"".concat(r).concat(s))};C.propTypes={rowKey:a.isRequired,label:a,elemKey:a,unitType:a,elemMax:r,summaries:i,showBar:s,viewMode:a},C.defaultProps={label:"",elemKey:"",unitType:"",elemMax:null,summaries:{},showBar:!0,viewMode:null};export{C as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import classNames from 'classnames';
+import { string, number, shape, bool } from 'prop-types';
+import { useTheme } from '@material-ui/core';
+import ComparisonBar from './ComparisonBar/ComparisonBar.js';
+import styles from './ComparisonTable.css.js';
+import { getUnitDisplay } from '../../utils/convert.js';
+import { getElemActualColor, getFormattedValue, getIsGreaterThanTenPercent, getDifference } from '../../utils/StageDesignVActualUtils.js';
+import { CHEMICALS_TYPES } from '../../constants/completion.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var PAGE_NAME = 'comparisonRow';
+var ComparisonRow = function ComparisonRow(_ref) {
+  var rowKey = _ref.rowKey,
+    label = _ref.label,
+    elemKey = _ref.elemKey,
+    unitType = _ref.unitType,
+    elemMax = _ref.elemMax,
+    summaries = _ref.summaries,
+    showBar = _ref.showBar,
+    viewMode = _ref.viewMode;
+  var theme = useTheme();
+  var designSummary = summaries.designSummary,
+    actualSummary = summaries.actualSummary,
+    predictionSummary = summaries.predictionSummary;
+  var designVal = designSummary && designSummary[rowKey];
+  var actualVal = actualSummary && actualSummary[rowKey];
+  var actualRTVal = predictionSummary && predictionSummary[rowKey];
+  var unitDisplay = unitType ? getUnitDisplay(unitType) : '';
+  var actualColor = getElemActualColor(rowKey, elemKey);
+  if (elemKey) {
+    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;
+    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;
+  }
+  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {
+    var chemicalElement = CHEMICALS_TYPES.find(function (type) {
+      return type.name === elemKey;
+    }) || {};
+    var elemKeyByName = chemicalElement.key || null;
+    actualRTVal = predictionSummary[elemKeyByName];
+  }
+  if (rowKey === 'flush_volume') {
+    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;
+  }
+  var varience = actualRTVal ? (actualRTVal - actualVal) / actualRTVal * 100 : '-';
+  var difference = viewMode === 'calc' ? getDifference(designVal, actualRTVal) : getDifference(designVal, actualVal);
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames(styles.comparisonRow, _defineProperty({}, styles.comparisonRowLightTheme, theme.isLightTheme)),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: styles.comparisonNameCol,
+      children: [label, " ", unitDisplay ? "(".concat(unitDisplay, ")") : '']
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.comparisonDesignCol,
+      children: [getFormattedValue(designVal), /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      "data-testid": "".concat(PAGE_NAME, "_strapsColumn"),
+      className: styles.comparisonActualCol,
+      children: [getFormattedValue(actualVal), /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: styles.comparisonActualCol,
+      children: [getFormattedValue(actualRTVal), /*#__PURE__*/jsx("div", {
+        className: styles.comparisonSortIcon
+      })]
+    }), /*#__PURE__*/jsx("div", {
+      className: styles.comparisonActualCol,
+      children: getFormattedValue(varience)
+    }), /*#__PURE__*/jsx("div", {
+      className: classNames(styles.comparisonActualCol, _defineProperty({}, styles.comparisonGreaterThanTenPercent, getIsGreaterThanTenPercent(difference))),
+      children: difference
+    }), showBar && /*#__PURE__*/jsx("div", {
+      className: styles.comparisonChartCol,
+      children: (Number.isFinite(actualVal) || Number.isFinite(designVal)) && /*#__PURE__*/jsx(ComparisonBar, {
+        designVal: designVal,
+        actualVal: actualVal,
+        designColor: "#eee",
+        actualColor: actualColor,
+        elemMax: elemMax
+      })
+    })]
+  }, "".concat(rowKey).concat(elemKey));
+};
+ComparisonRow.propTypes = {
+  rowKey: string.isRequired,
+  label: string,
+  elemKey: string,
+  unitType: string,
+  elemMax: number,
+  summaries: shape,
+  showBar: bool,
+  viewMode: string
+};
+ComparisonRow.defaultProps = {
+  label: '',
+  elemKey: '',
+  unitType: '',
+  elemMax: null,
+  summaries: {},
+  showBar: true,
+  viewMode: null
+};
+
+export { ComparisonRow as default };
+//# sourceMappingURL=ComparisonRow.js.map

package/components/StageDesignVActual/ComparisonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonRow.js","sources":["../../../src/components/StageDesignVActual/ComparisonRow.js"],"sourcesContent":["import classNames from 'classnames';\nimport { shape, number, bool, string } from 'prop-types';\nimport { useTheme } from '@material-ui/core';\n\nimport ComparisonBar from './ComparisonBar';\n\nimport styles from './ComparisonTable.css';\n\nimport { getUnitDisplay } from '~/utils/convert';\nimport {\n  getElemActualColor,\n  getDifference,\n  getFormattedValue,\n  getIsGreaterThanTenPercent,\n} from '~/utils/StageDesignVActualUtils';\nimport { CHEMICALS_TYPES } from '~/constants/completion';\n\nconst PAGE_NAME = 'comparisonRow';\n\nconst ComparisonRow = ({\n  rowKey,\n  label,\n  elemKey,\n  unitType,\n  elemMax,\n  summaries,\n  showBar,\n  viewMode,\n}) => {\n  const theme = useTheme();\n  const { designSummary, actualSummary, predictionSummary } = summaries;\n\n  let designVal = designSummary && designSummary[rowKey];\n  let actualVal = actualSummary && actualSummary[rowKey];\n  let actualRTVal = predictionSummary && predictionSummary[rowKey];\n  const unitDisplay = unitType ? getUnitDisplay(unitType) : '';\n  const actualColor = getElemActualColor(rowKey, elemKey);\n\n  if (elemKey) {\n    designVal = designVal && designVal[elemKey] && designVal[elemKey].amount;\n    actualVal = actualVal && actualVal[elemKey] && actualVal[elemKey].amount;\n  }\n\n  if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {\n    const chemicalElement = CHEMICALS_TYPES.find(type => type.name === elemKey) || {};\n    const elemKeyByName = chemicalElement.key || null;\n    actualRTVal = predictionSummary[elemKeyByName];\n  }\n\n  if (rowKey === 'flush_volume') {\n    designVal = predictionSummary ? predictionSummary.flush_volume_design : 0;\n  }\n\n  const varience = actualRTVal ? ((actualRTVal - actualVal) / actualRTVal) * 100 : '-';\n\n  const difference =\n    viewMode === 'calc'\n      ? getDifference(designVal, actualRTVal)\n      : getDifference(designVal, actualVal);\n\n  return (\n    <div\n      key={`${rowKey}${elemKey}`}\n      className={classNames(styles.comparisonRow, {\n        [styles.comparisonRowLightTheme]: theme.isLightTheme,\n      })}\n    >\n      <div className={styles.comparisonNameCol}>\n        {label} {unitDisplay ? `(${unitDisplay})` : ''}\n      </div>\n      <div className={styles.comparisonDesignCol}>\n        {getFormattedValue(designVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div data-testid={`${PAGE_NAME}_strapsColumn`} className={styles.comparisonActualCol}>\n        {getFormattedValue(actualVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>\n        {getFormattedValue(actualRTVal)}\n        <div className={styles.comparisonSortIcon} />\n      </div>\n      <div className={styles.comparisonActualCol}>{getFormattedValue(varience)}</div>\n      <div\n        className={classNames(styles.comparisonActualCol, {\n          [styles.comparisonGreaterThanTenPercent]: getIsGreaterThanTenPercent(difference),\n        })}\n      >\n        {difference}\n      </div>\n      {showBar && (\n        <div className={styles.comparisonChartCol}>\n          {(Number.isFinite(actualVal) || Number.isFinite(designVal)) && (\n            <ComparisonBar\n              designVal={designVal}\n              actualVal={actualVal}\n              designColor=\"#eee\"\n              actualColor={actualColor}\n              elemMax={elemMax}\n            />\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nComparisonRow.propTypes = {\n  rowKey: string.isRequired,\n  label: string,\n  elemKey: string,\n  unitType: string,\n  elemMax: number,\n  summaries: shape,\n  showBar: bool,\n  viewMode: string,\n};\n\nComparisonRow.defaultProps = {\n  label: '',\n  elemKey: '',\n  unitType: '',\n  elemMax: null,\n  summaries: {},\n  showBar: true,\n  viewMode: null,\n};\n\nexport default ComparisonRow;\n"],"names":["PAGE_NAME","ComparisonRow","rowKey","label","elemKey","unitType","elemMax","summaries","showBar","viewMode","theme","useTheme","designSummary","actualSummary","predictionSummary","designVal","actualVal","actualRTVal","unitDisplay","getUnitDisplay","actualColor","getElemActualColor","amount","chemicalElement","CHEMICALS_TYPES","find","type","name","elemKeyByName","key","flush_volume_design","varience","difference","getDifference","_jsxs","classNames","styles","comparisonRow","comparisonRowLightTheme","isLightTheme","comparisonNameCol","comparisonDesignCol","getFormattedValue","_jsx","comparisonSortIcon","comparisonActualCol","comparisonGreaterThanTenPercent","getIsGreaterThanTenPercent","comparisonChartCol","Number","isFinite","propTypes","string","isRequired","number","shape","bool","defaultProps"],"mappings":"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"}

package/components/StageDesignVActual/ComparisonTable.css.js

@@ -1 +1,8 @@
-import o from'./../../ext-esm/style-inject/dist/style-inject.es.js';var a={comparisonHeader:"ComparisonTable_comparisonHeader__tJhvk",comparisonHeaderLightTheme:"ComparisonTable_comparisonHeaderLightTheme__6DtSX",comparisonNameCol:"ComparisonTable_comparisonNameCol__8ZAk-",comparisonSortIcon:"ComparisonTable_comparisonSortIcon__gdqjW",comparisonDesignCol:"ComparisonTable_comparisonDesignCol__zuYzw",comparisonActualCol:"ComparisonTable_comparisonActualCol__WWAhw",comparisonChartCol:"ComparisonTable_comparisonChartCol__vCWd4",comparisonRow:"ComparisonTable_comparisonRow__sR2D8",comparisonRowLightTheme:"ComparisonTable_comparisonRowLightTheme__OLuQa",comparisonGreaterThanTenPercent:"ComparisonTable_comparisonGreaterThanTenPercent__PvPLX"};o(".ComparisonTable_comparisonHeader__tJhvk{border-bottom:1px solid #5c5c5c;border-top:1px solid #5c5c5c;color:#9e9e9e;font-family:Roboto;font-size:12px;font-weight:500;height:26px;line-height:14px}.ComparisonTable_comparisonHeaderLightTheme__6DtSX{color:#000}.ComparisonTable_comparisonHeader__tJhvk>div{cursor:pointer;line-height:32px;opacity:1}.ComparisonTable_comparisonNameCol__8ZAk-{align-items:center;display:flex;flex:2;justify-content:flex-start;padding-left:8px;white-space:nowrap}.ComparisonTable_comparisonSortIcon__gdqjW{text-align:right;width:20px}.ComparisonTable_comparisonActualCol__WWAhw,.ComparisonTable_comparisonDesignCol__zuYzw{align-items:center;display:flex;flex:1;justify-content:flex-start}.ComparisonTable_comparisonActualCol__WWAhw:last-child{justify-content:flex-end;padding-right:8px}.ComparisonTable_comparisonChartCol__vCWd4{align-items:center;display:flex;flex:1.5;justify-content:flex-start}.ComparisonTable_comparisonHeader__tJhvk,.ComparisonTable_comparisonRow__sR2D8{display:flex}.ComparisonTable_comparisonRow__sR2D8{border-bottom:1px solid #5c5c5c;color:#fff;font-size:14px;height:28px;line-height:20px}.ComparisonTable_comparisonRowLightTheme__OLuQa{color:#000}.ComparisonTable_comparisonRowLightTheme__OLuQa:nth-child(odd){background-color:#eee}.ComparisonTable_comparisonGreaterThanTenPercent__PvPLX{color:#ff4a4a}");export{a as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".ComparisonTable_comparisonHeader__tJhvk {\n  height: 26px;\n  border-bottom: 1px solid #5c5c5c;\n  border-top: 1px solid #5c5c5c;\n  color: #9e9e9e;\n  font-size: 12px;\n  line-height: 14px;\n  font-weight: 500;\n  font-family: Roboto;\n}\n\n.ComparisonTable_comparisonHeaderLightTheme__6DtSX {\n  color: #000000;\n}\n\n.ComparisonTable_comparisonHeader__tJhvk > div {\n  opacity: 1;\n  line-height: 32px;\n  cursor: pointer;\n}\n\n.ComparisonTable_comparisonNameCol__8ZAk- {\n  flex: 2;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  white-space: nowrap;\n  padding-left: 8px;\n}\n\n.ComparisonTable_comparisonSortIcon__gdqjW {\n  width: 20px;\n  text-align: right;\n}\n\n.ComparisonTable_comparisonDesignCol__zuYzw {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonActualCol__WWAhw {\n  flex: 1;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonActualCol__WWAhw:last-child {\n  justify-content: flex-end;\n  padding-right: 8px;\n}\n\n.ComparisonTable_comparisonChartCol__vCWd4 {\n  flex: 1.5;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.ComparisonTable_comparisonRow__sR2D8,\n.ComparisonTable_comparisonHeader__tJhvk {\n  display: flex;\n}\n\n.ComparisonTable_comparisonRow__sR2D8 {\n  height: 28px;\n  color: #ffffff;\n  border-bottom: solid 1px #5c5c5c;\n  font-size: 14px;\n  line-height: 20px;\n}\n\n.ComparisonTable_comparisonRowLightTheme__OLuQa {\n  color: #000000;\n}\n\n.ComparisonTable_comparisonRowLightTheme__OLuQa:nth-child(odd) {\n  background-color: #eeeeee;\n}\n\n.ComparisonTable_comparisonGreaterThanTenPercent__PvPLX {\n  color: #ff4a4a;\n}\n";
+var styles = {"comparisonHeader":"ComparisonTable_comparisonHeader__tJhvk","comparisonHeaderLightTheme":"ComparisonTable_comparisonHeaderLightTheme__6DtSX","comparisonNameCol":"ComparisonTable_comparisonNameCol__8ZAk-","comparisonSortIcon":"ComparisonTable_comparisonSortIcon__gdqjW","comparisonDesignCol":"ComparisonTable_comparisonDesignCol__zuYzw","comparisonActualCol":"ComparisonTable_comparisonActualCol__WWAhw","comparisonChartCol":"ComparisonTable_comparisonChartCol__vCWd4","comparisonRow":"ComparisonTable_comparisonRow__sR2D8","comparisonRowLightTheme":"ComparisonTable_comparisonRowLightTheme__OLuQa","comparisonGreaterThanTenPercent":"ComparisonTable_comparisonGreaterThanTenPercent__PvPLX"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=ComparisonTable.css.js.map

package/components/StageDesignVActual/ElementsComparison/ElementsComparison.js

@@ -1 +1,63 @@
-import{useMemo as r}from"react";import{sortBy as e,reverse as o}from"lodash";import{string as m,shape as t,bool as s}from"prop-types";import a from"../ComparisonRow.js";import{getElementInfo as i}from"./utils.js";import{jsx as u}from"react/jsx-runtime";var n=function(m){var t=m.rowKey,s=m.summaries,n=m.sort,l=m.order,p=m.showBar,y=m.viewMode,d=s.designSummary,w=s.actualSummary,f=s.predictionSummary,c=d&&d[t]||{},v=w&&w[t]||{},K=r((function(){return i({designElements:c,actualElements:v,rowKey:t,predictionSummary:f})}),[c,v,t,f]),M=K.elemMax,h=K.elemAmount,x=n?e(h,n):h;return(x=l&&"desc"===l?o(x):x).map((function(r){return u(a,{rowKey:t,label:r.key,elemKey:r.key,elemMax:M,summaries:s,showBar:p,viewMode:y,unitType:r.unitType},r.key)}))};n.propTypes={rowKey:m,sort:m,order:m,summaries:t,showBar:s,viewMode:m},n.defaultProps={rowKey:"",sort:null,order:null,summaries:{},showBar:!0,viewMode:null};export{n as default};
+import { useMemo } from 'react';
+import { sortBy, reverse } from 'lodash';
+import { string, shape, bool } from 'prop-types';
+import ComparisonRow from '../ComparisonRow.js';
+import { getElementInfo } from './utils.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ElementsComparison = function ElementsComparison(_ref) {
+  var rowKey = _ref.rowKey,
+    summaries = _ref.summaries,
+    sort = _ref.sort,
+    order = _ref.order,
+    showBar = _ref.showBar,
+    viewMode = _ref.viewMode;
+  var designSummary = summaries.designSummary,
+    actualSummary = summaries.actualSummary,
+    predictionSummary = summaries.predictionSummary;
+  var designElements = designSummary && designSummary[rowKey] || {};
+  var actualElements = actualSummary && actualSummary[rowKey] || {};
+  var _useMemo = useMemo(function () {
+      return getElementInfo({
+        designElements: designElements,
+        actualElements: actualElements,
+        rowKey: rowKey,
+        predictionSummary: predictionSummary
+      });
+    }, [designElements, actualElements, rowKey, predictionSummary]),
+    elemMax = _useMemo.elemMax,
+    elemAmount = _useMemo.elemAmount;
+  var sortedElem = sort ? sortBy(elemAmount, sort) : elemAmount;
+  sortedElem = order && order === 'desc' ? reverse(sortedElem) : sortedElem;
+  return sortedElem.map(function (elem) {
+    return /*#__PURE__*/jsx(ComparisonRow, {
+      rowKey: rowKey,
+      label: elem.key,
+      elemKey: elem.key,
+      elemMax: elemMax,
+      summaries: summaries,
+      showBar: showBar,
+      viewMode: viewMode,
+      unitType: elem.unitType
+    }, elem.key);
+  });
+};
+ElementsComparison.propTypes = {
+  rowKey: string,
+  sort: string,
+  order: string,
+  summaries: shape,
+  showBar: bool,
+  viewMode: string
+};
+ElementsComparison.defaultProps = {
+  rowKey: '',
+  sort: null,
+  order: null,
+  summaries: {},
+  showBar: true,
+  viewMode: null
+};
+
+export { ElementsComparison as default };
+//# sourceMappingURL=ElementsComparison.js.map

package/components/StageDesignVActual/ElementsComparison/utils.js

@@ -1 +1,65 @@
-import{FLUIDS_TYPES as e,PROPPANTS_TYPES as a,CHEMICALS_MASS_TYPES as n,CHEMICALS_VOL_TYPES as m,CHEMICALS_TYPES as t}from"../../../constants/completion.js";var r=function(r){var u,o,i=r.designElements,c=r.actualElements,s=r.rowKey,l=r.predictionSummary;switch(s){case"volumeChemicals":u=m.map((function(e){return e.name})),o="volume";break;case"massChemicals":u=n.map((function(e){return e.name})),o="mass";break;case"proppants":u=a.map((function(e){return e.name})),o="mass";break;default:u=e.map((function(e){return e.name})),o="oil"}return u.reduce((function(e,a){var n=i[a]&&i[a].amount,m=c[a]&&c[a].amount,r=0;if("volumeChemicals"===s||"massChemicals"===s){var u=t.find((function(e){return e.name===a}))||{};r=l[u.key]}if(!n&&!m&&!r)return e;var p=Math.max(n||0,m||0);return{elemMax:Math.max(p,e.elemMax),elemAmount:e.elemAmount.concat({key:a,design:n||0,actual:m||0,predictionVal:r,unitType:o})}}),{elemMax:0,elemAmount:[]})};export{r as getElementInfo};
+import { FLUIDS_TYPES, PROPPANTS_TYPES, CHEMICALS_MASS_TYPES, CHEMICALS_VOL_TYPES, CHEMICALS_TYPES } from '../../../constants/completion.js';
+
+var getElementInfo = function getElementInfo(_ref) {
+  var designElements = _ref.designElements,
+    actualElements = _ref.actualElements,
+    rowKey = _ref.rowKey,
+    predictionSummary = _ref.predictionSummary;
+  var elementKeys;
+  var unitType;
+  switch (rowKey) {
+    case 'volumeChemicals':
+      elementKeys = CHEMICALS_VOL_TYPES.map(function (type) {
+        return type.name;
+      });
+      unitType = 'volume';
+      break;
+    case 'massChemicals':
+      elementKeys = CHEMICALS_MASS_TYPES.map(function (type) {
+        return type.name;
+      });
+      unitType = 'mass';
+      break;
+    case 'proppants':
+      elementKeys = PROPPANTS_TYPES.map(function (type) {
+        return type.name;
+      });
+      unitType = 'mass';
+      break;
+    default:
+      elementKeys = FLUIDS_TYPES.map(function (type) {
+        return type.name;
+      });
+      unitType = 'oil';
+      break;
+  }
+  return elementKeys.reduce(function (result, elemKey) {
+    var designVal = designElements[elemKey] && designElements[elemKey].amount;
+    var actualVal = actualElements[elemKey] && actualElements[elemKey].amount;
+    var predictionVal = 0;
+    if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {
+      var chemicalElement = CHEMICALS_TYPES.find(function (type) {
+        return type.name === elemKey;
+      }) || {};
+      predictionVal = predictionSummary[chemicalElement.key];
+    }
+    if (!designVal && !actualVal && !predictionVal) return result;
+    var greater = Math.max(designVal || 0, actualVal || 0);
+    return {
+      elemMax: Math.max(greater, result.elemMax),
+      elemAmount: result.elemAmount.concat({
+        key: elemKey,
+        design: designVal || 0,
+        actual: actualVal || 0,
+        predictionVal: predictionVal,
+        unitType: unitType
+      })
+    };
+  }, {
+    elemMax: 0,
+    elemAmount: []
+  });
+};
+
+export { getElementInfo };
+//# sourceMappingURL=utils.js.map

package/components/StageDesignVActual/ElementsComparison/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/components/StageDesignVActual/ElementsComparison/utils.js"],"sourcesContent":["import {\n  CHEMICALS_TYPES,\n  CHEMICALS_VOL_TYPES,\n  CHEMICALS_MASS_TYPES,\n  PROPPANTS_TYPES,\n  FLUIDS_TYPES,\n} from '~/constants/completion';\n\nexport const getElementInfo = ({ designElements, actualElements, rowKey, predictionSummary }) => {\n  let elementKeys;\n  let unitType;\n  switch (rowKey) {\n    case 'volumeChemicals':\n      elementKeys = CHEMICALS_VOL_TYPES.map(type => type.name);\n      unitType = 'volume';\n      break;\n    case 'massChemicals':\n      elementKeys = CHEMICALS_MASS_TYPES.map(type => type.name);\n      unitType = 'mass';\n      break;\n    case 'proppants':\n      elementKeys = PROPPANTS_TYPES.map(type => type.name);\n      unitType = 'mass';\n      break;\n    default:\n      elementKeys = FLUIDS_TYPES.map(type => type.name);\n      unitType = 'oil';\n      break;\n  }\n\n  return elementKeys.reduce(\n    (result, elemKey) => {\n      const designVal = designElements[elemKey] && designElements[elemKey].amount;\n      const actualVal = actualElements[elemKey] && actualElements[elemKey].amount;\n      let predictionVal = 0;\n      if (rowKey === 'volumeChemicals' || rowKey === 'massChemicals') {\n        const chemicalElement = CHEMICALS_TYPES.find(type => type.name === elemKey) || {};\n        predictionVal = predictionSummary[chemicalElement.key];\n      }\n\n      if (!designVal && !actualVal && !predictionVal) return result;\n\n      const greater = Math.max(designVal || 0, actualVal || 0);\n\n      return {\n        elemMax: Math.max(greater, result.elemMax),\n        elemAmount: result.elemAmount.concat({\n          key: elemKey,\n          design: designVal || 0,\n          actual: actualVal || 0,\n          predictionVal,\n          unitType,\n        }),\n      };\n    },\n    {\n      elemMax: 0,\n      elemAmount: [],\n    }\n  );\n};\n"],"names":["getElementInfo","designElements","actualElements","rowKey","predictionSummary","elementKeys","unitType","CHEMICALS_VOL_TYPES","map","type","name","CHEMICALS_MASS_TYPES","PROPPANTS_TYPES","FLUIDS_TYPES","reduce","result","elemKey","designVal","amount","actualVal","predictionVal","chemicalElement","CHEMICALS_TYPES","find","key","greater","Math","max","elemMax","elemAmount","concat","design","actual"],"mappings":"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"}

package/components/StatusBadge/api.js

@@ -1 +1,122 @@
-import{__awaiter as t,__generator as i}from'./../../ext-esm/tslib/tslib.es6.js';import{getDataAppStorageAggregate as s}from"../../clients/jsonApi/index.js";import"../../constants/goals.js";import"../../constants/segment.js";import"../../constants/alerts.js";import"../../constants/apps.js";import"../../constants/drillstring.js";import"../../constants/completion.js";import"../../constants/appPackages.js";import"../../constants/notifications.js";import"../../constants/feed.js";import"../../constants/bha.js";import{CORVA_COMPANY_ID as n}from"../../constants/corvaCompanyId.js";import"lodash";import"../GradientManager/configuration/constants.js";import{METADATA as r}from"./constants.js";function o(o){return t(this,void 0,void 0,(function(){var t;return i(this,(function(i){return t={match:JSON.stringify({company_id:n,"data.app_id":o}),limit:100,sort:JSON.stringify({timestamp:1}),project:JSON.stringify({app_id:"$data.app_id",rule_id:"$data.wcu_rules.rule_id",_id:0})},[2,s(r.recordProvider,r.recordCollections.wcuRuleMapping,t)]}))}))}function e(o){return t(this,void 0,void 0,(function(){var t;return i(this,(function(i){return t={sort:JSON.stringify({ts_desc:1}),match:JSON.stringify({company_id:n,"data.rule_id":{$in:o}}),limit:1e3},[2,s(r.recordProvider,r.recordCollections.wellnessRuleSettings,t)]}))}))}function a(n,o){return t(this,void 0,void 0,(function(){var t;return i(this,(function(i){return t={sort:JSON.stringify({timestamp:-1}),match:JSON.stringify({asset_id:{$in:n},"data.rule_id":{$in:o}}),limit:100},[2,s(r.recordProvider,r.recordCollections.wellnessAlerts,t)]}))}))}export{o as getWCURuleMapping,a as getWellnessAlerts,e as getWellnessRuleSettings};
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { getDataAppStorageAggregate } from '../../clients/jsonApi/index.js';
+import '../../constants/goals.js';
+import '../../constants/segment.js';
+import '../../constants/alerts.js';
+import '../../constants/apps.js';
+import '../../constants/drillstring.js';
+import '../../constants/completion.js';
+import '../../constants/appPackages.js';
+import '../../constants/notifications.js';
+import '../../constants/feed.js';
+import '../../constants/bha.js';
+import { CORVA_COMPANY_ID } from '../../constants/corvaCompanyId.js';
+import 'lodash';
+import '../GradientManager/configuration/constants.js';
+import { METADATA } from './constants.js';
+
+function getWCURuleMapping(_x) {
+  return _getWCURuleMapping.apply(this, arguments);
+}
+function _getWCURuleMapping() {
+  _getWCURuleMapping = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(appId) {
+    var params;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            params = {
+              match: JSON.stringify({
+                company_id: CORVA_COMPANY_ID,
+                'data.app_id': appId
+              }),
+              limit: 100,
+              sort: JSON.stringify({
+                timestamp: 1
+              }),
+              project: JSON.stringify({
+                app_id: '$data.app_id',
+                rule_id: '$data.wcu_rules.rule_id',
+                _id: 0
+              })
+            };
+            return _context.abrupt("return", getDataAppStorageAggregate(METADATA.recordProvider, METADATA.recordCollections.wcuRuleMapping, params));
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _getWCURuleMapping.apply(this, arguments);
+}
+function getWellnessRuleSettings(_x2) {
+  return _getWellnessRuleSettings.apply(this, arguments);
+}
+function _getWellnessRuleSettings() {
+  _getWellnessRuleSettings = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ruleIds) {
+    var params;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            params = {
+              sort: JSON.stringify({
+                ts_desc: 1
+              }),
+              match: JSON.stringify({
+                company_id: CORVA_COMPANY_ID,
+                'data.rule_id': {
+                  $in: ruleIds
+                }
+              }),
+              limit: 1000
+            };
+            return _context2.abrupt("return", getDataAppStorageAggregate(METADATA.recordProvider, METADATA.recordCollections.wellnessRuleSettings, params));
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+  return _getWellnessRuleSettings.apply(this, arguments);
+}
+function getWellnessAlerts(_x3, _x4) {
+  return _getWellnessAlerts.apply(this, arguments);
+}
+function _getWellnessAlerts() {
+  _getWellnessAlerts = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(assetIds, ruleIds) {
+    var params;
+    return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            params = {
+              sort: JSON.stringify({
+                timestamp: -1
+              }),
+              match: JSON.stringify({
+                asset_id: {
+                  $in: assetIds
+                },
+                'data.rule_id': {
+                  $in: ruleIds
+                }
+              }),
+              limit: 100
+            };
+            return _context3.abrupt("return", getDataAppStorageAggregate(METADATA.recordProvider, METADATA.recordCollections.wellnessAlerts, params));
+          case 2:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+  return _getWellnessAlerts.apply(this, arguments);
+}
+
+export { getWCURuleMapping, getWellnessAlerts, getWellnessRuleSettings };
+//# sourceMappingURL=api.js.map