@corva/ui 3.53.0-1 → 3.53.0-11

package/cjs-bundle/components/FeedItem/feedItemTypes/FluidReportFeedItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container spacing=\"40\" justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","spacing","justify","children","item","className","_jsx","Typography","variant","classNames","jsxs","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}
+{"version":3,"file":"FluidReportFeedItem.js","sources":["../../../../../src/components/FeedItem/feedItemTypes/FluidReportFeedItem.js"],"sourcesContent":["import { useMemo } from 'react';\nimport { shape, number, string, arrayOf } from 'prop-types';\nimport classNames from 'classnames';\nimport { Typography, Grid, makeStyles } from '@material-ui/core';\nimport blue from '@material-ui/core/colors/blue';\n\nimport { convertValue, getUnitDisplay } from '~/utils/convert';\nimport { ctop } from '~/utils/FluidCheckUtils';\n\nconst PAGE_NAME = 'fluidReportActivity';\n\nconst useStyles = makeStyles(theme => ({\n  density: {\n    color: blue[300],\n  },\n  unit: {\n    color: theme.palette.grey[400],\n    marginLeft: 5,\n  },\n  oneLineText: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  title: {\n    color: theme.palette.grey[400],\n  },\n  columnWithMargin: {\n    marginRight: 40,\n  },\n}));\n\nconst FluidReportFeedItem = ({\n  feedItem: {\n    context: {\n      fluid_report: {\n        data: {\n          depth: depthNotConverted,\n          mud_type: mudType,\n          mud_density: mudDensity,\n          viscosity: { pv = '', yp = '', rpm_readings: rpmReadings },\n        },\n      },\n    },\n  },\n}) => {\n  const classes = useStyles();\n\n  const depth = ctop(depthNotConverted, 'length', 'ft');\n  const depthString = depth ? depth.formatNumeral('0,0') : '-';\n  const depthUnit = getUnitDisplay('length');\n\n  const convertedMudDensity = convertValue(+mudDensity, 'density', 'ppg');\n  const mudDensityFormatted = convertedMudDensity.formatNumeral('0,0.00');\n  const densityUnit = getUnitDisplay('density');\n\n  const pvUnit = 'cP';\n  const ypUnit = getUnitDisplay('yp');\n  const pvFormatted = Number.isFinite(pv) ? pv.fixFloat(3) : pv;\n  const ypFormatted = Number.isFinite(yp) ? yp.fixFloat(3) : yp;\n\n  const rheometerReadingsString = useMemo(() => {\n    const rpmReadingsLastItemIndex = rpmReadings.length - 1;\n\n    return rpmReadings.reduce((resultString, reading, index) => {\n      const commaString = index === rpmReadingsLastItemIndex ? '' : ', ';\n      const readingString = `${reading.rpm}/${reading.dial_reading}`;\n      return `${resultString}${readingString}${commaString}`;\n    }, '');\n  }, [rpmReadings]);\n\n  return (\n    <Grid container justify=\"flex-start\">\n      <Grid item className={classes.columnWithMargin}>\n        <Typography variant=\"body2\">Density</Typography>\n        <Typography\n          variant=\"h6\"\n          data-testid={`${PAGE_NAME}_density`}\n          className={classNames(classes.density, classes.oneLineText)}\n        >\n          {mudDensityFormatted}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({densityUnit})\n          </Typography>\n        </Typography>\n        <Typography className={classes.oneLineText}>\n          {depthString}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            ({depthUnit})\n          </Typography>\n          &nbsp;/ {mudType}\n        </Typography>\n      </Grid>\n      <Grid item>\n        <Typography\n          variant=\"body2\"\n          data-testid={`${PAGE_NAME}_viscosity`}\n          className={classes.oneLineText}\n        >\n          <Typography variant=\"span\" className={classes.title}>\n            PV:&nbsp;\n          </Typography>\n          {`${pvFormatted} ${pvUnit} / YP: ${ypFormatted}`}\n          <Typography component=\"span\" variant=\"caption\" className={classes.unit}>\n            {ypUnit}\n          </Typography>\n        </Typography>\n        <Typography variant=\"body2\" className={classes.title}>\n          Rheometer Readings (RPM/Dial Reading):\n        </Typography>\n        <Typography variant=\"body2\" data-testid={`${PAGE_NAME}_rheometerReadings`}>\n          {rheometerReadingsString}\n        </Typography>\n      </Grid>\n    </Grid>\n  );\n};\n\nFluidReportFeedItem.propTypes = {\n  feedItem: shape({\n    context: shape({\n      fluid_report: shape({\n        data: shape({\n          depth: number.isRequired,\n          mud_type: string.isRequired,\n          mud_density: number.isRequired,\n          viscosity: shape({\n            pv: number.isRequired,\n            yp: number.isRequired,\n            rpm_readings: arrayOf(\n              shape({\n                id: string.isRequired,\n                dial_reading: number.isRequired,\n                rpm: number.isRequired,\n              })\n            ).isRequired,\n          }).isRequired,\n        }).isRequired,\n      }).isRequired,\n    }).isRequired,\n  }).isRequired,\n};\n\nexport default FluidReportFeedItem;\n"],"names":["PAGE_NAME","useStyles","makeStyles","theme","density","color","blue","unit","palette","grey","marginLeft","oneLineText","display","alignItems","title","columnWithMargin","marginRight","FluidReportFeedItem","_ref","_ref$feedItem$context","feedItem","context","fluid_report","data","depthNotConverted","depth","mudType","mud_type","mudDensity","mud_density","_ref$feedItem$context2","viscosity","_ref$feedItem$context3","pv","_ref$feedItem$context4","yp","rpmReadings","rpm_readings","classes","ctop","depthString","formatNumeral","depthUnit","getUnitDisplay","mudDensityFormatted","convertValue","densityUnit","ypUnit","pvFormatted","Number","isFinite","fixFloat","ypFormatted","rheometerReadingsString","useMemo","rpmReadingsLastItemIndex","length","reduce","resultString","reading","index","commaString","readingString","rpm","dial_reading","concat","_jsxs","Grid","container","justify","children","item","className","_jsx","Typography","variant","classNames","jsxs","component","pvUnit","propTypes","shape","number","isRequired","string","arrayOf","id"],"mappings":"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"}

package/cjs-bundle/components/FileUploadIconButton.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/classCallCheck"),r=require("@babel/runtime/helpers/createClass"),l=require("@babel/runtime/helpers/assertThisInitialized"),i=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/regenerator"),u=require("react"),d=require("prop-types"),p=require("react-s3-uploader/s3upload"),c=require("@material-ui/core/CircularProgress"),f=require("@material-ui/icons/PhotoCamera"),h=require("./PostPreviewDialog/index.js"),b=require("./Icons/AttachIcon.js"),g=require("./IconButton/index.js"),F=require("../clients/jsonApi/index.js"),v=require("../utils/mobileDetect.js"),m=require("react/jsx-runtime");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=U(e),y=U(t),S=U(r),j=U(l),O=U(i),q=U(a),w=U(n),D=U(o),x=U(s),I=U(d),C=U(p),R=U(c),T=U(f);function E(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function N(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?E(Object(r),!0).forEach((function(t){D.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):E(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,l=w.default(e);if(t){var i=w.default(this).constructor;r=Reflect.construct(l,arguments,i)}else r=l.apply(this,arguments);return q.default(this,r)}}var k=function(e){O.default(r,e);var t=_(r);function r(e){var l,i;return y.default(this,r),l=t.call(this,e),D.default(j.default(l),"onFinish",P.default(x.default.mark((function e(){var t;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F.getS3DownloadLink(l.state.s3FileName);case 2:t=e.sent,l.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:l.props.openPreviewDialogOnUpload,s3FileUrl:t.url},(function(){l.props.onFinish&&l.props.onFinish(l.state.s3FileUrl,l.state.s3FileName,l.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),D.default(j.default(l),"onError",(function(e){l.props.onError&&l.props.onError(e),console.error(e)})),D.default(j.default(l),"getSignedUrl",(i=P.default(x.default.mark((function e(t,r){var i;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,F.getS3SignedUrl(t.name,t.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),l.setState({uploadingFileToS3:null,currentUpload:null},(function(){l.onError(e.t0.message)})),e.abrupt("return");case 10:l.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:t.size}),r(N(N({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return i.apply(this,arguments)})),D.default(j.default(l),"preprocess",(function(e,t){t(e)})),D.default(j.default(l),"uploadFile",(function(e){if(e.target.files[0]){l.clearUpload();var t=new C.default({fileElement:l.fileInput.current,getSignedUrl:l.getSignedUrl,preprocess:l.preprocess,onProgress:function(){},onFinishS3Put:l.onFinish,onError:l.onError});l.setState({uploadingFileToS3:!0,currentUpload:{uploader:t}})}})),D.default(j.default(l),"handleCloseFileUploadPreviewDialog",(function(){l.setState({openFileUploadPreviewDialog:!1})})),D.default(j.default(l),"handleShare",(function(e,t,r){l.setState({openFileUploadPreviewDialog:!1},(function(){l.props.handleShare&&l.props.handleShare(e,t,r)}))})),l.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},l.fileInput=u.createRef(),l}return S.default(r,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=v.isNativeDetected?T.default:b,t=D.default({},"data-file-upload-button","");return m.jsxs("label",N(N({htmlFor:this.props.inputId},t),{},{children:[m.jsx("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),m.jsx(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:m.jsx(e,{})})]}))}},{key:"render",value:function(){return m.jsxs(m.Fragment,{children:[this.state.uploadingFileToS3?m.jsx(R.default,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&m.jsx(h,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),r}(u.PureComponent);k.propTypes={additionalFields:I.default.arrayOf(I.default.node),classes:I.default.shape({}).isRequired,tooltipProps:I.default.shape({}),disableRipple:I.default.bool,disabled:I.default.bool,fileUploadIconClassName:I.default.string,handleShare:I.default.func,inputId:I.default.string,message:I.default.string,onError:I.default.func,onFinish:I.default.func,openPreviewDialogOnUpload:I.default.bool,requiredFields:I.default.arrayOf(I.default.string)},k.defaultProps={additionalFields:[],disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}},exports.FILE_UPLOAD_BUTTON_DATA_ATTR="data-file-upload-button",exports.default=k;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/asyncToGenerator"),t=require("@babel/runtime/helpers/classCallCheck"),r=require("@babel/runtime/helpers/createClass"),l=require("@babel/runtime/helpers/assertThisInitialized"),i=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/defineProperty"),s=require("@babel/runtime/regenerator"),u=require("react"),d=require("prop-types"),p=require("react-s3-uploader/s3upload"),c=require("@material-ui/core/CircularProgress"),f=require("@material-ui/icons/PhotoCamera"),h=require("./PostPreviewDialog/index.js"),b=require("./Icons/AttachIcon.js"),g=require("./IconButton/index.js"),F=require("../clients/jsonApi/index.js"),v=require("../utils/mobileDetect.js"),m=require("react/jsx-runtime");function U(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var P=U(e),y=U(t),S=U(r),j=U(l),O=U(i),q=U(a),w=U(n),D=U(o),x=U(s),I=U(d),C=U(p),T=U(c),E=U(f);function N(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);t&&(l=l.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,l)}return r}function R(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?N(Object(r),!0).forEach((function(t){D.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):N(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function _(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var r,l=w.default(e);if(t){var i=w.default(this).constructor;r=Reflect.construct(l,arguments,i)}else r=l.apply(this,arguments);return q.default(this,r)}}var k=function(e){O.default(r,e);var t=_(r);function r(e){var l,i;return y.default(this,r),l=t.call(this,e),D.default(j.default(l),"onFinish",P.default(x.default.mark((function e(){var t;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,F.getS3DownloadLink(l.state.s3FileName);case 2:t=e.sent,l.setState({currentUpload:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:l.props.openPreviewDialogOnUpload,s3FileUrl:t.url},(function(){l.props.onFinish&&l.props.onFinish(l.state.s3FileUrl,l.state.s3FileName,l.state.s3FileSize)}));case 4:case"end":return e.stop()}}),e)})))),D.default(j.default(l),"onError",(function(e){l.props.onError&&l.props.onError(e),console.error(e)})),D.default(j.default(l),"getSignedUrl",(i=P.default(x.default.mark((function e(t,r){var i;return x.default.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,F.getS3SignedUrl(t.name,t.type);case 3:i=e.sent,e.next=10;break;case 6:return e.prev=6,e.t0=e.catch(0),l.setState({uploadingFileToS3:null,currentUpload:null},(function(){l.onError(e.t0.message)})),e.abrupt("return");case 10:l.setState({s3FileUrl:i.signed_url,s3FileName:i.file_name,s3FileSize:t.size}),r(R(R({},i),{},{signedUrl:i.signed_url}));case 12:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return i.apply(this,arguments)})),D.default(j.default(l),"preprocess",(function(e,t){t(e)})),D.default(j.default(l),"uploadFile",(function(e){if(e.target.files[0]){l.clearUpload();var t=new C.default({fileElement:l.fileInput.current,getSignedUrl:l.getSignedUrl,preprocess:l.preprocess,onProgress:function(){},onFinishS3Put:l.onFinish,onError:l.onError});l.setState({uploadingFileToS3:!0,currentUpload:{uploader:t}})}})),D.default(j.default(l),"handleCloseFileUploadPreviewDialog",(function(){l.setState({openFileUploadPreviewDialog:!1})})),D.default(j.default(l),"handleShare",(function(e,t,r){l.setState({openFileUploadPreviewDialog:!1},(function(){l.props.handleShare&&l.props.handleShare(e,t,r)}))})),l.state={currentUpload:null,s3FileUrl:null,s3FileName:null,s3FileSize:null,uploadingFileToS3:!1,openFileUploadPreviewDialog:!1},l.fileInput=u.createRef(),l}return S.default(r,[{key:"clearUpload",value:function(){var e=this.state.currentUpload;e&&e.uploader&&e.uploader.abortUpload()}},{key:"renderUploadButton",value:function(){var e=v.isNativeDetected?E.default:b,t=D.default({},"data-file-upload-button","");return m.jsxs("label",R(R({htmlFor:this.props.inputId},t),{},{children:[m.jsx("input",{ref:this.fileInput,id:this.props.inputId,type:"file",disabled:this.props.disabled,onChange:this.uploadFile,style:{display:"none"}}),m.jsx(g,{"data-testid":"".concat("fileUpload","_attachFileButton"),"aria-label":"File Upload",disabled:this.props.disabled,component:this.props.disabled?"button":"span",className:this.props.fileUploadIconClassName,disableRipple:this.props.disableRipple,tooltipProps:this.props.tooltipProps,children:m.jsx(e,{})})]}))}},{key:"render",value:function(){return m.jsxs(m.Fragment,{children:[this.state.uploadingFileToS3?m.jsx(T.default,{"data-testid":"generic_uploadProgress",size:18}):this.renderUploadButton(),this.state.openFileUploadPreviewDialog&&m.jsx(h,{open:this.state.openFileUploadPreviewDialog,fileUrl:this.state.s3FileUrl,fileName:this.state.s3FileName,fileSize:this.state.s3FileSize,handleShare:this.handleShare,handleClose:this.handleCloseFileUploadPreviewDialog,additionalFields:this.props.additionalFields,requiredFields:this.props.requiredFields,message:this.props.message})]})}}]),r}(u.PureComponent);k.propTypes={additionalFields:I.default.arrayOf(I.default.node),classes:I.default.shape({}),tooltipProps:I.default.shape({}),disableRipple:I.default.bool,disabled:I.default.bool,fileUploadIconClassName:I.default.string,handleShare:I.default.func,inputId:I.default.string,message:I.default.string,onError:I.default.func,onFinish:I.default.func,openPreviewDialogOnUpload:I.default.bool,requiredFields:I.default.arrayOf(I.default.string)},k.defaultProps={additionalFields:[],classes:{},disableRipple:!1,disabled:!1,fileUploadIconClassName:void 0,handleShare:void 0,inputId:"icon-button-file",message:void 0,onError:void 0,onFinish:void 0,openPreviewDialogOnUpload:!0,requiredFields:[],tooltipProps:{title:"Attach File"}},exports.FILE_UPLOAD_BUTTON_DATA_ATTR="data-file-upload-button",exports.default=k;
 //# sourceMappingURL=FileUploadIconButton.js.map

package/cjs-bundle/components/FileUploadIconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadIconButton.js","sources":["../../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}).isRequired,\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["FileUploadIconButton","_PureComponent","_inherits","_super","_createSuper","props","_this","_ref2","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","s3DownloadLinkResponse","wrap","_context","prev","next","getS3DownloadLink","state","s3FileName","sent","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","stop","fileUploadingError","onError","console","error","_callee2","file","callback","data","_context2","getS3SignedUrl","name","type","t0","message","abrupt","signed_url","file_name","size","signedUrl","_x","_x2","apply","arguments","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","_createClass","key","value","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","_objectSpread","htmlFor","inputId","children","_jsx","jsx","ref","id","disabled","onChange","uploadFile","style","display","IconButton","concat","component","className","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","CircularProgress","renderUploadButton","PostPreviewDialog","open","fileUrl","handleClose","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","PureComponent","propTypes","PropTypes","arrayOf","node","classes","shape","isRequired","bool","string","func","defaultProps","undefined","title"],"mappings":"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"}
+{"version":3,"file":"FileUploadIconButton.js","sources":["../../../src/components/FileUploadIconButton.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport S3Upload from 'react-s3-uploader/s3upload';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport PhotoCameraIcon from '@material-ui/icons/PhotoCamera';\n\nimport PostPreviewDialog from '~components/PostPreviewDialog';\nimport AttachIcon from '~components/Icons/AttachIcon';\nimport IconButton from '~components/IconButton';\nimport { getS3SignedUrl, getS3DownloadLink } from '~/clients/jsonApi';\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nconst PAGE_NAME = 'fileUpload';\n\n// Data attr helps to identify the select file action; Is used to prevent the tooltip from closing\nexport const FILE_UPLOAD_BUTTON_DATA_ATTR = 'data-file-upload-button';\n\nclass FileUploadIconButton extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      currentUpload: null,\n\n      s3FileUrl: null,\n      s3FileName: null,\n      s3FileSize: null,\n\n      uploadingFileToS3: false,\n\n      openFileUploadPreviewDialog: false,\n    };\n\n    this.fileInput = createRef();\n  }\n\n  onFinish = async () => {\n    const s3DownloadLinkResponse = await getS3DownloadLink(this.state.s3FileName);\n    this.setState(\n      {\n        currentUpload: null,\n        uploadingFileToS3: false,\n        openFileUploadPreviewDialog: this.props.openPreviewDialogOnUpload,\n        s3FileUrl: s3DownloadLinkResponse.url,\n      },\n      () => {\n        if (this.props.onFinish)\n          this.props.onFinish(this.state.s3FileUrl, this.state.s3FileName, this.state.s3FileSize);\n      }\n    );\n  };\n\n  onError = fileUploadingError => {\n    if (this.props.onError) this.props.onError(fileUploadingError);\n    console.error(fileUploadingError);\n  };\n\n  getSignedUrl = async (file, callback) => {\n    let data;\n    try {\n      data = await getS3SignedUrl(file.name, file.type);\n    } catch (e) {\n      this.setState(\n        {\n          uploadingFileToS3: null,\n          currentUpload: null,\n        },\n        () => {\n          this.onError(e.message);\n        }\n      );\n      return;\n    }\n\n    this.setState({\n      s3FileUrl: data.signed_url,\n      s3FileName: data.file_name,\n      s3FileSize: file.size,\n    });\n\n    // NOTE: Add node for 'signedUrl' which is the expected name by uploader component\n    callback({\n      ...data,\n      signedUrl: data.signed_url,\n    });\n  };\n\n  preprocess = (file, next) => {\n    next(file);\n  };\n\n  uploadFile = event => {\n    if (!event.target.files[0]) {\n      return;\n    }\n\n    this.clearUpload();\n    const uploader = new S3Upload({\n      fileElement: this.fileInput.current,\n      getSignedUrl: this.getSignedUrl,\n      preprocess: this.preprocess,\n      onProgress: () => {}, // NOTE: Prevents logging to console\n      onFinishS3Put: this.onFinish,\n      onError: this.onError,\n    });\n\n    this.setState({\n      uploadingFileToS3: true,\n      currentUpload: {\n        uploader,\n      },\n    });\n  };\n\n  clearUpload() {\n    const { currentUpload } = this.state;\n    if (currentUpload && currentUpload.uploader) {\n      currentUpload.uploader.abortUpload();\n    }\n  }\n\n  handleCloseFileUploadPreviewDialog = () => {\n    this.setState({ openFileUploadPreviewDialog: false });\n  };\n\n  handleShare = (comment, fileName, fileSize) => {\n    this.setState({ openFileUploadPreviewDialog: false }, () => {\n      if (this.props.handleShare) {\n        this.props.handleShare(comment, fileName, fileSize);\n      }\n    });\n  };\n\n  renderUploadButton() {\n    const Icon = isNativeDetected ? PhotoCameraIcon : AttachIcon;\n    const labelDataAttributes = { [FILE_UPLOAD_BUTTON_DATA_ATTR]: '' };\n\n    return (\n      <label htmlFor={this.props.inputId} {...labelDataAttributes}>\n        <input\n          ref={this.fileInput}\n          id={this.props.inputId}\n          type=\"file\"\n          disabled={this.props.disabled}\n          onChange={this.uploadFile}\n          style={{ display: 'none' }}\n        />\n        <IconButton\n          data-testid={`${PAGE_NAME}_attachFileButton`}\n          aria-label=\"File Upload\"\n          disabled={this.props.disabled}\n          component={this.props.disabled ? 'button' : 'span'}\n          className={this.props.fileUploadIconClassName}\n          disableRipple={this.props.disableRipple}\n          tooltipProps={this.props.tooltipProps}\n        >\n          <Icon />\n        </IconButton>\n      </label>\n    );\n  }\n\n  render() {\n    return (\n      <>\n        {this.state.uploadingFileToS3 ? (\n          <CircularProgress data-testid=\"generic_uploadProgress\" size={18} />\n        ) : (\n          this.renderUploadButton()\n        )}\n\n        {this.state.openFileUploadPreviewDialog && (\n          <PostPreviewDialog\n            open={this.state.openFileUploadPreviewDialog}\n            fileUrl={this.state.s3FileUrl}\n            fileName={this.state.s3FileName}\n            fileSize={this.state.s3FileSize}\n            handleShare={this.handleShare}\n            handleClose={this.handleCloseFileUploadPreviewDialog}\n            additionalFields={this.props.additionalFields}\n            requiredFields={this.props.requiredFields}\n            message={this.props.message}\n          />\n        )}\n      </>\n    );\n  }\n}\n\nFileUploadIconButton.propTypes = {\n  additionalFields: PropTypes.arrayOf(PropTypes.node),\n  classes: PropTypes.shape({}),\n  tooltipProps: PropTypes.shape({}),\n  disableRipple: PropTypes.bool,\n  disabled: PropTypes.bool,\n  fileUploadIconClassName: PropTypes.string,\n  handleShare: PropTypes.func,\n  inputId: PropTypes.string,\n  message: PropTypes.string,\n  onError: PropTypes.func,\n  onFinish: PropTypes.func,\n  openPreviewDialogOnUpload: PropTypes.bool,\n  requiredFields: PropTypes.arrayOf(PropTypes.string),\n};\n\nFileUploadIconButton.defaultProps = {\n  additionalFields: [],\n  classes: {},\n  disableRipple: false,\n  disabled: false,\n  fileUploadIconClassName: undefined,\n  handleShare: undefined,\n  inputId: 'icon-button-file',\n  message: undefined,\n  onError: undefined,\n  onFinish: undefined,\n  openPreviewDialogOnUpload: true,\n  requiredFields: [],\n  tooltipProps: { title: 'Attach File' },\n};\n\nexport default FileUploadIconButton;\n"],"names":["FileUploadIconButton","_PureComponent","_inherits","_super","_createSuper","props","_this","_ref2","_classCallCheck","this","call","_defineProperty","_assertThisInitialized","_asyncToGenerator","_regeneratorRuntime","mark","_callee","s3DownloadLinkResponse","wrap","_context","prev","next","getS3DownloadLink","state","s3FileName","sent","setState","currentUpload","uploadingFileToS3","openFileUploadPreviewDialog","openPreviewDialogOnUpload","s3FileUrl","url","onFinish","s3FileSize","stop","fileUploadingError","onError","console","error","_callee2","file","callback","data","_context2","getS3SignedUrl","name","type","t0","message","abrupt","signed_url","file_name","size","signedUrl","_x","_x2","apply","arguments","event","target","files","clearUpload","uploader","S3Upload","fileElement","fileInput","current","getSignedUrl","preprocess","onProgress","onFinishS3Put","comment","fileName","fileSize","handleShare","createRef","_createClass","key","value","abortUpload","Icon","isNativeDetected","PhotoCameraIcon","AttachIcon","labelDataAttributes","_jsxs","_objectSpread","htmlFor","inputId","children","_jsx","jsx","ref","id","disabled","onChange","uploadFile","style","display","IconButton","concat","component","className","fileUploadIconClassName","disableRipple","tooltipProps","_Fragment","CircularProgress","renderUploadButton","PostPreviewDialog","open","fileUrl","handleClose","handleCloseFileUploadPreviewDialog","additionalFields","requiredFields","PureComponent","propTypes","PropTypes","arrayOf","node","classes","shape","bool","string","func","defaultProps","undefined","title"],"mappings":"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"}

package/cjs-bundle/components/ImageViewer/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("prop-types"),r=require("react-image-lightbox"),o=require("@material-ui/icons/SaveAlt"),n=require("@material-ui/icons/ArrowBack");require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var t=require("react/jsx-runtime");require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/regenerator"),require("react"),require("@material-ui/core"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");var i=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/Label/Label.js"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/Autocomplete/Autocomplete.scss.js"),require("../../componentsV2/Menu/MenuItem/MenuItem.js"),require("../../componentsV2/Autocomplete/AutocompleteListBox.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var c=require("./styles.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(e),a=u(s),l=u(r),m=u(o),q=u(n);function d(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function j(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?d(Object(r),!0).forEach((function(s){p.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var A=function(e){return t.jsx("div",{className:c.cImageViewerToolbar,children:t.jsx("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:e.onCloseRequest,children:t.jsx(q.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},V=function(e){var s=i.useIsInsideIsolatedDcApp();return t.jsx("div",{className:c.cImageViewer,children:t.jsx(l.default,{mainSrc:e.mainSrc,imagePadding:e.imagePadding,toolbarButtons:[t.jsx("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:t.jsx("a",{href:e.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:t.jsx(m.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:e.onAfterOpen,onCloseRequest:e.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(e,s){return t.jsxs("div",j(j({},e),{},{children:[t.jsx(A,{onCloseRequest:e.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};V.propTypes={mainSrc:a.default.string.isRequired,imagePadding:a.default.number,onAfterOpen:a.default.func,onCloseRequest:a.default.func},A.propTypes={onCloseRequest:a.default.func.isRequired},V.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0},module.exports=V;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),s=require("prop-types"),r=require("react-image-lightbox"),o=require("@material-ui/icons/SaveAlt"),n=require("@material-ui/icons/ArrowBack");require("../DevCenter/DevCenterAppContainer/components/AppActions/AppActions.css.js");var t=require("react/jsx-runtime");require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/AppSettingsDialog.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/RemoveAppButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppSettingsDialog/components/SettingsAccordion.js"),require("../DevCenter/DevCenterAppContainer/components/AnnotationsButton/AnnotationsButton.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/helpers/slicedToArray"),require("@babel/runtime/regenerator"),require("react"),require("@material-ui/core"),require("../../componentsV2/Text/Text.js"),require("../../componentsV2/Grid/Grid.js"),require("../../componentsV2/Grid/Cell.js"),require("classnames"),require("../../componentsV2/Header/Header.scss.js"),require("../../componentsV2/Button/Button.js"),require("../../componentsV2/ButtonIcon/ButtonIcon.js"),require("@babel/runtime/helpers/objectWithoutProperties");var i=require("../DevCenter/DevCenterAppContainer/components/IsInsideIsolatedDcAppProvider/IsInsideIsolatedDcAppProvider.js");require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/IsInsideDcFullscreenElemProvider.js"),require("../DevCenter/DevCenterAppContainer/components/DcFullscreenElemsCoordinatorProvider/DcFullscreenElemsCoordinatorProvider.js"),require("uuid"),require("../../componentsV2/Tooltip/Tooltip.scss.js"),require("../../componentsV2/Popover/Popover.js"),require("../../componentsV2/Radio/Radio.js"),require("../../componentsV2/RadioAndCheckboxGroup/RadioAndCheckboxGroup.scss.js"),require("../../componentsV2/Checkbox/Checkbox.js"),require("@babel/runtime/helpers/toConsumableArray"),require("../../componentsV2/TextInput/TextInput.js"),require("../../componentsV2/TextInputNext/TextInputNext.js"),require("../../componentsV2/Label/Label.js"),require("lodash"),require("../../componentsV2/TextEndTruncated/TextEndTruncated.scss.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.constants.js"),require("../../componentsV2/TextMiddleTruncated/TextMiddleTruncated.scss.js"),require("../../componentsV2/TextLink/TextLink.js"),require("../../componentsV2/Chip/Chip.js"),require("../../componentsV2/ChipAlert/ChipAlert.js"),require("../../componentsV2/ChipIndicator/ChipIndicator.js"),require("../../componentsV2/Avatar/Avatar.js"),require("../../componentsV2/AvatarGroup/AvatarGroup.js"),require("@material-ui/lab"),require("../../componentsV2/ToggleButtons/ToggleButtons.scss.js"),require("../../componentsV2/Paper/Paper.js"),require("../../componentsV2/ModalWindow/ModalWindow.js"),require("../../componentsV2/Modal/Modal.scss.js"),require("../../componentsV2/Menu/Menu.js"),require("@icon-park/react/es/all"),require("../../icons/IconParkProvider.js"),require("../../icons/customIcons/icons/AddMessage.js"),require("../../icons/customIcons/icons/Attention.js"),require("../../icons/customIcons/icons/Collapse.js"),require("../../icons/customIcons/icons/Dashboard.js"),require("../../icons/customIcons/icons/Expand.js"),require("../../icons/customIcons/icons/FolderClosed.js"),require("../../icons/customIcons/icons/FolderClosedFilled.js"),require("../../icons/customIcons/icons/FolderOpened.js"),require("../../icons/customIcons/icons/GreaterOrEqual.js"),require("../../icons/customIcons/icons/LessOrEqual.js"),require("../../icons/customIcons/icons/Search.js"),require("../../icons/customIcons/icons/SearchOne.js"),require("../../icons/customIcons/icons/Wellhub.js"),require("../../icons/customIcons/icons/MultiRuler.js"),require("../../icons/customIcons/icons/Checkbox.js"),require("../../icons/customIcons/icons/CheckboxChecked.js"),require("../../icons/customIcons/icons/CheckboxIndeterminate.js"),require("../../icons/customIcons/icons/Radio.js"),require("../../icons/customIcons/icons/RadioChecked.js"),require("../../icons/customIcons/icons/SimulFrac.js"),require("../../icons/customIcons/icons/ZipperFrac.js"),require("../../icons/customIcons/icons/CautionFilled.js"),require("../../icons/customIcons/icons/MoreApp.js"),require("../../icons/customIcons/icons/Pad.js"),require("../../icons/customIcons/icons/DrilloutUnit.js"),require("../../icons/customIcons/icons/FracFleet.js"),require("../../icons/customIcons/icons/Global.js"),require("../../icons/customIcons/icons/Program.js"),require("../../icons/customIcons/icons/Rig.js"),require("../../icons/customIcons/icons/Well.js"),require("../../icons/customIcons/icons/Gap.js"),require("../../icons/customIcons/icons/Pin.js"),require("../../icons/customIcons/icons/CloseOneFilled.js"),require("../../icons/customIcons/icons/AttentionFilled.js"),require("../../icons/customIcons/icons/CheckOneFilled.js"),require("../../icons/customIcons/icons/Archive.js"),require("../../icons/customIcons/icons/ArchiveCancel.js"),require("../../icons/customIcons/icons/Unarchive.js"),require("../../icons/customIcons/icons/Archived.js"),require("../../icons/customIcons/icons/InterventionUnit.js"),require("../../icons/customIcons/icons/CloudDelete.js"),require("../../icons/customIcons/icons/Lasso.js"),require("../../icons/customIcons/icons/Radius.js"),require("../../componentsV2/utils.js"),require("../../componentsV2/Hint/Hint.scss.js"),require("../../componentsV2/Counter/Counter.js"),require("../../componentsV2/BadgeBase/BadgeBase.scss.js"),require("../../componentsV2/TemplatesControl/TemplatesControl.js"),require("zustand"),require("../../componentsV2/TemplatesControl/utils.js"),require("../../componentsV2/TemplatesControl/icons/folder/index.js"),require("../../componentsV2/TemplatesControl/Store/utils.js"),require("../../componentsV2/TemplatesControl/types.js"),require("../../utils/index.js"),require("../../clients/jsonApi/index.js"),require("../../permissions/PermissionsContext.js"),require("../../permissions/constants/index.js"),require("../../permissions/withPermissionsHOC.js"),require("../../permissions/ProvidePermissions.js"),require("../../componentsV2/BadgeDot/BadgeDot.scss.js"),require("../../componentsV2/LoaderLinear/LoaderLinear.scss.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.constants.js"),require("../../componentsV2/LoaderLogo/LoaderLogo.scss.js"),require("../../componentsV2/Switch/Switch.js"),require("../../componentsV2/Tabs/Tabs.js"),require("../../componentsV2/EmptyState/EmptyState.scss.js"),require("../../componentsV2/FileIcon/FileIcon.js"),require("../../componentsV2/Tag/Tag.js"),require("react-dropzone"),require("../../componentsV2/FilesDropzone/FilesDropzone.scss.js"),require("../../componentsV2/FilesLoader/FilesLoader.scss.js"),require("../../componentsV2/FilesProcessor/FilesProcessor.scss.js"),require("../../componentsV2/Skeleton/Skeleton.scss.js"),require("../../utils/main.js"),require("../../componentsV2/CopyToClipboard/CopyToClipboard.scss.js"),require("../../componentsV2/Stepper/Step/Step.scss.js"),require("../../componentsV2/Stepper/Stepper.scss.js"),require("../../componentsV2/ButtonLive/ButtonLive.js"),require("../../componentsV2/ButtonText/ButtonText.js"),require("../../componentsV2/IndicatorLive/IndicatorLive.js"),require("../../componentsV2/Accordion/Accordion.scss.js"),require("../../componentsV2/Breadcrumbs/Breadcrumbs.scss.js"),require("../../componentsV2/BadgeComment/BadgeComment.js"),require("../../componentsV2/AppContainer/AppContainer.js"),require("../../componentsV2/AppContainer/AppContainer.constants.js"),require("../../componentsV2/AppFooter/AppFooter.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js"),require("../../componentsV2/AppHeader/AppHeader.constants.js"),require("../../componentsV2/AppHeader/AppBadge/AppBadge.scss.js"),require("../DevCenter/DevCenterRouterContext/DevCenterRouterContext.js"),require("../DevCenter/DevCenterRouterContext/UniversalLink/UniversalLink.js"),require("react-router-dom"),require("../../componentsV2/AppHeader/AppAssets/utils.js"),require("../../componentsV2/AppHeader/AppAssets/AppAssets.scss.js"),require("../PadModeSelect/PadModeSelect.js"),require("../../componentsV2/AppHeader/PadMode/PadMode.scss.js"),require("../../constants/streamSourceType.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.js"),require("../../componentsV2/PadModeSelect/PadModeSelect.constants.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppHeader/V3/VersionSelect/VersionSelect.js"),require("../../componentsV2/UniversalLink/UniversalLink.scss.js"),require("../../componentsV2/AppHeader/V3/AssetChips/AssetChips.scss.js"),require("moment"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppHeader/V3/DqStatusIcon/DqStatusIcon.constants.js"),require("../../componentsV2/AppFooter/DqPopover/DqStatusIcon/DqStatusIcon.js"),require("../../componentsV2/AppDqPopover/DqAlertTooltip/DqAlertTooltip.scss.js"),require("../../componentsV2/AppDqPopover/DqAlert/DqAlert.scss.js"),require("../../componentsV2/AppDqPopover/DqAsset/DqAsset.scss.js"),require("../../componentsV2/AppDqPopover/AppDqPopover.scss.js"),require("../AppIcon/AppIcon.js"),require("../../utils/getSingleAsset.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorChip/AssetSelectorChip.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/constants.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/AssetSelectorSelect.scss.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelectorSelect/loadAssets.js"),require("../../componentsV2/AppHeader/V3/AssetSelector/AssetSelector.scss.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.constants.js"),require("../../componentsV2/AppHeader/V3/AppTitle/AppTitle.scss.js"),require("../../componentsV2/AppHeader/V3/constants.scss.js"),require("@babel/runtime/helpers/typeof"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.js"),require("../../componentsV2/AppHeader/V3/SettingsButton/SettingsButton.constants.js"),require("../../componentsV2/AppSettings/AppSettings.js"),require("../../componentsV2/AppSettings/AppSettings.constants.js"),require("../../componentsV2/AppSettings/AppSettingsPinningContext.js"),require("../../componentsV2/AppSizeProvider/AppSizeProvider.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.constants.js"),require("../../componentsV2/AppHeader/V3/Actions/Actions.scss.js"),require("../../componentsV2/AppHeader/V3/AppHeaderV3.scss.js"),require("../../componentsV2/AppHeader/AppHeader.scss.js"),require("../../componentsV2/OffsetWellsButton/OffsetWellsButton.js"),require("../../componentsV2/Autocomplete/Autocomplete.js"),require("../../componentsV2/AppSettingsDivider/AppSettingsDivider.scss.js"),require("../../componentsV2/WellArchivedMessage/WellArchivedMessage.js"),require("../../componentsV2/DatePicker/DatePicker.js"),require("../../componentsV2/DragHandle/DragHandle.js"),require("../../componentsV2/CompletionsOffsetWellPicker/CompletionsOffsetWellPicker.js"),require("../../componentsV2/Slider/constants.js"),require("../../componentsV2/Slider/components/SliderThumb.js"),require("../../componentsV2/Slider/Slider.scss.js"),require("react-color"),require("../../componentsV2/ColorPicker/Swatches/Swatches.scss.js"),require("../../componentsV2/ColorPicker/OpacityDragtracker/OpacityDragTracker.scss.js"),require("../../componentsV2/ColorPicker/ColorPicker.scss.js"),require("../DevCenter/DevCenterAppContainer/components/FullscreenButton/FullscreenButton.js"),require("../DevCenter/DevCenterAppContainer/components/AppInfoMessage/AppInfoMessage.js"),require("../DevCenter/DevCenterAppContainer/components/DevCenterAppView/DevCenterAppView.js");var c=require("./styles.css.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(e),a=u(s),l=u(r),m=u(o),q=u(n);function d(e,s){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);s&&(o=o.filter((function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable}))),r.push.apply(r,o)}return r}function j(e){for(var s=1;s<arguments.length;s++){var r=null!=arguments[s]?arguments[s]:{};s%2?d(Object(r),!0).forEach((function(s){p.default(e,s,r[s])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))}))}return e}var A=function(e){return t.jsx("div",{className:c.cImageViewerToolbar,children:t.jsx("button",{type:"button","aria-label":"Close",className:c.cImageViewerToolbarButton,onClick:e.onCloseRequest,children:t.jsx(q.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})})},V=function(e){var s=i.useIsInsideIsolatedDcApp();return t.jsx("div",{className:c.cImageViewer,children:t.jsx(l.default,{mainSrc:e.mainSrc,imagePadding:e.imagePadding,toolbarButtons:[t.jsx("button",{"data-testid":"".concat("ImageViewer","_download"),type:"button","aria-label":"Download",className:c.cImageViewerToolbarButton,children:t.jsx("a",{href:e.mainSrc,download:"image",target:"_blank",rel:"noopener noreferrer",children:t.jsx(m.default,{className:c.cImageViewerToolbarIcon,htmlColor:"#fff"})})},"Download")],onAfterOpen:e.onAfterOpen,onCloseRequest:e.onCloseRequest,reactModalStyle:{overlay:{zIndex:1500}},reactModalProps:{parentSelector:function(){return s?parent.document.body:document.body},overlayElement:function(e,s){return t.jsxs("div",j(j({},e),{},{children:[t.jsx(A,{onCloseRequest:e.onCloseRequest}),s]}))}},wrapperClassName:c.cImageViewerWrapper})})};V.propTypes={mainSrc:a.default.string.isRequired,imagePadding:a.default.number,onAfterOpen:a.default.func,onCloseRequest:a.default.func},A.propTypes={onCloseRequest:a.default.func.isRequired},V.defaultProps={imagePadding:50,onAfterOpen:void 0,onCloseRequest:void 0},module.exports=V;
 //# sourceMappingURL=index.js.map

package/cjs-bundle/components/ImageViewer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","jsx","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"u3aASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAAK,IAAA,SAAA,CACEC,KAAK,SACL,aAAW,QACXL,UAAWC,EAAOK,0BAClBC,QAAST,EAAMU,eAAeL,SAE9BJ,MAACU,UAAQ,CAACT,UAAWC,EAAOS,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAd,GAClB,IAAMe,EAAgBC,EAAAA,2BAgBtB,OACEf,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOc,aAAaZ,SAClCJ,MAACiB,UAAQ,CACPC,QAASnB,EAAMmB,QACfC,aAAcpB,EAAMoB,aACpBC,eAnB6B,CACjCpB,EAAAK,IAAA,SAAA,CAEE,cAAA,GAAAgB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXL,UAAWC,EAAOK,0BAA0BH,SAE5CJ,EAAAK,IAAA,IAAA,CAAGiB,KAAMvB,EAAMmB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBrB,SAChFJ,MAAC0B,UAAY,CAACzB,UAAWC,EAAOS,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa5B,EAAM4B,YACnBlB,eAAgBV,EAAMU,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACrC,EAAOsC,GAAc,OACpCC,EAAAA,kBAASvC,GAAK,GAAA,CAAAK,SAAA,CACZJ,MAACF,EAAO,CAACW,eAAgBV,EAAMU,iBAC9B4B,KACG,GAGVE,iBAAkBrC,EAAOsC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAAA,QAAUC,OAAOC,WAC1BzB,aAAcuB,EAAS,QAACG,OACxBlB,YAAae,EAAS,QAACI,KACvBrC,eAAgBiC,EAAS,QAACI,MAG5BhD,EAAQ2C,UAAY,CAClBhC,eAAgBiC,EAAAA,QAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/ImageViewer/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport Lightbox from 'react-image-lightbox';\nimport DownloadIcon from '@material-ui/icons/SaveAlt';\nimport BackIcon from '@material-ui/icons/ArrowBack';\n\nimport { useIsInsideIsolatedDcApp } from '../DevCenter/DevCenterAppContainer/components';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'ImageViewer';\n\nconst Toolbar = props => (\n  <div className={styles.cImageViewerToolbar}>\n    <button\n      type=\"button\"\n      aria-label=\"Close\"\n      className={styles.cImageViewerToolbarButton}\n      onClick={props.onCloseRequest}\n    >\n      <BackIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n    </button>\n  </div>\n);\n\nconst ImageViewer = props => {\n  const isInsideDcApp = useIsInsideIsolatedDcApp();\n\n  const renderToolbarButtons = () => [\n    <button\n      key=\"Download\"\n      data-testid={`${PAGE_NAME}_download`}\n      type=\"button\"\n      aria-label=\"Download\"\n      className={styles.cImageViewerToolbarButton}\n    >\n      <a href={props.mainSrc} download=\"image\" target=\"_blank\" rel=\"noopener noreferrer\">\n        <DownloadIcon className={styles.cImageViewerToolbarIcon} htmlColor=\"#fff\" />\n      </a>\n    </button>,\n  ];\n\n  return (\n    <div className={styles.cImageViewer}>\n      <Lightbox\n        mainSrc={props.mainSrc}\n        imagePadding={props.imagePadding}\n        toolbarButtons={renderToolbarButtons()}\n        onAfterOpen={props.onAfterOpen}\n        onCloseRequest={props.onCloseRequest}\n        reactModalStyle={{ overlay: { zIndex: 1500 } }}\n        reactModalProps={{\n          // eslint-disable-next-line no-restricted-globals\n          parentSelector: () => (isInsideDcApp ? parent.document.body : document.body),\n          overlayElement: (props, contentElement) => (\n            <div {...props}>\n              <Toolbar onCloseRequest={props.onCloseRequest} />\n              {contentElement}\n            </div>\n          ),\n        }}\n        wrapperClassName={styles.cImageViewerWrapper}\n      />\n    </div>\n  );\n};\n\nImageViewer.propTypes = {\n  mainSrc: PropTypes.string.isRequired,\n  imagePadding: PropTypes.number,\n  onAfterOpen: PropTypes.func,\n  onCloseRequest: PropTypes.func,\n};\n\nToolbar.propTypes = {\n  onCloseRequest: PropTypes.func.isRequired,\n};\n\nImageViewer.defaultProps = {\n  imagePadding: 50,\n  onAfterOpen: undefined,\n  onCloseRequest: undefined,\n};\n\nexport default ImageViewer;\n"],"names":["Toolbar","props","_jsx","className","styles","cImageViewerToolbar","children","jsx","type","cImageViewerToolbarButton","onClick","onCloseRequest","BackIcon","cImageViewerToolbarIcon","htmlColor","ImageViewer","isInsideDcApp","useIsInsideIsolatedDcApp","cImageViewer","Lightbox","mainSrc","imagePadding","toolbarButtons","concat","href","download","target","rel","DownloadIcon","onAfterOpen","reactModalStyle","overlay","zIndex","reactModalProps","parentSelector","parent","document","body","overlayElement","contentElement","_jsxs","wrapperClassName","cImageViewerWrapper","propTypes","PropTypes","string","isRequired","number","func","defaultProps","undefined"],"mappings":"kkbASA,IAEMA,EAAU,SAAAC,GAAK,OACnBC,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOC,oBAAoBC,SACzCJ,EAAAK,IAAA,SAAA,CACEC,KAAK,SACL,aAAW,QACXL,UAAWC,EAAOK,0BAClBC,QAAST,EAAMU,eAAeL,SAE9BJ,MAACU,UAAQ,CAACT,UAAWC,EAAOS,wBAAyBC,UAAU,YAE7D,EAGFC,EAAc,SAAAd,GAClB,IAAMe,EAAgBC,EAAAA,2BAgBtB,OACEf,EAAAA,IAAA,MAAA,CAAKC,UAAWC,EAAOc,aAAaZ,SAClCJ,MAACiB,UAAQ,CACPC,QAASnB,EAAMmB,QACfC,aAAcpB,EAAMoB,aACpBC,eAnB6B,CACjCpB,EAAAK,IAAA,SAAA,CAEE,cAAA,GAAAgB,OArBY,cAqByB,aACrCf,KAAK,SACL,aAAW,WACXL,UAAWC,EAAOK,0BAA0BH,SAE5CJ,EAAAK,IAAA,IAAA,CAAGiB,KAAMvB,EAAMmB,QAASK,SAAS,QAAQC,OAAO,SAASC,IAAI,sBAAqBrB,SAChFJ,MAAC0B,UAAY,CAACzB,UAAWC,EAAOS,wBAAyBC,UAAU,YAPjE,aAkBFe,YAAa5B,EAAM4B,YACnBlB,eAAgBV,EAAMU,eACtBmB,gBAAiB,CAAEC,QAAS,CAAEC,OAAQ,OACtCC,gBAAiB,CAEfC,eAAgB,WAAA,OAAOlB,EAAgBmB,OAAOC,SAASC,KAAOD,SAASC,IAAK,EAC5EC,eAAgB,SAACrC,EAAOsC,GAAc,OACpCC,EAAAA,kBAASvC,GAAK,GAAA,CAAAK,SAAA,CACZJ,MAACF,EAAO,CAACW,eAAgBV,EAAMU,iBAC9B4B,KACG,GAGVE,iBAAkBrC,EAAOsC,uBAIjC,EAEA3B,EAAY4B,UAAY,CACtBvB,QAASwB,EAAAA,QAAUC,OAAOC,WAC1BzB,aAAcuB,EAAS,QAACG,OACxBlB,YAAae,EAAS,QAACI,KACvBrC,eAAgBiC,EAAS,QAACI,MAG5BhD,EAAQ2C,UAAY,CAClBhC,eAAgBiC,EAAAA,QAAUI,KAAKF,YAGjC/B,EAAYkC,aAAe,CACzB5B,aAAc,GACdQ,iBAAaqB,EACbvC,oBAAgBuC"}

package/cjs-bundle/components/OffsetWellPickerV2/OffsetWellPickerDialog.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),n=require("prop-types"),r=require("lodash"),i=require("@material-ui/core"),l=require("@material-ui/icons/Close"),a=require("@material-ui/core/styles"),o=require("@material-ui/core/useMediaQuery"),u=require("classnames"),c=require("./components/Filter/index.js"),d=require("./components/Map/index.js"),f=require("./components/Table/index.js"),m=require("./effects/index.js"),p=require("./utils/index.js"),b=require("./constants.js"),g=require("../LoadingIndicator/LoadingIndicator.js"),j=require("../../permissions/usePermissions.js"),h=require("../../permissions/constants/index.js");require("../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js"),require("../../permissions/PermissionsContext.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js");var y=require("../../effects/useGlobalOffsetWellsSync.js"),S=require("react/jsx-runtime"),q=require("./effects/biDirectionalFiltering.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=C(e),W=C(t),v=C(n),T=C(l),I=C(o),O=C(u);function k(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,n)}return s}function A(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?k(Object(s),!0).forEach((function(t){x.default(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):k(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var N=i.makeStyles((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),D=function(e){var t=e.isOpen,n=e.defaultSubjectWellId,l=e.companyId,o=e.offsetSetting,u=e.currentUser,C=e.addWellsUsabilityInfo,v=e.unusableWellAlarm,k=e.isAdvancedSearch,D=e.bestCount,E=e.maxOffsetSize,P=e.onClose,w=e.onSave,B=N(),M=a.useTheme(),F=I.default(M.breakpoints.down("sm")),L=j([h.PERMISSIONS.companySelectorView]),R=W.default(L,1)[0].active,z=s.useState(l||r.get(o,"companyId")||+r.get(u,"company_id")),U=W.default(z,2),_=U[0],G=U[1],K=s.useState(r.get(o,"subjectWellId")||n),V=W.default(K,2),H=V[0],Q=V[1];y.useGlobalOffsetWellsSync(o,w,E);var $=s.useState(r.get(o,"filters")||b.DEFAULT_SETTINGS.filters),J=W.default($,2),X=J[0],Y=J[1],Z=s.useState(r.get(o,"radius")||b.DEFAULT_SETTINGS.radius),ee=W.default(Z,2),te=ee[0],se=ee[1],ne=s.useState(r.get(o,"excludeSideTrack")||!1),re=W.default(ne,2),ie=re[0],le=re[1],ae=s.useState(r.get(o,"includeNonEngineeredWells")||!1),oe=W.default(ae,2),ue=oe[0],ce=oe[1],de=s.useState([]),fe=W.default(de,2),me=fe[0],pe=fe[1],be=s.useState(b.DEFAULT_SETTINGS.sortInfo),ge=W.default(be,2),je=ge[0],he=ge[1],ye=s.useState(!1),Se=W.default(ye,2),qe=Se[0],Ce=Se[1],xe=s.useState([]),We=W.default(xe,2),ve=We[0],Te=We[1];s.useEffect((function(){t&&(Te(r.get(o,"selectedWellIds")||[]),G(l||r.get(o,"companyId")||+r.get(u,"company_id")),Q(r.get(o,"subjectWellId")||n))}),[t,o]);var Ie=s.useMemo((function(){return!!H}),[H]),Oe=m.useCompanies(R,k&&n,_),ke=m.useWells(_,C),Ae=m.useCompanyMetricKey(_);s.useEffect((function(){pe((function(e){return Ae?[Ae]:e}))}),[Ae]);var Ne=q(X,ke),De=s.useMemo((function(){return p.getFilteredWells(X,ie,ke)}),[X,ie,ke]),Ee=s.useMemo((function(){return p.getFilteredWellsByNonEngineered(De,ue)}),[De,ue]),Pe=s.useMemo((function(){return Ee&&H?Ee.find((function(e){return e.id===H})):null}),[Ee,H]),we=m.useWellsWithCoords(De,Pe),Be=s.useMemo((function(){return p.getFilteredWellsByNonEngineered(we,!1)}),[we]),Me=ue?we:Be,Fe=we&&we.length!==Be.length;m.useRadiusWells(te,we,Te);var Le=m.useOffsetWells(te,ke,ve),Re=m.useMetricsData(_,Me),ze=W.default(Re,2),Ue=ze[0],_e=ze[1],Ge=s.useMemo((function(){return _e?r.orderBy(_e,je.key,1===je.direction?"asc":"desc"):_e}),[je,_e]),Ke=s.useCallback((function(e){G(e),Q(null),Te([]),Y(b.DEFAULT_SETTINGS.filters)}),[]),Ve=s.useCallback((function(e){var t=Ee.find((function(t){return t.id===e}));t&&t.is_usable&&Te(r.uniq(ve.concat(e)))}),[ve,Ee]),He=s.useCallback((function(e){Te(r.uniq(ve.filter((function(t){return t!==e}))))}),[ve]),Qe=s.useCallback((function(){Te(Ee.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Ee]),$e=s.useCallback((function(){Te([])}),[]),Je=s.useCallback((function(e){Te([]),Q(e)}),[ke]),Xe=s.useCallback((function(){Te([]),Q(null)}),[]),Ye=s.useCallback((function(e){se(e)}),[]),Ze=s.useCallback((function(e){le(e)}),[]),et=s.useCallback((function(e){e||Te((function(e){return e.filter((function(e){return Be.map((function(e){return e.id})).includes(e)}))})),ce(e)}),[Be]),tt=s.useCallback((function(e,t){Y((function(s){return A(A({},s),{},x.default({},e,t))})),Te([])}),[]),st=s.useCallback((function(){Y(A({},b.DEFAULT_SETTINGS.filters)),Te([])}),[]),nt=s.useCallback((function(){Ce((function(e){return!e}))}),[]),rt=s.useCallback((function(e){pe(e)}),[]),it=s.useCallback((function(e){he((function(t){return t.key===e?A(A({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),lt=function(){P()},at=!(ke&&Ee&&Me&&_e&&Le&&Ge);return S.jsxs(i.Dialog,{onBackdropClick:P,onEscapeKeyDown:P,maxWidth:"lg",fullWidth:!0,fullScreen:F,open:t,children:[S.jsx(i.DialogTitle,{children:S.jsxs("div",{className:B.dialogTitles,children:[k?S.jsxs("div",{className:B.titleArea,children:[S.jsx(i.Typography,{className:B.subTitle,onClick:lt,children:"Select Offset Wells"}),S.jsx(i.Typography,{className:B.subTitleSpace,children:" / "}),S.jsx(i.Typography,{className:B.title,children:"Advanced Search"})]}):S.jsx(i.Typography,{className:B.title,children:"Select Offset Wells"}),S.jsx(i.Tooltip,{title:"Close",children:S.jsx(i.IconButton,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:B.closeIconButton,onClick:P,children:S.jsx(T.default,{className:B.closeIcon})})})]})}),S.jsx(i.DialogContent,{className:B.dialogContent,children:at?S.jsx(g,{fullscreen:!1}):S.jsxs(S.Fragment,{children:[S.jsx(c,{companyId:_,companies:Oe,canViewCompanies:R,radius:te,excludeSideTrack:ie,includeNonEngineeredWells:ue,wells:Ee,subjectWell:Pe,filters:X,filtersOptions:Ne,mapHidden:qe,isRadiusEditable:Ie,isExistNonEngineeredWells:Fe,onChangeCompany:Ke,onSetSubjectWell:Je,onChangeRadius:Ye,onChangeSidetrack:Ze,onChangeNonEngineeredWells:et,onChangeFilters:tt,onClearFilters:st,onToggleMap:nt}),S.jsx(d,{subjectWell:Pe,wells:Ee,offsetWells:Le,radius:te,mapHidden:qe,onSetSubjectWell:Je,onRemoveSubjectWell:Xe,onAddOffsetWell:Ve,onDeleteOffsetWell:He}),S.jsx(f.default,{subjectWell:Pe,wells:Ge,offsetWells:Le,metricsKeys:me,sortInfo:je,isMetricsLoading:Ue,unusableWellAlarm:v,onChangeMetricsKeys:rt,onSorting:it,onAddOffsetWell:Ve,onDeleteOffsetWell:He,onAddAllOffsetWells:Qe,onDeleteAllOffsetWells:$e})]})}),S.jsx("div",{className:B.bottomShadow}),S.jsxs(i.DialogActions,{className:O.default(B.dialogActions,x.default({},B.dialogActionsSmallScreen,F)),children:[k?S.jsxs("div",{className:B.selectedWells,children:[S.jsx(i.Typography,{className:B.selected,children:"Selected:"}),S.jsx(i.Typography,{className:B.selectedLabel,children:"Best:"}),S.jsx(i.Typography,{className:B.selectedNumber,children:D}),S.jsx(i.Typography,{className:B.selectedLabel,children:"Advanced Search:"}),S.jsx(i.Typography,{className:B.selectedNumber,children:(null==Le?void 0:Le.length)||0})]}):S.jsx("div",{}),S.jsxs("div",{children:[S.jsx(i.Button,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:lt,color:"primary",style:{marginRight:16},children:"CANCEL"}),S.jsxs(i.Button,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=A(A({},o),{},{companyId:_,subjectWellId:H,radius:te,excludeSideTrack:ie,includeNonEngineeredWells:ue,filters:X,selectedWellIds:r.uniq(Le.map((function(e){return e.id})))});w(e,Le)},children:["ADD (",(null==Le?void 0:Le.length)||0,")"]})]})]})]})};D.propTypes={isOpen:v.default.bool.isRequired,defaultSubjectWellId:v.default.number,companyId:v.default.number,offsetSetting:v.default.shape({}).isRequired,currentUser:v.default.shape({}).isRequired,addWellsUsabilityInfo:v.default.func,unusableWellAlarm:v.default.string,isAdvancedSearch:v.default.bool,bestCount:v.default.number,maxOffsetSize:v.default.number,onSave:v.default.func.isRequired,onClose:v.default.func.isRequired},D.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0,maxOffsetSize:1e3};var E=s.memo(D);module.exports=E;
+"use strict";var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),s=require("react"),n=require("prop-types"),r=require("lodash"),i=require("@material-ui/core"),l=require("@material-ui/icons/Close"),a=require("@material-ui/core/styles"),o=require("@material-ui/core/useMediaQuery"),u=require("classnames"),c=require("./components/Filter/index.js"),d=require("./components/Map/index.js"),f=require("./components/Table/index.js"),m=require("./effects/index.js"),p=require("./utils/index.js"),b=require("./constants.js"),g=require("../LoadingIndicator/LoadingIndicator.js"),j=require("../../permissions/usePermissions.js"),y=require("../../permissions/constants/index.js");require("../../permissions/withPermissionsHOC.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("../../clients/jsonApi/index.js"),require("../../permissions/ProvidePermissions.js"),require("../../permissions/PermissionsContext.js"),require("../../clients/subscriptions/constants.js"),require("querystring"),require("uuid/v1"),require("../../clients/subscriptions.v1.js"),require("../../clients/subscriptions/subscriptions-client.factory.js"),require("immutable"),require("query-string"),require("../../constants/goals.js"),require("../../constants/segment.js"),require("../../constants/alerts.js"),require("../../constants/apps.js"),require("../../constants/drillstring.js"),require("../../constants/completion.js"),require("../../constants/appPackages.js"),require("../../constants/notifications.js"),require("../../constants/feed.js"),require("../../constants/bha.js"),require("../../constants/corvaCompanyId.js"),require("../GradientManager/configuration/constants.js"),require("../../utils/index.js"),require("uuid"),require("jsona"),require("../../utils/env.js"),require("../StatusBadge/constants.js"),require("@babel/runtime/helpers/toConsumableArray"),require("lodash/set"),require("lodash/get"),require("lodash/unset"),require("moment"),require("../../clients/api/apiCore.js"),require("../../clients/constants.js"),require("../../clients/sso/auth0.js"),require("../../clients/sso/oauth2.js"),require("lodash/isEmpty"),require("lodash/sortBy"),require("../../constants/streamSourceType.js"),require("../DevCenter/DevCenterAppContainer/components/CommentsSwitch/CommentsSwitchContext.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsProvider.js"),require("../../componentsV2/AppCommonsProvider/AppCommonsContext.js");var h=require("../../effects/useGlobalOffsetWellsSync.js"),q=require("react/jsx-runtime"),S=require("./effects/biDirectionalFiltering.js");function C(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var x=C(e),W=C(t),v=C(n),T=C(l),I=C(o),O=C(u);function k(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,n)}return s}function A(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{};t%2?k(Object(s),!0).forEach((function(t){x.default(e,t,s[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(s)):k(Object(s)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(s,t))}))}return e}var N=i.makeStyles((function(e){return{dialogTitles:{display:"flex",justifyContent:"space-between",alignItems:"center"},title:{fontSize:20},subTitle:{fontSize:14,color:"#03BCD4","&:hover":{cursor:"pointer",textDecoration:"underline"}},subTitleSpace:{fontSize:14,color:"#03BCD4"},titleArea:{display:"flex",alignItems:"center"},closeIconButton:{fontSize:20,padding:4,"&:hover $closeIcon":{color:"#fff"}},closeIcon:{color:"#BDBDBD"},dialogActions:{justifyContent:"space-between",paddingTop:8,paddingBottom:8},bottomShadow:{width:"100%",height:"16px",backgroundImage:"linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ".concat(e.palette.background.b9,")"),position:"absolute",bottom:"52px",zIndex:2},dialogActionsSmallScreen:{paddingRight:"100px"},dialogContent:{display:"flex",flexDirection:"column"},tabs:{background:"#414141"},selectedWells:{display:"flex",alignItems:"center"},selected:{fontSize:16},selectedLabel:{fontSize:12,marginLeft:14,color:"rgba(255, 255, 255, 0.54)"},selectedNumber:{fontSize:12,margin:4,color:"rgba(255, 255, 255, 0.8)"}}})),D=function(e){var t=e.isOpen,n=e.defaultSubjectWellId,l=e.companyId,o=e.offsetSetting,u=e.currentUser,C=e.addWellsUsabilityInfo,v=e.unusableWellAlarm,k=e.isAdvancedSearch,D=e.bestCount,E=e.maxOffsetSize,P=e.onClose,w=e.onSave,B=N(),M=a.useTheme(),F=I.default(M.breakpoints.down("sm")),L=j([y.PERMISSIONS.companySelectorView]),R=W.default(L,1)[0].active,z=s.useState(l||r.get(o,"companyId")||+r.get(u,"company_id")),U=W.default(z,2),_=U[0],G=U[1],K=s.useState(r.get(o,"subjectWellId")||n),V=W.default(K,2),H=V[0],Q=V[1];h.useGlobalOffsetWellsSync(o,w,E);var $=s.useState(r.get(o,"filters")||b.DEFAULT_SETTINGS.filters),J=W.default($,2),X=J[0],Y=J[1],Z=s.useState(r.get(o,"radius")||b.DEFAULT_SETTINGS.radius),ee=W.default(Z,2),te=ee[0],se=ee[1],ne=s.useState(r.get(o,"excludeSideTrack")||!1),re=W.default(ne,2),ie=re[0],le=re[1],ae=s.useState(r.get(o,"includeNonEngineeredWells")||!1),oe=W.default(ae,2),ue=oe[0],ce=oe[1],de=s.useState([]),fe=W.default(de,2),me=fe[0],pe=fe[1],be=s.useState(b.DEFAULT_SETTINGS.sortInfo),ge=W.default(be,2),je=ge[0],ye=ge[1],he=s.useState(!1),qe=W.default(he,2),Se=qe[0],Ce=qe[1],xe=s.useState([]),We=W.default(xe,2),ve=We[0],Te=We[1];s.useEffect((function(){t&&(Te(r.get(o,"selectedWellIds")||[]),G(l||r.get(o,"companyId")||+r.get(u,"company_id")),Q(r.get(o,"subjectWellId")||n))}),[t,o]);var Ie=s.useMemo((function(){return!!H}),[H]),Oe=m.useCompanies(R,k&&n,_),ke=m.useWells(_,C),Ae=m.useCompanyMetricKey(_);s.useEffect((function(){pe((function(e){return Ae?[Ae]:e}))}),[Ae]);var Ne=S(X,ke),De=s.useMemo((function(){return p.getFilteredWells(X,ie,ke)}),[X,ie,ke]),Ee=s.useMemo((function(){return p.getFilteredWellsByNonEngineered(De,ue)}),[De,ue]),Pe=s.useMemo((function(){return Ee&&H?Ee.find((function(e){return e.id===H})):null}),[Ee,H]),we=m.useWellsWithCoords(De,Pe),Be=s.useMemo((function(){return p.getFilteredWellsByNonEngineered(we,!1)}),[we]),Me=ue?we:Be,Fe=we&&we.length!==Be.length;m.useRadiusWells(te,we,Te);var Le=m.useOffsetWells(te,ke,ve),Re=m.useMetricsData(_,Me),ze=W.default(Re,2),Ue=ze[0],_e=ze[1],Ge=s.useMemo((function(){return _e?r.orderBy(_e,je.key,1===je.direction?"asc":"desc"):_e}),[je,_e]),Ke=s.useCallback((function(e){G(e),Q(null),Te([]),Y(b.DEFAULT_SETTINGS.filters)}),[]),Ve=s.useCallback((function(e){var t=Ee.find((function(t){return t.id===e}));t&&t.is_usable&&Te(r.uniq(ve.concat(e)))}),[ve,Ee]),He=s.useCallback((function(e){Te(r.uniq(ve.filter((function(t){return t!==e}))))}),[ve]),Qe=s.useCallback((function(){Te(Ee.filter((function(e){return e.is_usable})).map((function(e){return e.id})))}),[Ee]),$e=s.useCallback((function(){Te([])}),[]),Je=s.useCallback((function(e){Te([]),Q(e)}),[ke]),Xe=s.useCallback((function(){Te([]),Q(null)}),[]),Ye=s.useCallback((function(e){se(e)}),[]),Ze=s.useCallback((function(e){le(e)}),[]),et=s.useCallback((function(e){e||Te((function(e){return e.filter((function(e){return Be.map((function(e){return e.id})).includes(e)}))})),ce(e)}),[Be]),tt=s.useCallback((function(e,t){Y((function(s){return A(A({},s),{},x.default({},e,t))})),Te([])}),[]),st=s.useCallback((function(){Y(A({},b.DEFAULT_SETTINGS.filters)),Te([])}),[]),nt=s.useCallback((function(){Ce((function(e){return!e}))}),[]),rt=s.useCallback((function(e){pe(e)}),[]),it=s.useCallback((function(e){ye((function(t){return t.key===e?A(A({},t),{},{direction:-1*t.direction}):{key:e,direction:1}}))}),[]),lt=function(){P()},at=!(ke&&Ee&&Me&&_e&&Le&&Ge);return q.jsxs(i.Dialog,{onBackdropClick:P,onEscapeKeyDown:P,maxWidth:"lg",fullWidth:!0,fullScreen:F,open:t,children:[q.jsx(i.DialogTitle,{children:q.jsxs("div",{className:B.dialogTitles,children:[k?q.jsxs("div",{className:B.titleArea,children:[q.jsx(i.Typography,{className:B.subTitle,onClick:lt,children:"Select Offset Wells"}),q.jsx(i.Typography,{className:B.subTitleSpace,children:" / "}),q.jsx(i.Typography,{className:B.title,children:"Advanced Search"})]}):q.jsx(i.Typography,{className:B.title,children:"Select Offset Wells"}),q.jsx(i.Tooltip,{title:"Close",children:q.jsx(i.IconButton,{"data-not-migrated-muiiconbutton":!0,"aria-label":"close",className:B.closeIconButton,onClick:P,children:q.jsx(T.default,{className:B.closeIcon})})})]})}),q.jsx(i.DialogContent,{className:B.dialogContent,children:at?q.jsx(g,{fullscreen:!1}):q.jsxs(q.Fragment,{children:[q.jsx(c,{companyId:_,companies:Oe,canViewCompanies:R,radius:te,excludeSideTrack:ie,includeNonEngineeredWells:ue,wells:Ee,subjectWell:Pe,filters:X,filtersOptions:Ne,mapHidden:Se,isRadiusEditable:Ie,isExistNonEngineeredWells:Fe,onChangeCompany:Ke,onSetSubjectWell:Je,onChangeRadius:Ye,onChangeSidetrack:Ze,onChangeNonEngineeredWells:et,onChangeFilters:tt,onClearFilters:st,onToggleMap:nt}),q.jsx(d,{subjectWell:Pe,wells:Ee,offsetWells:Le,radius:te,mapHidden:Se,onSetSubjectWell:Je,onRemoveSubjectWell:Xe,onAddOffsetWell:Ve,onDeleteOffsetWell:He}),q.jsx(f.default,{subjectWell:Pe,wells:Ge,offsetWells:Le,metricsKeys:me,sortInfo:je,isMetricsLoading:Ue,unusableWellAlarm:v,onChangeMetricsKeys:rt,onSorting:it,onAddOffsetWell:Ve,onDeleteOffsetWell:He,onAddAllOffsetWells:Qe,onDeleteAllOffsetWells:$e})]})}),q.jsx("div",{className:B.bottomShadow}),q.jsxs(i.DialogActions,{className:O.default(B.dialogActions,x.default({},B.dialogActionsSmallScreen,F)),children:[k?q.jsxs("div",{className:B.selectedWells,children:[q.jsx(i.Typography,{className:B.selected,children:"Selected:"}),q.jsx(i.Typography,{className:B.selectedLabel,children:"Best:"}),q.jsx(i.Typography,{className:B.selectedNumber,children:D}),q.jsx(i.Typography,{className:B.selectedLabel,children:"Advanced Search:"}),q.jsx(i.Typography,{className:B.selectedNumber,children:(null==Le?void 0:Le.length)||0})]}):q.jsx("div",{}),q.jsxs("div",{children:[q.jsx(i.Button,{"data-testid":"".concat("OffsetsPickerDialog","_cancel"),onClick:lt,color:"primary",style:{marginRight:16},children:"CANCEL"}),q.jsxs(i.Button,{"data-testid":"".concat("OffsetsPickerDialog","_add"),variant:"contained",color:"primary",onClick:function(){var e=A(A({},o),{},{companyId:_,subjectWellId:H,radius:te,excludeSideTrack:ie,includeNonEngineeredWells:ue,filters:X,selectedWellIds:r.uniq(Le.map((function(e){return e.id})))});w(e,Le)},children:["ADD (",(null==Le?void 0:Le.length)||0,")"]})]})]})]})};D.propTypes={isOpen:v.default.bool.isRequired,defaultSubjectWellId:v.default.number,companyId:v.default.number,offsetSetting:v.default.shape({}).isRequired,currentUser:v.default.shape({}).isRequired,addWellsUsabilityInfo:v.default.func,unusableWellAlarm:v.default.string,isAdvancedSearch:v.default.bool,bestCount:v.default.number,maxOffsetSize:v.default.number,onSave:v.default.func.isRequired,onClose:v.default.func.isRequired},D.defaultProps={defaultSubjectWellId:null,companyId:null,addWellsUsabilityInfo:null,unusableWellAlarm:"Unable to add",isAdvancedSearch:!1,bestCount:0,maxOffsetSize:1e3};var E=s.memo(D);module.exports=E;
 //# sourceMappingURL=OffsetWellPickerDialog.js.map

package/cjs-bundle/components/OffsetWellPickerV2/OffsetWellPickerDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"OffsetWellPickerDialog.js","sources":["../../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"sourcesContent":["import { memo, useState, useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniq, orderBy, get } from 'lodash';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport classnames from 'classnames';\n\nimport Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\nimport {\n  useCompanies,\n  useCompanyMetricKey,\n  useWells,\n  useWellsWithCoords,\n  useOffsetWells,\n  useBidirectionalFiltering,\n  useMetricsData,\n  useRadiusWells,\n} from './effects';\nimport { getFilteredWells, getFilteredWellsByNonEngineered } from './utils';\nimport { DEFAULT_SETTINGS } from './constants';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport { useGlobalOffsetWellsSync } from '~/effects';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitles: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 20,\n  },\n  subTitle: {\n    fontSize: 14,\n    color: '#03BCD4',\n    '&:hover': {\n      cursor: 'pointer',\n      textDecoration: 'underline',\n    },\n  },\n  subTitleSpace: {\n    fontSize: 14,\n    color: '#03BCD4',\n  },\n  titleArea: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: '#BDBDBD',\n  },\n  dialogActions: {\n    justifyContent: 'space-between',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  tabs: {\n    background: '#414141',\n  },\n  selectedWells: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  selected: {\n    fontSize: 16,\n  },\n  selectedLabel: {\n    fontSize: 12,\n    marginLeft: 14,\n    color: 'rgba(255, 255, 255, 0.54)',\n  },\n  selectedNumber: {\n    fontSize: 12,\n    margin: 4,\n    color: 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\nconst OffsetsPickerDialog = ({\n  isOpen,\n  defaultSubjectWellId,\n  companyId,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n  isAdvancedSearch,\n  bestCount,\n  maxOffsetSize,\n  onClose,\n  onSave,\n}) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n  const [{ active: canViewCompanies }] = usePermissions([PERMISSIONS.companySelectorView]);\n\n  const [assetCompanyId, setAssetCompanyId] = useState(\n    companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(offsetSetting, 'subjectWellId') || defaultSubjectWellId\n  );\n\n  useGlobalOffsetWellsSync(offsetSetting, onSave, maxOffsetSize, subjectWellId);\n  const [filters, setFilters] = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters);\n  const [radius, setRadius] = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius);\n  const [excludeSideTrack, setExcludeSideTrack] = useState(\n    get(offsetSetting, 'excludeSideTrack') || false\n  );\n  const [includeNonEngineeredWells, setIncludeNonEngineeredWells] = useState(\n    get(offsetSetting, 'includeNonEngineeredWells') || false\n  );\n  const [metricsKeys, setMetricsKeys] = useState([]);\n  const [sortInfo, setSortInfo] = useState(DEFAULT_SETTINGS.sortInfo);\n  const [mapHidden, setMapHidden] = useState(false);\n  const [selectedWellIds, setSelectedWellIds] = useState([]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);\n      setAssetCompanyId(\n        companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);\n    }\n  }, [isOpen, offsetSetting]);\n\n  const isRadiusEditable = useMemo(() => {\n    return !!subjectWellId;\n  }, [subjectWellId]);\n\n  // NOTE: Fetch all companies\n  const companies = useCompanies(\n    canViewCompanies,\n    isAdvancedSearch && defaultSubjectWellId,\n    assetCompanyId\n  );\n\n  // NOTE: fetch all wells for the currently selected company\n  const wells = useWells(assetCompanyId, addWellsUsabilityInfo);\n\n  // Note: fetch company metric key\n  const companyMetricKey = useCompanyMetricKey(assetCompanyId);\n\n  useEffect(() => {\n    setMetricsKeys(prev => {\n      return companyMetricKey ? [companyMetricKey] : prev;\n    });\n  }, [companyMetricKey]);\n\n  // NOTE: Get available options for every filters\n  const filtersOptions = useBidirectionalFiltering(filters, wells);\n\n  // NOTE: Filter wells by target formation, string design, program, basin, county, area\n  const initialFilteredWells = useMemo(\n    () => getFilteredWells(filters, excludeSideTrack, wells),\n    [filters, excludeSideTrack, wells]\n  );\n\n  const filteredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells),\n    [initialFilteredWells, includeNonEngineeredWells]\n  );\n\n  // NOTE: get subject well from id\n  const subjectWell = useMemo(() => {\n    return filteredWells && subjectWellId\n      ? filteredWells.find(well => well.id === subjectWellId)\n      : null;\n  }, [filteredWells, subjectWellId]);\n\n  // NOTE: All matched wells regardless of is_usable field\n  const filteredWellsWithCoords = useWellsWithCoords(initialFilteredWells, subjectWell);\n\n  const engineeredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(filteredWellsWithCoords, false),\n    [filteredWellsWithCoords]\n  );\n  const filteredWellsByNonEngineered = includeNonEngineeredWells\n    ? filteredWellsWithCoords\n    : engineeredWells;\n  const isExistNonEngineeredWells =\n    filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;\n\n  // NOTE: Update selectedWellIds by radius\n  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds);\n\n  // NOTE: Get offset wells (only usable wells)\n  const offsetWells = useOffsetWells(radius, wells, selectedWellIds);\n\n  // NOTE: Fetch metrics for all filtered wells\n  const [isMetricsLoading, filteredWellsWithMetric] = useMetricsData(\n    assetCompanyId,\n    filteredWellsByNonEngineered\n  );\n\n  // NOTE: Sort wells by focused metric\n  const sortedFilteredWells = useMemo(() => {\n    if (!filteredWellsWithMetric) {\n      return filteredWellsWithMetric;\n    }\n\n    return orderBy(\n      filteredWellsWithMetric,\n      sortInfo.key,\n      sortInfo.direction === 1 ? 'asc' : 'desc'\n    );\n  }, [sortInfo, filteredWellsWithMetric]);\n\n  const handleChangeCompany = useCallback(newCompanyId => {\n    setAssetCompanyId(newCompanyId);\n    setSubjectWellId(null);\n    setSelectedWellIds([]);\n    setFilters(DEFAULT_SETTINGS.filters);\n  }, []);\n\n  const handleAddOffsetWell = useCallback(\n    targetId => {\n      // Do not allow to add unusuable wells\n      const currentWell = filteredWells.find(well => well.id === targetId);\n      if (!currentWell || !currentWell.is_usable) {\n        return;\n      }\n\n      setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));\n    },\n    [selectedWellIds, filteredWells]\n  );\n\n  const handleDeleteOffsetWell = useCallback(\n    targetId => {\n      setSelectedWellIds(uniq(selectedWellIds.filter(wellId => wellId !== targetId)));\n    },\n    [selectedWellIds]\n  );\n\n  const handleAddAllOffsetWells = useCallback(() => {\n    setSelectedWellIds(filteredWells.filter(well => well.is_usable).map(well => well.id));\n  }, [filteredWells]);\n\n  const handleDeleteAllOffsetWells = useCallback(() => {\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleSetSubjectWell = useCallback(\n    targetId => {\n      setSelectedWellIds([]);\n      setSubjectWellId(targetId);\n    },\n    [wells]\n  );\n\n  const handleRemoveSubjectWell = useCallback(() => {\n    setSelectedWellIds([]);\n    setSubjectWellId(null);\n  }, []);\n\n  const handleChangeRadius = useCallback(newRadius => {\n    setRadius(newRadius);\n  }, []);\n\n  const handleChangeSidetrack = useCallback(checked => {\n    setExcludeSideTrack(checked);\n  }, []);\n\n  const handleChangeNonEngineeredWells = useCallback(\n    checked => {\n      if (!checked)\n        setSelectedWellIds(prev =>\n          prev.filter(item => engineeredWells.map(well => well.id).includes(item))\n        );\n      setIncludeNonEngineeredWells(checked);\n    },\n    [engineeredWells]\n  );\n\n  const handleChangeFilters = useCallback((key, newValues) => {\n    setFilters(prev => ({ ...prev, [key]: newValues }));\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleClearFilters = useCallback(() => {\n    setFilters({ ...DEFAULT_SETTINGS.filters });\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleToggleMap = useCallback(() => {\n    setMapHidden(value => !value);\n  }, []);\n\n  const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n    setMetricsKeys(newMetricsKeys);\n  }, []);\n\n  // NOTE: Use column index to determine which metric is used for sorting\n  const handleSorting = useCallback(newKey => {\n    setSortInfo(prevInfo => {\n      return prevInfo.key === newKey\n        ? {\n            ...prevInfo,\n            direction: prevInfo.direction * -1,\n          }\n        : {\n            key: newKey,\n            direction: 1,\n          };\n    });\n  }, []);\n\n  const handleClose = () => {\n    onClose();\n  };\n\n  const handleSave = () => {\n    const setting = {\n      ...offsetSetting,\n      companyId: assetCompanyId,\n      subjectWellId,\n      radius,\n      excludeSideTrack,\n      includeNonEngineeredWells,\n      filters,\n      selectedWellIds: uniq(offsetWells.map(offsetWell => offsetWell.id)),\n    };\n\n    onSave(setting, offsetWells);\n  };\n\n  const isLoading =\n    !wells ||\n    !filteredWells ||\n    !filteredWellsByNonEngineered ||\n    !filteredWellsWithMetric ||\n    !offsetWells ||\n    !sortedFilteredWells;\n\n  return (\n    <Dialog\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      maxWidth=\"lg\"\n      fullWidth\n      fullScreen={isFullScreen}\n      open={isOpen}\n    >\n      <DialogTitle>\n        <div className={classes.dialogTitles}>\n          {!isAdvancedSearch ? (\n            <Typography className={classes.title}>Select Offset Wells</Typography>\n          ) : (\n            <div className={classes.titleArea}>\n              <Typography className={classes.subTitle} onClick={handleClose}>\n                Select Offset Wells\n              </Typography>\n              <Typography className={classes.subTitleSpace}>&nbsp;/&nbsp;</Typography>\n              <Typography className={classes.title}>Advanced Search</Typography>\n            </div>\n          )}\n          <Tooltip title=\"Close\">\n            <IconButton\n              data-not-migrated-muiiconbutton\n              aria-label=\"close\"\n              className={classes.closeIconButton}\n              onClick={onClose}\n            >\n              <CloseIcon className={classes.closeIcon} />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        {!isLoading ? (\n          <>\n            <Filter\n              companyId={assetCompanyId}\n              companies={companies}\n              canViewCompanies={canViewCompanies}\n              radius={radius}\n              excludeSideTrack={excludeSideTrack}\n              includeNonEngineeredWells={includeNonEngineeredWells}\n              wells={filteredWells}\n              subjectWell={subjectWell}\n              filters={filters}\n              filtersOptions={filtersOptions}\n              mapHidden={mapHidden}\n              isRadiusEditable={isRadiusEditable}\n              isExistNonEngineeredWells={isExistNonEngineeredWells}\n              onChangeCompany={handleChangeCompany}\n              onSetSubjectWell={handleSetSubjectWell}\n              onChangeRadius={handleChangeRadius}\n              onChangeSidetrack={handleChangeSidetrack}\n              onChangeNonEngineeredWells={handleChangeNonEngineeredWells}\n              onChangeFilters={handleChangeFilters}\n              onClearFilters={handleClearFilters}\n              onToggleMap={handleToggleMap}\n            />\n            <WellsMap\n              subjectWell={subjectWell}\n              wells={filteredWells}\n              offsetWells={offsetWells}\n              radius={radius}\n              mapHidden={mapHidden}\n              onSetSubjectWell={handleSetSubjectWell}\n              onRemoveSubjectWell={handleRemoveSubjectWell}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n            />\n\n            <WellsTable\n              subjectWell={subjectWell}\n              wells={sortedFilteredWells}\n              offsetWells={offsetWells}\n              metricsKeys={metricsKeys}\n              sortInfo={sortInfo}\n              isMetricsLoading={isMetricsLoading}\n              unusableWellAlarm={unusableWellAlarm}\n              onChangeMetricsKeys={handleChangeMetricsKeys}\n              onSorting={handleSorting}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n              onAddAllOffsetWells={handleAddAllOffsetWells}\n              onDeleteAllOffsetWells={handleDeleteAllOffsetWells}\n            />\n          </>\n        ) : (\n          <LoadingIndicator fullscreen={false} />\n        )}\n      </DialogContent>\n      <div className={classes.bottomShadow} />\n      <DialogActions\n        className={classnames(classes.dialogActions, {\n          [classes.dialogActionsSmallScreen]: isFullScreen,\n        })}\n      >\n        {isAdvancedSearch ? (\n          <div className={classes.selectedWells}>\n            <Typography className={classes.selected}>Selected:</Typography>\n            <Typography className={classes.selectedLabel}>Best:</Typography>\n            <Typography className={classes.selectedNumber}>{bestCount}</Typography>\n            <Typography className={classes.selectedLabel}>Advanced Search:</Typography>\n            <Typography className={classes.selectedNumber}>{offsetWells?.length || 0}</Typography>\n          </div>\n        ) : (\n          <div />\n        )}\n        <div>\n          <Button\n            data-testid={`${PAGE_NAME}_cancel`}\n            onClick={handleClose}\n            color=\"primary\"\n            style={{ marginRight: 16 }}\n          >\n            CANCEL\n          </Button>\n          <Button\n            data-testid={`${PAGE_NAME}_add`}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={handleSave}\n          >\n            ADD ({offsetWells?.length || 0})\n          </Button>\n        </div>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOffsetsPickerDialog.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  defaultSubjectWellId: PropTypes.number,\n  companyId: PropTypes.number,\n  offsetSetting: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  addWellsUsabilityInfo: PropTypes.func,\n  unusableWellAlarm: PropTypes.string,\n  isAdvancedSearch: PropTypes.bool,\n  bestCount: PropTypes.number,\n  maxOffsetSize: PropTypes.number,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nOffsetsPickerDialog.defaultProps = {\n  defaultSubjectWellId: null,\n  companyId: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  isAdvancedSearch: false,\n  bestCount: 0,\n  maxOffsetSize: 1000, // infinite\n};\n\nexport default memo(OffsetsPickerDialog);\n"],"names":["useStyles","makeStyles","theme","dialogTitles","display","justifyContent","alignItems","title","fontSize","subTitle","color","cursor","textDecoration","subTitleSpace","titleArea","closeIconButton","padding","closeIcon","dialogActions","paddingTop","paddingBottom","bottomShadow","width","height","backgroundImage","concat","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","_ref","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","maxOffsetSize","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","_usePermissions","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","_slicedToArray","active","_useState","useState","get","_useState2","assetCompanyId","setAssetCompanyId","_useState4","_useState3","subjectWellId","setSubjectWellId","useGlobalOffsetWellsSync","_useState5","DEFAULT_SETTINGS","filters","_useState6","setFilters","_useState7","radius","_useState8","setRadius","_useState10","_useState9","excludeSideTrack","setExcludeSideTrack","_useState12","_useState11","includeNonEngineeredWells","setIncludeNonEngineeredWells","_useState14","_useState13","metricsKeys","setMetricsKeys","_useState15","sortInfo","_useState16","setSortInfo","_useState18","_useState17","mapHidden","setMapHidden","_useState20","_useState19","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","initialFilteredWells","getFilteredWells","filteredWells","getFilteredWellsByNonEngineered","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","engineeredWells","filteredWellsByNonEngineered","isExistNonEngineeredWells","length","useRadiusWells","offsetWells","useOffsetWells","_useMetricsData","useMetricsData","_useMetricsData2","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","_objectSpread","_defineProperty","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","isLoading","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","maxWidth","fullWidth","fullScreen","open","children","_jsx","DialogTitle","jsxs","className","Typography","onClick","Tooltip","IconButton","CloseIcon","DialogContent","LoadingIndicator","fullscreen","_Fragment","Filter","onChangeCompany","onSetSubjectWell","onChangeRadius","onChangeSidetrack","onChangeNonEngineeredWells","onChangeFilters","onClearFilters","onToggleMap","WellsMap","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","WellsTable","onChangeMetricsKeys","onSorting","onAddAllOffsetWells","onDeleteAllOffsetWells","jsx","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"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"}
+{"version":3,"file":"OffsetWellPickerDialog.js","sources":["../../../../src/components/OffsetWellPickerV2/OffsetWellPickerDialog.js"],"sourcesContent":["import { memo, useState, useCallback, useEffect, useMemo } from 'react';\nimport PropTypes from 'prop-types';\nimport { uniq, orderBy, get } from 'lodash';\nimport {\n  Button,\n  IconButton,\n  Typography,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  DialogActions,\n  Tooltip,\n  makeStyles,\n} from '@material-ui/core';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { useTheme } from '@material-ui/core/styles';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport classnames from 'classnames';\n\nimport Filter from './components/Filter';\nimport WellsMap from './components/Map';\nimport WellsTable from './components/Table';\nimport {\n  useCompanies,\n  useCompanyMetricKey,\n  useWells,\n  useWellsWithCoords,\n  useOffsetWells,\n  useBidirectionalFiltering,\n  useMetricsData,\n  useRadiusWells,\n} from './effects';\nimport { getFilteredWells, getFilteredWellsByNonEngineered } from './utils';\nimport { DEFAULT_SETTINGS } from './constants';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport { usePermissions, PERMISSIONS } from '~/permissions';\nimport { useGlobalOffsetWellsSync } from '~/effects';\n\nconst PAGE_NAME = 'OffsetsPickerDialog';\n\nconst useStyles = makeStyles(theme => ({\n  dialogTitles: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  },\n  title: {\n    fontSize: 20,\n  },\n  subTitle: {\n    fontSize: 14,\n    color: '#03BCD4',\n    '&:hover': {\n      cursor: 'pointer',\n      textDecoration: 'underline',\n    },\n  },\n  subTitleSpace: {\n    fontSize: 14,\n    color: '#03BCD4',\n  },\n  titleArea: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  closeIconButton: {\n    fontSize: 20,\n    padding: 4,\n    '&:hover $closeIcon': {\n      color: '#fff',\n    },\n  },\n  closeIcon: {\n    color: '#BDBDBD',\n  },\n  dialogActions: {\n    justifyContent: 'space-between',\n    paddingTop: 8,\n    paddingBottom: 8,\n  },\n  bottomShadow: {\n    width: '100%',\n    height: '16px',\n    backgroundImage: `linear-gradient(180deg, rgba(65, 65, 65, 0) 0%, ${theme.palette.background.b9})`,\n    position: 'absolute',\n    bottom: '52px',\n    zIndex: 2,\n  },\n  dialogActionsSmallScreen: {\n    paddingRight: '100px', // Intercom\n  },\n  dialogContent: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  tabs: {\n    background: '#414141',\n  },\n  selectedWells: {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  selected: {\n    fontSize: 16,\n  },\n  selectedLabel: {\n    fontSize: 12,\n    marginLeft: 14,\n    color: 'rgba(255, 255, 255, 0.54)',\n  },\n  selectedNumber: {\n    fontSize: 12,\n    margin: 4,\n    color: 'rgba(255, 255, 255, 0.8)',\n  },\n}));\n\nconst OffsetsPickerDialog = ({\n  isOpen,\n  defaultSubjectWellId,\n  companyId,\n  offsetSetting,\n  currentUser,\n  addWellsUsabilityInfo,\n  unusableWellAlarm,\n  isAdvancedSearch,\n  bestCount,\n  maxOffsetSize,\n  onClose,\n  onSave,\n}) => {\n  const classes = useStyles();\n  const theme = useTheme();\n  const isFullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n  const [{ active: canViewCompanies }] = usePermissions([PERMISSIONS.companySelectorView]);\n\n  const [assetCompanyId, setAssetCompanyId] = useState(\n    companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n  );\n  const [subjectWellId, setSubjectWellId] = useState(\n    get(offsetSetting, 'subjectWellId') || defaultSubjectWellId\n  );\n\n  useGlobalOffsetWellsSync(offsetSetting, onSave, maxOffsetSize, subjectWellId);\n  const [filters, setFilters] = useState(get(offsetSetting, 'filters') || DEFAULT_SETTINGS.filters);\n  const [radius, setRadius] = useState(get(offsetSetting, 'radius') || DEFAULT_SETTINGS.radius);\n  const [excludeSideTrack, setExcludeSideTrack] = useState(\n    get(offsetSetting, 'excludeSideTrack') || false\n  );\n  const [includeNonEngineeredWells, setIncludeNonEngineeredWells] = useState(\n    get(offsetSetting, 'includeNonEngineeredWells') || false\n  );\n  const [metricsKeys, setMetricsKeys] = useState([]);\n  const [sortInfo, setSortInfo] = useState(DEFAULT_SETTINGS.sortInfo);\n  const [mapHidden, setMapHidden] = useState(false);\n  const [selectedWellIds, setSelectedWellIds] = useState([]);\n\n  useEffect(() => {\n    if (isOpen) {\n      setSelectedWellIds(get(offsetSetting, 'selectedWellIds') || []);\n      setAssetCompanyId(\n        companyId || get(offsetSetting, 'companyId') || +get(currentUser, 'company_id')\n      );\n      setSubjectWellId(get(offsetSetting, 'subjectWellId') || defaultSubjectWellId);\n    }\n  }, [isOpen, offsetSetting]);\n\n  const isRadiusEditable = useMemo(() => {\n    return !!subjectWellId;\n  }, [subjectWellId]);\n\n  // NOTE: Fetch all companies\n  const companies = useCompanies(\n    canViewCompanies,\n    isAdvancedSearch && defaultSubjectWellId,\n    assetCompanyId\n  );\n\n  // NOTE: fetch all wells for the currently selected company\n  const wells = useWells(assetCompanyId, addWellsUsabilityInfo);\n\n  // Note: fetch company metric key\n  const companyMetricKey = useCompanyMetricKey(assetCompanyId);\n\n  useEffect(() => {\n    setMetricsKeys(prev => {\n      return companyMetricKey ? [companyMetricKey] : prev;\n    });\n  }, [companyMetricKey]);\n\n  // NOTE: Get available options for every filters\n  const filtersOptions = useBidirectionalFiltering(filters, wells);\n\n  // NOTE: Filter wells by target formation, string design, program, basin, county, area\n  const initialFilteredWells = useMemo(\n    () => getFilteredWells(filters, excludeSideTrack, wells),\n    [filters, excludeSideTrack, wells]\n  );\n\n  const filteredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(initialFilteredWells, includeNonEngineeredWells),\n    [initialFilteredWells, includeNonEngineeredWells]\n  );\n\n  // NOTE: get subject well from id\n  const subjectWell = useMemo(() => {\n    return filteredWells && subjectWellId\n      ? filteredWells.find(well => well.id === subjectWellId)\n      : null;\n  }, [filteredWells, subjectWellId]);\n\n  // NOTE: All matched wells regardless of is_usable field\n  const filteredWellsWithCoords = useWellsWithCoords(initialFilteredWells, subjectWell);\n\n  const engineeredWells = useMemo(\n    () => getFilteredWellsByNonEngineered(filteredWellsWithCoords, false),\n    [filteredWellsWithCoords]\n  );\n  const filteredWellsByNonEngineered = includeNonEngineeredWells\n    ? filteredWellsWithCoords\n    : engineeredWells;\n  const isExistNonEngineeredWells =\n    filteredWellsWithCoords && filteredWellsWithCoords.length !== engineeredWells.length;\n\n  // NOTE: Update selectedWellIds by radius\n  useRadiusWells(radius, filteredWellsWithCoords, setSelectedWellIds);\n\n  // NOTE: Get offset wells (only usable wells)\n  const offsetWells = useOffsetWells(radius, wells, selectedWellIds);\n\n  // NOTE: Fetch metrics for all filtered wells\n  const [isMetricsLoading, filteredWellsWithMetric] = useMetricsData(\n    assetCompanyId,\n    filteredWellsByNonEngineered\n  );\n\n  // NOTE: Sort wells by focused metric\n  const sortedFilteredWells = useMemo(() => {\n    if (!filteredWellsWithMetric) {\n      return filteredWellsWithMetric;\n    }\n\n    return orderBy(\n      filteredWellsWithMetric,\n      sortInfo.key,\n      sortInfo.direction === 1 ? 'asc' : 'desc'\n    );\n  }, [sortInfo, filteredWellsWithMetric]);\n\n  const handleChangeCompany = useCallback(newCompanyId => {\n    setAssetCompanyId(newCompanyId);\n    setSubjectWellId(null);\n    setSelectedWellIds([]);\n    setFilters(DEFAULT_SETTINGS.filters);\n  }, []);\n\n  const handleAddOffsetWell = useCallback(\n    targetId => {\n      // Do not allow to add unusuable wells\n      const currentWell = filteredWells.find(well => well.id === targetId);\n      if (!currentWell || !currentWell.is_usable) {\n        return;\n      }\n\n      setSelectedWellIds(uniq(selectedWellIds.concat(targetId)));\n    },\n    [selectedWellIds, filteredWells]\n  );\n\n  const handleDeleteOffsetWell = useCallback(\n    targetId => {\n      setSelectedWellIds(uniq(selectedWellIds.filter(wellId => wellId !== targetId)));\n    },\n    [selectedWellIds]\n  );\n\n  const handleAddAllOffsetWells = useCallback(() => {\n    setSelectedWellIds(filteredWells.filter(well => well.is_usable).map(well => well.id));\n  }, [filteredWells]);\n\n  const handleDeleteAllOffsetWells = useCallback(() => {\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleSetSubjectWell = useCallback(\n    targetId => {\n      setSelectedWellIds([]);\n      setSubjectWellId(targetId);\n    },\n    [wells]\n  );\n\n  const handleRemoveSubjectWell = useCallback(() => {\n    setSelectedWellIds([]);\n    setSubjectWellId(null);\n  }, []);\n\n  const handleChangeRadius = useCallback(newRadius => {\n    setRadius(newRadius);\n  }, []);\n\n  const handleChangeSidetrack = useCallback(checked => {\n    setExcludeSideTrack(checked);\n  }, []);\n\n  const handleChangeNonEngineeredWells = useCallback(\n    checked => {\n      if (!checked)\n        setSelectedWellIds(prev =>\n          prev.filter(item => engineeredWells.map(well => well.id).includes(item))\n        );\n      setIncludeNonEngineeredWells(checked);\n    },\n    [engineeredWells]\n  );\n\n  const handleChangeFilters = useCallback((key, newValues) => {\n    setFilters(prev => ({ ...prev, [key]: newValues }));\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleClearFilters = useCallback(() => {\n    setFilters({ ...DEFAULT_SETTINGS.filters });\n    setSelectedWellIds([]);\n  }, []);\n\n  const handleToggleMap = useCallback(() => {\n    setMapHidden(value => !value);\n  }, []);\n\n  const handleChangeMetricsKeys = useCallback(newMetricsKeys => {\n    setMetricsKeys(newMetricsKeys);\n  }, []);\n\n  // NOTE: Use column index to determine which metric is used for sorting\n  const handleSorting = useCallback(newKey => {\n    setSortInfo(prevInfo => {\n      return prevInfo.key === newKey\n        ? {\n            ...prevInfo,\n            direction: prevInfo.direction * -1,\n          }\n        : {\n            key: newKey,\n            direction: 1,\n          };\n    });\n  }, []);\n\n  const handleClose = () => {\n    onClose();\n  };\n\n  const handleSave = () => {\n    const setting = {\n      ...offsetSetting,\n      companyId: assetCompanyId,\n      subjectWellId,\n      radius,\n      excludeSideTrack,\n      includeNonEngineeredWells,\n      filters,\n      selectedWellIds: uniq(offsetWells.map(offsetWell => offsetWell.id)),\n    };\n\n    onSave(setting, offsetWells);\n  };\n\n  const isLoading =\n    !wells ||\n    !filteredWells ||\n    !filteredWellsByNonEngineered ||\n    !filteredWellsWithMetric ||\n    !offsetWells ||\n    !sortedFilteredWells;\n\n  return (\n    <Dialog\n      onBackdropClick={onClose}\n      onEscapeKeyDown={onClose}\n      maxWidth=\"lg\"\n      fullWidth\n      fullScreen={isFullScreen}\n      open={isOpen}\n    >\n      <DialogTitle>\n        <div className={classes.dialogTitles}>\n          {!isAdvancedSearch ? (\n            <Typography className={classes.title}>Select Offset Wells</Typography>\n          ) : (\n            <div className={classes.titleArea}>\n              <Typography className={classes.subTitle} onClick={handleClose}>\n                Select Offset Wells\n              </Typography>\n              <Typography className={classes.subTitleSpace}>&nbsp;/&nbsp;</Typography>\n              <Typography className={classes.title}>Advanced Search</Typography>\n            </div>\n          )}\n          <Tooltip title=\"Close\">\n            <IconButton\n              data-not-migrated-muiiconbutton\n              aria-label=\"close\"\n              className={classes.closeIconButton}\n              onClick={onClose}\n            >\n              <CloseIcon className={classes.closeIcon} />\n            </IconButton>\n          </Tooltip>\n        </div>\n      </DialogTitle>\n      <DialogContent className={classes.dialogContent}>\n        {!isLoading ? (\n          <>\n            <Filter\n              companyId={assetCompanyId}\n              companies={companies}\n              canViewCompanies={canViewCompanies}\n              radius={radius}\n              excludeSideTrack={excludeSideTrack}\n              includeNonEngineeredWells={includeNonEngineeredWells}\n              wells={filteredWells}\n              subjectWell={subjectWell}\n              filters={filters}\n              filtersOptions={filtersOptions}\n              mapHidden={mapHidden}\n              isRadiusEditable={isRadiusEditable}\n              isExistNonEngineeredWells={isExistNonEngineeredWells}\n              onChangeCompany={handleChangeCompany}\n              onSetSubjectWell={handleSetSubjectWell}\n              onChangeRadius={handleChangeRadius}\n              onChangeSidetrack={handleChangeSidetrack}\n              onChangeNonEngineeredWells={handleChangeNonEngineeredWells}\n              onChangeFilters={handleChangeFilters}\n              onClearFilters={handleClearFilters}\n              onToggleMap={handleToggleMap}\n            />\n            <WellsMap\n              subjectWell={subjectWell}\n              wells={filteredWells}\n              offsetWells={offsetWells}\n              radius={radius}\n              mapHidden={mapHidden}\n              onSetSubjectWell={handleSetSubjectWell}\n              onRemoveSubjectWell={handleRemoveSubjectWell}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n            />\n\n            <WellsTable\n              subjectWell={subjectWell}\n              wells={sortedFilteredWells}\n              offsetWells={offsetWells}\n              metricsKeys={metricsKeys}\n              sortInfo={sortInfo}\n              isMetricsLoading={isMetricsLoading}\n              unusableWellAlarm={unusableWellAlarm}\n              onChangeMetricsKeys={handleChangeMetricsKeys}\n              onSorting={handleSorting}\n              onAddOffsetWell={handleAddOffsetWell}\n              onDeleteOffsetWell={handleDeleteOffsetWell}\n              onAddAllOffsetWells={handleAddAllOffsetWells}\n              onDeleteAllOffsetWells={handleDeleteAllOffsetWells}\n            />\n          </>\n        ) : (\n          <LoadingIndicator fullscreen={false} />\n        )}\n      </DialogContent>\n      <div className={classes.bottomShadow} />\n      <DialogActions\n        className={classnames(classes.dialogActions, {\n          [classes.dialogActionsSmallScreen]: isFullScreen,\n        })}\n      >\n        {isAdvancedSearch ? (\n          <div className={classes.selectedWells}>\n            <Typography className={classes.selected}>Selected:</Typography>\n            <Typography className={classes.selectedLabel}>Best:</Typography>\n            <Typography className={classes.selectedNumber}>{bestCount}</Typography>\n            <Typography className={classes.selectedLabel}>Advanced Search:</Typography>\n            <Typography className={classes.selectedNumber}>{offsetWells?.length || 0}</Typography>\n          </div>\n        ) : (\n          <div />\n        )}\n        <div>\n          <Button\n            data-testid={`${PAGE_NAME}_cancel`}\n            onClick={handleClose}\n            color=\"primary\"\n            style={{ marginRight: 16 }}\n          >\n            CANCEL\n          </Button>\n          <Button\n            data-testid={`${PAGE_NAME}_add`}\n            variant=\"contained\"\n            color=\"primary\"\n            onClick={handleSave}\n          >\n            ADD ({offsetWells?.length || 0})\n          </Button>\n        </div>\n      </DialogActions>\n    </Dialog>\n  );\n};\n\nOffsetsPickerDialog.propTypes = {\n  isOpen: PropTypes.bool.isRequired,\n  defaultSubjectWellId: PropTypes.number,\n  companyId: PropTypes.number,\n  offsetSetting: PropTypes.shape({}).isRequired,\n  currentUser: PropTypes.shape({}).isRequired,\n  addWellsUsabilityInfo: PropTypes.func,\n  unusableWellAlarm: PropTypes.string,\n  isAdvancedSearch: PropTypes.bool,\n  bestCount: PropTypes.number,\n  maxOffsetSize: PropTypes.number,\n  onSave: PropTypes.func.isRequired,\n  onClose: PropTypes.func.isRequired,\n};\n\nOffsetsPickerDialog.defaultProps = {\n  defaultSubjectWellId: null,\n  companyId: null,\n  addWellsUsabilityInfo: null,\n  unusableWellAlarm: 'Unable to add',\n  isAdvancedSearch: false,\n  bestCount: 0,\n  maxOffsetSize: 1000, // infinite\n};\n\nexport default memo(OffsetsPickerDialog);\n"],"names":["useStyles","makeStyles","theme","dialogTitles","display","justifyContent","alignItems","title","fontSize","subTitle","color","cursor","textDecoration","subTitleSpace","titleArea","closeIconButton","padding","closeIcon","dialogActions","paddingTop","paddingBottom","bottomShadow","width","height","backgroundImage","concat","palette","background","b9","position","bottom","zIndex","dialogActionsSmallScreen","paddingRight","dialogContent","flexDirection","tabs","selectedWells","selected","selectedLabel","marginLeft","selectedNumber","margin","OffsetsPickerDialog","_ref","isOpen","defaultSubjectWellId","companyId","offsetSetting","currentUser","addWellsUsabilityInfo","unusableWellAlarm","isAdvancedSearch","bestCount","maxOffsetSize","onClose","onSave","classes","useTheme","isFullScreen","useMediaQuery","breakpoints","down","_usePermissions","usePermissions","PERMISSIONS","companySelectorView","canViewCompanies","_slicedToArray","active","_useState","useState","get","_useState2","assetCompanyId","setAssetCompanyId","_useState4","_useState3","subjectWellId","setSubjectWellId","useGlobalOffsetWellsSync","_useState5","DEFAULT_SETTINGS","filters","_useState6","setFilters","_useState7","radius","_useState8","setRadius","_useState10","_useState9","excludeSideTrack","setExcludeSideTrack","_useState12","_useState11","includeNonEngineeredWells","setIncludeNonEngineeredWells","_useState14","_useState13","metricsKeys","setMetricsKeys","_useState15","sortInfo","_useState16","setSortInfo","_useState18","_useState17","mapHidden","setMapHidden","_useState20","_useState19","selectedWellIds","setSelectedWellIds","useEffect","isRadiusEditable","useMemo","companies","useCompanies","wells","useWells","companyMetricKey","useCompanyMetricKey","prev","filtersOptions","useBidirectionalFiltering","initialFilteredWells","getFilteredWells","filteredWells","getFilteredWellsByNonEngineered","subjectWell","find","well","id","filteredWellsWithCoords","useWellsWithCoords","engineeredWells","filteredWellsByNonEngineered","isExistNonEngineeredWells","length","useRadiusWells","offsetWells","useOffsetWells","_useMetricsData","useMetricsData","_useMetricsData2","isMetricsLoading","filteredWellsWithMetric","sortedFilteredWells","orderBy","key","direction","handleChangeCompany","useCallback","newCompanyId","handleAddOffsetWell","targetId","currentWell","is_usable","uniq","handleDeleteOffsetWell","filter","wellId","handleAddAllOffsetWells","map","handleDeleteAllOffsetWells","handleSetSubjectWell","handleRemoveSubjectWell","handleChangeRadius","newRadius","handleChangeSidetrack","checked","handleChangeNonEngineeredWells","item","includes","handleChangeFilters","newValues","_objectSpread","_defineProperty","handleClearFilters","handleToggleMap","value","handleChangeMetricsKeys","newMetricsKeys","handleSorting","newKey","prevInfo","handleClose","isLoading","_jsxs","Dialog","onBackdropClick","onEscapeKeyDown","maxWidth","fullWidth","fullScreen","open","children","_jsx","DialogTitle","jsxs","className","Typography","onClick","Tooltip","IconButton","CloseIcon","DialogContent","LoadingIndicator","fullscreen","_Fragment","Filter","onChangeCompany","onSetSubjectWell","onChangeRadius","onChangeSidetrack","onChangeNonEngineeredWells","onChangeFilters","onClearFilters","onToggleMap","WellsMap","onRemoveSubjectWell","onAddOffsetWell","onDeleteOffsetWell","WellsTable","onChangeMetricsKeys","onSorting","onAddAllOffsetWells","onDeleteAllOffsetWells","jsx","DialogActions","classnames","Button","style","marginRight","variant","setting","offsetWell","propTypes","PropTypes","bool","isRequired","number","shape","func","string","defaultProps","memo"],"mappings":"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"}