@corva/ui 3.73.0-7 → 3.73.0-rc.0

package/components/WellSummary/ActivitySummaryChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivitySummaryChart.js","sources":["../../../src/components/WellSummary/ActivitySummaryChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useRef, createRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Tooltip } from '@material-ui/core';\nimport { sumBy, upperFirst } from 'lodash';\n\nimport { drawDonutSlice, drawRadicalGradient } from './utils';\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\n\nimport { Regular14 } from '~/components/Typography';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '228px',\n    height: '228px',\n    borderRadius: '50%',\n    padding: '6px',\n    position: 'relative',\n    background: `url(${CircleGradientIcon})`,\n    backgroundRepeat: 'no-repeat',\n  },\n  backgroundRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    border: '2px solid #616161',\n    padding: '2px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    background: `url(${CircleGlowIcon})`,\n  },\n  emptyStateBackground: {\n    background:\n      'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n  },\n  dropShadowRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    filter: 'blur(36px)',\n    border: '2px solid #64B5F6',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  content: ({ activitiesLength }) => ({\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'column',\n    left: 0,\n    top: activitiesLength ? 40 : 57,\n  }),\n  lastActivityRoot: {\n    width: '90px',\n    height: '90px',\n    background: '#3B3B3B',\n    boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)',\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: '8px 0',\n  },\n  activityDuration: {\n    marginTop: '9px',\n    color: theme.palette.primary.text1,\n    fontSize: '36px',\n    lineHeight: '24px',\n    fontWeight: 300,\n    letterSpacing: '0.4px',\n  },\n  durationUnit: {\n    fontSize: '12px',\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '0.4px',\n  },\n  activityTimeRange: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    color: '#9E9E9E',\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '1px',\n  },\n  activityName: {\n    width: '106px',\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '14px',\n    fontWeight: 500,\n    letterSpacing: '0.4px',\n    color: theme.palette.primary.text1,\n  },\n  noOperationsRoot: {\n    width: 90,\n    height: 90,\n  },\n  noOperationsText: {\n    marginTop: 24,\n    color: '#9E9E9E',\n  },\n  chart: {\n    position: 'absolute',\n    left: 2,\n    top: 2,\n    width: '100%',\n    height: '100%',\n    padding: '12px',\n  },\n  canvas: {\n    width: '100%',\n    height: '100%',\n  },\n  activities: {\n    position: 'absolute',\n    left: 12,\n    top: 12,\n  },\n}));\n\nconst CANVAS_WH = 200;\n\nfunction ActivitySummaryChart({ title, currentActivityName, activities, showTooltip }) {\n  const classes = useStyles({ activitiesLength: activities.length });\n  const canvasRef = useRef(null);\n  const activitiesRef = useRef([]);\n  const [tooltipId, setTooltipId] = useState(null);\n  const availableActivities = useMemo(() => {\n    return activities.filter(activity => activity.duration);\n  }, [activities]);\n\n  const totalTime = useMemo(() => sumBy(activities, 'duration'), [activities]);\n  const currentActivity = useMemo(() => {\n    return tooltipId === null\n      ? activities.find(item => item.name === currentActivityName)\n      : availableActivities[tooltipId];\n  }, [activities, currentActivityName, availableActivities, tooltipId]);\n\n  const handleMouseMove = e => {\n    let innerPoint = false;\n    activitiesRef.current.forEach((ref, index) => {\n      const activityRef = ref.current;\n      if (!activityRef) return;\n      if (innerPoint) return;\n      const activityContext = activityRef.getContext('2d');\n\n      innerPoint = activityContext.isPointInPath(e.offsetX, e.offsetY);\n      if (innerPoint) setTooltipId(index);\n    });\n    if (!innerPoint) setTooltipId(null);\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipId(null);\n  };\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const context = canvas.getContext('2d');\n\n    canvas.width = CANVAS_WH;\n    canvas.height = CANVAS_WH;\n    canvas.style.width = `${CANVAS_WH}px`;\n    canvas.style.height = `${CANVAS_WH}px`;\n\n    const radius = CANVAS_WH / 2;\n    const centerX = CANVAS_WH / 2;\n    const centerY = CANVAS_WH / 2;\n\n    const activitiesLength = availableActivities.length;\n    if (activitiesRef.current.length !== activitiesLength) {\n      // add or remove refs\n      activitiesRef.current = Array(activitiesLength)\n        .fill()\n        .map((_, i) => activitiesRef.current[i] || createRef());\n    }\n\n    let prevEndAngle = 0;\n    availableActivities.forEach((activity, index) => {\n      const startAngle = prevEndAngle;\n      const endAngle = startAngle + (activity.duration / totalTime) * Math.PI * 2;\n      if ((tooltipId === null && activity.name === currentActivityName) || index === tooltipId) {\n        drawRadicalGradient(context, centerX, centerY, radius, startAngle, endAngle);\n      }\n      const activityRef = activitiesRef.current[index].current;\n      if (activityRef) {\n        activityRef.width = CANVAS_WH;\n        activityRef.height = CANVAS_WH;\n        activityRef.style.width = `${CANVAS_WH}px`;\n        activityRef.style.height = `${CANVAS_WH}px`;\n        if (showTooltip) {\n          activityRef.onmousemove = handleMouseMove;\n          activityRef.onmouseleave = handleMouseLeave;\n        }\n        const activityContext = activityRef.getContext('2d');\n\n        drawDonutSlice(\n          activityContext,\n          centerX,\n          centerY,\n          radius,\n          startAngle,\n          endAngle,\n          activity.color || '#000000',\n          true\n        );\n      } else\n        drawDonutSlice(\n          context,\n          centerX,\n          centerY,\n          radius,\n          startAngle,\n          endAngle,\n          activity.color || '#000000',\n          true\n        );\n\n      prevEndAngle = endAngle;\n    });\n  });\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={classNames(classes.backgroundRoot, {\n          [classes.emptyStateBackground]: !activities.length,\n        })}\n      >\n        <div className={classes.dropShadowRoot} />\n      </div>\n\n      <div className={classes.content}>\n        <Typography className={classes.activityTimeRange}>{title}</Typography>\n        {activities.length ? (\n          <>\n            <div className={classes.lastActivityRoot}>\n              {currentActivity && currentActivity.duration ? (\n                <Typography className={classes.activityDuration}>\n                  {(currentActivity.duration / 3600).toFixed(1)}\n                  <span className={classes.durationUnit}>{' h'}</span>\n                </Typography>\n              ) : null}\n            </div>\n            <Typography className={classes.activityName}>\n              {upperFirst(currentActivity?.name || '')}\n            </Typography>\n          </>\n        ) : (\n          <div className={classes.noOperationsRoot}>\n            <Regular14 className={classes.noOperationsText}>No operations</Regular14>\n          </div>\n        )}\n      </div>\n\n      <Tooltip\n        title={\n          tooltipId !== null\n            ? `${availableActivities[tooltipId].name}: ${(\n                availableActivities[tooltipId].duration / 3600\n              ).toFixed(3)}h`\n            : ''\n        }\n        placement=\"bottom\"\n      >\n        <div className={classes.chart}>\n          <canvas ref={canvasRef} className={classes.canvas} />\n          {availableActivities.map((activity, index) => (\n            <canvas\n              // eslint-disable-next-line react/no-array-index-key\n              key={index}\n              ref={activitiesRef.current[index]}\n              className={classes.activities}\n            />\n          ))}\n        </div>\n      </Tooltip>\n    </div>\n  );\n}\n\nActivitySummaryChart.propTypes = {\n  title: PropTypes.string,\n  activities: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      day: PropTypes.number,\n      night: PropTypes.number,\n    })\n  ).isRequired,\n  currentActivityName: PropTypes.string.isRequired,\n  showTooltip: PropTypes.bool,\n};\n\nActivitySummaryChart.defaultProps = {\n  title: 'Last 24hrs',\n  showTooltip: false,\n};\n\nexport default ActivitySummaryChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","_ref","flexDirection","left","top","activitiesLength","lastActivityRoot","boxShadow","margin","activityDuration","marginTop","color","palette","primary","text1","fontSize","lineHeight","fontWeight","letterSpacing","durationUnit","activityTimeRange","textTransform","activityName","textAlign","noOperationsRoot","noOperationsText","chart","canvas","activities","ActivitySummaryChart","_ref2","title","currentActivityName","showTooltip","classes","length","canvasRef","useRef","activitiesRef","useState","_useState2","_slicedToArray","_useState","tooltipId","setTooltipId","availableActivities","useMemo","activity","duration","totalTime","sumBy","currentActivity","find","item","name","handleMouseMove","e","innerPoint","current","forEach","ref","index","activityRef","activityContext","getContext","isPointInPath","offsetX","offsetY","handleMouseLeave","useEffect","context","style","Array","fill","map","_","i","createRef","prevEndAngle","startAngle","endAngle","Math","PI","drawRadicalGradient","CANVAS_WH","onmousemove","onmouseleave","drawDonutSlice","_jsxs","className","children","_jsx","classNames","_defineProperty","Typography","_Fragment","toFixed","upperFirst","Regular14","Tooltip","placement","propTypes","PropTypes","string","arrayOf","shape","day","number","night","isRequired","bool","defaultProps"],"mappings":"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"}
+{"version":3,"file":"ActivitySummaryChart.js","sources":["../../../src/components/WellSummary/ActivitySummaryChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useMemo, useRef, createRef, useState } from 'react';\nimport classNames from 'classnames';\nimport { makeStyles, Typography, Tooltip } from '@material-ui/core';\nimport { sumBy, upperFirst } from 'lodash';\n\nimport { drawDonutSlice, drawRadicalGradient } from './utils';\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\n\nimport { Regular14 } from '~/components/Typography';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '228px',\n    height: '228px',\n    borderRadius: '50%',\n    padding: '6px',\n    position: 'relative',\n    background: `url(${CircleGradientIcon})`,\n    backgroundRepeat: 'no-repeat',\n  },\n  backgroundRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    border: '2px solid #616161',\n    padding: '2px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    background: `url(${CircleGlowIcon})`,\n  },\n  emptyStateBackground: {\n    background:\n      'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n  },\n  dropShadowRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    filter: 'blur(36px)',\n    border: '2px solid #64B5F6',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  content: ({ activitiesLength }) => ({\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    flexDirection: 'column',\n    left: 0,\n    top: activitiesLength ? 40 : 57,\n  }),\n  lastActivityRoot: {\n    width: '90px',\n    height: '90px',\n    background: '#3B3B3B',\n    boxShadow: '0px 2px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 1px rgba(255, 255, 255, 0.05)',\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    margin: '8px 0',\n  },\n  activityDuration: {\n    marginTop: '9px',\n    color: theme.palette.primary.text1,\n    fontSize: '36px',\n    lineHeight: '24px',\n    fontWeight: 300,\n    letterSpacing: '0.4px',\n  },\n  durationUnit: {\n    fontSize: '12px',\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '0.4px',\n  },\n  activityTimeRange: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    color: '#9E9E9E',\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '1px',\n  },\n  activityName: {\n    width: '106px',\n    textAlign: 'center',\n    fontSize: '12px',\n    lineHeight: '14px',\n    fontWeight: 500,\n    letterSpacing: '0.4px',\n    color: theme.palette.primary.text1,\n  },\n  noOperationsRoot: {\n    width: 90,\n    height: 90,\n  },\n  noOperationsText: {\n    marginTop: 24,\n    color: '#9E9E9E',\n  },\n  chart: {\n    position: 'absolute',\n    left: 2,\n    top: 2,\n    width: '100%',\n    height: '100%',\n    padding: '12px',\n  },\n  canvas: {\n    width: '100%',\n    height: '100%',\n  },\n  activities: {\n    position: 'absolute',\n    left: 12,\n    top: 12,\n  },\n}));\n\nconst CANVAS_WH = 200;\n\nfunction ActivitySummaryChart({\n  title = 'Last 24hrs',\n  currentActivityName,\n  activities,\n  showTooltip = false,\n}) {\n  const classes = useStyles({ activitiesLength: activities.length });\n  const canvasRef = useRef(null);\n  const activitiesRef = useRef([]);\n  const [tooltipId, setTooltipId] = useState(null);\n  const availableActivities = useMemo(() => {\n    return activities.filter(activity => activity.duration);\n  }, [activities]);\n\n  const totalTime = useMemo(() => sumBy(activities, 'duration'), [activities]);\n  const currentActivity = useMemo(() => {\n    return tooltipId === null\n      ? activities.find(item => item.name === currentActivityName)\n      : availableActivities[tooltipId];\n  }, [activities, currentActivityName, availableActivities, tooltipId]);\n\n  const handleMouseMove = e => {\n    let innerPoint = false;\n    activitiesRef.current.forEach((ref, index) => {\n      const activityRef = ref.current;\n      if (!activityRef) return;\n      if (innerPoint) return;\n      const activityContext = activityRef.getContext('2d');\n\n      innerPoint = activityContext.isPointInPath(e.offsetX, e.offsetY);\n      if (innerPoint) setTooltipId(index);\n    });\n    if (!innerPoint) setTooltipId(null);\n  };\n\n  const handleMouseLeave = () => {\n    setTooltipId(null);\n  };\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const context = canvas.getContext('2d');\n\n    canvas.width = CANVAS_WH;\n    canvas.height = CANVAS_WH;\n    canvas.style.width = `${CANVAS_WH}px`;\n    canvas.style.height = `${CANVAS_WH}px`;\n\n    const radius = CANVAS_WH / 2;\n    const centerX = CANVAS_WH / 2;\n    const centerY = CANVAS_WH / 2;\n\n    const activitiesLength = availableActivities.length;\n    if (activitiesRef.current.length !== activitiesLength) {\n      // add or remove refs\n      activitiesRef.current = Array(activitiesLength)\n        .fill()\n        .map((_, i) => activitiesRef.current[i] || createRef());\n    }\n\n    let prevEndAngle = 0;\n    availableActivities.forEach((activity, index) => {\n      const startAngle = prevEndAngle;\n      const endAngle = startAngle + (activity.duration / totalTime) * Math.PI * 2;\n      if ((tooltipId === null && activity.name === currentActivityName) || index === tooltipId) {\n        drawRadicalGradient(context, centerX, centerY, radius, startAngle, endAngle);\n      }\n      const activityRef = activitiesRef.current[index].current;\n      if (activityRef) {\n        activityRef.width = CANVAS_WH;\n        activityRef.height = CANVAS_WH;\n        activityRef.style.width = `${CANVAS_WH}px`;\n        activityRef.style.height = `${CANVAS_WH}px`;\n        if (showTooltip) {\n          activityRef.onmousemove = handleMouseMove;\n          activityRef.onmouseleave = handleMouseLeave;\n        }\n        const activityContext = activityRef.getContext('2d');\n\n        drawDonutSlice(\n          activityContext,\n          centerX,\n          centerY,\n          radius,\n          startAngle,\n          endAngle,\n          activity.color || '#000000',\n          true\n        );\n      } else\n        drawDonutSlice(\n          context,\n          centerX,\n          centerY,\n          radius,\n          startAngle,\n          endAngle,\n          activity.color || '#000000',\n          true\n        );\n\n      prevEndAngle = endAngle;\n    });\n  });\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={classNames(classes.backgroundRoot, {\n          [classes.emptyStateBackground]: !activities.length,\n        })}\n      >\n        <div className={classes.dropShadowRoot} />\n      </div>\n\n      <div className={classes.content}>\n        <Typography className={classes.activityTimeRange}>{title}</Typography>\n        {activities.length ? (\n          <>\n            <div className={classes.lastActivityRoot}>\n              {currentActivity && currentActivity.duration ? (\n                <Typography className={classes.activityDuration}>\n                  {(currentActivity.duration / 3600).toFixed(1)}\n                  <span className={classes.durationUnit}>{' h'}</span>\n                </Typography>\n              ) : null}\n            </div>\n            <Typography className={classes.activityName}>\n              {upperFirst(currentActivity?.name || '')}\n            </Typography>\n          </>\n        ) : (\n          <div className={classes.noOperationsRoot}>\n            <Regular14 className={classes.noOperationsText}>No operations</Regular14>\n          </div>\n        )}\n      </div>\n\n      <Tooltip\n        title={\n          tooltipId !== null\n            ? `${availableActivities[tooltipId].name}: ${(\n                availableActivities[tooltipId].duration / 3600\n              ).toFixed(3)}h`\n            : ''\n        }\n        placement=\"bottom\"\n      >\n        <div className={classes.chart}>\n          <canvas ref={canvasRef} className={classes.canvas} />\n          {availableActivities.map((activity, index) => (\n            <canvas\n              // eslint-disable-next-line react/no-array-index-key\n              key={index}\n              ref={activitiesRef.current[index]}\n              className={classes.activities}\n            />\n          ))}\n        </div>\n      </Tooltip>\n    </div>\n  );\n}\n\nActivitySummaryChart.propTypes = {\n  title: PropTypes.string,\n  activities: PropTypes.arrayOf(\n    PropTypes.shape({\n      name: PropTypes.string,\n      day: PropTypes.number,\n      night: PropTypes.number,\n    })\n  ).isRequired,\n  currentActivityName: PropTypes.string.isRequired,\n  showTooltip: PropTypes.bool,\n};\n\nexport default ActivitySummaryChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","_ref","flexDirection","left","top","activitiesLength","lastActivityRoot","boxShadow","margin","activityDuration","marginTop","color","palette","primary","text1","fontSize","lineHeight","fontWeight","letterSpacing","durationUnit","activityTimeRange","textTransform","activityName","textAlign","noOperationsRoot","noOperationsText","chart","canvas","activities","ActivitySummaryChart","_ref2","_ref2$title","title","currentActivityName","_ref2$showTooltip","showTooltip","classes","length","canvasRef","useRef","activitiesRef","useState","_useState2","_slicedToArray","_useState","tooltipId","setTooltipId","availableActivities","useMemo","activity","duration","totalTime","sumBy","currentActivity","find","item","name","handleMouseMove","e","innerPoint","current","forEach","ref","index","activityRef","activityContext","getContext","isPointInPath","offsetX","offsetY","handleMouseLeave","useEffect","context","style","Array","fill","map","_","i","createRef","prevEndAngle","startAngle","endAngle","Math","PI","drawRadicalGradient","CANVAS_WH","onmousemove","onmouseleave","drawDonutSlice","_jsxs","className","children","_jsx","classNames","_defineProperty","Typography","_Fragment","toFixed","upperFirst","Regular14","Tooltip","placement","propTypes","PropTypes","string","arrayOf","shape","day","number","night","isRequired","bool"],"mappings":"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"}

package/components/WellSummary/FracWirelineTimeChart.d.ts

@@ -8,10 +8,6 @@ declare namespace FracWirelineTimeChart {
         wirelineTime: PropTypes.Requireable<number>;
         fracturingTime: PropTypes.Requireable<number>;
     };
-    var defaultProps: {
-        wirelineTime: undefined;
-        fracturingTime: undefined;
-    };
 }
 export default FracWirelineTimeChart;
 //# sourceMappingURL=FracWirelineTimeChart.d.ts.map

package/components/WellSummary/FracWirelineTimeChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FracWirelineTimeChart.d.ts","sourceRoot":"","sources":["../../../src/components/WellSummary/FracWirelineTimeChart.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiJnC,iBAAS,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE;;;CAAA,+BA6F9D;kBA7FQ,qBAAqB;;;;;;;;;;eAyGf,qBAAqB"}
+{"version":3,"file":"FracWirelineTimeChart.d.ts","sourceRoot":"","sources":["../../../src/components/WellSummary/FracWirelineTimeChart.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAiJnC,iBAAS,qBAAqB,CAAC,EAAE,YAAY,EAAE,cAAc,EAAE;;;CAAA,+BA6F9D;kBA7FQ,qBAAqB;;;;;;eAoGf,qBAAqB"}

package/components/WellSummary/FracWirelineTimeChart.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import{useRef as t,useEffect as a}from"react";import n from"classnames";import{makeStyles as r,Typography as o}from"@material-ui/core";import{drawDonutSlice as l}from"./utils.js";import{jsxs as c,jsx as d,Fragment as s}from"react/jsx-runtime";var m=r((function(e){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",left:0,top:0},timeRange:{fontSize:"10px",textTransform:"uppercase",color:e.palette.primary.text7,lineHeight:"24px",fontWeight:500,letterSpacing:"1px",position:"absolute",top:36},time:{marginTop:42},timing:{fontFamily:"Roboto",fontSize:36,lineHeight:"24px",letterSpacing:.4,fontWeight:300,color:e.palette.background.b9},wirelineText:{color:"#FF9C00"},wirelineDot:{backgroundColor:"#FF9C00"},fracturingText:{color:"#8572FF"},fracturingDot:{backgroundColor:"#8572FF"},legend:{marginTop:24},legendItem:{fontFamily:"Roboto",fontSize:12,lineHeight:"14px",letterSpacing:.4,display:"flex",margin:"2px 0",alignItems:"center"},dot:{width:8,height:8,borderRadius:"100%",marginRight:9},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},noData:{width:90,height:90},noDataText:{marginTop:24,color:"#9E9E9E",display:"flex",justifyContent:"center"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function p(e,i,t,a,n,r,o,c){var d=e.current;if(d){d.width=200,d.height=200,d.style.width="".concat(200,"px"),d.style.height="".concat(200,"px");var s=d.getContext("2d");l(s,i,t,a,n,r,o,c)}}function g(i){var r=i.wirelineTime,l=i.fracturingTime,g=m(),h=t(null),u=t(null),f=t(null);return a((function(){var e=h.current;e.width=200,e.height=200,e.style.width="".concat(200,"px"),e.style.height="".concat(200,"px");var i=60*r/86400*Math.PI*2,t=i+60*l/86400*Math.PI*2;p(u,100,100,100,0,i,"#FF9C00",!0),p(f,100,100,100,i,t,"#8572FF",!0)})),c("div",{className:g.root,children:[d("div",{className:n(g.backgroundRoot,e({},g.emptyStateBackground,!r||!l)),children:d("div",{className:g.dropShadowRoot})}),c("div",{className:g.content,children:[d(o,{className:g.timeRange,children:"Previous 24hrs"}),r&&l?c(s,{children:[c("div",{className:g.time,children:[d(o,{className:n(g.timing,g.wirelineText),display:"inline",children:(r/60).toFixed(1)}),d(o,{className:g.timing,display:"inline",children:"/"}),d(o,{className:n(g.timing,g.fracturingText),display:"inline",children:(l/60).toFixed(1)}),d(o,{display:"inline",children:" h"})]}),c("div",{className:g.legend,children:[c(o,{className:g.legendItem,display:"inline",children:[d("div",{className:n(g.dot,g.wirelineDot)})," Wireline"]}),c(o,{className:g.legendItem,display:"inline",children:[d("div",{className:n(g.dot,g.fracturingDot)}),"Fracturing"]})]})]}):d("div",{className:g.noData,children:d(o,{className:g.noDataText,children:"No Data"})})]}),c("div",{className:g.chart,children:[d("canvas",{ref:h,className:g.canvas}),d("canvas",{ref:u,className:g.activities}),d("canvas",{ref:f,className:g.activities})]})]})}g.propTypes={wirelineTime:i.number,fracturingTime:i.number},g.defaultProps={wirelineTime:void 0,fracturingTime:void 0};export{g as default};
+import e from"@babel/runtime/helpers/defineProperty";import t from"prop-types";import{useRef as i,useEffect as a}from"react";import n from"classnames";import{makeStyles as r,Typography as o}from"@material-ui/core";import{drawDonutSlice as l}from"./utils.js";import{jsxs as c,jsx as d,Fragment as s}from"react/jsx-runtime";var p=r((function(e){return{root:{width:"228px",height:"228px",borderRadius:"50%",padding:"6px",position:"relative",background:"url(".concat("/static/media/9bda514bfc837939d0b6f7d8dbe94d03.svg",")"),backgroundRepeat:"no-repeat"},backgroundRoot:{width:"100%",height:"100%",borderRadius:"50%",border:"2px solid #616161",padding:"2px",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",background:"url(".concat("/static/media/49092309a3fda5ecf77311bd794ac103.svg",")")},emptyStateBackground:{background:"radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)"},dropShadowRoot:{width:"100%",height:"100%",borderRadius:"50%",filter:"blur(36px)",border:"2px solid #64B5F6",display:"flex",alignItems:"center",justifyContent:"center"},content:{position:"absolute",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",flexDirection:"column",left:0,top:0},timeRange:{fontSize:"10px",textTransform:"uppercase",color:e.palette.primary.text7,lineHeight:"24px",fontWeight:500,letterSpacing:"1px",position:"absolute",top:36},time:{marginTop:42},timing:{fontFamily:"Roboto",fontSize:36,lineHeight:"24px",letterSpacing:.4,fontWeight:300,color:e.palette.background.b9},wirelineText:{color:"#FF9C00"},wirelineDot:{backgroundColor:"#FF9C00"},fracturingText:{color:"#8572FF"},fracturingDot:{backgroundColor:"#8572FF"},legend:{marginTop:24},legendItem:{fontFamily:"Roboto",fontSize:12,lineHeight:"14px",letterSpacing:.4,display:"flex",margin:"2px 0",alignItems:"center"},dot:{width:8,height:8,borderRadius:"100%",marginRight:9},chart:{position:"absolute",left:2,top:2,width:"100%",height:"100%",padding:"12px"},noData:{width:90,height:90},noDataText:{marginTop:24,color:"#9E9E9E",display:"flex",justifyContent:"center"},canvas:{width:"100%",height:"100%"},activities:{position:"absolute",left:12,top:12}}}));function m(e,t,i,a,n,r,o,c){var d=e.current;if(d){d.width=200,d.height=200,d.style.width="".concat(200,"px"),d.style.height="".concat(200,"px");var s=d.getContext("2d");l(s,t,i,a,n,r,o,c)}}function g(t){var r=t.wirelineTime,l=t.fracturingTime,g=p(),h=i(null),u=i(null),f=i(null);return a((function(){var e=h.current;e.width=200,e.height=200,e.style.width="".concat(200,"px"),e.style.height="".concat(200,"px");var t=60*r/86400*Math.PI*2,i=t+60*l/86400*Math.PI*2;m(u,100,100,100,0,t,"#FF9C00",!0),m(f,100,100,100,t,i,"#8572FF",!0)})),c("div",{className:g.root,children:[d("div",{className:n(g.backgroundRoot,e({},g.emptyStateBackground,!r||!l)),children:d("div",{className:g.dropShadowRoot})}),c("div",{className:g.content,children:[d(o,{className:g.timeRange,children:"Previous 24hrs"}),r&&l?c(s,{children:[c("div",{className:g.time,children:[d(o,{className:n(g.timing,g.wirelineText),display:"inline",children:(r/60).toFixed(1)}),d(o,{className:g.timing,display:"inline",children:"/"}),d(o,{className:n(g.timing,g.fracturingText),display:"inline",children:(l/60).toFixed(1)}),d(o,{display:"inline",children:" h"})]}),c("div",{className:g.legend,children:[c(o,{className:g.legendItem,display:"inline",children:[d("div",{className:n(g.dot,g.wirelineDot)})," Wireline"]}),c(o,{className:g.legendItem,display:"inline",children:[d("div",{className:n(g.dot,g.fracturingDot)}),"Fracturing"]})]})]}):d("div",{className:g.noData,children:d(o,{className:g.noDataText,children:"No Data"})})]}),c("div",{className:g.chart,children:[d("canvas",{ref:h,className:g.canvas}),d("canvas",{ref:u,className:g.activities}),d("canvas",{ref:f,className:g.activities})]})]})}g.propTypes={wirelineTime:t.number,fracturingTime:t.number};export{g as default};
 //# sourceMappingURL=FracWirelineTimeChart.js.map

package/components/WellSummary/FracWirelineTimeChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"FracWirelineTimeChart.js","sources":["../../../src/components/WellSummary/FracWirelineTimeChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\nimport { drawDonutSlice } from './utils';\n\nconst WIRELINE_COLOR = '#FF9C00';\nconst FRACTURING_COLOR = '#8572FF';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '228px',\n    height: '228px',\n    borderRadius: '50%',\n    padding: '6px',\n    position: 'relative',\n    background: `url(${CircleGradientIcon})`,\n    backgroundRepeat: 'no-repeat',\n  },\n  backgroundRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    border: '2px solid #616161',\n    padding: '2px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    background: `url(${CircleGlowIcon})`,\n  },\n  emptyStateBackground: {\n    background:\n      'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n  },\n  dropShadowRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    filter: 'blur(36px)',\n    border: '2px solid #64B5F6',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  content: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    left: 0,\n    top: 0,\n  },\n  timeRange: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    color: theme.palette.primary.text7,\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '1px',\n    position: 'absolute',\n    top: 36,\n  },\n  time: { marginTop: 42 },\n  timing: {\n    fontFamily: 'Roboto',\n    fontSize: 36,\n    lineHeight: '24px',\n    letterSpacing: 0.4,\n    fontWeight: 300,\n    color: theme.palette.background.b9,\n  },\n  wirelineText: { color: WIRELINE_COLOR },\n  wirelineDot: { backgroundColor: WIRELINE_COLOR },\n  fracturingText: { color: FRACTURING_COLOR },\n  fracturingDot: { backgroundColor: FRACTURING_COLOR },\n  legend: { marginTop: 24 },\n  legendItem: {\n    fontFamily: 'Roboto',\n    fontSize: 12,\n    lineHeight: '14px',\n    letterSpacing: 0.4,\n    display: 'flex',\n    margin: '2px 0',\n    alignItems: 'center',\n  },\n  dot: {\n    width: 8,\n    height: 8,\n    borderRadius: '100%',\n    marginRight: 9,\n  },\n  chart: {\n    position: 'absolute',\n    left: 2,\n    top: 2,\n    width: '100%',\n    height: '100%',\n    padding: '12px',\n  },\n  noData: {\n    width: 90,\n    height: 90,\n  },\n  noDataText: {\n    marginTop: 24,\n    color: '#9E9E9E',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  canvas: {\n    width: '100%',\n    height: '100%',\n  },\n  activities: {\n    position: 'absolute',\n    left: 12,\n    top: 12,\n  },\n}));\n\nconst CANVAS_WH = 200;\n\nconst HOURS_24 = 24 * 60 * 60;\n\nfunction drawActivity(activityRef, centerX, centerY, radius, startPos, endPos, color, isRounded) {\n  const ref = activityRef.current;\n  if (ref) {\n    ref.width = CANVAS_WH;\n    ref.height = CANVAS_WH;\n    ref.style.width = `${CANVAS_WH}px`;\n    ref.style.height = `${CANVAS_WH}px`;\n\n    const activityContext = ref.getContext('2d');\n\n    drawDonutSlice(activityContext, centerX, centerY, radius, startPos, endPos, color, isRounded);\n  }\n}\n\nfunction FracWirelineTimeChart({ wirelineTime, fracturingTime }) {\n  const classes = useStyles();\n  const canvasRef = useRef(null);\n  const wirelineRef = useRef(null);\n  const fracingRef = useRef(null);\n\n  const totalTime = HOURS_24;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n\n    canvas.width = CANVAS_WH;\n    canvas.height = CANVAS_WH;\n    canvas.style.width = `${CANVAS_WH}px`;\n    canvas.style.height = `${CANVAS_WH}px`;\n\n    const radius = CANVAS_WH / 2;\n    const centerX = CANVAS_WH / 2;\n    const centerY = CANVAS_WH / 2;\n\n    const wirelineStartPos = ((wirelineTime * 60) / totalTime) * Math.PI * 2;\n    const fracStartPos = wirelineStartPos + ((fracturingTime * 60) / totalTime) * Math.PI * 2;\n\n    drawActivity(wirelineRef, centerX, centerY, radius, 0, wirelineStartPos, WIRELINE_COLOR, true);\n\n    drawActivity(\n      fracingRef,\n      centerX,\n      centerY,\n      radius,\n      wirelineStartPos,\n      fracStartPos,\n      FRACTURING_COLOR,\n      true\n    );\n  });\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={classnames(classes.backgroundRoot, {\n          [classes.emptyStateBackground]: !wirelineTime || !fracturingTime,\n        })}\n      >\n        <div className={classes.dropShadowRoot} />\n      </div>\n\n      <div className={classes.content}>\n        <Typography className={classes.timeRange}>Previous 24hrs</Typography>\n        {wirelineTime && fracturingTime ? (\n          <>\n            <div className={classes.time}>\n              <Typography\n                className={classnames(classes.timing, classes.wirelineText)}\n                display=\"inline\"\n              >\n                {(wirelineTime / 60).toFixed(1)}\n              </Typography>\n              <Typography className={classes.timing} display=\"inline\">\n                /\n              </Typography>\n              <Typography\n                className={classnames(classes.timing, classes.fracturingText)}\n                display=\"inline\"\n              >\n                {(fracturingTime / 60).toFixed(1)}\n              </Typography>\n              <Typography display=\"inline\"> h</Typography>\n            </div>\n            <div className={classes.legend}>\n              <Typography className={classes.legendItem} display=\"inline\">\n                <div className={classnames(classes.dot, classes.wirelineDot)} /> Wireline\n              </Typography>\n              <Typography className={classes.legendItem} display=\"inline\">\n                <div className={classnames(classes.dot, classes.fracturingDot)} />\n                Fracturing\n              </Typography>\n            </div>\n          </>\n        ) : (\n          <div className={classes.noData}>\n            <Typography className={classes.noDataText}>No Data</Typography>\n          </div>\n        )}\n      </div>\n\n      <div className={classes.chart}>\n        <canvas ref={canvasRef} className={classes.canvas} />\n        <canvas ref={wirelineRef} className={classes.activities} />\n        <canvas ref={fracingRef} className={classes.activities} />\n      </div>\n    </div>\n  );\n}\n\nFracWirelineTimeChart.propTypes = {\n  wirelineTime: PropTypes.number,\n  fracturingTime: PropTypes.number,\n};\n\nFracWirelineTimeChart.defaultProps = {\n  wirelineTime: undefined,\n  fracturingTime: undefined,\n};\n\nexport default FracWirelineTimeChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","flexDirection","left","top","timeRange","fontSize","textTransform","color","palette","primary","text7","lineHeight","fontWeight","letterSpacing","time","marginTop","timing","fontFamily","b9","wirelineText","wirelineDot","backgroundColor","fracturingText","fracturingDot","legend","legendItem","margin","dot","marginRight","chart","noData","noDataText","canvas","activities","drawActivity","activityRef","centerX","centerY","radius","startPos","endPos","isRounded","ref","current","style","activityContext","getContext","drawDonutSlice","FracWirelineTimeChart","_ref","wirelineTime","fracturingTime","classes","canvasRef","useRef","wirelineRef","fracingRef","useEffect","wirelineStartPos","Math","PI","fracStartPos","CANVAS_WH","_jsxs","className","children","_jsx","classnames","Typography","_Fragment","toFixed","propTypes","PropTypes","number","defaultProps","undefined"],"mappings":"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"}
+{"version":3,"file":"FracWirelineTimeChart.js","sources":["../../../src/components/WellSummary/FracWirelineTimeChart.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nimport CircleGradientIcon from './assets/circle_gradient.svg';\nimport CircleGlowIcon from './assets/circle_glow.svg';\nimport { drawDonutSlice } from './utils';\n\nconst WIRELINE_COLOR = '#FF9C00';\nconst FRACTURING_COLOR = '#8572FF';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    width: '228px',\n    height: '228px',\n    borderRadius: '50%',\n    padding: '6px',\n    position: 'relative',\n    background: `url(${CircleGradientIcon})`,\n    backgroundRepeat: 'no-repeat',\n  },\n  backgroundRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    border: '2px solid #616161',\n    padding: '2px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    overflow: 'hidden',\n    background: `url(${CircleGlowIcon})`,\n  },\n  emptyStateBackground: {\n    background:\n      'radial-gradient(50% 50% at 50% 50%, rgba(100, 181, 246, 0) 54.4%, rgba(100, 181, 246, 0.01) 76.49%, rgba(100, 181, 246, 0.06) 100%)',\n  },\n  dropShadowRoot: {\n    width: '100%',\n    height: '100%',\n    borderRadius: '50%',\n    filter: 'blur(36px)',\n    border: '2px solid #64B5F6',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  content: {\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    left: 0,\n    top: 0,\n  },\n  timeRange: {\n    fontSize: '10px',\n    textTransform: 'uppercase',\n    color: theme.palette.primary.text7,\n    lineHeight: '24px',\n    fontWeight: 500,\n    letterSpacing: '1px',\n    position: 'absolute',\n    top: 36,\n  },\n  time: { marginTop: 42 },\n  timing: {\n    fontFamily: 'Roboto',\n    fontSize: 36,\n    lineHeight: '24px',\n    letterSpacing: 0.4,\n    fontWeight: 300,\n    color: theme.palette.background.b9,\n  },\n  wirelineText: { color: WIRELINE_COLOR },\n  wirelineDot: { backgroundColor: WIRELINE_COLOR },\n  fracturingText: { color: FRACTURING_COLOR },\n  fracturingDot: { backgroundColor: FRACTURING_COLOR },\n  legend: { marginTop: 24 },\n  legendItem: {\n    fontFamily: 'Roboto',\n    fontSize: 12,\n    lineHeight: '14px',\n    letterSpacing: 0.4,\n    display: 'flex',\n    margin: '2px 0',\n    alignItems: 'center',\n  },\n  dot: {\n    width: 8,\n    height: 8,\n    borderRadius: '100%',\n    marginRight: 9,\n  },\n  chart: {\n    position: 'absolute',\n    left: 2,\n    top: 2,\n    width: '100%',\n    height: '100%',\n    padding: '12px',\n  },\n  noData: {\n    width: 90,\n    height: 90,\n  },\n  noDataText: {\n    marginTop: 24,\n    color: '#9E9E9E',\n    display: 'flex',\n    justifyContent: 'center',\n  },\n  canvas: {\n    width: '100%',\n    height: '100%',\n  },\n  activities: {\n    position: 'absolute',\n    left: 12,\n    top: 12,\n  },\n}));\n\nconst CANVAS_WH = 200;\n\nconst HOURS_24 = 24 * 60 * 60;\n\nfunction drawActivity(activityRef, centerX, centerY, radius, startPos, endPos, color, isRounded) {\n  const ref = activityRef.current;\n  if (ref) {\n    ref.width = CANVAS_WH;\n    ref.height = CANVAS_WH;\n    ref.style.width = `${CANVAS_WH}px`;\n    ref.style.height = `${CANVAS_WH}px`;\n\n    const activityContext = ref.getContext('2d');\n\n    drawDonutSlice(activityContext, centerX, centerY, radius, startPos, endPos, color, isRounded);\n  }\n}\n\nfunction FracWirelineTimeChart({ wirelineTime, fracturingTime }) {\n  const classes = useStyles();\n  const canvasRef = useRef(null);\n  const wirelineRef = useRef(null);\n  const fracingRef = useRef(null);\n\n  const totalTime = HOURS_24;\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n\n    canvas.width = CANVAS_WH;\n    canvas.height = CANVAS_WH;\n    canvas.style.width = `${CANVAS_WH}px`;\n    canvas.style.height = `${CANVAS_WH}px`;\n\n    const radius = CANVAS_WH / 2;\n    const centerX = CANVAS_WH / 2;\n    const centerY = CANVAS_WH / 2;\n\n    const wirelineStartPos = ((wirelineTime * 60) / totalTime) * Math.PI * 2;\n    const fracStartPos = wirelineStartPos + ((fracturingTime * 60) / totalTime) * Math.PI * 2;\n\n    drawActivity(wirelineRef, centerX, centerY, radius, 0, wirelineStartPos, WIRELINE_COLOR, true);\n\n    drawActivity(\n      fracingRef,\n      centerX,\n      centerY,\n      radius,\n      wirelineStartPos,\n      fracStartPos,\n      FRACTURING_COLOR,\n      true\n    );\n  });\n\n  return (\n    <div className={classes.root}>\n      <div\n        className={classnames(classes.backgroundRoot, {\n          [classes.emptyStateBackground]: !wirelineTime || !fracturingTime,\n        })}\n      >\n        <div className={classes.dropShadowRoot} />\n      </div>\n\n      <div className={classes.content}>\n        <Typography className={classes.timeRange}>Previous 24hrs</Typography>\n        {wirelineTime && fracturingTime ? (\n          <>\n            <div className={classes.time}>\n              <Typography\n                className={classnames(classes.timing, classes.wirelineText)}\n                display=\"inline\"\n              >\n                {(wirelineTime / 60).toFixed(1)}\n              </Typography>\n              <Typography className={classes.timing} display=\"inline\">\n                /\n              </Typography>\n              <Typography\n                className={classnames(classes.timing, classes.fracturingText)}\n                display=\"inline\"\n              >\n                {(fracturingTime / 60).toFixed(1)}\n              </Typography>\n              <Typography display=\"inline\"> h</Typography>\n            </div>\n            <div className={classes.legend}>\n              <Typography className={classes.legendItem} display=\"inline\">\n                <div className={classnames(classes.dot, classes.wirelineDot)} /> Wireline\n              </Typography>\n              <Typography className={classes.legendItem} display=\"inline\">\n                <div className={classnames(classes.dot, classes.fracturingDot)} />\n                Fracturing\n              </Typography>\n            </div>\n          </>\n        ) : (\n          <div className={classes.noData}>\n            <Typography className={classes.noDataText}>No Data</Typography>\n          </div>\n        )}\n      </div>\n\n      <div className={classes.chart}>\n        <canvas ref={canvasRef} className={classes.canvas} />\n        <canvas ref={wirelineRef} className={classes.activities} />\n        <canvas ref={fracingRef} className={classes.activities} />\n      </div>\n    </div>\n  );\n}\n\nFracWirelineTimeChart.propTypes = {\n  wirelineTime: PropTypes.number,\n  fracturingTime: PropTypes.number,\n};\n\nexport default FracWirelineTimeChart;\n"],"names":["useStyles","makeStyles","theme","root","width","height","borderRadius","padding","position","background","concat","backgroundRepeat","backgroundRoot","border","display","alignItems","justifyContent","overflow","emptyStateBackground","dropShadowRoot","filter","content","flexDirection","left","top","timeRange","fontSize","textTransform","color","palette","primary","text7","lineHeight","fontWeight","letterSpacing","time","marginTop","timing","fontFamily","b9","wirelineText","wirelineDot","backgroundColor","fracturingText","fracturingDot","legend","legendItem","margin","dot","marginRight","chart","noData","noDataText","canvas","activities","drawActivity","activityRef","centerX","centerY","radius","startPos","endPos","isRounded","ref","current","style","activityContext","getContext","drawDonutSlice","FracWirelineTimeChart","_ref","wirelineTime","fracturingTime","classes","canvasRef","useRef","wirelineRef","fracingRef","useEffect","wirelineStartPos","Math","PI","fracStartPos","CANVAS_WH","_jsxs","className","children","_jsx","classnames","Typography","_Fragment","toFixed","propTypes","PropTypes","number"],"mappings":"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"}

package/components/WellSummary/WellSummaryItemLabel.d.ts

@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 declare function WellSummaryItemLabel({ item, textShrinked }: {
     item: any;
-    textShrinked: any;
+    textShrinked?: boolean | undefined;
 }): import("react").JSX.Element;
 declare namespace WellSummaryItemLabel {
     var propTypes: {
@@ -12,9 +12,6 @@ declare namespace WellSummaryItemLabel {
         }>>>;
         textShrinked: PropTypes.Requireable<boolean>;
     };
-    var defaultProps: {
-        textShrinked: boolean;
-    };
 }
 export default WellSummaryItemLabel;
 //# sourceMappingURL=WellSummaryItemLabel.d.ts.map

package/components/WellSummary/WellSummaryItemLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WellSummaryItemLabel.d.ts","sourceRoot":"","sources":["../../../src/components/WellSummary/WellSummaryItemLabel.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAuCnC,iBAAS,oBAAoB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE;;;CAAA,+BAWnD;kBAXQ,oBAAoB;;;;;;;;;;;;;eA0Bd,oBAAoB"}
+{"version":3,"file":"WellSummaryItemLabel.d.ts","sourceRoot":"","sources":["../../../src/components/WellSummary/WellSummaryItemLabel.js"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAuCnC,iBAAS,oBAAoB,CAAC,EAAE,IAAI,EAAE,YAAoB,EAAE;;;CAAA,+BAW3D;kBAXQ,oBAAoB;;;;;;;;;;eAsBd,oBAAoB"}

package/components/WellSummary/WellSummaryItemLabel.js

@@ -1,2 +1,2 @@
-import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import{makeStyles as o,Typography as t}from"@material-ui/core";import r from"classnames";import{isMobileDetected as l}from"../../utils/mobileDetect.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";var p=o({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function s(i){var o=i.item,s=i.textShrinked,m=p({isMobile:l});return a("div",{className:r(m.labelRoot,e({},m.croppedRoot,s)),children:[o.icon&&n("div",{className:m.labelIcon,style:{backgroundImage:"url(".concat(o.icon,")")}}),a(t,{className:m.label,children:[o.label,":"]})]})}s.propTypes={item:i.shape({key:i.string,label:i.string,icon:i.node}).isRequired,textShrinked:i.bool},s.defaultProps={textShrinked:!1};export{s as default};
+import e from"@babel/runtime/helpers/defineProperty";import i from"prop-types";import{makeStyles as o,Typography as t}from"@material-ui/core";import r from"classnames";import{isMobileDetected as l}from"../../utils/mobileDetect.js";import{jsxs as a,jsx as n}from"react/jsx-runtime";var p=o({labelRoot:{display:"flex",alignItems:"flex-start",height:function(e){return!e.isMobile&&16}},croppedRoot:{overflow:"hidden",marginRight:"10px","& $label":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}},labelIcon:{width:16,height:16,minWidth:16,minHeight:16,marginRight:"8px",backgroundRepeat:"no-repeat",backgroundPosition:"center"},label:{color:"#9E9E9E",fontSize:"14px",lineHeight:"16px"}});function s(i){var o=i.item,s=i.textShrinked,m=void 0!==s&&s,c=p({isMobile:l});return a("div",{className:r(c.labelRoot,e({},c.croppedRoot,m)),children:[o.icon&&n("div",{className:c.labelIcon,style:{backgroundImage:"url(".concat(o.icon,")")}}),a(t,{className:c.label,children:[o.label,":"]})]})}s.propTypes={item:i.shape({key:i.string,label:i.string,icon:i.node}).isRequired,textShrinked:i.bool};export{s as default};
 //# sourceMappingURL=WellSummaryItemLabel.js.map

package/components/WellSummary/WellSummaryItemLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"WellSummaryItemLabel.js","sources":["../../../src/components/WellSummary/WellSummaryItemLabel.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst ICON_HEIGHT = 16;\n\nconst useStyles = makeStyles({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    height: ({ isMobile }) => !isMobile && ICON_HEIGHT,\n  },\n  croppedRoot: {\n    overflow: 'hidden',\n    marginRight: '10px',\n    '& $label': {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n  labelIcon: {\n    width: ICON_HEIGHT,\n    height: ICON_HEIGHT,\n    minWidth: ICON_HEIGHT,\n    minHeight: ICON_HEIGHT,\n    marginRight: '8px',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n  },\n  label: {\n    color: '#9E9E9E',\n    fontSize: '14px',\n    lineHeight: '16px',\n  },\n});\n\nfunction WellSummaryItemLabel({ item, textShrinked }) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n\n  return (\n    <div className={classnames(classes.labelRoot, { [classes.croppedRoot]: textShrinked })}>\n      {item.icon && (\n        <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n      )}\n      <Typography className={classes.label}>{item.label}:</Typography>\n    </div>\n  );\n}\n\nWellSummaryItemLabel.propTypes = {\n  item: PropTypes.shape({\n    key: PropTypes.string,\n    label: PropTypes.string,\n    icon: PropTypes.node,\n  }).isRequired,\n  textShrinked: PropTypes.bool,\n};\n\nWellSummaryItemLabel.defaultProps = {\n  textShrinked: false,\n};\n\nexport default WellSummaryItemLabel;\n"],"names":["useStyles","makeStyles","labelRoot","display","alignItems","height","_ref","isMobile","croppedRoot","overflow","marginRight","whiteSpace","textOverflow","labelIcon","width","minWidth","minHeight","backgroundRepeat","backgroundPosition","label","color","fontSize","lineHeight","WellSummaryItemLabel","_ref2","item","textShrinked","classes","isMobileDetected","_jsxs","className","classnames","children","icon","_jsx","style","backgroundImage","concat","Typography","propTypes","PropTypes","shape","key","string","node","isRequired","bool","defaultProps"],"mappings":"yRAMA,IAEMA,EAAYC,EAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,WAAY,aACZC,OAAQ,SAAAC,GAAW,SAARC,UANK,EAMkC,GAEpDC,YAAa,CACXC,SAAU,SACVC,YAAa,OACb,WAAY,CACVC,WAAY,SACZF,SAAU,SACVG,aAAc,aAGlBC,UAAW,CACTC,MAlBgB,GAmBhBT,OAnBgB,GAoBhBU,SApBgB,GAqBhBC,UArBgB,GAsBhBN,YAAa,MACbO,iBAAkB,YAClBC,mBAAoB,UAEtBC,MAAO,CACLC,MAAO,UACPC,SAAU,OACVC,WAAY,UAIhB,SAASC,EAA6CC,GAAA,IAAtBC,IAAAA,KAAMC,IAAAA,aAC9BC,EAAU3B,EAAU,CAAEO,SAAUqB,IAEtC,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAWJ,EAAQzB,UAAcyB,EAAAA,CAAAA,EAAAA,EAAQnB,YAAckB,IAAgBM,SACpFP,CAAAA,EAAKQ,MACJC,EAAA,MAAA,CAAKJ,UAAWH,EAAQd,UAAWsB,MAAO,CAAEC,gBAAe,OAAAC,OAASZ,EAAKQ,KAAI,QAE/EJ,EAACS,EAAU,CAACR,UAAWH,EAAQR,MAAMa,SAAEP,CAAAA,EAAKN,MAAK,SAGvD,CAEAI,EAAqBgB,UAAY,CAC/Bd,KAAMe,EAAUC,MAAM,CACpBC,IAAKF,EAAUG,OACfxB,MAAOqB,EAAUG,OACjBV,KAAMO,EAAUI,OACfC,WACHnB,aAAcc,EAAUM,MAG1BvB,EAAqBwB,aAAe,CAClCrB,cAAc"}
+{"version":3,"file":"WellSummaryItemLabel.js","sources":["../../../src/components/WellSummary/WellSummaryItemLabel.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport classnames from 'classnames';\n\nimport { isMobileDetected } from '~/utils/mobileDetect';\n\nconst ICON_HEIGHT = 16;\n\nconst useStyles = makeStyles({\n  labelRoot: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    height: ({ isMobile }) => !isMobile && ICON_HEIGHT,\n  },\n  croppedRoot: {\n    overflow: 'hidden',\n    marginRight: '10px',\n    '& $label': {\n      whiteSpace: 'nowrap',\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n    },\n  },\n  labelIcon: {\n    width: ICON_HEIGHT,\n    height: ICON_HEIGHT,\n    minWidth: ICON_HEIGHT,\n    minHeight: ICON_HEIGHT,\n    marginRight: '8px',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n  },\n  label: {\n    color: '#9E9E9E',\n    fontSize: '14px',\n    lineHeight: '16px',\n  },\n});\n\nfunction WellSummaryItemLabel({ item, textShrinked = false }) {\n  const classes = useStyles({ isMobile: isMobileDetected });\n\n  return (\n    <div className={classnames(classes.labelRoot, { [classes.croppedRoot]: textShrinked })}>\n      {item.icon && (\n        <div className={classes.labelIcon} style={{ backgroundImage: `url(${item.icon})` }} />\n      )}\n      <Typography className={classes.label}>{item.label}:</Typography>\n    </div>\n  );\n}\n\nWellSummaryItemLabel.propTypes = {\n  item: PropTypes.shape({\n    key: PropTypes.string,\n    label: PropTypes.string,\n    icon: PropTypes.node,\n  }).isRequired,\n  textShrinked: PropTypes.bool,\n};\n\nexport default WellSummaryItemLabel;\n"],"names":["useStyles","makeStyles","labelRoot","display","alignItems","height","_ref","isMobile","croppedRoot","overflow","marginRight","whiteSpace","textOverflow","labelIcon","width","minWidth","minHeight","backgroundRepeat","backgroundPosition","label","color","fontSize","lineHeight","WellSummaryItemLabel","_ref2","item","_ref2$textShrinked","textShrinked","classes","isMobileDetected","_jsxs","className","classnames","children","icon","_jsx","style","backgroundImage","concat","Typography","propTypes","PropTypes","shape","key","string","node","isRequired","bool"],"mappings":"yRAMA,IAEMA,EAAYC,EAAW,CAC3BC,UAAW,CACTC,QAAS,OACTC,WAAY,aACZC,OAAQ,SAAAC,GAAW,SAARC,UANK,EAMkC,GAEpDC,YAAa,CACXC,SAAU,SACVC,YAAa,OACb,WAAY,CACVC,WAAY,SACZF,SAAU,SACVG,aAAc,aAGlBC,UAAW,CACTC,MAlBgB,GAmBhBT,OAnBgB,GAoBhBU,SApBgB,GAqBhBC,UArBgB,GAsBhBN,YAAa,MACbO,iBAAkB,YAClBC,mBAAoB,UAEtBC,MAAO,CACLC,MAAO,UACPC,SAAU,OACVC,WAAY,UAIhB,SAASC,EAAqDC,GAAA,IAA9BC,IAAAA,KAAIC,EAAAF,EAAEG,aAAAA,cAAoBD,EAClDE,EAAU5B,EAAU,CAAEO,SAAUsB,IAEtC,OACEC,EAAA,MAAA,CAAKC,UAAWC,EAAWJ,EAAQ1B,UAAc0B,EAAAA,CAAAA,EAAAA,EAAQpB,YAAcmB,IAAgBM,SACpFR,CAAAA,EAAKS,MACJC,EAAA,MAAA,CAAKJ,UAAWH,EAAQf,UAAWuB,MAAO,CAAEC,gBAAe,OAAAC,OAASb,EAAKS,KAAI,QAE/EJ,EAACS,EAAU,CAACR,UAAWH,EAAQT,MAAMc,SAAER,CAAAA,EAAKN,MAAK,SAGvD,CAEAI,EAAqBiB,UAAY,CAC/Bf,KAAMgB,EAAUC,MAAM,CACpBC,IAAKF,EAAUG,OACfzB,MAAOsB,EAAUG,OACjBV,KAAMO,EAAUI,OACfC,WACHnB,aAAcc,EAAUM"}

package/componentsV2/WellArchivedMessage/WellArchivedMessage.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{useState as e,useCallback as n,useEffect as i}from"react";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as r}from"../AppCommonsProvider/AppCommonsContext.js";import"../../utils/index.js";import"../../components/DevCenter/AppHeader/AppHeader.js";import"../../components/DevCenter/AppSideBar/AppSideBar.js";import"../../components/DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"lodash";import"@material-ui/core";import"@material-ui/icons";import"../../components/DevCenter/AppContext.js";import"../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as p}from"../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as c}from"react/jsx-runtime";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"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../Text/Text.js";import"../Grid/Grid.js";import"../Grid/Cell.js";import"../Header/Header.scss.js";import"../Button/Button.js";import"../ButtonIcon/ButtonIcon.js";import"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../Tooltip/Tooltip.scss.js";import"../Popover/Popover.js";import"../PopoverPanel/PopoverPanel.js";import"../Radio/Radio.js";import"../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../TextInput/TextInput.js";import"../TextInputNext/TextInputNext.js";import"../Label/Label.js";import"../TextEndTruncated/TextEndTruncated.scss.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../TextLink/TextLink.js";import"../Chip/Chip.js";import"../ChipAlert/ChipAlert.js";import"../ChipIndicator/ChipIndicator.js";import"../Avatar/Avatar.js";import"../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../ToggleButtons/ToggleButtons.scss.js";import"../Paper/Paper.js";import"../ModalWindow/ModalWindow.js";import"../Modal/Modal.scss.js";import"../Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../utils.js";import"../Hint/Hint.scss.js";import"../Counter/Counter.js";import"../BadgeBase/BadgeBase.scss.js";import"../TemplatesControl/TemplatesControl.js";import"zustand";import"../TemplatesControl/utils.js";import"../TemplatesControl/icons/folder/index.js";import"../TemplatesControl/Store/utils.js";import"../TemplatesControl/types.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../BadgeDot/BadgeDot.scss.js";import"../LoaderLinear/LoaderLinear.scss.js";import"../LoaderLogo/LoaderLogo.constants.js";import"../LoaderLogo/LoaderLogo.scss.js";import"../Switch/Switch.js";import"../Tabs/Tabs.js";import"../EmptyState/EmptyState.scss.js";import"../FileIcon/FileIcon.js";import"../Tag/Tag.js";import"react-dropzone";import"../FilesDropzone/FilesDropzone.scss.js";import"../FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../FilesProcessor/FilesProcessor.scss.js";import"../Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../CopyToClipboard/CopyToClipboard.scss.js";import"../Stepper/Step/Step.scss.js";import"../Stepper/Stepper.scss.js";import"../ButtonLive/ButtonLive.js";import"../ButtonText/ButtonText.js";import"../IndicatorLive/IndicatorLive.js";import"../Accordion/Accordion.scss.js";import"../Breadcrumbs/Breadcrumbs.scss.js";import"../BadgeComment/BadgeComment.js";import"../AppContainer/AppContainer.js";import"../AppContainer/AppContainer.constants.js";import"../AppFooter/AppFooter.js";import"immutable";import"../AppHeader/AppHeader.constants.js";import"../AppHeader/AppBadge/AppBadge.scss.js";import"../AppHeader/AppAssets/utils.js";import"../AppHeader/AppAssets/AppAssets.scss.js";import"../../components/PadModeSelect/PadModeSelect.js";import"../AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../PadModeSelect/PadModeSelect.js";import"../PadModeSelect/PadModeSelect.constants.js";import"../../utils/mobileDetect.js";import"../AppHeader/V3/VersionSelect/VersionSelect.js";import"../UniversalLink/UniversalLink.scss.js";import"../AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../AppDqPopover/DqAlert/DqAlert.scss.js";import"../AppDqPopover/DqAsset/DqAsset.scss.js";import"../AppDqPopover/AppDqPopover.scss.js";import"../../components/AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../AppHeader/V3/AssetSelector/constants.js";import"../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import m from"../../utils/resolveWellHubSlug.js";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppSettings/AppSettingsPinningContext.js";import"../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../AppHeader/V3/SettingsButton/SettingsButton.js";import"../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../AppSettings/AppSettings.js";import"../AppSettings/AppSettings.constants.js";import"../AppSizeProvider/AppSizeProvider.js";import"../AppHeader/V3/Actions/Actions.constants.js";import"../AppHeader/V3/Actions/Actions.scss.js";import"../AppHeader/V3/AppHeaderV3.scss.js";import"../AppHeader/AppHeader.scss.js";import"../OffsetWellsButton/OffsetWellsButton.js";import"../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../Autocomplete/Autocomplete.js";import"../Select/Select.js";import"../AppSettingsDivider/AppSettingsDivider.scss.js";import"../DatePicker/DatePicker.js";import"../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../Slider/constants.js";import"../Slider/components/SliderThumb.js";import"../Slider/Slider.scss.js";import"../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../ColorPicker/Swatches/Swatches.scss.js";import"../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../ColorPicker/ColorPicker.scss.js";import"../ChartHelper/ChartHelper.scss.js";import"../Hotkey/Hotkey.js";import"../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js";import"../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../components/Icons/AnnotationIcon.js";import"../../components/Annotations/components/AnnotationsList/index.js";import"../../components/Annotations/components/LastAnnotation/index.js";import"../../components/Annotations/AnnotationsContext.js";import"../../components/Toaster/Toaster.js";import"../../components/HelpCenter/HelpCenterIcon.js";import"../../components/DevCenter/NavigationBar/NavigationBar.js";import"../../components/DevCenter/SideBar/SideBar.js";import"../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{ModalDisplayComponent as a}from"./ModalDisplayComponent/ModalDisplayComponent.js";var l=function(o){return"archived"===(null==o?void 0:o.status)},j=function(j){var d=j.displayComponent,u=void 0===d?a:d,A=j.onClose,C=r().well,v=p(),I=e(l(C)),D=s(I,2),S=D[0],g=D[1],h=n((function(){null==A||A(),g(!1)}),[A]),P=n(o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return h(),o.next=3,m();case 3:(s=o.sent)&&v.push("/assets/".concat(null==C?void 0:C.asset_id,"/").concat(s));case 5:case"end":return o.stop()}}),o)}))),[v,null==C?void 0:C.asset_id,h]);return i((function(){g(l({status:null==C?void 0:C.status}))}),[null==C?void 0:C.id,null==C?void 0:C.status]),S?c(u,{onClose:h,onUnarchive:P}):null};j.DisplayComponents={Modal:a};var d=j;export{d as WellArchivedMessage,j as WellArchivedMessageBase};
+import o from"@babel/runtime/helpers/asyncToGenerator";import s from"@babel/runtime/helpers/slicedToArray";import t from"@babel/runtime/regenerator";import{useState as e,useCallback as n,useEffect as i}from"react";import"../AppCommonsProvider/AppCommonsProvider.js";import{useAppCommons as r}from"../AppCommonsProvider/AppCommonsContext.js";import"../../utils/index.js";import"../../components/DevCenter/AppHeader/AppHeader.js";import"../../components/DevCenter/AppSideBar/AppSideBar.js";import"../../components/DevCenter/AppsDataProvider/AppsDataProvider.js";import"@babel/runtime/helpers/defineProperty";import"classnames";import"lodash";import"@material-ui/core";import"@material-ui/icons";import"../../components/DevCenter/AppContext.js";import"../../components/DevCenter/DevCenterRouterContext/DevCenterRouterContext.js";import"../../components/DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js";import{useDevCenterRouter as p}from"../../components/DevCenter/DevCenterRouterContext/effects/useDevCenterRouter.js";import"@babel/runtime/helpers/objectWithoutProperties";import"react-router-dom";import"query-string";import{jsx as c}from"react/jsx-runtime";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"../../constants/corvaCompanyId.js";import"../../components/GradientManager/configuration/constants.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js";import"../../components/DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js";import"../Text/Text.js";import"../Grid/Grid.js";import"../Grid/Cell.js";import"../Header/Header.scss.js";import"../Button/Button.js";import"../ButtonIcon/ButtonIcon.js";import"../../components/DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js";import"../../components/DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js";import"uuid";import"../Tooltip/Tooltip.scss.js";import"../Popover/Popover.js";import"../PopoverPanel/PopoverPanel.js";import"../Radio/Radio.js";import"../RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js";import"../Checkbox/Checkbox.js";import"@babel/runtime/helpers/toConsumableArray";import"../TextInput/TextInput.js";import"../TextInputNext/TextInputNext.js";import"../Label/Label.js";import"../TextEndTruncated/TextEndTruncated.scss.js";import"../TextMiddleTruncated/TextMiddleTruncated.constants.js";import"../TextMiddleTruncated/TextMiddleTruncated.scss.js";import"../TextLink/TextLink.js";import"../Chip/Chip.js";import"../ChipAlert/ChipAlert.js";import"../ChipIndicator/ChipIndicator.js";import"../Avatar/Avatar.js";import"../AvatarGroup/AvatarGroup.js";import"@material-ui/lab";import"../ToggleButtons/ToggleButtons.scss.js";import"../Paper/Paper.js";import"../ModalWindow/ModalWindow.js";import"../Modal/Modal.scss.js";import"../Menu/Menu.js";import"@icon-park/react/es/all";import"../../icons/IconParkProvider.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import"../utils.js";import"../Hint/Hint.scss.js";import"../Counter/Counter.js";import"../BadgeBase/BadgeBase.scss.js";import"../TemplatesControl/TemplatesControl.js";import"zustand";import"../TemplatesControl/utils.js";import"../TemplatesControl/icons/folder/index.js";import"../TemplatesControl/Store/utils.js";import"../TemplatesControl/types.js";import"../../clients/jsonApi/index.js";import"../../permissions/PermissionsContext.js";import"../../permissions/constants/index.js";import"../../permissions/withPermissionsHOC.js";import"../../permissions/ProvidePermissions.js";import"../BadgeDot/BadgeDot.scss.js";import"../LoaderLinear/LoaderLinear.scss.js";import"../LoaderLogo/LoaderLogo.constants.js";import"../LoaderLogo/LoaderLogo.scss.js";import"../Switch/Switch.js";import"../Tabs/Tabs.js";import"../EmptyState/EmptyState.scss.js";import"../FileIcon/FileIcon.js";import"../Tag/Tag.js";import"react-dropzone";import"../FilesDropzone/FilesDropzone.scss.js";import"../FilesLoader/FilesLoader.scss.js";import"file-extension";import"image-extensions";import"video-extensions";import"../FilesProcessor/FilesProcessor.scss.js";import"../Skeleton/Skeleton.scss.js";import"../../utils/main.js";import"../CopyToClipboard/CopyToClipboard.scss.js";import"../Stepper/Step/Step.scss.js";import"../Stepper/Stepper.scss.js";import"../ButtonLive/ButtonLive.js";import"../ButtonText/ButtonText.js";import"../IndicatorLive/IndicatorLive.js";import"../Accordion/Accordion.scss.js";import"../Breadcrumbs/Breadcrumbs.scss.js";import"../BadgeComment/BadgeComment.js";import"../AppContainer/AppContainer.js";import"../AppContainer/AppContainer.constants.js";import"../AppFooter/AppFooter.js";import"immutable";import"../AppHeader/AppHeader.constants.js";import"../AppHeader/AppBadge/AppBadge.scss.js";import"../AppHeader/AppAssets/utils.js";import"../AppHeader/AppAssets/AppAssets.scss.js";import"../../components/PadModeSelect/PadModeSelect.js";import"../AppHeader/PadMode/PadMode.scss.js";import"../../constants/streamSourceType.js";import"../PadModeSelect/PadModeSelect.js";import"../PadModeSelect/PadModeSelect.constants.js";import"../../utils/mobileDetect.js";import"../AppHeader/V3/VersionSelect/VersionSelect.js";import"../UniversalLink/UniversalLink.scss.js";import"../AppHeader/V3/AssetChips/AssetChips.scss.js";import"moment";import"../AppHeader/V3/DqStatusIcon/DqStatusIcon.js";import"../AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js";import"../AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js";import"../AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js";import"../AppDqPopover/DqAlert/DqAlert.scss.js";import"../AppDqPopover/DqAsset/DqAsset.scss.js";import"../AppDqPopover/AppDqPopover.scss.js";import"../../components/AppIcon/AppIcon.js";import"../../utils/getSingleAsset.js";import"../AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js";import"../AppHeader/V3/AssetSelector/constants.js";import"../AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js";import"../AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js";import"../AppHeader/V3/AssetSelector/AssetSelector.scss.js";import"../../clients/subscriptions/constants.js";import"querystring";import"uuid/v1";import"../../clients/subscriptions.v1.js";import"../../clients/subscriptions/subscriptions-client.factory.js";import m from"../../utils/resolveWellHubSlug.js";import"../../utils/env.js";import"../../components/StatusBadge/constants.js";import"lodash/set";import"lodash/get";import"lodash/unset";import"../../clients/api/apiCore.js";import"../../clients/constants.js";import"../../clients/sso/auth0.js";import"../../clients/sso/oauth2.js";import"../../clients/api/rateLimiter.js";import"lodash/isEmpty";import"lodash/sortBy";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js";import"../AppSettings/AppSettingsPinningContext.js";import"../AppHeader/V3/AppTitle/AppTitle.constants.js";import"../AppHeader/V3/AppTitle/AppTitle.scss.js";import"../AppHeader/V3/constants.scss.js";import"@babel/runtime/helpers/typeof";import"../AppHeader/V3/SettingsButton/SettingsButton.js";import"../AppHeader/V3/SettingsButton/SettingsButton.constants.js";import"../AppSettings/AppSettings.js";import"../AppSettings/AppSettings.constants.js";import"../AppSizeProvider/AppSizeProvider.js";import"../AppHeader/V3/Actions/Actions.constants.js";import"../AppHeader/V3/Actions/Actions.scss.js";import"../AppHeader/V3/AppHeaderV3.scss.js";import"../AppHeader/AppHeader.scss.js";import"../OffsetWellsButton/OffsetWellsButton.js";import"../ChartAxisExtreme/ChartAxisExtreme.scss.js";import"highcharts";import"../ChartAxisExtreme/ChartAxisExtremeDragTracker.js";import"../Autocomplete/Autocomplete.js";import"../Select/Select.js";import"../AppSettingsDivider/AppSettingsDivider.scss.js";import"../DatePicker/DatePicker.js";import"../DragHandle/DragHandle.js";import"../CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js";import"../Slider/constants.js";import"../Slider/components/SliderThumb.js";import"../Slider/Slider.scss.js";import"../SliderAdvanced/SliderAdvanced.js";import"react-color";import"../ColorPicker/Swatches/Swatches.scss.js";import"../ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js";import"../ColorPicker/ColorPicker.scss.js";import"../ChartHelper/ChartHelper.scss.js";import"../Hotkey/Hotkey.js";import"../../components/DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js";import"../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/components/ChooseAssetButton.js";import"../../components/DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.scss.js";import"../../components/ErrorBoundary/ErrorBoundary.js";import"../../components/ErrorBoundary/DevCenterAppErrorView/DevCenterAppErrorView.js";import"../../components/DevCenter/DevCenterAppContainer/components/RestoreAppSizeButton/index.js";import"../../components/DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchButton.scss.js";import"../../components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.scss.js";import"../../components/Icons/AnnotationIcon.js";import"../../components/Annotations/components/AnnotationsList/index.js";import"../../components/Annotations/components/LastAnnotation/index.js";import"../../components/Annotations/AnnotationsContext.js";import"../../components/Toaster/Toaster.js";import"../../components/HelpCenter/HelpCenterIcon.js";import"../../components/DevCenter/NavigationBar/NavigationBar.js";import"../../components/DevCenter/SideBar/SideBar.js";import"../../components/DevCenter/AppSettingsPopover/AppSettingsPopover.js";import"../../components/DevCenter/AppFilterPanelLayout/AppFilterPanelLayout.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedAppPage.js";import"../../components/DevCenter/IsolatedDevCenterAppContainer/DevCenterIsolatedApp.js";import{ModalDisplayComponent as a}from"./ModalDisplayComponent/ModalDisplayComponent.js";var l=function(o){return"archived"===(null==o?void 0:o.status)},j=function(j){var d=j.displayComponent,u=void 0===d?a:d,A=j.onClose,C=r().well,v=p(),D=e(l(C)),I=s(D,2),S=I[0],g=I[1],h=n((function(){null==A||A(),g(!1)}),[A]),P=n(o(t.mark((function o(){var s;return t.wrap((function(o){for(;;)switch(o.prev=o.next){case 0:return h(),o.next=3,m();case 3:(s=o.sent)&&v.push("/assets/".concat(null==C?void 0:C.asset_id,"/").concat(s));case 5:case"end":return o.stop()}}),o)}))),[v,null==C?void 0:C.asset_id,h]);return i((function(){g(l({status:null==C?void 0:C.status}))}),[null==C?void 0:C.id,null==C?void 0:C.status]),S?c(u,{onClose:h,onUnarchive:P}):null};j.DisplayComponents={Modal:a};var d=j;export{d as WellArchivedMessage,j as WellArchivedMessageBase};
 //# sourceMappingURL=WellArchivedMessage.js.map

package/componentsV2/WellArchivedMessage/WellArchivedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WellArchivedMessage.js","sources":["../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n  /**\n   * Display component to use\n   */\n  displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n  /**\n   * Will be called when message is closed\n   */\n  onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n  well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n  displayComponent: DisplayComponent = ModalDisplayComponent,\n  onClose,\n}: WellArchivedMessageProps) => {\n  const { well } = useAppCommons();\n  const router = useDevCenterRouter();\n\n  const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n  const onCloseMessage = useCallback(() => {\n    onClose?.();\n    setIsArchivedMessageOpen(false);\n  }, [onClose]);\n\n  const onUnarchive = useCallback(async () => {\n    onCloseMessage();\n\n    const wellHubSlug = await resolveWellHubSlug();\n\n    if (wellHubSlug) {\n      router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n    }\n  }, [router, well?.asset_id, onCloseMessage]);\n\n  useEffect(\n    () => {\n      setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n    },\n    // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n    // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n    [well?.id, well?.status]\n  );\n\n  if (!isArchivedMessageOpen) {\n    return null;\n  }\n\n  return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n  DisplayComponents: {\n    Modal: typeof ModalDisplayComponent;\n  };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n  Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"mgcAoBA,IAAMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBH,EAC1DI,IAAAA,QAEQR,EAASS,IAATT,KACFU,EAASC,IAEfC,EAA0DC,EAASd,EAAkBC,IAAMc,EAAAC,EAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,GAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAYE,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,GACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,GAGF,IAAMiC,EAAsBtC"}
+{"version":3,"file":"WellArchivedMessage.js","sources":["../../../src/componentsV2/WellArchivedMessage/WellArchivedMessage.tsx"],"sourcesContent":["import { ComponentType, useCallback, useEffect, useState } from 'react';\n\nimport { AppCommonsContextType, useAppCommons } from '../AppCommonsProvider';\nimport { resolveWellHubSlug } from '../../utils';\nimport { useDevCenterRouter } from '../../components/DevCenter';\n\nimport { ModalDisplayComponent } from './ModalDisplayComponent';\nimport { WellArchivedMessageDisplayComponentProps } from './types';\n\nexport type WellArchivedMessageProps = {\n  /**\n   * Display component to use\n   */\n  displayComponent?: ComponentType<WellArchivedMessageDisplayComponentProps>;\n  /**\n   * Will be called when message is closed\n   */\n  onClose?: () => void;\n};\n\nconst shouldShowMessage = (well?: { status?: Required<AppCommonsContextType>['well']['status'] }) =>\n  well?.status === 'archived';\n\nexport const WellArchivedMessageBase = ({\n  displayComponent: DisplayComponent = ModalDisplayComponent,\n  onClose,\n}: WellArchivedMessageProps) => {\n  const { well } = useAppCommons();\n  const router = useDevCenterRouter();\n\n  const [isArchivedMessageOpen, setIsArchivedMessageOpen] = useState(shouldShowMessage(well));\n\n  const onCloseMessage = useCallback(() => {\n    onClose?.();\n    setIsArchivedMessageOpen(false);\n  }, [onClose]);\n\n  const onUnarchive = useCallback(async () => {\n    onCloseMessage();\n\n    const wellHubSlug = await resolveWellHubSlug();\n\n    if (wellHubSlug) {\n      router.push(`/assets/${well?.asset_id}/${wellHubSlug}`);\n    }\n  }, [router, well?.asset_id, onCloseMessage]);\n\n  useEffect(\n    () => {\n      setIsArchivedMessageOpen(shouldShowMessage({ status: well?.status }));\n    },\n    // Well is not always referentially stable, so we have to explicitly state which properties we take into account.\n    // We must also depend on well.id here to show the message again if user closes it and then selects another archived well.\n    [well?.id, well?.status]\n  );\n\n  if (!isArchivedMessageOpen) {\n    return null;\n  }\n\n  return <DisplayComponent onClose={onCloseMessage} onUnarchive={onUnarchive} />;\n};\n\ntype WellArchivedMessageType = typeof WellArchivedMessageBase & {\n  DisplayComponents: {\n    Modal: typeof ModalDisplayComponent;\n  };\n};\n\n(WellArchivedMessageBase as WellArchivedMessageType).DisplayComponents = {\n  Modal: ModalDisplayComponent,\n};\n\nexport const WellArchivedMessage = WellArchivedMessageBase as WellArchivedMessageType;\n"],"names":["shouldShowMessage","well","status","WellArchivedMessageBase","_ref","_ref$displayComponent","displayComponent","DisplayComponent","ModalDisplayComponent","onClose","useAppCommons","router","useDevCenterRouter","_useState","useState","_useState2","_slicedToArray","isArchivedMessageOpen","setIsArchivedMessageOpen","onCloseMessage","useCallback","onUnarchive","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wellHubSlug","wrap","_context","prev","next","resolveWellHubSlug","sent","push","asset_id","stop","useEffect","id","_jsx","DisplayComponents","Modal","WellArchivedMessage"],"mappings":"2wcAoBA,IAAMA,EAAoB,SAACC,GAAqE,MAC7E,cAAjBA,eAAAA,EAAMC,OAAqB,EAEhBC,EAA0B,SAGPC,GAAA,IAAAC,EAAAD,EAF9BE,iBAAkBC,aAAmBC,EAAqBH,EAC1DI,IAAAA,QAEQR,EAASS,IAATT,KACFU,EAASC,IAEfC,EAA0DC,EAASd,EAAkBC,IAAMc,EAAAC,EAAAH,EAAA,GAApFI,EAAqBF,EAAA,GAAEG,EAAwBH,EAAA,GAEhDI,EAAiBC,GAAY,WACjCX,SAAAA,IACAS,GAAyB,EAC3B,GAAG,CAACT,IAEEY,EAAcD,EAAYE,EAAAC,EAAAC,MAAA,SAAAC,IAAA,IAAAC,EAAA,OAAAH,EAAAI,MAAA,SAAAC,GAAA,OAAA,OAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EACb,OAAjBX,IAAiBS,EAAAE,KAAA,EAESC,IAAoB,KAAA,GAAxCL,EAAWE,EAAAI,OAGfrB,EAAOsB,KAAgBhC,WAAAA,OAAAA,aAAAA,EAAAA,EAAMiC,SAAYR,KAAAA,OAAAA,IAC1C,KAAA,EAAA,IAAA,MAAA,OAAAE,EAAAO,OAAA,GAAAV,EACF,KAAE,CAACd,EAAQV,aAAAA,EAAAA,EAAMiC,SAAUf,IAW5B,OATAiB,GACE,WACElB,EAAyBlB,EAAkB,CAAEE,OAAQD,aAAI,EAAJA,EAAMC,SAC5D,GAGD,CAACD,aAAAA,EAAAA,EAAMoC,GAAIpC,aAAAA,EAAAA,EAAMC,SAGde,EAIEqB,EAAC/B,EAAgB,CAACE,QAASU,EAAgBE,YAAaA,IAHtD,IAIX,EAQClB,EAAoDoC,kBAAoB,CACvEC,MAAOhC,GAGF,IAAMiC,EAAsBtC"}